npm - @landtrustinc/design-system - Versions diffs - 1.1.6 → 1.1.8 - Mend

@landtrustinc/design-system 1.1.6 → 1.1.8

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

@@ -31,7 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   AIResponse: () => AIResponse_default,
-  AvailabilityChip: () => AvailabilityChip_default,
+  AvailabilityBadge: () => AvailabilityBadge_default,
   Avatar: () => Avatar_default,
   Box: () => Box_default,
   Button: () => Button_default,
@@ -39,6 +39,7 @@ __export(src_exports, {
   Column: () => Column_default,
   Container: () => Container_default,
   Divider: () => Divider_default,
+  FeatureList: () => FeatureList_default,
   FieldNoteCard: () => FieldNoteCard_default,
   FormField: () => FormField,
   GlobalStyle: () => GlobalStyle,
@@ -48,6 +49,7 @@ __export(src_exports, {
   HuntCard: () => HuntCard_default,
   Icon: () => Icon_default,
   IconLabel: () => IconLabel_default,
+  InfoBox: () => InfoBox_default,
   Input: () => Input,
   LayoutTokens: () => LayoutTokens,
   ListingChat: () => ListingChat_default,
@@ -55,6 +57,7 @@ __export(src_exports, {
   MessageBubble: () => MessageBubble_default,
   Navigation: () => Navigation_default,
   PackageCard: () => PackageCard_default,
+  PackageHeader: () => PackageHeader_default,
   ReviewCard: () => ReviewCard_default,
   Reviews: () => Reviews_default,
   ReviewsShowcase: () => ReviewsShowcase_default,
@@ -908,7 +911,13 @@ var Bear_default = SvgBear;
 // src/Icon/components/BedSolid.tsx
 var import_jsx_runtime22 = require("@emotion/react/jsx-runtime");
-var SvgBedSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M32 32c17.7 0 32 14.3 32 32v256h224V160c0-17.7 14.3-32 32-32h224c53 0 96 43 96 96v224c0 17.7-14.3 32-32 32s-32-14.3-32-32v-32H64v32c0 17.7-14.3 32-32 32S0 465.7 0 448V64c0-17.7 14.3-32 32-32m144 96a80 80 0 1 1 0 160 80 80 0 1 1 0-160" }) });
+var SvgBedSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 26 26", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M4 6c.553 0 1 .447 1 1v8h7v-5c0-.553.447-1 1-1h7a3 3 0 0 1 3 3v7a.999.999 0 1 1-2 0v-1H5v1a.999.999 0 1 1-2 0V7c0-.553.447-1 1-1m4.5 3a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5"
+  }
+) });
 var BedSolid_default = SvgBedSolid;
 // src/Icon/components/Bell.tsx
@@ -1528,7 +1537,13 @@ var GameFeeder_default = SvgGameFeeder;
 // src/Icon/components/GridSolid.tsx
 var import_jsx_runtime73 = require("@emotion/react/jsx-runtime");
-var SvgGridSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M0 72c0-22.1 17.9-40 40-40h48c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40H40c-22.1 0-40-17.9-40-40zm0 160c0-22.1 17.9-40 40-40h48c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40H40c-22.1 0-40-17.9-40-40zm128 160v48c0 22.1-17.9 40-40 40H40c-22.1 0-40-17.9-40-40v-48c0-22.1 17.9-40 40-40h48c22.1 0 40 17.9 40 40m32-320c0-22.1 17.9-40 40-40h48c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40h-48c-22.1 0-40-17.9-40-40zm128 160v48c0 22.1-17.9 40-40 40h-48c-22.1 0-40-17.9-40-40v-48c0-22.1 17.9-40 40-40h48c22.1 0 40 17.9 40 40M160 392c0-22.1 17.9-40 40-40h48c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40h-48c-22.1 0-40-17.9-40-40zM448 72v48c0 22.1-17.9 40-40 40h-48c-22.1 0-40-17.9-40-40V72c0-22.1 17.9-40 40-40h48c22.1 0 40 17.9 40 40M320 232c0-22.1 17.9-40 40-40h48c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40h-48c-22.1 0-40-17.9-40-40zm128 160v48c0 22.1-17.9 40-40 40h-48c-22.1 0-40-17.9-40-40v-48c0-22.1 17.9-40 40-40h48c22.1 0 40 17.9 40 40" }) });
+var SvgGridSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 26 26", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M5 6.429C5 5.639 5.64 5 6.429 5h1.714c.79 0 1.428.64 1.428 1.429v1.714c0 .79-.639 1.428-1.428 1.428H6.429C5.639 9.571 5 8.932 5 8.143zm0 5.714c0-.79.64-1.429 1.429-1.429h1.714c.79 0 1.428.64 1.428 1.429v1.714c0 .79-.639 1.429-1.428 1.429H6.429c-.79 0-1.429-.64-1.429-1.429zm4.571 5.714v1.714c0 .79-.639 1.429-1.428 1.429H6.429C5.639 21 5 20.36 5 19.571v-1.714c0-.79.64-1.428 1.429-1.428h1.714c.79 0 1.428.639 1.428 1.428M10.714 6.43c0-.79.64-1.429 1.429-1.429h1.714c.79 0 1.429.64 1.429 1.429v1.714c0 .79-.64 1.428-1.429 1.428h-1.714c-.79 0-1.429-.639-1.429-1.428zm4.572 5.714v1.714c0 .79-.64 1.429-1.429 1.429h-1.714c-.79 0-1.429-.64-1.429-1.429v-1.714c0-.79.64-1.429 1.429-1.429h1.714c.79 0 1.429.64 1.429 1.429m-4.572 5.714c0-.79.64-1.428 1.429-1.428h1.714c.79 0 1.429.639 1.429 1.428v1.714c0 .79-.64 1.429-1.429 1.429h-1.714c-.79 0-1.429-.64-1.429-1.429zM21 6.43v1.714c0 .79-.64 1.428-1.429 1.428h-1.714c-.79 0-1.428-.639-1.428-1.428V6.429c0-.79.639-1.429 1.428-1.429h1.714C20.361 5 21 5.64 21 6.429m-4.571 5.714c0-.79.639-1.429 1.428-1.429h1.714c.79 0 1.429.64 1.429 1.429v1.714c0 .79-.64 1.429-1.429 1.429h-1.714c-.79 0-1.428-.64-1.428-1.429zM21 17.857v1.714c0 .79-.64 1.429-1.429 1.429h-1.714c-.79 0-1.428-.64-1.428-1.429v-1.714c0-.79.639-1.428 1.428-1.428h1.714c.79 0 1.429.639 1.429 1.428"
+  }
+) });
 var GridSolid_default = SvgGridSolid;
 // src/Icon/components/GrillHotSolid.tsx
