@landtrustinc/design-system 1.1.0-beta.0 → 1.1.1

package/dist/index.js

@@ -48,6 +48,7 @@ __export(src_exports, {
   IconLabel: () => IconLabel_default,
   Input: () => Input,
   LayoutTokens: () => LayoutTokens,
+  ListingChat: () => ListingChat_default,
   Logo: () => Logo_default,
   MessageBubble: () => MessageBubble_default,
   Navigation: () => Navigation_default,
@@ -515,6 +516,9 @@ var GlobalStyle = import_react.css`
   ${globalStyles}
 `;
 
+// src/AIResponse/AIResponse.tsx
+var import_react10 = require("react");
+
 // src/Button/Button.tsx
 var import_react4 = require("@emotion/react");
 var import_lodash = require("lodash");
@@ -2262,13 +2266,7 @@ var Paddleboard_default = SvgPaddleboard;
 
 // src/Icon/components/PaperPlane.tsx
 var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
-var SvgPaperPlane = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 27 26", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
-  "path",
-  {
-    fill: "currentColor",
-    d: "M5.055 13.148c-.795.453-.721 1.663.127 2.014l4.935 2.057v3.631a1.148 1.148 0 0 0 2.034.735l2.18-2.612 4.36 1.814a1.136 1.136 0 0 0 1.544-.868l2.252-14.625a1.12 1.12 0 0 0-.475-1.097 1.13 1.13 0 0 0-1.196-.05zm1.833.896 12.014-6.859-7.726 8.628.043.035zm11.789 4.911-5.861-2.443L20.348 8.1l-1.671 10.856z"
-  }
-) });
+var SvgPaperPlane = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { d: "m322.5 351.7 200.9-200.8L391 520.3zM489.4 117 288.6 317.8 120 249.3zM70.1 280.8l205.8 83.6 83.6 205.8c5.3 13.1 18.1 21.7 32.3 21.7 14.7 0 27.8-9.2 32.8-23.1L602.6 72c3.5-9.8 1-20.6-6.3-28s-18.2-9.8-28-6.3l-496.9 178c-13.9 5-23.1 18.1-23.1 32.8 0 14.2 8.6 27 21.7 32.3z" }) });
 var PaperPlane_default = SvgPaperPlane;
 
 // src/Icon/components/Paperclip.tsx
@@ -3026,16 +3024,16 @@ var styles = {
     font-size: ${fontSizes.base};
   `,
   iconOnly: import_react3.css`
-    height: 42px;
-    min-width: 42px;
-    max-height: 42px;
+    height: var(--spacing-11);
+    min-width: var(--spacing-11);
+    max-height: var(--spacing-11);
     padding: 0;
     border-radius: var(--radius-round);
   `,
   iconOnlyLg: import_react3.css`
-    height: 56px;
-    min-width: 56px;
-    max-height: 56px;
+    height: var(--spacing-20);
+    min-width: var(--spacing-20);
+    max-height: var(--spacing-20);
     padding: 0;
     border-radius: var(--radius-round);
   `,
@@ -3669,8 +3667,44 @@ var AIResponse = ({
   onHelpfulYes,
   onHelpfulNo,
   variant = "default",
-  onErrorRetry
+  onErrorRetry,
+  helpfulDebounceMs = 1e3
 }) => {
+  const [activeHelpful, setActiveHelpful] = (0, import_react10.useState)(null);
+  const debounceTimerRef = (0, import_react10.useRef)(null);
+  const DEBOUNCE_MS = helpfulDebounceMs;
+  const scheduleCallback = (next) => {
+    if (debounceTimerRef.current) {
+      clearTimeout(debounceTimerRef.current);
+      debounceTimerRef.current = null;
+    }
+    if (next === "yes" || next === "no") {
+      debounceTimerRef.current = window.setTimeout(() => {
+        if (next === "yes")
+          onHelpfulYes == null ? void 0 : onHelpfulYes();
+        else
+          onHelpfulNo == null ? void 0 : onHelpfulNo();
+        debounceTimerRef.current = null;
+      }, DEBOUNCE_MS);
+    }
+  };
+  const handleHelpfulYes = () => {
+    const next = activeHelpful === "yes" ? null : "yes";
+    setActiveHelpful(next);
+    scheduleCallback(next);
+  };
+  const handleHelpfulNo = () => {
+    const next = activeHelpful === "no" ? null : "no";
+    setActiveHelpful(next);
+    scheduleCallback(next);
+  };
+  (0, import_react10.useEffect)(() => {
+    return () => {
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+      }
+    };
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("div", { className, css: rootStyles2, children: [
     variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
     /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("div", { css: getBannerStyles(variant), children: [
@@ -3688,8 +3722,38 @@ var AIResponse = ({
     showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("div", { css: footerStyles, children: [
       /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "Was this helpful?" }),
       /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("div", { css: actionsStyles, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Button_default, { variant: "text", size: "xs", onClick: onHelpfulYes, children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(IconLabel_default, { variant: "ThumbsUp", label: "Yes" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Button_default, { variant: "text", size: "xs", onClick: onHelpfulNo, children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(IconLabel_default, { variant: "ThumbsUp", label: "No" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
+          Button_default,
+          {
+            variant: "text",
+            size: "xs",
+            onClick: handleHelpfulYes,
+            "aria-pressed": activeHelpful === "yes",
+            children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
+              IconLabel_default,
+              {
+                variant: activeHelpful === "yes" ? "ThumbsUpSolid" : "ThumbsUp",
+                label: "Yes"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
+          Button_default,
+          {
+            variant: "text",
+            size: "xs",
+            onClick: handleHelpfulNo,
+            "aria-pressed": activeHelpful === "no",
+            children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
+              IconLabel_default,
+              {
+                variant: activeHelpful === "no" ? "ThumbsUpSolid" : "ThumbsUp",
+                label: "No"
+              }
+            )
+          }
+        )
       ] })
     ] })
   ] });
@@ -3697,21 +3761,21 @@ var AIResponse = ({
 var AIResponse_default = AIResponse;
 
 // src/AvailabilityChip/AvailabilityChip.styles.ts
-var import_react10 = require("@emotion/react");
+var import_react11 = require("@emotion/react");
 var availabilityChipVariantStyles = {
-  primary: import_react10.css`
+  primary: import_react11.css`
     background-color: var(--color-primary-100);
     color: var(--text-primary);
   `,
-  error: import_react10.css`
+  error: import_react11.css`
     background-color: var(--surface-error);
     color: var(--text-error);
   `,
-  action: import_react10.css`
+  action: import_react11.css`
     background-color: var(--surface-action-2);
     color: var(--text-primary);
   `,
-  warning: import_react10.css`
+  warning: import_react11.css`
     background-color: var(--color-brown-200);
     color: var(--text-primary);
   `
@@ -3741,8 +3805,8 @@ var AvailabilityChip = ({
 var AvailabilityChip_default = AvailabilityChip;
 
 // src/Divider/Divider.styles.ts
-var import_react11 = require("@emotion/react");
-var dividerStyles = import_react11.css`
+var import_react12 = require("@emotion/react");
+var dividerStyles = import_react12.css`
   width: 100%;
   height: 1px;
   border: 0;
@@ -3757,8 +3821,8 @@ var Divider = ({ className }) => {
 var Divider_default = Divider;
 
 // src/FieldNoteCard/FieldNoteCard.styles.ts
-var import_react12 = require("@emotion/react");
-var cardContainerStyles = import_react12.css`
+var import_react13 = require("@emotion/react");
+var cardContainerStyles = import_react13.css`
   position: relative;
   height: 335px;
 
@@ -3766,12 +3830,12 @@ var cardContainerStyles = import_react12.css`
     height: 480px;
   }
 `;
-var cardContentStyles = import_react12.css`
+var cardContentStyles = import_react13.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient = (imageUrl) => import_react12.css`
+var getBackgroundWithGradient = (imageUrl) => import_react13.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -3821,14 +3885,14 @@ var FieldNoteCard = ({
 var FieldNoteCard_default = FieldNoteCard;
 
 // src/Form/FormField.tsx
-var import_react13 = require("@emotion/react");
+var import_react14 = require("@emotion/react");
 var import_jsx_runtime203 = require("@emotion/react/jsx-runtime");
-var fieldContainerStyles = import_react13.css`
+var fieldContainerStyles = import_react14.css`
   display: flex;
   flex-direction: column;
   gap: ${space["2"]};
 `;
