npm - @landtrustinc/design-system - Versions diffs - 1.2.41 → 1.2.42 - Mend

@landtrustinc/design-system 1.2.41 → 1.2.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.js CHANGED Viewed

@@ -66,6 +66,7 @@ __export(src_exports, {
   Navigation: () => Navigation_default,
   PackageCard: () => PackageCard_default,
   PackageHeader: () => PackageHeader_default,
+  ProgressBar: () => ProgressBar_default,
   ReviewCard: () => ReviewCard_default,
   Reviews: () => Reviews_default,
   ReviewsShowcase: () => ReviewsShowcase_default,
@@ -78,6 +79,7 @@ __export(src_exports, {
   Text: () => Text_default,
   TextArea: () => TextArea,
   ThemeTokens: () => ThemeTokens,
+  Timer: () => Timer_default,
   Tooltip: () => Tooltip_default,
   TopMatchingFieldNote: () => TopMatchingFieldNote,
   TopMatchingReview: () => TopMatchingReview,
@@ -7822,8 +7824,127 @@ var InfoBox = ({ heading, features, className }) => {
 };
 var InfoBox_default = InfoBox;
-// src/StarRating/StarRating.tsx
+// src/LandownerProfile/LandownerProfile.tsx
+var import_react52 = require("react");
+// src/ProgressBar/ProgressBar.styles.ts
+var import_react49 = require("@emotion/react");
+var progressStyles = import_react49.css`
+  transition: width 0.3s ease-in-out;
+`;
+// src/ProgressBar/ProgressBar.tsx
 var import_jsx_runtime242 = require("@emotion/react/jsx-runtime");
+var ProgressBar = ({ progress, className }) => {
+  const clampedProgress = Math.min(100, Math.max(0, progress));
+  return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
+    Box_default,
+    {
+      width: "100%",
+      height: "10px",
+      backgroundColor: "var(--color-primary-100)",
+      borderRadius: "48px",
+      overflow: "hidden",
+      position: "relative",
+      className,
+      children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
+        Box_default,
+        {
+          height: "100%",
+          borderRadius: "48px",
+          backgroundColor: "var(--color-primary-900)",
+          css: progressStyles,
+          style: { width: `${clampedProgress}%` },
+          role: "progressbar",
+          "aria-valuenow": clampedProgress,
+          "aria-valuemin": 0,
+          "aria-valuemax": 100
+        }
+      )
+    }
+  );
+};
+ProgressBar.displayName = "ProgressBar";
+var ProgressBar_default = ProgressBar;
+// src/Timer/Timer.tsx
+var import_react51 = require("react");
+// src/Timer/Timer.styles.ts
+var import_react50 = require("@emotion/react");
+var rootStyles2 = import_react50.css`
+  display: inline-flex;
+  font-variant-numeric: tabular-nums;
+`;
+// src/Timer/Timer.tsx
+var import_jsx_runtime243 = require("@emotion/react/jsx-runtime");
+var calculateTimeLeft = (expirationTimestamp) => {
+  const now = Math.floor(Date.now() / 1e3);
+  const diff = expirationTimestamp - now;
+  if (diff <= 0) {
+    return null;
+  }
+  const days = Math.floor(diff / (24 * 60 * 60));
+  const hours = Math.floor(diff % (24 * 60 * 60) / (60 * 60));
+  const minutes = Math.floor(diff % (60 * 60) / 60);
+  const seconds = diff % 60;
+  return {
+    days,
+    hours,
+    minutes,
+    seconds,
+    totalSeconds: diff
+  };
+};
+var Timer = ({
+  expirationTimestamp,
+  onTimeUpdate,
+  onExpire,
+  className
+}) => {
+  const [timeLeft, setTimeLeft] = (0, import_react51.useState)(
+    () => calculateTimeLeft(expirationTimestamp)
+  );
+  const updateTime = (0, import_react51.useCallback)(() => {
+    const newTimeLeft = calculateTimeLeft(expirationTimestamp);
+    setTimeLeft(newTimeLeft);
+    if (newTimeLeft) {
+      onTimeUpdate == null ? void 0 : onTimeUpdate(newTimeLeft);
+    } else {
+      onExpire == null ? void 0 : onExpire();
+    }
+    return newTimeLeft;
+  }, [expirationTimestamp, onTimeUpdate, onExpire]);
+  (0, import_react51.useEffect)(() => {
+    const initialTime = updateTime();
+    if (!initialTime)
+      return;
+    const interval = setInterval(() => {
+      const remaining = updateTime();
+      if (!remaining) {
+        clearInterval(interval);
+      }
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [updateTime]);
+  if (!timeLeft) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Box_default, { css: rootStyles2, className, children: /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Text_default, { as: "span", fontWeight: "bold", children: [
+    timeLeft.days,
+    "d : ",
+    timeLeft.hours,
+    "h : ",
+    timeLeft.minutes,
+    "m"
+  ] }) });
+};
+Timer.displayName = "Timer";
+var Timer_default = Timer;
+// src/StarRating/StarRating.tsx
+var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
 var starSize = {
   sm: {
     size: "medium",
@@ -7871,10 +7992,10 @@ var StarRating = ({
       fill = "var(--color-neutral-100)";
     }
     stars.push(
-      /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Icon_default, { variant, size: starSize[size].size, fill }, i)
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Icon_default, { variant, size: starSize[size].size, fill }, i)
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
     Box_default,
     {
       className,
@@ -7888,7 +8009,7 @@ var StarRating = ({
 var StarRating_default = StarRating;
 // src/UserCard/UserCard.tsx
-var import_jsx_runtime243 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
 var UserCard = ({
   avatarSrc,
   title,
@@ -7898,7 +8019,7 @@ var UserCard = ({
   isVerified = false,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -7907,8 +8028,8 @@ var UserCard = ({
       gap: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Box_default, { display: "flex", alignItems: "flex-start", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { display: "flex", alignItems: "flex-start", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
             Avatar_default,
             {
               type: avatarSrc ? "image" : "text",
@@ -7917,13 +8038,13 @@ var UserCard = ({
               alt: `${title}'s avatar`
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
-            subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
-            showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(StarRating_default, { rating })
+          /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
+            subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
+            showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(StarRating_default, { rating })
           ] })
         ] }),
-        isVerified && /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
+        isVerified && /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -7932,8 +8053,8 @@ var UserCard = ({
             gap: "var(--spacing-1)",
             flexShrink: 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Icon_default, { variant: "ShieldCheckSolid", fill: "var(--icon-success)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Text_default, { size: "xs", fontWeight: "bold", color: "text-primary", children: "Verified" })
+              /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Icon_default, { variant: "ShieldCheckSolid", fill: "var(--icon-success)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { size: "xs", fontWeight: "bold", color: "text-primary", children: "Verified" })
             ]
           }
         )
@@ -7944,19 +8065,19 @@ var UserCard = ({
 var UserCard_default = UserCard;
 // src/LandownerProfile/components/ProfileSubtitle.tsx
-var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime246 = require("@emotion/react/jsx-runtime");
 var ProfileSubtitle = ({
   yearsHosting = 1,
   featureReviewItem
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
-    yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
+    yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
       yearsHosting,
       " ",
       yearsHosting === 1 ? "Year" : "Years",
       " Hosting"
     ] }),
-    featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(FeatureListItem_default, { ...featureReviewItem })
+    featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(FeatureListItem_default, { ...featureReviewItem })
   ] });
 };
 var ProfileSubtitle_default = ProfileSubtitle;
@@ -7971,7 +8092,7 @@ var hasTextContent = (html) => {
 };
 // src/LandownerProfile/LandownerProfile.tsx
-var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
 var LandownerProfile = ({
   heading,
   avatarSrc,
@@ -7985,8 +8106,25 @@ var LandownerProfile = ({
   messageButtonText = "Message",
   onMessageClick,
   isMessageDisabled = false,
+  earlyAccessTimer,
+  onEarlyAccessTimeUpdate,
+  onEarlyAccessExpire,
   className
 }) => {
+  const calculateProgress = (timeLeft) => {
+    if (!earlyAccessTimer)
+      return 0;
+    const { totalDuration } = earlyAccessTimer;
+    if (totalDuration <= 0)
+      return 100;
+    const progressPercentage = (totalDuration - timeLeft.totalSeconds) / totalDuration * 100;
+    return Math.min(100, Math.max(0, progressPercentage));
+  };
+  const [progress, setProgress] = (0, import_react52.useState)(0);
+  const handleTimeUpdate = (timeLeft) => {
+    setProgress(calculateProgress(timeLeft));
+    onEarlyAccessTimeUpdate == null ? void 0 : onEarlyAccessTimeUpdate(timeLeft);
+  };
   const responseRateFeature = responseRate ? {
     iconVariant: "IconComment",
     label: `Response Rate: ${responseRate}`
@@ -7995,7 +8133,7 @@ var LandownerProfile = ({
     iconVariant: "Bolt",
     label: `Response Time: ${responseTime}`
   } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -8004,8 +8142,8 @@ var LandownerProfile = ({
       color: "var(--text-primary)",
       className,
       children: [
-        heading && /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
+        heading && /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -8015,12 +8153,12 @@ var LandownerProfile = ({
             p: "var(--spacing-4)",
             borderRadius: "var(--radius-lg)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
                 UserCard_default,
                 {
                   avatarSrc,
                   title: name,
-                  subtitle: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+                  subtitle: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
                     ProfileSubtitle_default,
                     {
                       yearsHosting,
@@ -8031,9 +8169,9 @@ var LandownerProfile = ({
                   isVerified
                 }
               ),
-              hasTextContent(bio) && !!bio && /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
-                /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+              hasTextContent(bio) && !!bio && /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
+                /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
                   Text_default,
                   {
                     dangerouslySetInnerHTML: {
@@ -8042,14 +8180,14 @@ var LandownerProfile = ({
                   }
                 )
               ] }),
-              (!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
-                /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
-                  !!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(FeatureListItem_default, { ...responseRateFeature }),
-                  !!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(FeatureListItem_default, { ...responseTimeFeature })
+              (!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
+                /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+                  !!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(FeatureListItem_default, { ...responseRateFeature }),
+                  !!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(FeatureListItem_default, { ...responseTimeFeature })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
                 Button_default,
                 {
                   variant: "secondary",
@@ -8057,7 +8195,31 @@ var LandownerProfile = ({
                   disabled: isMessageDisabled,
                   children: messageButtonText
                 }
-              ) })
+              ) }),
+              earlyAccessTimer && /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(ProgressBar_default, { progress }),
+                /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
+                  Box_default,
+                  {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "var(--spacing-1)",
+                    textAlign: "center",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Text_default, { size: "xs", textAlign: "center", children: earlyAccessTimer.labelText }),
+                      /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Text_default, { size: "sm", textAlign: "center", children: earlyAccessTimer.descriptionText }),
+                      /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Box_default, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
+                        Timer_default,
+                        {
+                          expirationTimestamp: earlyAccessTimer.expirationTimestamp,
+                          onTimeUpdate: handleTimeUpdate,
+                          onExpire: onEarlyAccessExpire
+                        }
+                      ) })
+                    ]
+                  }
+                )
+              ] })
             ]
           }
         )
@@ -8068,11 +8230,11 @@ var LandownerProfile = ({
 var LandownerProfile_default = LandownerProfile;
 // src/ListingChat/ListingChat.tsx
-var import_react50 = require("react");
+var import_react54 = require("react");
 // src/ListingChat/ListingChat.styles.ts
-var import_react49 = require("@emotion/react");
-var containerStyles2 = import_react49.css`
+var import_react53 = require("@emotion/react");
+var containerStyles2 = import_react53.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
@@ -8080,13 +8242,13 @@ var containerStyles2 = import_react49.css`
   border-radius: var(--radius-lg);
   background: var(--surface-success);
 `;
-var headerStyles = import_react49.css`
+var headerStyles = import_react53.css`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--spacing-2);
 `;
-var chipsContainerStyles = import_react49.css`
+var chipsContainerStyles = import_react53.css`
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-4);
@@ -8099,15 +8261,15 @@ var chipsContainerStyles = import_react49.css`
     cursor: pointer;
   }
 `;
-var textAreaStyles = import_react49.css`
+var textAreaStyles = import_react53.css`
   min-height: 62px;
 `;
-var inputWrapperStyles2 = import_react49.css`
+var inputWrapperStyles2 = import_react53.css`
   position: relative;
 `;
 // src/ListingChat/ListingChat.tsx
-var import_jsx_runtime246 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime248 = require("@emotion/react/jsx-runtime");
 var ListingChat = ({
   onSubmit,
   placeholder = "Ask anything about this listing\u2026",
@@ -8117,15 +8279,15 @@ var ListingChat = ({
   disabled = false,
   ...rest
 }) => {
-  const [value, setValue] = (0, import_react50.useState)("");
-  const handleSubmit = (0, import_react50.useCallback)(() => {
+  const [value, setValue] = (0, import_react54.useState)("");
+  const handleSubmit = (0, import_react54.useCallback)(() => {
     const trimmed = value.trim();
     if (!trimmed)
       return;
     onSubmit(trimmed);
     setValue("");
   }, [onSubmit, value]);
-  const handleTagClick = (0, import_react50.useCallback)(
+  const handleTagClick = (0, import_react54.useCallback)(
     (tag) => () => {
       const trimmed = tag.trim();
       if (!trimmed)
@@ -8134,18 +8296,18 @@ var ListingChat = ({
     },
     [onSubmit]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(Box_default, { css: headerStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(Box_default, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
+  return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(Box_default, { css: headerStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
-        /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Text_default, { size: "sm", children: "Beta" })
+      /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
+        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Text_default, { size: "sm", children: "Beta" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
       TextArea,
       {
         rows: 1,
@@ -8160,14 +8322,14 @@ var ListingChat = ({
         css: textAreaStyles
       }
     ) }),
-    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(import_jsx_runtime246.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
-      /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(import_jsx_runtime248.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
+      /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
         "button",
         {
           onClick: handleTagClick(tag),
           disabled,
-          children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(TagChip_default, { children: tag })
+          children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(TagChip_default, { children: tag })
         },
         tag
       )) })
@@ -8177,11 +8339,11 @@ var ListingChat = ({
 var ListingChat_default = ListingChat;
 // src/Logo/Logo.tsx
-var import_react51 = require("@emotion/react");
+var import_react55 = require("@emotion/react");
 // src/Logo/components/LandtrustPlusDark.tsx
-var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
+var import_jsx_runtime249 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8189,14 +8351,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime247.
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime249.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime249.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_runtime247.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -8205,14 +8367,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime247.
           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_runtime247.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime249.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_runtime247.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime249.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
         "filter",
         {
           id: "landtrust-plus-dark_svg__a",
@@ -8223,8 +8385,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime247.
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime249.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -8232,18 +8394,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime247.
                 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_runtime247.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime247.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_runtime247.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime249.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime249.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime249.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime249.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_runtime249.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2540"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -8260,8 +8422,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime247.
 var LandtrustPlusDark_default = SvgLandtrustPlusDark;
 // src/Logo/components/LandtrustPlusLight.tsx
-var import_jsx_runtime248 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
+var import_jsx_runtime250 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8269,14 +8431,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime248
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime248.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime250.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_runtime248.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -8285,14 +8447,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime248
           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_runtime248.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime250.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_runtime248.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
         "filter",
         {
           id: "landtrust-plus-light_svg__a",
@@ -8303,8 +8465,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime248
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime248.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -8312,18 +8474,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime248
                 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_runtime248.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime248.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime248.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime248.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_runtime248.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime250.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_runtime250.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2538"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -8340,8 +8502,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime248
 var LandtrustPlusLight_default = SvgLandtrustPlusLight;
 // src/Logo/components/LandtrustStandardDark.tsx
-var import_jsx_runtime249 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
+var import_jsx_runtime251 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8349,14 +8511,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime251.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_runtime249.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
         "path",
         {
           fill: "#fff",
@@ -8369,8 +8531,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
 var LandtrustStandardDark_default = SvgLandtrustStandardDark;
 // src/Logo/components/LandtrustStandardLight.tsx
-var import_jsx_runtime250 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
+var import_jsx_runtime252 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8378,14 +8540,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime252.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_runtime250.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
         "path",
         {
           fill: "#000",
@@ -8398,8 +8560,8 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
 var LandtrustStandardLight_default = SvgLandtrustStandardLight;
 // src/Logo/Logo.tsx
-var import_jsx_runtime251 = require("@emotion/react/jsx-runtime");
-var logoStyles = (size) => import_react51.css`
+var import_jsx_runtime253 = require("@emotion/react/jsx-runtime");
+var logoStyles = (size) => import_react55.css`
   width: ${space[size]};
   height: auto;
   display: block;
@@ -8427,18 +8589,18 @@ var Logo = ({
     return LandtrustStandardLight_default;
   };
   const LogoComponent = getLogoComponent();
-  return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
 };
 var Logo_default = Logo;
 // src/Navigation/Navigation.styles.ts
-var import_react52 = require("@emotion/react");
-var navigationStyles = import_react52.css`
+var import_react56 = require("@emotion/react");
+var navigationStyles = import_react56.css`
   width: 100%;
   background-color: white;
   border-bottom: 1px solid #e5e5e5;
 `;
-var hamburgerButtonStyles = import_react52.css`
+var hamburgerButtonStyles = import_react56.css`
   cursor: pointer;
   &:focus {
     outline: 2px solid #4f46e5;
@@ -8449,7 +8611,7 @@ var hamburgerButtonStyles = import_react52.css`
     display: none;
   }
 `;
-var centeredLogoStyles = import_react52.css`
+var centeredLogoStyles = import_react56.css`
   transform: translate(-50%, -50%);
   max-width: 150px;
@@ -8457,27 +8619,27 @@ var centeredLogoStyles = import_react52.css`
     display: none;
   }
 `;
-var desktopLogoStyles = import_react52.css`
+var desktopLogoStyles = import_react56.css`
   display: none;
   @media (min-width: 768px) {
     display: block;
   }
 `;
-var containerStyles3 = import_react52.css`
+var containerStyles3 = import_react56.css`
   @media (min-width: 768px) {
     justify-content: space-between;
     position: static;
   }
 `;
-var logoStyles2 = import_react52.css`
+var logoStyles2 = import_react56.css`
   width: 100%;
   @media (min-width: 768px) {
     width: initial;
   }
 `;
-var desktopNavStyles = import_react52.css`
+var desktopNavStyles = import_react56.css`
   display: none;
   @media (min-width: 768px) {
@@ -8486,7 +8648,7 @@ var desktopNavStyles = import_react52.css`
     gap: 32px;
   }
 `;
-var navLinksStyles = import_react52.css`
+var navLinksStyles = import_react56.css`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -8494,7 +8656,7 @@ var navLinksStyles = import_react52.css`
   margin: 0;
   padding: 0;
 `;
-var navLinkStyles = import_react52.css`
+var navLinkStyles = import_react56.css`
   text-decoration: none;
   color: #374151;
   font-weight: 500;
@@ -8510,7 +8672,7 @@ var navLinkStyles = import_react52.css`
     outline-offset: 2px;
   }
 `;
-var avatarPlaceholderStyles = import_react52.css`
+var avatarPlaceholderStyles = import_react56.css`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -8535,7 +8697,7 @@ var avatarPlaceholderStyles = import_react52.css`
 `;
 // src/Navigation/Navigation.tsx
-var import_jsx_runtime252 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime254 = require("@emotion/react/jsx-runtime");
 var Navigation = ({
   onMenuToggle,
   className,
@@ -8549,7 +8711,7 @@ var Navigation = ({
   onAvatarClick,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -8558,7 +8720,7 @@ var Navigation = ({
       position: "relative",
       css: containerStyles3,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
           Box_default,
           {
             as: "button",
@@ -8570,11 +8732,11 @@ var Navigation = ({
             border: "none",
             padding: space[2],
             css: hamburgerButtonStyles,
-            children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Icon_default, { variant: "Bars", size: "large" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Icon_default, { variant: "Bars", size: "large" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
           Logo_default,
           {
             variant: logoVariant,
@@ -8583,8 +8745,8 @@ var Navigation = ({
             css: logoStyles2
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(Box_default, { css: desktopNavStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Box_default, { css: desktopNavStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
             "a",
             {
               href: link.href,
@@ -8593,7 +8755,7 @@ var Navigation = ({
               children: link.label
             }
           ) }, link.href)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
             Box_default,
             {
               as: "button",
@@ -8612,21 +8774,21 @@ var Navigation = ({
 var Navigation_default = Navigation;
 // src/ScrollingCarousel/components/ScrollingCarouselStep.tsx
-var import_react55 = require("react");
+var import_react59 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
 // src/ScrollingCarousel/context/CarouselContext.tsx
-var import_react53 = __toESM(require("react"));
-var CarouselContext = import_react53.default.createContext(
+var import_react57 = __toESM(require("react"));
+var CarouselContext = import_react57.default.createContext(
   null
 );
 // src/ScrollingCarousel/ScrollingCarousel.styles.ts
-var import_react54 = require("@emotion/react");
-var carouselRoot = import_react54.css`
+var import_react58 = require("@emotion/react");
+var carouselRoot = import_react58.css`
   position: relative;
 `;
-var carousel = import_react54.css`
+var carousel = import_react58.css`
   display: flex;
   overflow-y: hidden;
   overflow-x: scroll;
@@ -8638,7 +8800,7 @@ var carousel = import_react54.css`
     display: none;
   }
 `;
-var step = import_react54.css`
+var step = import_react58.css`
   scroll-snap-align: center;
   flex-basis: 100%;
   flex-shrink: 0;
@@ -8651,7 +8813,7 @@ var step = import_react54.css`
     flex-basis: 100%;
   }
 `;
-var controls = (position2) => import_react54.css`
+var controls = (position2) => import_react58.css`
   ${(position2 === "left-right" || position2 === "top-right") && `
     display: none;
@@ -8660,7 +8822,7 @@ var controls = (position2) => import_react54.css`
     }
   `}
 `;
-var iconWrapper = import_react54.css`
+var iconWrapper = import_react58.css`
   display: flex;
   width: var(--spacing-7);
   height: var(--spacing-7);
@@ -8670,7 +8832,7 @@ var iconWrapper = import_react54.css`
   justify-content: center;
   box-shadow: var(--shadow-md);
 `;
-var button = (position2) => import_react54.css`
+var button = (position2) => import_react58.css`
   background: transparent;
   border-color: transparent;
   outline: none;
@@ -8702,7 +8864,7 @@ var button = (position2) => import_react54.css`
     bottom: calc(-1 * var(--spacing-1));
   `}
 `;
-var buttonLeft = (position2) => import_react54.css`
+var buttonLeft = (position2) => import_react58.css`
   ${button(position2)}
   ${position2 === "left-right" && `
@@ -8722,7 +8884,7 @@ var buttonLeft = (position2) => import_react54.css`
     left: calc(50% - var(--spacing-16));
   `}
 `;
-var customButtonLeft = (position2) => import_react54.css`
+var customButtonLeft = (position2) => import_react58.css`
   ${button(position2)}
   ${position2 === "left-right" && `
@@ -8742,7 +8904,7 @@ var customButtonLeft = (position2) => import_react54.css`
     left: calc(50% - var(--spacing-16));
   `}
 `;
-var buttonRight = (position2) => import_react54.css`
+var buttonRight = (position2) => import_react58.css`
   ${button(position2)}
   ${position2 === "left-right" && `
@@ -8762,12 +8924,12 @@ var buttonRight = (position2) => import_react54.css`
     right: calc(50% - var(--spacing-16));
   `}
 `;
-var icon = import_react54.css`
+var icon = import_react58.css`
   width: var(--spacing-3);
   height: var(--spacing-3);
   color: var(--color-base-black);
 `;
-var dots = import_react54.css`
+var dots = import_react58.css`
   position: absolute;
   bottom: var(--spacing-2);
   left: 0;
@@ -8777,11 +8939,11 @@ var dots = import_react54.css`
   align-items: center;
   justify-content: center;
 `;
-var dotsInner = import_react54.css`
+var dotsInner = import_react58.css`
   display: flex;
   overflow: hidden;
 `;
-var dot = (dotsColor) => import_react54.css`
+var dot = (dotsColor) => import_react58.css`
   position: relative;
   flex-shrink: 0;
   flex-grow: 0;
@@ -8820,22 +8982,22 @@ var dot = (dotsColor) => import_react54.css`
     `}
   }
 `;
-var dotDistance2 = import_react54.css`
+var dotDistance2 = import_react58.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.9);
   }
 `;
-var dotDistance3 = import_react54.css`
+var dotDistance3 = import_react58.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.8);
   }
 `;
-var dotDistanceGreaterThan3 = import_react54.css`
+var dotDistanceGreaterThan3 = import_react58.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.7);
   }
 `;
-var dotVisible = import_react54.css`
+var dotVisible = import_react58.css`
   &::after {
     opacity: 1;
     transform: translate(-50%, -50%) scale(1.2);
@@ -8843,7 +9005,7 @@ var dotVisible = import_react54.css`
 `;
 // src/ScrollingCarousel/components/ScrollingCarouselStep.tsx
-var import_jsx_runtime253 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime255 = require("@emotion/react/jsx-runtime");
 var ScrollingCarouselStep = ({
   children,
   index,
@@ -8851,7 +9013,7 @@ var ScrollingCarouselStep = ({
   parentId,
   onClick
 }) => {
-  const context = (0, import_react55.useContext)(CarouselContext);
+  const context = (0, import_react59.useContext)(CarouselContext);
   if (!context) {
     throw new Error(
       "ScrollingCarouselStep must be used within ScrollingCarousel"
@@ -8862,7 +9024,7 @@ var ScrollingCarouselStep = ({
     threshold: 0.75,
     root: carousel2.current
   });
-  (0, import_react55.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (typeof index !== "undefined") {
       dispatch({
         type: "set_child_visibility",
@@ -8870,7 +9032,7 @@ var ScrollingCarouselStep = ({
       });
     }
   }, [inView, index, dispatch]);
-  return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
     "div",
     {
       ref,
@@ -8888,10 +9050,10 @@ var ScrollingCarouselStep = ({
 ScrollingCarouselStep.displayName = "ScrollingCarouselStep";
 // src/ScrollingCarousel/ScrollingCarousel.tsx
-var import_react59 = __toESM(require("react"));
+var import_react63 = __toESM(require("react"));
 // src/ScrollingCarousel/hooks/useCarouselDots.ts
-var import_react56 = require("react");
+var import_react60 = require("react");
 // src/ScrollingCarousel/ScrollingCarousel.helpers.ts
 var childVisibilityReducer = (state, action) => {
@@ -8922,7 +9084,7 @@ var useCarouselDots = ({
   anyItemsVisible,
   numberOfDots
 }) => {
-  const dotOffset = (0, import_react56.useRef)(0);
+  const dotOffset = (0, import_react60.useRef)(0);
   const dotWidth = 12;
   const totalDots = childVisibility.length;
   const dotToCenterIndex = Math.round(
@@ -8954,7 +9116,7 @@ var useCarouselDots = ({
 };
 // src/ScrollingCarousel/hooks/useCarouselNavigation.ts
-var import_react57 = require("react");
+var import_react61 = require("react");
 // src/shared/helpers.ts
 var import_seamless_scroll_polyfill = require("seamless-scroll-polyfill");
@@ -8988,7 +9150,7 @@ var useCarouselNavigation = ({
   infiniteScroll,
   childVisibilityLength
 }) => {
-  const getStepEl = (0, import_react57.useCallback)(
+  const getStepEl = (0, import_react61.useCallback)(
     (index) => {
       if (carousel2.current) {
         const selector = `[data-carousel-id="${id}"][data-carousel-index="${index}"]`;
@@ -8998,7 +9160,7 @@ var useCarouselNavigation = ({
     },
     [carousel2, id]
   );
-  const next = (0, import_react57.useCallback)(
+  const next = (0, import_react61.useCallback)(
     (e) => {
       e.preventDefault();
       if (lastItemIsVisible && !infiniteScroll)
@@ -9026,7 +9188,7 @@ var useCarouselNavigation = ({
       carousel2
     ]
   );
-  const back = (0, import_react57.useCallback)(
+  const back = (0, import_react61.useCallback)(
     (e) => {
       e.preventDefault();
       if (firstItemIsVisible && !infiniteScroll)
@@ -9054,7 +9216,7 @@ var useCarouselNavigation = ({
       carousel2
     ]
   );
-  const goTo = (0, import_react57.useCallback)(
+  const goTo = (0, import_react61.useCallback)(
     (e, i) => {
       e.preventDefault();
       const el = getStepEl(i);
@@ -9072,12 +9234,12 @@ var useCarouselNavigation = ({
 };
 // src/ScrollingCarousel/hooks/useCarouselVisibility.ts
-var import_react58 = require("react");
+var import_react62 = require("react");
 var useCarouselVisibility = (carousel2) => {
-  const [state, dispatch] = (0, import_react58.useReducer)(childVisibilityReducer, {
+  const [state, dispatch] = (0, import_react62.useReducer)(childVisibilityReducer, {
     childVisibility: []
   });
-  const carouselContextApi = (0, import_react58.useMemo)(
+  const carouselContextApi = (0, import_react62.useMemo)(
     () => ({ carousel: carousel2, dispatch }),
     [carousel2]
   );
@@ -9098,7 +9260,7 @@ var useCarouselVisibility = (carousel2) => {
 };
 // src/ScrollingCarousel/ScrollingCarousel.tsx
-var import_jsx_runtime254 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime256 = require("@emotion/react/jsx-runtime");
 var ScrollingCarousel = ({
   className,
   children,
@@ -9115,8 +9277,8 @@ var ScrollingCarousel = ({
   id,
   current
 }) => {
-  const carousel2 = (0, import_react59.useRef)(null);
-  const [isHovering, setIsHovering] = (0, import_react59.useState)(false);
+  const carousel2 = (0, import_react63.useRef)(null);
+  const [isHovering, setIsHovering] = (0, import_react63.useState)(false);
   const {
     state,
     carouselContextApi,
@@ -9136,7 +9298,7 @@ var ScrollingCarousel = ({
     infiniteScroll,
     childVisibilityLength: state.childVisibility.length
   });
-  (0, import_react59.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (carousel2.current && typeof current === "number" && current >= 0) {
       const childrenArray = Array.from(carousel2.current.children);
       const selectedItem = childrenArray[current];
@@ -9151,9 +9313,9 @@ var ScrollingCarousel = ({
       }
     }
   }, [current]);
-  const childrenWithIndex = import_react59.default.Children.map(
+  const childrenWithIndex = import_react63.default.Children.map(
     children,
-    (child, index) => import_react59.default.cloneElement(child, { index })
+    (child, index) => import_react63.default.cloneElement(child, { index })
   );
   const { dotOffset, dotDistances, dotWidth } = useCarouselDots({
     childVisibility: state.childVisibility,
@@ -9164,7 +9326,7 @@ var ScrollingCarousel = ({
   });
   const hasMultipleChildren = state.childVisibility.length > 1;
   const shouldShowNavigation = showNavigationOnHover ? isHovering : true;
-  return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
     "div",
     {
       css: carouselRoot,
@@ -9172,7 +9334,7 @@ var ScrollingCarousel = ({
       onMouseEnter: () => setIsHovering(true),
       onMouseLeave: () => setIsHovering(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
           "div",
           {
             css: carousel,
@@ -9181,11 +9343,11 @@ var ScrollingCarousel = ({
             role: "region",
             "aria-roledescription": "carousel",
             "aria-label": "Scrolling carousel",
-            children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(CarouselContext.Provider, { value: carouselContextApi, children: childrenWithIndex })
+            children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(CarouselContext.Provider, { value: carouselContextApi, children: childrenWithIndex })
           }
         ),
-        hasMultipleChildren && shouldShowNavigation && /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)("div", { css: controls(buttonsPosition), children: [
-          showButtons && (!firstItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+        hasMultipleChildren && shouldShowNavigation && /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)("div", { css: controls(buttonsPosition), children: [
+          showButtons && (!firstItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
             "button",
             {
               "aria-label": "Previous",
@@ -9197,10 +9359,10 @@ var ScrollingCarousel = ({
               },
               css: customLeftButton ? customButtonLeft(buttonsPosition) : buttonLeft(buttonsPosition),
               "data-testid": `scrolling-carousel-button-back-${id}`,
-              children: customBackIcon ? customBackIcon : /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Icon_default, { variant: "AngleLeft", css: icon }) })
+              children: customBackIcon ? customBackIcon : /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Icon_default, { variant: "AngleLeft", css: icon }) })
             }
           ),
-          showButtons && (!lastItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+          showButtons && (!lastItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
             "button",
             {
               "aria-label": "Next",
@@ -9212,11 +9374,11 @@ var ScrollingCarousel = ({
               },
               css: buttonRight(buttonsPosition),
               "data-testid": `scrolling-carousel-button-next-${id}`,
-              children: customNextIcon ? customNextIcon : /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Icon_default, { variant: "AngleRight", css: icon }) })
+              children: customNextIcon ? customNextIcon : /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Icon_default, { variant: "AngleRight", css: icon }) })
             }
           )
         ] }),
-        showDots && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)("div", { css: dots, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+        showDots && /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("div", { css: dots, children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
           "div",
           {
             css: dotsInner,
@@ -9224,7 +9386,7 @@ var ScrollingCarousel = ({
             children: state.childVisibility.map((childVisibility, i) => {
               var _a;
               const distance = (_a = dotDistances[i]) != null ? _a : 0;
-              return /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
                 "button",
                 {
                   type: "button",
@@ -9255,8 +9417,8 @@ var ScrollingCarousel = ({
 ScrollingCarousel.displayName = "ScrollingCarousel";
 // src/PackageCard/PackageCard.styles.ts
-var import_react60 = require("@emotion/react");
-var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler) => import_react60.css`
+var import_react64 = require("@emotion/react");
+var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler) => import_react64.css`
   ${hasClickHandler && `
     cursor: pointer;
   `}
@@ -9274,7 +9436,7 @@ var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler)
   flex-direction: column;
   gap: var(--spacing-2);
-  ${orientation === "horizontal" && import_react60.css`
+  ${orientation === "horizontal" && import_react64.css`
     /* Apply horizontal layout only on tablet and up */
     ${media.md} {
       flex-direction: row;
@@ -9302,60 +9464,60 @@ var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler)
     }
   `}
 `;
-var imageContainerStyles = (orientation) => import_react60.css`
+var imageContainerStyles = (orientation) => import_react64.css`
   width: 100%;
   height: 260px;
-  ${orientation === "horizontal" && import_react60.css`
+  ${orientation === "horizontal" && import_react64.css`
     ${media.md} {
       width: 40%;
       height: 200px;
     }
   `}
 `;
-var imageBoxStyles = (orientation) => import_react60.css`
+var imageBoxStyles = (orientation) => import_react64.css`
   height: 260px;
-  ${orientation === "horizontal" && import_react60.css`
+  ${orientation === "horizontal" && import_react64.css`
     ${media.md} {
       height: 200px;
     }
   `}
 `;
-var contentContainerStyles = (orientation, hasContentBackground) => import_react60.css`
+var contentContainerStyles = (orientation, hasContentBackground) => import_react64.css`
   ${hasContentBackground ? contentWithBackgroundStyles : contentWithoutBackgroundStyles}
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
-  ${orientation === "horizontal" && import_react60.css`
+  ${orientation === "horizontal" && import_react64.css`
     ${media.md} {
       width: 60%;
       justify-content: center;
     }
   `}
 `;
-var imageStyles2 = import_react60.css`
+var imageStyles2 = import_react64.css`
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   background-color: lightgray;
 `;
-var badgeTopLeftStyles = import_react60.css`
+var badgeTopLeftStyles = import_react64.css`
   position: absolute;
   top: var(--spacing-3);
   left: var(--spacing-3);
   z-index: 2;
 `;
-var badgeBottomRightStyles = import_react60.css`
+var badgeBottomRightStyles = import_react64.css`
   position: absolute;
   bottom: var(--spacing-3);
   right: var(--spacing-3);
   z-index: 2;
 `;
-var heartIconStyles = import_react60.css`
+var heartIconStyles = import_react64.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
@@ -9377,20 +9539,20 @@ var heartIconStyles = import_react60.css`
     transform: scale(1.1);
   }
 `;
-var actionMenuStyles = import_react60.css`
+var actionMenuStyles = import_react64.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
   z-index: 3;
 `;
-var contentWithBackgroundStyles = import_react60.css`
+var contentWithBackgroundStyles = import_react64.css`
   padding: 0 var(--spacing-3) var(--spacing-4) var(--spacing-3);
   background-color: var(--surface-page);
 `;
-var contentWithoutBackgroundStyles = import_react60.css`
+var contentWithoutBackgroundStyles = import_react64.css`
   padding-top: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);
 `;
-var overlayStyles = import_react60.css`
+var overlayStyles = import_react64.css`
   position: absolute;
   top: 0;
   left: 0;
@@ -9404,7 +9566,7 @@ var overlayStyles = import_react60.css`
 `;
 // src/PackageCard/PackageCard.tsx
-var import_jsx_runtime255 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime257 = require("@emotion/react/jsx-runtime");
 var PackageCard = ({
   images,
   title,
@@ -9426,7 +9588,7 @@ var PackageCard = ({
   const shouldShowOverlay = availabilityBadges == null ? void 0 : availabilityBadges.some(
     (badge2) => badge2.showOverlay
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
     Box_default,
     {
       position: "relative",
@@ -9435,7 +9597,7 @@ var PackageCard = ({
       onClick,
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
           Box_default,
           {
             position: "relative",
@@ -9443,7 +9605,7 @@ var PackageCard = ({
             borderRadius: "var(--spacing-4)",
             css: imageContainerStyles(orientation),
             children: [
-              availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+              availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
                 AvailabilityBadge_default,
                 {
                   variant: badge2.variant,
@@ -9452,18 +9614,18 @@ var PackageCard = ({
                 },
                 `availability-${index}`
               )),
-              shouldShowOverlay && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { css: overlayStyles }),
-              /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+              shouldShowOverlay && /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Box_default, { css: overlayStyles }),
+              /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
                 ScrollingCarousel,
                 {
                   showDots: images.length > 1,
                   showNavigationOnHover: true,
                   id: carouselId,
-                  children: images.filter((image) => !!image).map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+                  children: images.filter((image) => !!image).map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
                     ScrollingCarouselStep,
                     {
                       parentId: carouselId,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
                         Box_default,
                         {
                           width: "100%",
@@ -9481,7 +9643,7 @@ var PackageCard = ({
                   ))
                 }
               ),
-              onFavoriteClick && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+              onFavoriteClick && /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
                 Box_default,
                 {
                   css: heartIconStyles,
@@ -9490,14 +9652,14 @@ var PackageCard = ({
                     e.stopPropagation();
                     onFavoriteClick == null ? void 0 : onFavoriteClick();
                   },
-                  children: isFavorited ? /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+                  children: isFavorited ? /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
                     Icon_default,
                     {
                       variant: "HeartSolid",
                       size: "small",
                       fill: "var(--color-error-500)"
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
                     Icon_default,
                     {
                       variant: "Heart",
@@ -9507,13 +9669,13 @@ var PackageCard = ({
                   )
                 }
               ),
-              actions && actions.length > 0 && orientation === "vertical" && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(ActionMenu_default, { actions }) })
+              actions && actions.length > 0 && orientation === "vertical" && /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(ActionMenu_default, { actions }) })
             ]
           }
         ),
-        actions && actions.length > 0 && orientation === "horizontal" && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(ActionMenu_default, { actions }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(Box_default, { css: contentContainerStyles(orientation, hasContentBackground), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
+        actions && actions.length > 0 && orientation === "horizontal" && /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(ActionMenu_default, { actions }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(Box_default, { css: contentContainerStyles(orientation, hasContentBackground), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
             Box_default,
             {
               display: "flex",
@@ -9521,9 +9683,9 @@ var PackageCard = ({
               gap: "var(--spacing-1)",
               mb: "var(--spacing-1)",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: subtitle }) }),
-                startingPrice && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(Text_default, { size: "sm", fontWeight: "normal", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: subtitle }) }),
+                startingPrice && /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(Text_default, { size: "sm", fontWeight: "normal", children: [
                   "Starting Price ",
                   startingPrice,
                   " / Guest"
@@ -9531,14 +9693,14 @@ var PackageCard = ({
               ]
             }
           ),
-          badges && badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+          badges && badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime257.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_runtime255.jsx)(
+              children: badges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
                 IconLabel_default,
                 {
                   iconSize: badge2.iconSize || "medium",
@@ -9557,14 +9719,14 @@ var PackageCard = ({
 var PackageCard_default = PackageCard;
 // src/PackageHeader/PackageHeader.tsx
-var import_jsx_runtime256 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime258 = require("@emotion/react/jsx-runtime");
 var PackageHeader = ({
   header,
   subheader,
   features,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -9573,9 +9735,9 @@ var PackageHeader = ({
       color: "var(--text-primary)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
-        subheader && /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Text_default, { children: subheader }),
-        features && /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(FeatureList_default, { items: features })
+        /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
+        subheader && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Text_default, { children: subheader }),
+        features && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(FeatureList_default, { items: features })
       ]
     }
   );
@@ -9583,8 +9745,8 @@ var PackageHeader = ({
 var PackageHeader_default = PackageHeader;
 // src/ReviewCard/components/ReviewImages.styles.ts
-var import_react61 = require("@emotion/react");
-var imageStyles3 = import_react61.css`
+var import_react65 = require("@emotion/react");
+var imageStyles3 = import_react65.css`
   flex: 1;
   min-width: 0;
   max-width: 100%;
@@ -9595,13 +9757,13 @@ var imageStyles3 = import_react61.css`
 `;
 // src/ReviewCard/components/ReviewImages.tsx
-var import_jsx_runtime257 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime259 = 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_runtime257.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
     "img",
     {
       src: image,
@@ -9614,7 +9776,7 @@ var ReviewImages = ({ images, maxImages = 3 }) => {
 var ReviewImages_default = ReviewImages;
 // src/ReviewCard/components/ReviewReply.tsx
-var import_jsx_runtime258 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime260 = require("@emotion/react/jsx-runtime");
 var ReviewReply = ({
   avatarSrc,
   name,
@@ -9623,7 +9785,7 @@ var ReviewReply = ({
   label,
   rating
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(
     Box_default,
     {
       backgroundColor: "var(--surface-neutral)",
@@ -9633,7 +9795,7 @@ var ReviewReply = ({
       flexDirection: "column",
       gap: "var(--spacing-3)",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -9641,7 +9803,7 @@ var ReviewReply = ({
             justifyContent: "space-between",
             gap: "var(--spacing-2)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
                 UserCard_default,
                 {
                   avatarSrc,
@@ -9650,11 +9812,11 @@ var ReviewReply = ({
                   rating
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
+              /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Text_default, { children: content })
+        /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Text_default, { children: content })
       ]
     }
   );
@@ -9662,7 +9824,7 @@ var ReviewReply = ({
 var ReviewReply_default = ReviewReply;
 // src/ReviewCard/ReviewCard.tsx
-var import_jsx_runtime259 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime261 = require("@emotion/react/jsx-runtime");
 var ReviewCard = ({
   avatarSrc,
   name,
@@ -9674,7 +9836,7 @@ var ReviewCard = ({
   replies = [],
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(
     Box_default,
     {
       backgroundColor: "white",
@@ -9685,7 +9847,7 @@ var ReviewCard = ({
       gap: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
           UserCard_default,
           {
             avatarSrc,
@@ -9694,10 +9856,10 @@ var ReviewCard = ({
             rating
           }
         ),
-        availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Text_default, { size: "md", children: content }),
-        images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(ReviewImages_default, { images }),
-        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+        availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Text_default, { size: "md", children: content }),
+        images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(ReviewImages_default, { images }),
+        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
           ReviewReply_default,
           {
             avatarSrc: reply.avatarSrc,
@@ -9716,12 +9878,12 @@ var ReviewCard = ({
 var ReviewCard_default = ReviewCard;
 // src/Reviews/Reviews.tsx
-var import_react62 = require("@emotion/react");
+var import_react66 = require("@emotion/react");
 // src/Reviews/components/ReviewItem.tsx
-var import_jsx_runtime260 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime262 = require("@emotion/react/jsx-runtime");
 var ReviewItem = ({ label, rating }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -9729,10 +9891,10 @@ var ReviewItem = ({ label, rating }) => {
       alignItems: "center",
       width: "100%",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Text_default, { fontWeight: "semibold", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Text_default, { fontWeight: "semibold", children: rating.toFixed(1) })
+        /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Text_default, { fontWeight: "semibold", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Text_default, { fontWeight: "semibold", children: rating.toFixed(1) })
         ] })
       ]
     }
@@ -9741,14 +9903,14 @@ var ReviewItem = ({ label, rating }) => {
 var ReviewItem_default = ReviewItem;
 // src/Reviews/Reviews.tsx
-var import_jsx_runtime261 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime263 = require("@emotion/react/jsx-runtime");
 var Reviews = ({
   averageRating,
   totalReviews,
   items,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
     Box_default,
     {
       width: "100%",
@@ -9761,7 +9923,7 @@ var Reviews = ({
       p: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -9769,12 +9931,12 @@ var Reviews = ({
             alignItems: "center",
             gap: "var(--spacing-2)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
-              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
+              /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
                 StarRating_default,
                 {
                   rating: averageRating,
-                  css: import_react62.css`
+                  css: import_react66.css`
             > svg {
               height: 40px;
               width: 40px;
@@ -9782,7 +9944,7 @@ var Reviews = ({
           `
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
                 "Overall Rating \u2022 ",
                 totalReviews,
                 " Review",
@@ -9791,14 +9953,14 @@ var Reviews = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
           Box_default,
           {
             display: "flex",
             flexDirection: "column",
             gap: "var(--spacing-2)",
             width: "100%",
-            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
+            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
           }
         )
       ]
@@ -9808,7 +9970,7 @@ var Reviews = ({
 var Reviews_default = Reviews;
 // src/Reviews/ReviewsShowcase.tsx
-var import_jsx_runtime262 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime264 = require("@emotion/react/jsx-runtime");
 var ReviewsShowcase = () => {
   const sampleData = {
     averageRating: 4,
@@ -9830,7 +9992,7 @@ var ReviewsShowcase = () => {
       { label: "Game Abundance", rating: 5 }
     ]
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -9838,24 +10000,24 @@ var ReviewsShowcase = () => {
       gap: "var(--spacing-8)",
       p: "var(--spacing-6)",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Reviews_default, { ...sampleData }) })
+        /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
+        /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Reviews_default, { ...sampleData }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Reviews_default, { ...highRatingData }) })
+        /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Reviews_default, { ...highRatingData }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
             Box_default,
             {
               maxWidth: "320px",
               border: "1px solid var(--color-neutral-200)",
               p: "var(--spacing-4)",
-              children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Reviews_default, { ...sampleData })
+              children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Reviews_default, { ...sampleData })
             }
           )
         ] })
@@ -9902,6 +10064,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
   Navigation,
   PackageCard,
   PackageHeader,
+  ProgressBar,
   ReviewCard,
   Reviews,
   ReviewsShowcase,
@@ -9914,6 +10077,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
   Text,
   TextArea,
   ThemeTokens,
+  Timer,
   Tooltip,
   TopMatchingFieldNote,
   TopMatchingReview,