@@ -1538,16 +1553,13 @@ var GrillHotSolid_default = SvgGrillHotSolid;
 // src/Icon/components/GroundBlind.tsx
 var import_jsx_runtime75 = require("@emotion/react/jsx-runtime");
-var SvgGroundBlind = (props) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { d: "M32.423 33H7.5V10.154L19.962 6l12.461 4.154z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M10.615 22.615v-8.307l7.27 8.307zM29.308 22.615v-8.307l-7.27 8.307zM26.192 14.308H13.731l6.23 6.23z"
-    }
-  )
-] });
+var SvgGroundBlind = (props) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 26 26", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M21.615 6.77V22H5V6.77L13.308 4zM7.077 15.077h4.846L7.077 9.538zm7.615 0h4.846V9.538zM9.154 9.538l4.154 4.154 4.154-4.154z"
+  }
+) });
 var GroundBlind_default = SvgGroundBlind;
 // src/Icon/components/HandsUsd.tsx
@@ -1985,7 +1997,15 @@ var LocationCircle_default = SvgLocationCircle;
 // src/Icon/components/LocationDotSolid.tsx
 var import_jsx_runtime119 = require("@emotion/react/jsx-runtime");
-var SvgLocationDotSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", { d: "M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0M192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128" }) });
+var SvgLocationDotSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 26 26", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M14.025 22.573c1.909-2.389 6.262-8.178 6.262-11.43C20.287 7.2 17.087 4 13.144 4A7.145 7.145 0 0 0 6 11.143c0 3.252 4.353 9.042 6.262 11.43.457.57 1.306.57 1.763 0m-.882-13.81a2.381 2.381 0 1 1 0 4.762 2.381 2.381 0 0 1 0-4.763",
+    clipRule: "evenodd"
+  }
+) });
 var LocationDotSolid_default = SvgLocationDotSolid;
 // src/Icon/components/MagnifyingGlass.tsx
@@ -2696,7 +2716,13 @@ var Users_default = SvgUsers;
 // src/Icon/components/UserSolid.tsx
 var import_jsx_runtime187 = require("@emotion/react/jsx-runtime");
-var SvgUserSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("path", { d: "M224 256a128 128 0 1 0 0-256 128 128 0 1 0 0 256m-45.7 48C79.8 304 0 383.8 0 482.3 0 498.7 13.3 512 29.7 512h388.6c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3z" }) });
+var SvgUserSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 26 26", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M13.5 12.571a4.36 4.36 0 0 0 3.06-1.255 4.251 4.251 0 0 0 0-6.06 4.363 4.363 0 0 0-6.12 0 4.25 4.25 0 0 0 0 6.06c.402.398.88.714 1.404.93a4.4 4.4 0 0 0 1.656.325m-1.07 2c-3.553 0-6.43 2.85-6.43 6.368C6 21.525 6.48 22 7.07 22h12.86c.59 0 1.07-.475 1.07-1.06 0-3.519-2.877-6.369-6.43-6.369z"
+  }
+) });
 var UserSolid_default = SvgUserSolid;
 // src/Icon/components/UsFlag.tsx