-var labelStyles2 = import_react13.css`
+var labelStyles2 = import_react14.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   font-weight: ${fontWeights.medium};
@@ -3836,17 +3900,17 @@ var labelStyles2 = import_react13.css`
   color: ${colors.gray["900"]};
   margin-bottom: ${space["1"]};
 `;
-var requiredIndicatorStyles = import_react13.css`
+var requiredIndicatorStyles = import_react14.css`
   color: ${colors.red["500"]};
   margin-left: ${space["1"]};
 `;
-var helpTextStyles = import_react13.css`
+var helpTextStyles = import_react14.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
   color: ${colors.gray["600"]};
 `;
-var errorTextStyles = import_react13.css`
+var errorTextStyles = import_react14.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -3855,7 +3919,7 @@ var errorTextStyles = import_react13.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var successTextStyles = import_react13.css`
+var successTextStyles = import_react14.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -3864,7 +3928,7 @@ var successTextStyles = import_react13.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var visuallyHiddenStyles = import_react13.css`
+var visuallyHiddenStyles = import_react14.css`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -3929,10 +3993,10 @@ var FormField = ({
 };
 
 // src/Form/Input.tsx
-var import_react14 = require("@emotion/react");
-var import_react15 = require("react");
+var import_react15 = require("@emotion/react");
+var import_react16 = require("react");
 var import_jsx_runtime204 = require("@emotion/react/jsx-runtime");
-var inputStyles = import_react14.css`
+var inputStyles = import_react15.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -3969,19 +4033,19 @@ var inputStyles = import_react14.css`
   }
 `;
 var sizeStyles = {
-  sm: import_react14.css`
+  sm: import_react15.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react14.css`
+  md: import_react15.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react14.css`
+  lg: import_react15.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -3989,8 +4053,8 @@ var sizeStyles = {
   `
 };
 var variantStyles = {
-  default: import_react14.css``,
-  error: import_react14.css`
+  default: import_react15.css``,
+  error: import_react15.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -3998,7 +4062,7 @@ var variantStyles = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react14.css`
+  success: import_react15.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -4007,7 +4071,7 @@ var variantStyles = {
     }
   `
 };