@@ -3781,9 +3807,9 @@ var AIResponse = ({
 };
 var AIResponse_default = AIResponse;
-// src/AvailabilityChip/AvailabilityChip.styles.ts
+// src/AvailabilityBadge/AvailabilityBadge.styles.ts
 var import_react12 = require("@emotion/react");
-var availabilityChipVariantStyles = {
+var availabilityBadgeVariantStyles = {
   primary: import_react12.css`
     background-color: var(--color-primary-100);
     color: var(--text-primary);
@@ -3806,9 +3832,9 @@ var availabilityChipVariantStyles = {
   `
 };
-// src/AvailabilityChip/AvailabilityChip.tsx
+// src/AvailabilityBadge/AvailabilityBadge.tsx
 var import_jsx_runtime203 = require("@emotion/react/jsx-runtime");
-var AvailabilityChip = ({
+var AvailabilityBadge = ({
   children,
   variant,
   className
@@ -3821,13 +3847,13 @@ var AvailabilityChip = ({
       px: "var(--spacing-4)",
       py: "var(--spacing-1)",
       borderRadius: "var(--spacing-2)",
-      css: availabilityChipVariantStyles[variant],
+      css: availabilityBadgeVariantStyles[variant],
       className,
       children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(Text_default, { size: "xs", fontWeight: "bold", children })
     }
   );
 };
-var AvailabilityChip_default = AvailabilityChip;
+var AvailabilityBadge_default = AvailabilityBadge;
 // src/Avatar/Avatar.tsx
 var import_react14 = require("react");
@@ -4650,9 +4676,74 @@ var ChatWidget = ({
 };
 var ChatWidget_default = ChatWidget;
-// src/FieldNoteCard/FieldNoteCard.styles.ts
+// src/FeatureList/components/FeatureListItem.tsx
 var import_react24 = require("@emotion/react");
-var cardContainerStyles = import_react24.css`
+var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
+var FeatureListItem = ({
+  iconVariant,
+  label,
+  subtitle,
+  iconSize = 6,
+  iconColor,
+  className,
+  ...rest
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(
+      Box_default,
+      {
+        display: "flex",
+        alignItems: "center",
+        gap: "var(--spacing-2)",
+        className,
+        ...rest,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+            Icon_default,
+            {
+              variant: iconVariant,
+              size: iconSize,
+              fill: iconColor,
+              css: import_react24.css`
+            width: 26px;
+            height: 26px;
+          `
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Text_default, { fontWeight: "semibold", children: label })
+        ]
+      }
+    ),
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Box_default, { width: "var(--spacing-6)", children: "\xA0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Text_default, { size: "sm", children: subtitle })
+    ] })
+  ] });
+};
+var FeatureListItem_default = FeatureListItem;
+// src/FeatureList/FeatureList.tsx
+var import_jsx_runtime211 = require("@emotion/react/jsx-runtime");
+var FeatureList = ({ heading, items, className }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
+    Box_default,
+    {
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--spacing-2)",
+      className,
+      children: [
+        heading && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(Text_default, { fontWeight: "bold", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(FeatureListItem_default, { ...item }, `${item.iconVariant}-${index}`)) })
+      ]
+    }
+  );
+};
+var FeatureList_default = FeatureList;
+// src/FieldNoteCard/FieldNoteCard.styles.ts
+var import_react25 = require("@emotion/react");
+var cardContainerStyles = import_react25.css`
   position: relative;
   height: 335px;
@@ -4660,12 +4751,12 @@ var cardContainerStyles = import_react24.css`
     height: 480px;
   }
 `;
-var cardContentStyles = import_react24.css`
+var cardContentStyles = import_react25.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient = (imageUrl) => import_react24.css`
+var getBackgroundWithGradient = (imageUrl) => import_react25.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -4679,7 +4770,7 @@ var getBackgroundWithGradient = (imageUrl) => import_react24.css`
 `;
 // src/FieldNoteCard/FieldNoteCard.tsx
-var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
 var FieldNoteCard = ({
   backgroundImage,
   title,
@@ -4688,14 +4779,14 @@ var FieldNoteCard = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
     Box_default,
     {
       display: "flex",
       css: cardContainerStyles,
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
         Box_default,
         {
           display: "flex",
@@ -4703,9 +4794,9 @@ var FieldNoteCard = ({
           justifyContent: "flex-end",
           p: 6,
           css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
-          children: /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
+          children: /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
           ] })
         }
       )
@@ -4715,14 +4806,14 @@ var FieldNoteCard = ({
 var FieldNoteCard_default = FieldNoteCard;
 // src/Form/FormField.tsx
-var import_react25 = require("@emotion/react");
-var import_jsx_runtime211 = require("@emotion/react/jsx-runtime");
-var fieldContainerStyles = import_react25.css`
+var import_react26 = require("@emotion/react");
+var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
+var fieldContainerStyles = import_react26.css`
   display: flex;
   flex-direction: column;
   gap: ${space["2"]};
 `;
-var labelStyles2 = import_react25.css`
+var labelStyles2 = import_react26.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   font-weight: ${fontWeights.medium};
@@ -4730,17 +4821,17 @@ var labelStyles2 = import_react25.css`
   color: ${colors.gray["900"]};
   margin-bottom: ${space["1"]};
 `;
-var requiredIndicatorStyles = import_react25.css`
+var requiredIndicatorStyles = import_react26.css`
   color: ${colors.red["500"]};
   margin-left: ${space["1"]};
 `;
-var helpTextStyles = import_react25.css`
+var helpTextStyles = import_react26.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
   color: ${colors.gray["600"]};
 `;
-var errorTextStyles = import_react25.css`
+var errorTextStyles = import_react26.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -4749,7 +4840,7 @@ var errorTextStyles = import_react25.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var successTextStyles = import_react25.css`
+var successTextStyles = import_react26.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -4758,7 +4849,7 @@ var successTextStyles = import_react25.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var visuallyHiddenStyles = import_react25.css`
+var visuallyHiddenStyles = import_react26.css`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -4783,21 +4874,21 @@ var FormField = ({
   const hasError = !!error;
   const hasSuccess = !!success && !hasError;
   const hasHelpText = !!helpText && !hasError && !hasSuccess;
-  return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { css: fieldContainerStyles, className, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("div", { css: fieldContainerStyles, className, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
       "label",
       {
         htmlFor,
         css: [labelStyles2, hideLabel && visuallyHiddenStyles],
         children: [
           label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
         ]
       }
     ),
     children,
-    hasError && /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+    hasError && /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -4807,8 +4898,8 @@ var FormField = ({
       ) }),
       error
     ] }),
-    hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { css: successTextStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+    hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("div", { css: successTextStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -4818,15 +4909,15 @@ var FormField = ({
       ) }),
       success
     ] }),
-    hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { css: helpTextStyles, children: helpText })
+    hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("div", { css: helpTextStyles, children: helpText })
   ] });
 };
 // src/Form/Input.tsx
-var import_react26 = require("@emotion/react");
-var import_react27 = require("react");
-var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
-var inputStyles = import_react26.css`
+var import_react27 = require("@emotion/react");
+var import_react28 = require("react");
+var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
+var inputStyles = import_react27.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -4863,19 +4954,19 @@ var inputStyles = import_react26.css`
   }
 `;
 var sizeStyles = {
-  sm: import_react26.css`
+  sm: import_react27.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react26.css`
+  md: import_react27.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react26.css`
+  lg: import_react27.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -4883,8 +4974,8 @@ var sizeStyles = {
   `
 };
 var variantStyles = {
-  default: import_react26.css``,
-  error: import_react26.css`
+  default: import_react27.css``,
+  error: import_react27.css`
     border-color: ${colors.red["500"]};
     &:focus {
@@ -4892,7 +4983,7 @@ var variantStyles = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react26.css`
+  success: import_react27.css`
     border-color: ${colors.accent.green};
     &:focus {
@@ -4901,7 +4992,7 @@ var variantStyles = {
     }
   `
 };
-var inputWithIconStyles = import_react26.css`
+var inputWithIconStyles = import_react27.css`
   padding-left: ${space["10"]};
   &.has-end-icon {
@@ -4912,7 +5003,7 @@ var inputWithIconStyles = import_react26.css`
     padding-left: ${space["10"]};
   }
 `;
-var iconContainerStyles = import_react26.css`
+var iconContainerStyles = import_react27.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -4923,20 +5014,20 @@ var iconContainerStyles = import_react26.css`
   pointer-events: none;
   z-index: 1;
 `;
-var startIconStyles = import_react26.css`
+var startIconStyles = import_react27.css`
   ${iconContainerStyles}
   left: ${space["3"]};
 `;
-var endIconStyles = import_react26.css`
+var endIconStyles = import_react27.css`
   ${iconContainerStyles}
   right: ${space["3"]};
 `;
-var inputWrapperStyles = import_react26.css`
+var inputWrapperStyles = import_react27.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var Input = (0, import_react27.forwardRef)(
+var Input = (0, import_react28.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -4955,9 +5046,9 @@ var Input = (0, import_react27.forwardRef)(
       hasEndIcon && "has-end-icon",
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { css: inputWrapperStyles, children: [
-      hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { css: startIconStyles, children: startIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { css: inputWrapperStyles, children: [
+      hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { css: startIconStyles, children: startIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
         "input",
         {
           ref,
@@ -4974,17 +5065,17 @@ var Input = (0, import_react27.forwardRef)(
           ...props
         }
       ),
-      hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { css: endIconStyles, children: endIcon })
+      hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { css: endIconStyles, children: endIcon })
     ] });
   }
 );
 Input.displayName = "Input";
 // src/Form/Select.tsx
-var import_react28 = require("@emotion/react");
-var import_react29 = require("react");
-var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
-var selectStyles = import_react28.css`
+var import_react29 = require("@emotion/react");
+var import_react30 = require("react");
+var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
+var selectStyles = import_react29.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -5023,19 +5114,19 @@ var selectStyles = import_react28.css`
   }
 `;
 var sizeStyles2 = {
-  sm: import_react28.css`
+  sm: import_react29.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react28.css`
+  md: import_react29.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react28.css`
+  lg: import_react29.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -5043,8 +5134,8 @@ var sizeStyles2 = {
   `
 };
 var variantStyles2 = {
-  default: import_react28.css``,
-  error: import_react28.css`
+  default: import_react29.css``,
+  error: import_react29.css`
     border-color: ${colors.red["500"]};
     &:focus {
@@ -5052,7 +5143,7 @@ var variantStyles2 = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react28.css`
+  success: import_react29.css`
     border-color: ${colors.accent.green};
     &:focus {
@@ -5061,7 +5152,7 @@ var variantStyles2 = {
     }
   `
 };
-var optionStyles = import_react28.css`
+var optionStyles = import_react29.css`
   background-color: ${colors.light["100"]};
   color: ${colors.gray["900"]};
@@ -5070,7 +5161,7 @@ var optionStyles = import_react28.css`
     background-color: ${colors.gray["100"]};
   }
 `;
-var Select = (0, import_react29.forwardRef)(
+var Select = (0, import_react30.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -5080,7 +5171,7 @@ var Select = (0, import_react29.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(
       "select",
       {
         ref,
@@ -5089,8 +5180,8 @@ var Select = (0, import_react29.forwardRef)(
         className,
         ...props,
         children: [
-          placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
-          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+          placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
+          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
             "option",
             {
               value: option.value,
@@ -5108,10 +5199,10 @@ var Select = (0, import_react29.forwardRef)(
 Select.displayName = "Select";
 // src/Grid/Column.tsx
-var import_react31 = require("@emotion/react");
+var import_react32 = require("@emotion/react");
 // src/Grid/utils.ts
-var import_react30 = require("@emotion/react");
+var import_react31 = require("@emotion/react");
 var LayoutTokens = {
   containers: {
     sm: screens.sm,
@@ -5151,11 +5242,11 @@ var getResponsiveValue = (value) => {
 var generateGridColumns = (columns) => {
   const baseColumns = getResponsiveValue(columns);
   if (typeof columns === "number") {
-    return import_react30.css`
+    return import_react31.css`
       grid-template-columns: repeat(${columns}, 1fr);
     `;
   }
-  return import_react30.css`
+  return import_react31.css`
     grid-template-columns: repeat(${baseColumns}, 1fr);
     ${media.sm} {
@@ -5187,11 +5278,11 @@ var generateGridColumns = (columns) => {
 var generateGapStyles = (gap2) => {
   const baseGap = getResponsiveValue(gap2);
   if (typeof gap2 === "string" || typeof gap2 === "number") {
-    return import_react30.css`
+    return import_react31.css`
       gap: ${space[gap2]};
     `;
   }
-  return import_react30.css`
+  return import_react31.css`
     gap: ${space[baseGap]};
     ${media.sm} {
@@ -5214,11 +5305,11 @@ var generateGapStyles = (gap2) => {
 var generateRowGapStyles = (rowGap) => {
   const baseRowGap = getResponsiveValue(rowGap);
   if (typeof rowGap === "string" || typeof rowGap === "number") {
-    return import_react30.css`
+    return import_react31.css`
       row-gap: ${space[rowGap]};
     `;
   }
-  return import_react30.css`
+  return import_react31.css`
     row-gap: ${space[baseRowGap]};
     ${media.sm} {
@@ -5241,11 +5332,11 @@ var generateRowGapStyles = (rowGap) => {
 var generateColumnGapStyles = (columnGap) => {
   const baseColumnGap = getResponsiveValue(columnGap);
   if (typeof columnGap === "string" || typeof columnGap === "number") {
-    return import_react30.css`
+    return import_react31.css`
       column-gap: ${space[columnGap]};
     `;
   }
-  return import_react30.css`
+  return import_react31.css`
     column-gap: ${space[baseColumnGap]};
     ${media.sm} {
@@ -5268,11 +5359,11 @@ var generateColumnGapStyles = (columnGap) => {
 var generateColumnSpan = (span) => {
   const baseSpan = getResponsiveValue(span);
   if (typeof span === "string" || typeof span === "number") {
-    return import_react30.css`
+    return import_react31.css`
       grid-column: ${span === "auto" ? "auto" : `span ${span}`};
     `;
   }
-  return import_react30.css`
+  return import_react31.css`
     grid-column: ${baseSpan === "auto" ? "auto" : `span ${baseSpan}`};
     ${media.sm} {
@@ -5295,11 +5386,11 @@ var generateColumnSpan = (span) => {
 var generateAlignItems = (alignItems) => {
   const baseAlign = getResponsiveValue(alignItems);
   if (typeof alignItems === "string") {
-    return import_react30.css`
+    return import_react31.css`
       align-items: ${alignItems};
     `;
   }
-  return import_react30.css`
+  return import_react31.css`
     align-items: ${baseAlign};
     ${media.sm} {
@@ -5322,11 +5413,11 @@ var generateAlignItems = (alignItems) => {
 var generateJustifyItems = (justifyItems) => {
   const baseJustify = getResponsiveValue(justifyItems);
   if (typeof justifyItems === "string") {
-    return import_react30.css`
+    return import_react31.css`
       justify-items: ${justifyItems};
     `;
   }
-  return import_react30.css`
+  return import_react31.css`
     justify-items: ${baseJustify};
     ${media.sm} {
@@ -5348,7 +5439,7 @@ var generateJustifyItems = (justifyItems) => {
 };
 // src/Grid/Column.tsx
-var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
 var Column = ({
   span,
   start,
@@ -5361,30 +5452,30 @@ var Column = ({
 }) => {
   const columnStyles = [
     span && generateColumnSpan(span),
-    start && import_react31.css`
+    start && import_react32.css`
         grid-column-start: ${start};
       `,
-    end && import_react31.css`
+    end && import_react32.css`
         grid-column-end: ${end};
       `,
-    row && import_react31.css`
+    row && import_react32.css`
         grid-row: ${row};
       `,
-    rowSpan && import_react31.css`
+    rowSpan && import_react32.css`
         grid-row: span ${rowSpan};
       `,
-    area && import_react31.css`
+    area && import_react32.css`
         grid-area: ${area};
       `
   ].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Box_default, { css: columnStyles, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Box_default, { css: columnStyles, ...props, children });
 };
 var Column_default = Column;
 // src/Grid/Grid.tsx
-var import_react32 = require("@emotion/react");
-var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
-var baseGridStyles = import_react32.css`
+var import_react33 = require("@emotion/react");
+var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
+var baseGridStyles = import_react33.css`
   display: grid;
 `;
 var Grid = ({
@@ -5409,27 +5500,27 @@ var Grid = ({
     columnGap && generateColumnGapStyles(columnGap),
     alignItems && generateAlignItems(alignItems),
     justifyItems && generateJustifyItems(justifyItems),
-    autoRows && import_react32.css`
+    autoRows && import_react33.css`
         grid-auto-rows: ${autoRows};
       `,
-    autoColumns && import_react32.css`
+    autoColumns && import_react33.css`
         grid-auto-columns: ${autoColumns};
       `,
-    templateAreas && import_react32.css`
+    templateAreas && import_react33.css`
         grid-template-areas: ${typeof templateAreas === "string" ? templateAreas : templateAreas._};
       `,
-    justifyContent && import_react32.css`
+    justifyContent && import_react33.css`
         justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
       `
   ].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Box_default, { css: gridStyles, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { css: gridStyles, ...props, children });
 };
 var Grid_default = Grid;
 // src/Grid/GridContainer.tsx
-var import_react33 = require("@emotion/react");
-var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
-var baseContainerStyles = import_react33.css`
+var import_react34 = require("@emotion/react");
+var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
+var baseContainerStyles = import_react34.css`
   width: 100%;
   margin: 0 auto;
   padding-left: 1rem;
@@ -5437,14 +5528,14 @@ var baseContainerStyles = import_react33.css`
 `;
 var generateMaxWidthStyles = (maxWidth) => {
   if (maxWidth === "full") {
-    return import_react33.css`
+    return import_react34.css`
       max-width: 100%;
       padding-left: 0;
       padding-right: 0;
     `;
   }
   const width2 = LayoutTokens.containers[maxWidth] || maxWidth;
-  return import_react33.css`
+  return import_react34.css`
     max-width: ${width2};
     ${media.sm} {
@@ -5473,13 +5564,13 @@ var GridContainer = ({
     baseContainerStyles,
     generateMaxWidthStyles(maxWidth)
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
 };
 var GridContainer_default = GridContainer;
 // src/HuntCard/HuntCard.styles.ts
-var import_react34 = require("@emotion/react");
-var cardContainerStyles2 = import_react34.css`
+var import_react35 = require("@emotion/react");
+var cardContainerStyles2 = import_react35.css`
   position: relative;
   height: 335px;
@@ -5487,12 +5578,12 @@ var cardContainerStyles2 = import_react34.css`
     height: 480px;
   }
 `;
-var cardContentStyles2 = import_react34.css`
+var cardContentStyles2 = import_react35.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient2 = (imageUrl) => import_react34.css`
+var getBackgroundWithGradient2 = (imageUrl) => import_react35.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -5506,7 +5597,7 @@ var getBackgroundWithGradient2 = (imageUrl) => import_react34.css`
 `;
 // src/HuntCard/HuntCard.tsx
-var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
 var HuntCard = ({
   backgroundImage,
   title,
@@ -5515,14 +5606,14 @@ var HuntCard = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
     Box_default,
     {
       display: "flex",
       css: cardContainerStyles2,
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
         Box_default,
         {
           display: "flex",
@@ -5530,9 +5621,9 @@ var HuntCard = ({
           justifyContent: "flex-end",
           p: 6,
           css: [cardContentStyles2, getBackgroundWithGradient2(backgroundImage)],
-          children: /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
+          children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
           ] })
         }
       )
@@ -5541,28 +5632,67 @@ var HuntCard = ({
 };
 var HuntCard_default = HuntCard;
+// src/InfoBox/InfoBox.tsx
+var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
+var InfoBox = ({ heading, features, className }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
+    Box_default,
+    {
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--spacing-3)",
+      className,
+      color: "var(--text-primary)",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+          Box_default,
+          {
+            display: "flex",
+            flexDirection: "column",
+            gap: "var(--spacing-5)",
+            p: "var(--spacing-4)",
+            borderRadius: "var(--radius-lg)",
+            bg: "var(--surface-neutral)",
+            className,
+            children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+              FeatureList_default,
+              {
+                heading: section.heading,
+                items: section.items
+              },
+              `${section.heading || "section"}-${index}`
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+var InfoBox_default = InfoBox;
 // src/ListingChat/ListingChat.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 // src/TagChip/TagChip.styles.ts
-var import_react35 = require("@emotion/react");
+var import_react36 = require("@emotion/react");
 var tagChipVariantStyles = {
-  primary: import_react35.css`
+  primary: import_react36.css`
     background-color: var(--surface-disabled);
     border: 1px solid var(--surface-disabled);
     color: var(--text-primary);
   `,
-  error: import_react35.css`
+  error: import_react36.css`
     background-color: var(--surface-error);
     border: 1px solid var(--color-red-300);
     color: var(--text-error);
   `,
-  success: import_react35.css`
+  success: import_react36.css`
     background-color: var(--surface-success);
     border: 1px solid var(--color-green-300);
     color: var(--text-success);
   `,
-  warning: import_react35.css`
+  warning: import_react36.css`
     background-color: var(--surface-subtle);
     border: 1px solid var(--color-brown-200);
     color: var(--text-primary);
@@ -5570,14 +5700,14 @@ var tagChipVariantStyles = {
 };
 // src/TagChip/TagChip.tsx
-var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
 var TagChip = ({
   variant = "primary",
   className,
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
     Box_default,
     {
       display: "inline-flex",
@@ -5588,15 +5718,15 @@ var TagChip = ({
       css: tagChipVariantStyles[variant],
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
     }
   );
 };
 var TagChip_default = TagChip;
 // src/ListingChat/ListingChat.styles.ts
-var import_react36 = require("@emotion/react");
-var containerStyles2 = import_react36.css`
+var import_react37 = require("@emotion/react");
+var containerStyles2 = import_react37.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
@@ -5604,13 +5734,13 @@ var containerStyles2 = import_react36.css`
   border-radius: var(--radius-lg);
   background: var(--surface-success);
 `;
-var headerStyles = import_react36.css`
+var headerStyles = import_react37.css`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--spacing-2);
 `;
-var chipsContainerStyles = import_react36.css`
+var chipsContainerStyles = import_react37.css`
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-4);
@@ -5623,15 +5753,15 @@ var chipsContainerStyles = import_react36.css`
     cursor: pointer;
   }
 `;
-var textAreaStyles = import_react36.css`
+var textAreaStyles = import_react37.css`
   min-height: 62px;
 `;
-var inputWrapperStyles2 = import_react36.css`
+var inputWrapperStyles2 = import_react37.css`
   position: relative;
 `;
 // src/ListingChat/ListingChat.tsx
-var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
 var ListingChat = ({
   onSubmit,
   placeholder = "Ask anything about this listing\u2026",
@@ -5641,15 +5771,15 @@ var ListingChat = ({
   disabled = false,
   ...rest
 }) => {
-  const [value, setValue] = (0, import_react37.useState)("");
-  const handleSubmit = (0, import_react37.useCallback)(() => {
+  const [value, setValue] = (0, import_react38.useState)("");
+  const handleSubmit = (0, import_react38.useCallback)(() => {
     const trimmed = value.trim();
     if (!trimmed)
       return;
     onSubmit(trimmed);
     setValue("");
   }, [onSubmit, value]);
-  const handleTagClick = (0, import_react37.useCallback)(
+  const handleTagClick = (0, import_react38.useCallback)(
     (tag) => () => {
       const trimmed = tag.trim();
       if (!trimmed)
@@ -5658,18 +5788,18 @@ var ListingChat = ({
     },
     [onSubmit]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { css: headerStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
+  return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(Box_default, { css: headerStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Icon_default, { variant: "AiMagic", size: 5 }),
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { size: "sm", children: "Beta" })
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Icon_default, { variant: "AiMagic", size: 5 }),
+        /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Text_default, { size: "sm", children: "Beta" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
       TextArea,
       {
         rows: 1,
@@ -5684,14 +5814,14 @@ var ListingChat = ({
         css: textAreaStyles
       }
     ) }),
-    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(import_jsx_runtime219.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(import_jsx_runtime222.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
         "button",
         {
           onClick: handleTagClick(tag),
           disabled,
-          children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(TagChip_default, { children: tag })
+          children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(TagChip_default, { children: tag })
         },
         tag
       )) })
@@ -5701,11 +5831,11 @@ var ListingChat = ({
 var ListingChat_default = ListingChat;
 // src/Logo/Logo.tsx
-var import_react38 = require("@emotion/react");
+var import_react39 = require("@emotion/react");
 // src/Logo/components/LandtrustPlusDark.tsx
-var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
+var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5713,14 +5843,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime220.
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime223.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_runtime220.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -5729,14 +5859,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime220.
           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_runtime220.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime223.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_runtime220.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
         "filter",
         {
           id: "landtrust-plus-dark_svg__a",
@@ -5747,8 +5877,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime220.
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -5756,18 +5886,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime220.
                 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_runtime220.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime220.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_runtime220.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime223.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_runtime223.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2540"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -5784,8 +5914,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime220.
 var LandtrustPlusDark_default = SvgLandtrustPlusDark;
 // src/Logo/components/LandtrustPlusLight.tsx
-var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
+var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5793,14 +5923,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime221
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime224.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_runtime221.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -5809,14 +5939,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime221
           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_runtime221.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime224.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_runtime221.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
         "filter",
         {
           id: "landtrust-plus-light_svg__a",
@@ -5827,8 +5957,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime221
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -5836,18 +5966,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime221
                 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_runtime221.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime221.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_runtime221.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime224.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_runtime224.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2538"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -5864,8 +5994,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime221
 var LandtrustPlusLight_default = SvgLandtrustPlusLight;
 // src/Logo/components/LandtrustStandardDark.tsx
-var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
+var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5873,14 +6003,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime225.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_runtime222.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
         "path",
         {
           fill: "#fff",
@@ -5893,8 +6023,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
 var LandtrustStandardDark_default = SvgLandtrustStandardDark;
 // src/Logo/components/LandtrustStandardLight.tsx
-var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
+var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5902,14 +6032,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime226.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_runtime223.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
         "path",
         {
           fill: "#000",
@@ -5922,8 +6052,8 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
 var LandtrustStandardLight_default = SvgLandtrustStandardLight;
 // src/Logo/Logo.tsx
-var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
-var logoStyles = (size) => import_react38.css`
+var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
+var logoStyles = (size) => import_react39.css`
   width: ${space[size]};
   height: auto;
   display: block;
@@ -5951,18 +6081,18 @@ var Logo = ({
     return LandtrustStandardLight_default;
   };
   const LogoComponent = getLogoComponent();
-  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
 };
 var Logo_default = Logo;
 // src/Navigation/Navigation.styles.ts
-var import_react39 = require("@emotion/react");
-var navigationStyles = import_react39.css`
+var import_react40 = require("@emotion/react");
+var navigationStyles = import_react40.css`
   width: 100%;
   background-color: white;
   border-bottom: 1px solid #e5e5e5;
 `;
-var hamburgerButtonStyles = import_react39.css`
+var hamburgerButtonStyles = import_react40.css`
   cursor: pointer;
   &:focus {
     outline: 2px solid #4f46e5;
@@ -5973,7 +6103,7 @@ var hamburgerButtonStyles = import_react39.css`
     display: none;
   }
 `;
-var centeredLogoStyles = import_react39.css`
+var centeredLogoStyles = import_react40.css`
   transform: translate(-50%, -50%);
   max-width: 150px;
@@ -5981,27 +6111,27 @@ var centeredLogoStyles = import_react39.css`
     display: none;
   }
 `;
-var desktopLogoStyles = import_react39.css`
+var desktopLogoStyles = import_react40.css`
   display: none;
   @media (min-width: 768px) {
     display: block;
   }
 `;
-var containerStyles3 = import_react39.css`
+var containerStyles3 = import_react40.css`
   @media (min-width: 768px) {
     justify-content: space-between;
     position: static;
   }
 `;
-var logoStyles2 = import_react39.css`
+var logoStyles2 = import_react40.css`
   width: 100%;
   @media (min-width: 768px) {
     width: initial;
   }
 `;
-var desktopNavStyles = import_react39.css`
+var desktopNavStyles = import_react40.css`
   display: none;
   @media (min-width: 768px) {
@@ -6010,7 +6140,7 @@ var desktopNavStyles = import_react39.css`
     gap: 32px;
   }
 `;
-var navLinksStyles = import_react39.css`
+var navLinksStyles = import_react40.css`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -6018,7 +6148,7 @@ var navLinksStyles = import_react39.css`
   margin: 0;
   padding: 0;
 `;
-var navLinkStyles = import_react39.css`
+var navLinkStyles = import_react40.css`
   text-decoration: none;
   color: #374151;
   font-weight: 500;
@@ -6034,7 +6164,7 @@ var navLinkStyles = import_react39.css`
     outline-offset: 2px;
   }
 `;
-var avatarPlaceholderStyles = import_react39.css`
+var avatarPlaceholderStyles = import_react40.css`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -6059,7 +6189,7 @@ var avatarPlaceholderStyles = import_react39.css`
 `;
 // src/Navigation/Navigation.tsx
-var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
 var Navigation = ({
   onMenuToggle,
   className,
@@ -6073,7 +6203,7 @@ var Navigation = ({
   onAvatarClick,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -6082,7 +6212,7 @@ var Navigation = ({
       position: "relative",
       css: containerStyles3,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
           Box_default,
           {
             as: "button",
@@ -6094,11 +6224,11 @@ var Navigation = ({
             border: "none",
             padding: space[2],
             css: hamburgerButtonStyles,
-            children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Icon_default, { variant: "Bars", size: 6 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Icon_default, { variant: "Bars", size: 6 })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
           Logo_default,
           {
             variant: logoVariant,
@@ -6107,8 +6237,8 @@ var Navigation = ({
             css: logoStyles2
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { css: desktopNavStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(Box_default, { css: desktopNavStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
             "a",
             {
               href: link.href,
@@ -6117,7 +6247,7 @@ var Navigation = ({
               children: link.label
             }
           ) }, link.href)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
             Box_default,
             {
               as: "button",
@@ -6136,8 +6266,8 @@ var Navigation = ({
 var Navigation_default = Navigation;
 // src/PackageCard/PackageCard.styles.ts
-var import_react40 = require("@emotion/react");
-var cardContainerStyles3 = import_react40.css`
+var import_react41 = require("@emotion/react");
+var cardContainerStyles3 = import_react41.css`
   color: var(--text-primary);
   position: relative;
   width: 100%;
@@ -6154,14 +6284,14 @@ var cardContainerStyles3 = import_react40.css`
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
   }
 `;
-var imageContainerStyles = import_react40.css`
+var imageContainerStyles = import_react41.css`
   position: relative;
   width: 100%;
   height: 200px;
   overflow: hidden;
   border-radius: var(--spacing-4);
 `;
-var imageStyles = import_react40.css`
+var imageStyles = import_react41.css`
   width: 100%;
   height: 100%;
   background-size: cover;
@@ -6169,13 +6299,13 @@ var imageStyles = import_react40.css`
   background-repeat: no-repeat;
   border-radius: var(--spacing-4) var(--spacing-4) 0 0;
 `;
-var badgeStyles = import_react40.css`
+var badgeStyles = import_react41.css`
   position: absolute;
   top: var(--spacing-3);
   left: var(--spacing-3);
   z-index: 2;
 `;
-var heartIconStyles = import_react40.css`
+var heartIconStyles = import_react41.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
@@ -6197,12 +6327,12 @@ var heartIconStyles = import_react40.css`
     transform: scale(1.1);
   }
 `;
-var contentStyles2 = import_react40.css`
+var contentStyles2 = import_react41.css`
   padding: var(--spacing-3);
 `;
 // src/PackageCard/PackageCard.tsx
-var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
 var PackageCard = ({
   images,
   title,
@@ -6219,13 +6349,13 @@ var PackageCard = ({
   ...rest
 }) => {
   const mainImage = images[0] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { css: cardContainerStyles3, className, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: imageContainerStyles, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { css: [imageStyles, { backgroundImage: `url(${mainImage})` }], children: [
-      tripsLeft && /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(AvailabilityChip_default, { variant: "warning", css: badgeStyles, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { css: cardContainerStyles3, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { css: imageContainerStyles, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { css: [imageStyles, { backgroundImage: `url(${mainImage})` }], children: [
+      tripsLeft && /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(AvailabilityBadge_default, { variant: "warning", css: badgeStyles, children: [
         tripsLeft,
         " Trips Left"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
         Box_default,
         {
           css: heartIconStyles,
@@ -6233,12 +6363,12 @@ var PackageCard = ({
             e.stopPropagation();
             onFavoriteClick == null ? void 0 : onFavoriteClick();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Icon_default, { variant: isFavorited ? "HeartSolid" : "Heart", size: 5 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Icon_default, { variant: isFavorited ? "HeartSolid" : "Heart", size: 5 })
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { css: contentStyles2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { css: contentStyles2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
         Box_default,
         {
           onClick,
@@ -6247,9 +6377,9 @@ var PackageCard = ({
           gap: "var(--spacing-1)",
           mb: "var(--spacing-4)",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text_default, { size: "xs", fontWeight: "bold", children: subtitle }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Text_default, { size: "xs", fontWeight: "normal", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Text_default, { size: "xs", fontWeight: "bold", children: subtitle }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Text_default, { size: "xs", fontWeight: "normal", children: [
               "Starting Price ",
               startingPrice,
               " / Guest"
@@ -6257,30 +6387,56 @@ var PackageCard = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
-        days && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
+        days && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
           IconLabel_default,
           {
             variant: "Calendar",
             label: `${days} Day${days !== 1 ? "s" : ""}`
           }
         ),
-        guests && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+        guests && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
           IconLabel_default,
           {
             variant: "User",
             label: `${guests} Guest${guests !== 1 ? "s" : ""}`
           }
         ),
-        hasLodging && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
+        hasLodging && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
       ] })
     ] })
   ] });
 };
 var PackageCard_default = PackageCard;
+// src/PackageHeader/PackageHeader.tsx
+var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
+var PackageHeader = ({
+  header,
+  subheader,
+  features,
+  className
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
+    Box_default,
+    {
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--spacing-2)",
+      color: "var(--text-primary)",
+      className,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
+        subheader && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Text_default, { children: subheader }),
+        features && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(FeatureList_default, { items: features })
+      ]
+    }
+  );
+};
+var PackageHeader_default = PackageHeader;
 // src/StarRating/StarRating.tsx
-var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
 var starSize = {
   sm: {
     size: 5,
@@ -6299,7 +6455,7 @@ var StarRating = ({
   const stars = [];
   for (let i = 1; i <= 5; i++) {
     stars.push(
-      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
         Icon_default,
         {
           variant: "StarSolid",
@@ -6310,7 +6466,7 @@ var StarRating = ({
       )
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
     Box_default,
     {
       className,
@@ -6324,7 +6480,7 @@ var StarRating = ({
 var StarRating_default = StarRating;
 // src/UserCard/UserCard.tsx
-var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
 var UserCard = ({
   avatarSrc,
   title,
@@ -6333,7 +6489,7 @@ var UserCard = ({
   showRating = true,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -6341,11 +6497,11 @@ var UserCard = ({
       gap: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Avatar_default, { type: "image", src: avatarSrc, alt: `${title}'s avatar` }),
-        /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
-          subtitle && /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }),
-          showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(StarRating_default, { rating, size: "sm" })
+        /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Avatar_default, { type: "image", src: avatarSrc, alt: `${title}'s avatar` }),
+        /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }),
+          showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(StarRating_default, { rating, size: "sm" })
         ] })
       ]
     }
@@ -6354,8 +6510,8 @@ var UserCard = ({
 var UserCard_default = UserCard;
 // src/ReviewCard/components/ReviewImages.styles.ts
-var import_react41 = require("@emotion/react");
-var imageStyles2 = import_react41.css`
+var import_react42 = require("@emotion/react");
+var imageStyles2 = import_react42.css`
   flex: 1;
   min-width: 0;
   aspect-ratio: 1;
@@ -6365,13 +6521,13 @@ var imageStyles2 = import_react41.css`
 `;
 // src/ReviewCard/components/ReviewImages.tsx
-var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime233 = 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_runtime229.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
     "img",
     {
       src: image,
@@ -6384,7 +6540,7 @@ var ReviewImages = ({ images, maxImages = 3 }) => {
 var ReviewImages_default = ReviewImages;
 // src/ReviewCard/components/ReviewReply.tsx
-var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
 var ReviewReply = ({
   avatarSrc,
   name,
@@ -6393,7 +6549,7 @@ var ReviewReply = ({
   label,
   rating
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
     Box_default,
     {
       backgroundColor: "var(--surface-neutral)",
@@ -6403,7 +6559,7 @@ var ReviewReply = ({
       flexDirection: "column",
       gap: "var(--spacing-3)",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -6411,7 +6567,7 @@ var ReviewReply = ({
             justifyContent: "space-between",
             gap: "var(--spacing-2)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
                 UserCard_default,
                 {
                   avatarSrc,
@@ -6420,11 +6576,11 @@ var ReviewReply = ({
                   rating
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(AvailabilityChip_default, { variant: "neutral", children: label })
+              /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Text_default, { children: content })
+        /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Text_default, { children: content })
       ]
     }
   );
@@ -6432,19 +6588,19 @@ var ReviewReply = ({
 var ReviewReply_default = ReviewReply;
 // src/ReviewCard/ReviewCard.tsx
-var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
 var ReviewCard = ({
   avatarSrc,
   name,
   date,
   rating,
-  availabilityChip,
+  availabilityBadge,
   content,
   images = [],
   replies = [],
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
     Box_default,
     {
       backgroundColor: "white",
@@ -6456,7 +6612,7 @@ var ReviewCard = ({
       border: "1px solid var(--color-neutral-200)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
           UserCard_default,
           {
             avatarSrc,
@@ -6465,10 +6621,10 @@ var ReviewCard = ({
             rating
           }
         ),
-        availabilityChip && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(AvailabilityChip_default, { variant: availabilityChip.variant, children: availabilityChip.text }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Text_default, { size: "md", children: content }),
-        images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(ReviewImages_default, { images }),
-        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+        availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { size: "md", children: content }),
+        images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(ReviewImages_default, { images }),
+        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
           ReviewReply_default,
           {
             avatarSrc: reply.avatarSrc,
@@ -6487,9 +6643,9 @@ var ReviewCard = ({
 var ReviewCard_default = ReviewCard;
 // src/Reviews/components/ReviewItem.tsx
-var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
 var ReviewItem = ({ label, rating }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -6497,10 +6653,10 @@ var ReviewItem = ({ label, rating }) => {
       alignItems: "center",
       width: "100%",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { fontWeight: "semibold", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Icon_default, { variant: "StarSolid", size: 5, fill: "var(--surface-action-2)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Text_default, { fontWeight: "semibold", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Text_default, { fontWeight: "semibold", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Icon_default, { variant: "StarSolid", size: 5, fill: "var(--surface-action-2)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Text_default, { fontWeight: "semibold", children: [
             rating,
             "/5"
           ] })
@@ -6512,14 +6668,14 @@ var ReviewItem = ({ label, rating }) => {
 var ReviewItem_default = ReviewItem;
 // src/Reviews/Reviews.tsx
-var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
 var Reviews = ({
   averageRating,
   totalReviews,
   items,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
     Box_default,
     {
       width: "100%",
@@ -6532,7 +6688,7 @@ var Reviews = ({
       p: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -6540,9 +6696,9 @@ var Reviews = ({
             alignItems: "center",
             gap: "var(--spacing-2)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
-              /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(StarRating_default, { rating: Math.floor(averageRating) }),
-              /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
+              /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(StarRating_default, { rating: Math.floor(averageRating) }),
+              /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
                 "Overall Rating \u2022 ",
                 totalReviews,
                 " Review",
@@ -6551,14 +6707,14 @@ var Reviews = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
           Box_default,
           {
             display: "flex",
             flexDirection: "column",
             gap: "var(--spacing-2)",
             width: "100%",
-            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
+            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
           }
         )
       ]
@@ -6568,7 +6724,7 @@ var Reviews = ({
 var Reviews_default = Reviews;
 // src/Reviews/ReviewsShowcase.tsx
-var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
 var ReviewsShowcase = () => {
   const sampleData = {
     averageRating: 4,
@@ -6590,7 +6746,7 @@ var ReviewsShowcase = () => {
       { label: "Game Abundance", rating: 5 }
     ]
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -6598,24 +6754,24 @@ var ReviewsShowcase = () => {
       gap: "var(--spacing-8)",
       p: "var(--spacing-6)",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
-          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Reviews_default, { ...sampleData }) })
+        /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
+        /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
+          /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Reviews_default, { ...sampleData }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
-          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Reviews_default, { ...highRatingData }) })
+        /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
+          /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Reviews_default, { ...highRatingData }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
             Box_default,
             {
               maxWidth: "320px",
               border: "1px solid var(--color-neutral-200)",
               p: "var(--spacing-4)",
-              children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Reviews_default, { ...sampleData })
+              children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Reviews_default, { ...sampleData })
             }
           )
         ] })
@@ -6627,7 +6783,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AIResponse,
-  AvailabilityChip,
+  AvailabilityBadge,
   Avatar,
   Box,
   Button,
@@ -6635,6 +6791,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
   Column,
   Container,
   Divider,
+  FeatureList,
   FieldNoteCard,
   FormField,
   GlobalStyle,
@@ -6644,6 +6801,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
   HuntCard,
   Icon,
   IconLabel,
+  InfoBox,
   Input,
   LayoutTokens,
   ListingChat,
@@ -6651,6 +6809,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
   MessageBubble,
   Navigation,
   PackageCard,
+  PackageHeader,
   ReviewCard,
   Reviews,
   ReviewsShowcase,