-var inputWithIconStyles = import_react14.css`
+var inputWithIconStyles = import_react15.css`
   padding-left: ${space["10"]};
 
   &.has-end-icon {
@@ -4018,7 +4082,7 @@ var inputWithIconStyles = import_react14.css`
     padding-left: ${space["10"]};
   }
 `;
-var iconContainerStyles = import_react14.css`
+var iconContainerStyles = import_react15.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -4029,20 +4093,20 @@ var iconContainerStyles = import_react14.css`
   pointer-events: none;
   z-index: 1;
 `;
-var startIconStyles = import_react14.css`
+var startIconStyles = import_react15.css`
   ${iconContainerStyles}
   left: ${space["3"]};
 `;
-var endIconStyles = import_react14.css`
+var endIconStyles = import_react15.css`
   ${iconContainerStyles}
   right: ${space["3"]};
 `;
-var inputWrapperStyles = import_react14.css`
+var inputWrapperStyles = import_react15.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var Input = (0, import_react15.forwardRef)(
+var Input = (0, import_react16.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -4087,10 +4151,10 @@ var Input = (0, import_react15.forwardRef)(
 Input.displayName = "Input";
 
 // src/Form/Select.tsx
-var import_react16 = require("@emotion/react");
-var import_react17 = require("react");
+var import_react17 = require("@emotion/react");
+var import_react18 = require("react");
 var import_jsx_runtime205 = require("@emotion/react/jsx-runtime");
-var selectStyles = import_react16.css`
+var selectStyles = import_react17.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -4129,19 +4193,19 @@ var selectStyles = import_react16.css`
   }
 `;
 var sizeStyles2 = {
-  sm: import_react16.css`
+  sm: import_react17.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react16.css`
+  md: import_react17.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react16.css`
+  lg: import_react17.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -4149,8 +4213,8 @@ var sizeStyles2 = {
   `
 };
 var variantStyles2 = {
-  default: import_react16.css``,
-  error: import_react16.css`
+  default: import_react17.css``,
+  error: import_react17.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -4158,7 +4222,7 @@ var variantStyles2 = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react16.css`
+  success: import_react17.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -4167,7 +4231,7 @@ var variantStyles2 = {
     }
   `
 };
-var optionStyles = import_react16.css`
+var optionStyles = import_react17.css`
   background-color: ${colors.light["100"]};
   color: ${colors.gray["900"]};
 
@@ -4176,7 +4240,7 @@ var optionStyles = import_react16.css`
     background-color: ${colors.gray["100"]};
   }
 `;
-var Select = (0, import_react17.forwardRef)(
+var Select = (0, import_react18.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -4214,25 +4278,25 @@ var Select = (0, import_react17.forwardRef)(
 Select.displayName = "Select";
 
 // src/Form/TextArea.tsx
-var import_react19 = require("@emotion/react");
-var import_react20 = require("react");
+var import_react20 = require("@emotion/react");
+var import_react21 = require("react");
 
 // src/Form/TextArea.styles.ts
-var import_react18 = require("@emotion/react");
-var wrapperStyles = import_react18.css`
+var import_react19 = require("@emotion/react");
+var wrapperStyles = import_react19.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var textareaBase = import_react18.css`
+var textareaBase = import_react19.css`
   width: 100%;
   box-sizing: border-box;
   font: inherit;
   color: var(--text-primary);
   background-color: var(--surface-page);
   border: 1px solid var(--border-primary);
-  border-radius: var(--radius-sm);
-  padding: var(--spacing-3) var(--spacing-4);
+  border-radius: var(--radius-lg);
+  padding: var(--spacing-4);
   transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
   outline: none;
   resize: none;
@@ -4258,29 +4322,32 @@ var textareaBase = import_react18.css`
     cursor: default;
   }
 `;
-var variantError = import_react18.css`
+var variantError = import_react19.css`
   border-color: var(--border-error);
   &:focus {
     border-color: var(--border-error);
     box-shadow: 0 0 0 3px var(--color-error-100);
   }
 `;
-var variantSuccess = import_react18.css`
+var variantSuccess = import_react19.css`
   border-color: var(--color-success-500);
   &:focus {
     border-color: var(--color-success-500);
     box-shadow: 0 0 0 3px var(--color-success-100);
   }
 `;
-var submitButtonContainer = import_react18.css`
+var submitButtonContainer = import_react19.css`
   position: absolute;
-  right: var(--spacing-2);
-  bottom: var(--spacing-3);
+  right: var(--spacing-4);
+  bottom: var(--spacing-4);
+`;
+var textareaWithSubmit = import_react19.css`
+  padding-right: var(--spacing-16);
 `;
 
 // src/Form/TextArea.tsx
 var import_jsx_runtime206 = require("@emotion/react/jsx-runtime");
-var TextArea = (0, import_react20.forwardRef)(
+var TextArea = (0, import_react21.forwardRef)(
   ({
     rows = 3,
     variant = "default",
@@ -4298,8 +4365,8 @@ var TextArea = (0, import_react20.forwardRef)(
     submitDisabled,
     ...props
   }, ref) => {
-    const innerRef = (0, import_react20.useRef)(null);
-    (0, import_react20.useEffect)(() => {
+    const innerRef = (0, import_react21.useRef)(null);
+    (0, import_react21.useEffect)(() => {
       const el = innerRef.current;
       if (!el || !autoExpand)
         return;
@@ -4339,9 +4406,10 @@ var TextArea = (0, import_react20.forwardRef)(
             textareaBase,
             variant === "error" && variantError,
             variant === "success" && variantSuccess,
-            import_react19.css`
+            import_react20.css`
               resize: ${resize};
-            `
+            `,
+            showSubmit && textareaWithSubmit
           ],
           className,
           value,
@@ -4373,10 +4441,10 @@ var TextArea = (0, import_react20.forwardRef)(
 TextArea.displayName = "TextArea";
 
 // src/Grid/Column.tsx
-var import_react22 = require("@emotion/react");
+var import_react23 = require("@emotion/react");
 
 // src/Grid/utils.ts
-var import_react21 = require("@emotion/react");
+var import_react22 = require("@emotion/react");
 var LayoutTokens = {
   containers: {
     sm: screens.sm,
@@ -4416,11 +4484,11 @@ var getResponsiveValue = (value) => {
 var generateGridColumns = (columns) => {
   const baseColumns = getResponsiveValue(columns);
   if (typeof columns === "number") {
-    return import_react21.css`
+    return import_react22.css`
       grid-template-columns: repeat(${columns}, 1fr);
     `;
   }
-  return import_react21.css`
+  return import_react22.css`
     grid-template-columns: repeat(${baseColumns}, 1fr);
 
     ${media.sm} {
@@ -4452,11 +4520,11 @@ var generateGridColumns = (columns) => {
 var generateGapStyles = (gap2) => {
   const baseGap = getResponsiveValue(gap2);
   if (typeof gap2 === "string" || typeof gap2 === "number") {
-    return import_react21.css`
+    return import_react22.css`
       gap: ${space[gap2]};
     `;
   }
-  return import_react21.css`
+  return import_react22.css`
     gap: ${space[baseGap]};
 
     ${media.sm} {
@@ -4479,11 +4547,11 @@ var generateGapStyles = (gap2) => {
 var generateRowGapStyles = (rowGap) => {
   const baseRowGap = getResponsiveValue(rowGap);
   if (typeof rowGap === "string" || typeof rowGap === "number") {
-    return import_react21.css`
+    return import_react22.css`
       row-gap: ${space[rowGap]};
     `;
   }
-  return import_react21.css`
+  return import_react22.css`
     row-gap: ${space[baseRowGap]};
 
     ${media.sm} {
@@ -4506,11 +4574,11 @@ var generateRowGapStyles = (rowGap) => {
 var generateColumnGapStyles = (columnGap) => {
   const baseColumnGap = getResponsiveValue(columnGap);
   if (typeof columnGap === "string" || typeof columnGap === "number") {
-    return import_react21.css`
+    return import_react22.css`
       column-gap: ${space[columnGap]};
     `;
   }
-  return import_react21.css`
+  return import_react22.css`
     column-gap: ${space[baseColumnGap]};
 
     ${media.sm} {
@@ -4533,11 +4601,11 @@ var generateColumnGapStyles = (columnGap) => {
 var generateColumnSpan = (span) => {
   const baseSpan = getResponsiveValue(span);
   if (typeof span === "string" || typeof span === "number") {
-    return import_react21.css`
+    return import_react22.css`
       grid-column: ${span === "auto" ? "auto" : `span ${span}`};
     `;
   }
-  return import_react21.css`
+  return import_react22.css`
     grid-column: ${baseSpan === "auto" ? "auto" : `span ${baseSpan}`};
 
     ${media.sm} {
@@ -4560,11 +4628,11 @@ var generateColumnSpan = (span) => {
 var generateAlignItems = (alignItems) => {
   const baseAlign = getResponsiveValue(alignItems);
   if (typeof alignItems === "string") {
-    return import_react21.css`
+    return import_react22.css`
       align-items: ${alignItems};
     `;
   }
-  return import_react21.css`
+  return import_react22.css`
     align-items: ${baseAlign};
 
     ${media.sm} {
@@ -4587,11 +4655,11 @@ var generateAlignItems = (alignItems) => {
 var generateJustifyItems = (justifyItems) => {
   const baseJustify = getResponsiveValue(justifyItems);
   if (typeof justifyItems === "string") {
-    return import_react21.css`
+    return import_react22.css`
       justify-items: ${justifyItems};
     `;
   }
-  return import_react21.css`
+  return import_react22.css`
     justify-items: ${baseJustify};
 
     ${media.sm} {
@@ -4626,19 +4694,19 @@ var Column = ({
 }) => {
   const columnStyles = [
     span && generateColumnSpan(span),
-    start && import_react22.css`
+    start && import_react23.css`
         grid-column-start: ${start};
       `,
-    end && import_react22.css`
+    end && import_react23.css`
         grid-column-end: ${end};
       `,
-    row && import_react22.css`
+    row && import_react23.css`
         grid-row: ${row};
       `,
-    rowSpan && import_react22.css`
+    rowSpan && import_react23.css`
         grid-row: span ${rowSpan};
       `,
-    area && import_react22.css`
+    area && import_react23.css`
         grid-area: ${area};
       `
   ].filter(Boolean);
@@ -4647,9 +4715,9 @@ var Column = ({
 var Column_default = Column;
 
 // src/Grid/Grid.tsx
-var import_react23 = require("@emotion/react");
+var import_react24 = require("@emotion/react");
 var import_jsx_runtime208 = require("@emotion/react/jsx-runtime");
-var baseGridStyles = import_react23.css`
+var baseGridStyles = import_react24.css`
   display: grid;
 `;
 var Grid = ({
@@ -4674,16 +4742,16 @@ var Grid = ({
     columnGap && generateColumnGapStyles(columnGap),
     alignItems && generateAlignItems(alignItems),
     justifyItems && generateJustifyItems(justifyItems),
-    autoRows && import_react23.css`
+    autoRows && import_react24.css`
         grid-auto-rows: ${autoRows};
       `,
-    autoColumns && import_react23.css`
+    autoColumns && import_react24.css`
         grid-auto-columns: ${autoColumns};
       `,
-    templateAreas && import_react23.css`
+    templateAreas && import_react24.css`
         grid-template-areas: ${typeof templateAreas === "string" ? templateAreas : templateAreas._};
       `,
-    justifyContent && import_react23.css`
+    justifyContent && import_react24.css`
         justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
       `
   ].filter(Boolean);
@@ -4692,9 +4760,9 @@ var Grid = ({
 var Grid_default = Grid;
 
 // src/Grid/GridContainer.tsx
-var import_react24 = require("@emotion/react");
+var import_react25 = require("@emotion/react");
 var import_jsx_runtime209 = require("@emotion/react/jsx-runtime");
-var baseContainerStyles = import_react24.css`
+var baseContainerStyles = import_react25.css`
   width: 100%;
   margin: 0 auto;
   padding-left: 1rem;
@@ -4702,14 +4770,14 @@ var baseContainerStyles = import_react24.css`
 `;
 var generateMaxWidthStyles = (maxWidth) => {
   if (maxWidth === "full") {
-    return import_react24.css`
+    return import_react25.css`
       max-width: 100%;
       padding-left: 0;
       padding-right: 0;
     `;
   }
   const width2 = LayoutTokens.containers[maxWidth] || maxWidth;
-  return import_react24.css`
+  return import_react25.css`
     max-width: ${width2};
 
     ${media.sm} {
@@ -4734,17 +4802,17 @@ var GridContainer = ({
   className,
   ...props
 }) => {
-  const containerStyles2 = [
+  const containerStyles3 = [
     baseContainerStyles,
     generateMaxWidthStyles(maxWidth)
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { css: containerStyles2, className, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { css: containerStyles3, className, ...props, children });
 };
 var GridContainer_default = GridContainer;
 
 // src/HuntCard/HuntCard.styles.ts
-var import_react25 = require("@emotion/react");
-var cardContainerStyles2 = import_react25.css`
+var import_react26 = require("@emotion/react");
+var cardContainerStyles2 = import_react26.css`
   position: relative;
   height: 335px;
 
@@ -4752,12 +4820,12 @@ var cardContainerStyles2 = import_react25.css`
     height: 480px;
   }
 `;
-var cardContentStyles2 = import_react25.css`
+var cardContentStyles2 = import_react26.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient2 = (imageUrl) => import_react25.css`
+var getBackgroundWithGradient2 = (imageUrl) => import_react26.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -4806,12 +4874,171 @@ var HuntCard = ({
 };
 var HuntCard_default = HuntCard;
 
+// src/ListingChat/ListingChat.tsx
+var import_react29 = require("react");
+
+// src/TagChip/TagChip.styles.ts
+var import_react27 = require("@emotion/react");
+var tagChipVariantStyles = {
+  primary: import_react27.css`
+    background-color: var(--surface-disabled);
+    border: 1px solid var(--surface-disabled);
+    color: var(--text-primary);
+  `,
+  error: import_react27.css`
+    background-color: var(--surface-error);
+    border: 1px solid var(--color-red-300);
+    color: var(--text-error);
+  `,
+  success: import_react27.css`
+    background-color: var(--surface-success);
+    border: 1px solid var(--color-green-300);
+    color: var(--text-success);
+  `,
+  warning: import_react27.css`
+    background-color: var(--surface-subtle);
+    border: 1px solid var(--color-brown-200);
+    color: var(--text-primary);
+  `
+};
+
+// src/TagChip/TagChip.tsx
+var import_jsx_runtime211 = require("@emotion/react/jsx-runtime");
+var TagChip = ({
+  variant = "primary",
+  className,
+  children,
+  ...rest
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+    Box_default,
+    {
+      display: "inline-flex",
+      alignItems: "center",
+      borderRadius: "var(--spacing-6)",
+      px: "var(--spacing-4)",
+      py: "var(--spacing-3)",
+      css: tagChipVariantStyles[variant],
+      className,
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
+    }
+  );
+};
+var TagChip_default = TagChip;
+
+// src/ListingChat/ListingChat.styles.ts
+var import_react28 = require("@emotion/react");
+var containerStyles = import_react28.css`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  padding: var(--spacing-4);
+  border-radius: var(--radius-lg);
+  background: var(--surface-success);
+`;
+var headerStyles = import_react28.css`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--spacing-2);
+`;
+var chipsContainerStyles = import_react28.css`
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-4);
+
+  & > button {
+    background: transparent;
+    border: none;
+    padding: 0;
+    margin: 0;
+    cursor: pointer;
+  }
+`;
+var textAreaStyles = import_react28.css`
+  min-height: 62px;
+`;
+var inputWrapperStyles2 = import_react28.css`
+  position: relative;
+`;
+
+// src/ListingChat/ListingChat.tsx
+var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
+var ListingChat = ({
+  onSubmit,
+  placeholder = "Ask anything about this listing\u2026",
+  className,
+  title = "Have a question?",
+  tags = [],
+  disabled = false,
+  ...rest
+}) => {
+  const [value, setValue] = (0, import_react29.useState)("");
+  const handleSubmit = (0, import_react29.useCallback)(() => {
+    const trimmed = value.trim();
+    if (!trimmed)
+      return;
+    onSubmit(trimmed);
+    setValue("");
+  }, [onSubmit, value]);
+  const handleTagClick = (0, import_react29.useCallback)(
+    (tag) => () => {
+      const trimmed = tag.trim();
+      if (!trimmed)
+        return;
+      onSubmit(trimmed);
+    },
+    [onSubmit]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(Box_default, { css: containerStyles, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(Box_default, { css: headerStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Icon_default, { variant: "AiMagic", size: 5 }),
+        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Text_default, { size: "sm", children: "Beta" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+      TextArea,
+      {
+        rows: 1,
+        placeholder,
+        value,
+        onChange: (e) => setValue(e.target.value),
+        showSubmit: true,
+        onSubmit: handleSubmit,
+        disabled,
+        submitDisabled: !value.trim(),
+        submitAriaLabel: "Submit message",
+        css: textAreaStyles
+      }
+    ) }),
+    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(import_jsx_runtime212.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
+      /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+        "button",
+        {
+          onClick: handleTagClick(tag),
+          disabled,
+          children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(TagChip_default, { children: tag })
+        },
+        tag
+      )) })
+    ] })
+  ] });
+};
+var ListingChat_default = ListingChat;
+
 // src/Logo/Logo.tsx
-var import_react26 = require("@emotion/react");
+var import_react30 = require("@emotion/react");
 
 // src/Logo/components/LandtrustPlusDark.tsx
-var import_jsx_runtime211 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
+var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4819,14 +5046,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime211.
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime213.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_runtime211.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -4835,14 +5062,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime211.
           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_runtime211.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime213.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_runtime211.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
         "filter",
         {
           id: "landtrust-plus-dark_svg__a",
@@ -4853,8 +5080,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime211.
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -4862,18 +5089,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime211.
                 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_runtime211.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime211.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_runtime211.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime213.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_runtime213.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2540"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -4890,8 +5117,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime211.
 var LandtrustPlusDark_default = SvgLandtrustPlusDark;
 
 // src/Logo/components/LandtrustPlusLight.tsx
-var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
+var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4899,14 +5126,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime212
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime214.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_runtime212.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -4915,14 +5142,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime212
           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_runtime212.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime214.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_runtime212.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
         "filter",
         {
           id: "landtrust-plus-light_svg__a",
@@ -4933,8 +5160,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime212
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -4942,18 +5169,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime212
                 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_runtime212.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime212.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_runtime212.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime214.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_runtime214.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2538"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -4970,8 +5197,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime212
 var LandtrustPlusLight_default = SvgLandtrustPlusLight;
 
 // src/Logo/components/LandtrustStandardDark.tsx
-var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
+var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4979,14 +5206,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime215.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_runtime213.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
         "path",
         {
           fill: "#fff",
@@ -4999,8 +5226,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
 var LandtrustStandardDark_default = SvgLandtrustStandardDark;
 
 // src/Logo/components/LandtrustStandardLight.tsx
-var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
+var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5008,14 +5235,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime216.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_runtime214.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
         "path",
         {
           fill: "#000",
@@ -5028,8 +5255,8 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
 var LandtrustStandardLight_default = SvgLandtrustStandardLight;
 
 // src/Logo/Logo.tsx
-var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
-var logoStyles = (size) => import_react26.css`
+var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
+var logoStyles = (size) => import_react30.css`
   width: ${space[size]};
   height: auto;
   display: block;
@@ -5057,19 +5284,19 @@ var Logo = ({
     return LandtrustStandardLight_default;
   };
   const LogoComponent = getLogoComponent();
-  return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
 };
 var Logo_default = Logo;
 
 // src/MessageBubble/MessageBubble.styles.ts
-var import_react27 = require("@emotion/react");
-var getRootStyles = (variant) => import_react27.css`
+var import_react31 = require("@emotion/react");
+var getRootStyles = (variant) => import_react31.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-1);
   align-items: ${variant === "sent" ? "flex-end" : "flex-start"};
 `;
-var getBubbleStyles = (variant) => import_react27.css`
+var getBubbleStyles = (variant) => import_react31.css`
   max-width: 100%;
   width: 100%;
   box-sizing: border-box;
@@ -5086,22 +5313,22 @@ var getBubbleStyles = (variant) => import_react27.css`
   border-bottom-left-radius: ${variant === "sent" ? "var(--radius-lg)" : "0"};
   border-bottom-right-radius: ${variant === "sent" ? "0" : "var(--radius-lg)"};
 `;
-var contentStyles = import_react27.css`
+var contentStyles = import_react31.css`
   flex: 1 1 auto;
   min-width: 1px;
   min-height: 1px;
 `;
 
 // src/MessageBubble/MessageBubble.tsx
-var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
 var MessageBubble = ({
   variant = "sent",
   timestamp,
   className,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className, css: getRootStyles(variant), children: [
-    timestamp && /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("div", { className, css: getRootStyles(variant), children: [
+    timestamp && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
       Text_default,
       {
         size: "xs",
@@ -5110,19 +5337,19 @@ var MessageBubble = ({
         children: timestamp
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("div", { css: contentStyles, children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { css: contentStyles, children }) })
   ] });
 };
 var MessageBubble_default = MessageBubble;
 
 // src/Navigation/Navigation.styles.ts
-var import_react28 = require("@emotion/react");
-var navigationStyles = import_react28.css`
+var import_react32 = require("@emotion/react");
+var navigationStyles = import_react32.css`
   width: 100%;
   background-color: white;
   border-bottom: 1px solid #e5e5e5;
 `;
-var hamburgerButtonStyles = import_react28.css`
+var hamburgerButtonStyles = import_react32.css`
   cursor: pointer;
   &:focus {
     outline: 2px solid #4f46e5;
@@ -5133,7 +5360,7 @@ var hamburgerButtonStyles = import_react28.css`
     display: none;
   }
 `;
-var centeredLogoStyles = import_react28.css`
+var centeredLogoStyles = import_react32.css`
   transform: translate(-50%, -50%);
   max-width: 150px;
 
@@ -5141,27 +5368,27 @@ var centeredLogoStyles = import_react28.css`
     display: none;
   }
 `;
-var desktopLogoStyles = import_react28.css`
+var desktopLogoStyles = import_react32.css`
   display: none;
 
   @media (min-width: 768px) {
     display: block;
   }
 `;
-var containerStyles = import_react28.css`
+var containerStyles2 = import_react32.css`
   @media (min-width: 768px) {
     justify-content: space-between;
     position: static;
   }
 `;
-var logoStyles2 = import_react28.css`
+var logoStyles2 = import_react32.css`
   width: 100%;
 
   @media (min-width: 768px) {
     width: initial;
   }
 `;
-var desktopNavStyles = import_react28.css`
+var desktopNavStyles = import_react32.css`
   display: none;
 
   @media (min-width: 768px) {
@@ -5170,7 +5397,7 @@ var desktopNavStyles = import_react28.css`
     gap: 32px;
   }
 `;
-var navLinksStyles = import_react28.css`
+var navLinksStyles = import_react32.css`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -5178,7 +5405,7 @@ var navLinksStyles = import_react28.css`
   margin: 0;
   padding: 0;
 `;
-var navLinkStyles = import_react28.css`
+var navLinkStyles = import_react32.css`
   text-decoration: none;
   color: #374151;
   font-weight: 500;
@@ -5194,7 +5421,7 @@ var navLinkStyles = import_react28.css`
     outline-offset: 2px;
   }
 `;
-var avatarPlaceholderStyles = import_react28.css`
+var avatarPlaceholderStyles = import_react32.css`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -5219,7 +5446,7 @@ var avatarPlaceholderStyles = import_react28.css`
 `;
 
 // src/Navigation/Navigation.tsx
-var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
 var Navigation = ({
   onMenuToggle,
   className,
@@ -5233,16 +5460,16 @@ var Navigation = ({
   onAvatarClick,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
     Box_default,
     {
       display: "flex",
       alignItems: "center",
       padding: space[4],
       position: "relative",
-      css: containerStyles,
+      css: containerStyles2,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
           Box_default,
           {
             as: "button",
@@ -5254,11 +5481,11 @@ var Navigation = ({
             border: "none",
             padding: space[2],
             css: hamburgerButtonStyles,
-            children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Icon_default, { variant: "Bars", size: 6 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Icon_default, { variant: "Bars", size: 6 })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
           Logo_default,
           {
             variant: logoVariant,
@@ -5267,8 +5494,8 @@ var Navigation = ({
             css: logoStyles2
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(Box_default, { css: desktopNavStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { css: desktopNavStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
             "a",
             {
               href: link.href,
@@ -5277,7 +5504,7 @@ var Navigation = ({
               children: link.label
             }
           ) }, link.href)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
             Box_default,
             {
               as: "button",
@@ -5296,8 +5523,8 @@ var Navigation = ({
 var Navigation_default = Navigation;
 
 // src/PackageCard/PackageCard.styles.ts
-var import_react29 = require("@emotion/react");
-var cardContainerStyles3 = import_react29.css`
+var import_react33 = require("@emotion/react");
+var cardContainerStyles3 = import_react33.css`
   color: var(--text-primary);
   position: relative;
   width: 100%;
@@ -5314,14 +5541,14 @@ var cardContainerStyles3 = import_react29.css`
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
   }
 `;
-var imageContainerStyles = import_react29.css`
+var imageContainerStyles = import_react33.css`
   position: relative;
   width: 100%;
   height: 200px;
   overflow: hidden;
   border-radius: var(--spacing-4);
 `;
-var imageStyles = import_react29.css`
+var imageStyles = import_react33.css`
   width: 100%;
   height: 100%;
   background-size: cover;
@@ -5329,13 +5556,13 @@ var imageStyles = import_react29.css`
   background-repeat: no-repeat;
   border-radius: var(--spacing-4) var(--spacing-4) 0 0;
 `;
-var badgeStyles = import_react29.css`
+var badgeStyles = import_react33.css`
   position: absolute;
   top: var(--spacing-3);
   left: var(--spacing-3);
   z-index: 2;
 `;
-var heartIconStyles = import_react29.css`
+var heartIconStyles = import_react33.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
@@ -5357,12 +5584,12 @@ var heartIconStyles = import_react29.css`
     transform: scale(1.1);
   }
 `;
-var contentStyles2 = import_react29.css`
+var contentStyles2 = import_react33.css`
   padding: var(--spacing-3);
 `;
 
 // src/PackageCard/PackageCard.tsx
-var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
 var PackageCard = ({
   images,
   title,
@@ -5379,13 +5606,13 @@ var PackageCard = ({
   ...rest
 }) => {
   const mainImage = images[0] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { css: cardContainerStyles3, className, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { css: imageContainerStyles, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { css: [imageStyles, { backgroundImage: `url(${mainImage})` }], children: [
-      tripsLeft && /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(AvailabilityChip_default, { variant: "warning", css: badgeStyles, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { css: cardContainerStyles3, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { css: imageContainerStyles, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { css: [imageStyles, { backgroundImage: `url(${mainImage})` }], children: [
+      tripsLeft && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(AvailabilityChip_default, { variant: "warning", css: badgeStyles, children: [
         tripsLeft,
         " Trips Left"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
         Box_default,
         {
           css: heartIconStyles,
@@ -5393,12 +5620,12 @@ var PackageCard = ({
             e.stopPropagation();
             onFavoriteClick == null ? void 0 : onFavoriteClick();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Icon_default, { variant: isFavorited ? "HeartSolid" : "Heart", size: 5 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: isFavorited ? "HeartSolid" : "Heart", size: 5 })
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { css: contentStyles2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { css: contentStyles2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
         Box_default,
         {
           onClick,
@@ -5407,9 +5634,9 @@ var PackageCard = ({
           gap: "var(--spacing-1)",
           mb: "var(--spacing-4)",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "xs", fontWeight: "bold", children: subtitle }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Text_default, { size: "xs", fontWeight: "normal", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "xs", fontWeight: "bold", children: subtitle }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Text_default, { size: "xs", fontWeight: "normal", children: [
               "Starting Price ",
               startingPrice,
               " / Guest"
@@ -5417,63 +5644,40 @@ var PackageCard = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
-        days && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
+        days && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
           IconLabel_default,
           {
             variant: "Calendar",
             label: `${days} Day${days !== 1 ? "s" : ""}`
           }
         ),
-        guests && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+        guests && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
           IconLabel_default,
           {
             variant: "User",
             label: `${guests} Guest${guests !== 1 ? "s" : ""}`
           }
         ),
-        hasLodging && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
+        hasLodging && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
       ] })
     ] })
   ] });
 };
 var PackageCard_default = PackageCard;
 
-// src/TagChip/TagChip.tsx
-var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
-var TagChip = ({
-  className,
-  children
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
-    Box_default,
-    {
-      display: "inline-flex",
-      alignItems: "center",
-      backgroundColor: "var(--surface-subtle)",
-      borderRadius: "var(--spacing-6)",
-      border: "1px solid var(--color-brown-200)",
-      px: "var(--spacing-4)",
-      py: "var(--spacing-3)",
-      className,
-      children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { as: "span", size: "xs", fontWeight: "normal", children })
-    }
-  );
-};
-var TagChip_default = TagChip;
-
 // src/Widget/Widget.tsx
-var import_react31 = require("react");
+var import_react35 = require("react");
 
 // src/Widget/Widget.styles.ts
-var import_react30 = require("@emotion/react");
-var fixedContainer = import_react30.css`
+var import_react34 = require("@emotion/react");
+var fixedContainer = import_react34.css`
   position: fixed;
   right: var(--spacing-6);
   bottom: var(--spacing-6);
   z-index: 50;
 `;
-var panelContainer = import_react30.css`
+var panelContainer = import_react34.css`
   position: absolute;
   right: 0;
   bottom: 0;
@@ -5489,7 +5693,7 @@ var panelContainer = import_react30.css`
     justify-content: stretch;
   }
 `;
-var panelCard = (width2) => import_react30.css`
+var panelCard = (width2) => import_react34.css`
   background: var(--surface-page);
   color: var(--text-primary);
   border: 1px solid var(--border-primary);
@@ -5512,13 +5716,13 @@ var panelCard = (width2) => import_react30.css`
     overflow: auto;
   }
 `;
-var headerRow = import_react30.css`
+var headerRow = import_react34.css`
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--spacing-4);
 `;
-var badge = import_react30.css`
+var badge = import_react34.css`
   width: 42px;
   height: 42px;
   border-radius: 9999px;
@@ -5528,20 +5732,23 @@ var badge = import_react30.css`
   background-color: var(--color-primary-500);
   color: var(--color-base-white);
 `;
-var closeButtonContent = import_react30.css`
+var closeButtonContent = import_react34.css`
   display: inline-flex;
   align-items: center;
   gap: var(--spacing-2);
 `;
-var closeButtonIcon = import_react30.css`
+var closeButtonIcon = import_react34.css`
   display: block;
 `;
+var widgetTrigger = import_react34.css`
+  margin: var(--spacing-1);
+`;
 
 // src/Widget/Widget.tsx
-var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
-var WidgetContext = (0, import_react31.createContext)(null);
+var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
+var WidgetContext = (0, import_react35.createContext)(null);
 var useWidgetContext = () => {
-  const ctx = (0, import_react31.useContext)(WidgetContext);
+  const ctx = (0, import_react35.useContext)(WidgetContext);
   if (!ctx)
     throw new Error("Widget subcomponents must be used within <Widget>");
   return ctx;
@@ -5549,7 +5756,7 @@ var useWidgetContext = () => {
 var WidgetTrigger = () => {
   const { expanded, toggle, triggerRef, icon, expandedIcon } = useWidgetContext();
   const currentIcon = expanded ? expandedIcon : icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(import_jsx_runtime220.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(import_jsx_runtime221.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
     Button_default,
     {
       ref: triggerRef,
@@ -5557,7 +5764,8 @@ var WidgetTrigger = () => {
       "aria-haspopup": "dialog",
       onClick: toggle,
       size: "lg",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: currentIcon, size: 8 })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Icon_default, { variant: currentIcon, size: 8 }),
+      css: widgetTrigger
     }
   ) });
 };
@@ -5565,28 +5773,28 @@ var WidgetPanel = ({ className, style, children }) => {
   const { expanded, panelWidth, header, icon, toggle } = useWidgetContext();
   if (!expanded)
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { css: panelCard(panelWidth), role: "dialog", "aria-modal": true, children: [
-    header && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(import_jsx_runtime220.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { css: headerRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 16 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: icon, size: 6 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "gray.900", children: header })
+  return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(Box_default, { css: panelCard(panelWidth), role: "dialog", "aria-modal": true, children: [
+    header && /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(import_jsx_runtime221.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { css: headerRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 16 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Icon_default, { variant: icon, size: 6 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "gray.900", children: header })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
           Button_default,
           {
             variant: "text",
             size: "xs",
             "aria-label": "Close widget",
             onClick: toggle,
-            children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("span", { css: closeButtonContent, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: "Xmark", size: 5, css: closeButtonIcon }),
-              /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("span", { children: "Close" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("span", { css: closeButtonContent, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Icon_default, { variant: "Xmark", size: 5, css: closeButtonIcon }),
+              /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("span", { children: "Close" })
             ] })
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Divider_default, {})
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Divider_default, {})
     ] }),
     children
   ] }) });
@@ -5604,12 +5812,12 @@ var WidgetRoot = ({
   children,
   header
 }) => {
-  const [internalExpanded, setInternalExpanded] = (0, import_react31.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react35.useState)(defaultExpanded);
   const isControlled = typeof expanded === "boolean";
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const triggerRef = (0, import_react31.useRef)(null);
-  const containerRef = (0, import_react31.useRef)(null);
-  const setExpanded = (0, import_react31.useCallback)(
+  const triggerRef = (0, import_react35.useRef)(null);
+  const containerRef = (0, import_react35.useRef)(null);
+  const setExpanded = (0, import_react35.useCallback)(
     (next) => {
       if (!isControlled)
         setInternalExpanded(next);
@@ -5623,11 +5831,11 @@ var WidgetRoot = ({
     },
     [isControlled, onExpandedChange]
   );
-  const toggle = (0, import_react31.useCallback)(
+  const toggle = (0, import_react35.useCallback)(
     () => setExpanded(!isExpanded),
     [isExpanded, setExpanded]
   );
-  (0, import_react31.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (!isExpanded)
       return;
     const onDocClick = (e) => {
@@ -5641,7 +5849,7 @@ var WidgetRoot = ({
     document.addEventListener("mousedown", onDocClick);
     return () => document.removeEventListener("mousedown", onDocClick);
   }, [isExpanded, setExpanded]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (!isExpanded)
       return;
     const onKey = (e) => {
@@ -5651,12 +5859,12 @@ var WidgetRoot = ({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [isExpanded, setExpanded]);
-  const sizePx = (0, import_react31.useMemo)(() => {
+  const sizePx = (0, import_react35.useMemo)(() => {
     if (typeof size === "number")
       return size;
     return 56;
   }, [size]);
-  const value = (0, import_react31.useMemo)(
+  const value = (0, import_react35.useMemo)(
     () => ({
       expanded: isExpanded,
       toggle,
@@ -5669,14 +5877,14 @@ var WidgetRoot = ({
     }),
     [expandedIcon, icon, isExpanded, panelWidth, sizePx, toggle, header]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
     "div",
     {
       ref: containerRef,
       css: fixedContainer,
       className,
       "aria-label": ariaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(WidgetContext.Provider, { value, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(WidgetContext.Provider, { value, children })
     }
   );
 };
@@ -5705,6 +5913,7 @@ var Widget_default = Widget;
   IconLabel,
   Input,
   LayoutTokens,
+  ListingChat,
   Logo,
   MessageBubble,
   Navigation,