@landtrustinc/design-system 1.2.2 → 1.2.4

package/dist/index.js

@@ -55,6 +55,7 @@ __export(src_exports, {
   LayoutTokens: () => LayoutTokens,
   ListingChat: () => ListingChat_default,
   Logo: () => Logo_default,
+  MarkdownContent: () => MarkdownContent_default,
   MessageBubble: () => MessageBubble_default,
   Navigation: () => Navigation_default,
   PackageCard: () => PackageCard_default,
@@ -529,7 +530,30 @@ var GlobalStyle = import_react.css`
 `;
 
 // src/AIResponse/AIResponse.tsx
-var import_react11 = require("react");
+var import_react14 = require("react");
+
+// src/Box/Box.tsx
+var import_styled = __toESM(require("@emotion/styled"));
+var import_styled_system = require("styled-system");
+var gap = (0, import_styled_system.system)({
+  gap: {
+    property: "gap",
+    scale: "space"
+  }
+});
+var Box = import_styled.default.div`
+  ${import_styled_system.position}
+  ${import_styled_system.color};
+  ${import_styled_system.typography};
+  ${import_styled_system.space};
+  ${import_styled_system.width};
+  ${import_styled_system.layout}
+  ${import_styled_system.flexbox};
+  ${import_styled_system.grid};
+  ${gap};
+  ${import_styled_system.border};
+`;
+var Box_default = Box;
 
 // src/Button/Button.tsx
 var import_react5 = require("@emotion/react");
@@ -3196,29 +3220,6 @@ var Button = import_react6.default.forwardRef(
 Button.displayName = "Button";
 var Button_default = Button;
 
-// src/Box/Box.tsx
-var import_styled = __toESM(require("@emotion/styled"));
-var import_styled_system = require("styled-system");
-var gap = (0, import_styled_system.system)({
-  gap: {
-    property: "gap",
-    scale: "space"
-  }
-});
-var Box = import_styled.default.div`
-  ${import_styled_system.position}
-  ${import_styled_system.color};
-  ${import_styled_system.typography};
-  ${import_styled_system.space};
-  ${import_styled_system.width};
-  ${import_styled_system.layout}
-  ${import_styled_system.flexbox};
-  ${import_styled_system.grid};
-  ${gap};
-  ${import_styled_system.border};
-`;
-var Box_default = Box;
-
 // src/Box/Container.tsx
 var import_react7 = require("@emotion/react");
 var import_jsx_runtime198 = require("@emotion/react/jsx-runtime");
@@ -3700,14 +3701,434 @@ var IconLabel = ({
 };
 var IconLabel_default = IconLabel;
 
-// src/AIResponse/AIResponse.styles.ts
+// src/MarkdownContent/MarkdownContent.tsx
+var import_markdown_to_jsx = __toESM(require("markdown-to-jsx"));
+var import_react11 = __toESM(require("react"));
+
+// src/MarkdownContent/MarkdownContent.styles.ts
 var import_react10 = require("@emotion/react");
-var rootStyles2 = import_react10.css`
+var markdownContentStyles = import_react10.css`
+  ul {
+    margin: var(--spacing-3) 0;
+    padding-left: var(--spacing-5);
+    list-style-type: disc;
+    list-style-position: outside;
+  }
+
+  ol {
+    margin: var(--spacing-3) 0;
+    padding-left: var(--spacing-5);
+    list-style-type: decimal;
+    list-style-position: outside;
+  }
+
+  /* Nested lists */
+  ul ul {
+    list-style-type: circle;
+    margin: var(--spacing-2) 0;
+  }
+
+  ul ul ul {
+    list-style-type: square;
+  }
+
+  ol ol {
+    list-style-type: lower-alpha;
+    margin: var(--spacing-2) 0;
+  }
+
+  ol ol ol {
+    list-style-type: lower-roman;
+  }
+
+  li {
+    margin: var(--spacing-2) 0;
+    line-height: 1.6;
+  }
+
+  /* Ensure list markers are visible */
+  li::marker {
+    color: var(--text-primary);
+  }
+
+  blockquote {
+    border-left: 3px solid var(--border-primary);
+    margin: var(--spacing-4) 0;
+    padding-left: var(--spacing-4);
+    color: var(--text-secondary);
+    font-style: italic;
+    line-height: 1.6;
+  }
+
+  table {
+    border-collapse: separate;
+    border-spacing: 0;
+    width: 100%;
+    margin: var(--spacing-4) 0;
+    border-radius: var(--radius-lg);
+    overflow: hidden;
+    font-size: 0.875rem;
+    border: 1px solid var(--border-primary);
+
+    @media (max-width: 768px) {
+      font-size: 0.75rem;
+      border-radius: var(--radius-md);
+      min-width: 100%;
+    }
+  }
+
+  th,
+  td {
+    border-right: 1px solid var(--border-primary);
+    border-bottom: 1px solid var(--border-primary);
+    padding: var(--spacing-3);
+    text-align: left;
+
+    &:last-child {
+      border-right: none;
+    }
+
+    @media (max-width: 768px) {
+      padding: var(--spacing-2);
+      min-width: 120px;
+    }
+  }
+
+  thead tr:first-child th:first-child {
+    border-top-left-radius: var(--radius-lg);
+
+    @media (max-width: 768px) {
+      border-top-left-radius: var(--radius-md);
+    }
+  }
+
+  thead tr:first-child th:last-child {
+    border-top-right-radius: var(--radius-lg);
+
+    @media (max-width: 768px) {
+      border-top-right-radius: var(--radius-md);
+    }
+  }
+
+  tbody tr:last-child td:first-child {
+    border-bottom-left-radius: var(--radius-lg);
+
+    @media (max-width: 768px) {
+      border-bottom-left-radius: var(--radius-md);
+    }
+  }
+
+  tbody tr:last-child td:last-child {
+    border-bottom-right-radius: var(--radius-lg);
+
+    @media (max-width: 768px) {
+      border-bottom-right-radius: var(--radius-md);
+    }
+  }
+
+  tbody tr:last-child td {
+    border-bottom: none;
+  }
+
+  th {
+    background-color: var(--surface-neutral);
+    font-weight: 600;
+  }
+
+  a {
+    color: var(--color-primary-500);
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  strong {
+    font-weight: 600;
+  }
+
+  em {
+    font-style: italic;
+  }
+`;
+var codeBlockStyles = import_react10.css`
+  position: relative;
+  margin: var(--spacing-4) 0;
+  border-radius: var(--radius-lg);
+  border: 1px solid var(--border-primary);
+  overflow: hidden;
+`;
+var codeBlockHeaderStyles = import_react10.css`
   display: flex;
-  flex-direction: column;
-  gap: var(--spacing-4);
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--spacing-2) var(--spacing-3);
+  background-color: var(--surface-neutral);
+  border-bottom: 1px solid var(--border-primary);
+  position: relative;
+`;
+var codeBlockLanguageStyles = import_react10.css`
+  font-size: 0.75rem;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  font-weight: 500;
+`;
+var getCodeBlockCopyButtonStyles = (isHovered, copySuccess) => import_react10.css`
+  position: absolute;
+  top: 50%;
+  right: var(--spacing-3);
+  transform: translateY(-50%);
+  background: ${copySuccess ? "var(--color-success-500)" : "var(--surface-action)"};
+  border: none;
+  border-radius: var(--radius-md);
+  padding: var(--spacing-1) var(--spacing-2);
+  color: var(--text-on-action);
+  font-size: 0.75rem;
+  cursor: pointer;
+  transition: all 0.2s;
+  opacity: ${isHovered ? 1 : 0};
+  pointer-events: ${isHovered ? "auto" : "none"};
+
+  &:hover {
+    background: ${copySuccess ? "var(--color-success-600)" : "var(--surface-action-hover)"};
+  }
+`;
+var codeBlockPreStyles = import_react10.css`
+  margin: 0;
+  padding: var(--spacing-3);
+  background-color: var(--surface-page);
+  color: var(--text-primary);
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro',
+    monospace;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  overflow-x: auto;
+  white-space: pre-wrap;
+`;
+var inlineCodeStyles = import_react10.css`
+  background-color: var(--surface-neutral);
+  color: var(--text-primary);
+  font-weight: 500;
+  padding: var(--spacing-1) var(--spacing-2);
+  border-radius: var(--radius-md);
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro',
+    monospace;
+  font-size: 0.9em;
+`;
+var tableWrapperStyles = import_react10.css`
+  @media (max-width: 768px) {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    margin: var(--spacing-4) calc(-1 * var(--spacing-3));
+    padding: 0 var(--spacing-3);
+  }
 `;
-var getBannerStyles = (variant) => import_react10.css`
+
+// src/MarkdownContent/MarkdownContent.tsx
+var import_jsx_runtime202 = require("@emotion/react/jsx-runtime");
+var CodeBlock = ({
+  children,
+  className,
+  enableCopy = true
+}) => {
+  const [isHovered, setIsHovered] = (0, import_react11.useState)(false);
+  const [copySuccess, setCopySuccess] = (0, import_react11.useState)(false);
+  const language = (className == null ? void 0 : className.replace("language-", "")) || "text";
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(children);
+      setCopySuccess(true);
+      setTimeout(() => setCopySuccess(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy text: ", err);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)(
+    "div",
+    {
+      css: codeBlockStyles,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { css: codeBlockHeaderStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("span", { css: codeBlockLanguageStyles, children: language }),
+          enableCopy && /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+            "button",
+            {
+              onClick: handleCopy,
+              css: getCodeBlockCopyButtonStyles(isHovered, copySuccess),
+              children: copySuccess ? "Copied!" : "Copy"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("pre", { css: codeBlockPreStyles, children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("code", { children }) })
+      ]
+    }
+  );
+};
+var InlineCode = ({ children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("code", { css: inlineCodeStyles, children });
+};
+var TableWrapper = ({
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { css: tableWrapperStyles, children });
+};
+var MarkdownContent = ({
+  content,
+  className,
+  enableCodeCopy = true
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { className, css: markdownContentStyles, children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+    import_markdown_to_jsx.default,
+    {
+      options: {
+        overrides: {
+          // Headings - use design system Heading component with spacing
+          h1: {
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+              Heading_default,
+              {
+                size: "lg",
+                as: "h1",
+                css: {
+                  "&:not(:first-child)": { marginTop: "var(--spacing-6)" },
+                  "& + *": { marginTop: "var(--spacing-3)" }
+                },
+                children
+              }
+            )
+          },
+          h2: {
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+              Heading_default,
+              {
+                size: "md",
+                as: "h2",
+                css: {
+                  "&:not(:first-child)": { marginTop: "var(--spacing-6)" },
+                  "& + *": { marginTop: "var(--spacing-3)" }
+                },
+                children
+              }
+            )
+          },
+          h3: {
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+              Heading_default,
+              {
+                size: "sm",
+                as: "h3",
+                css: {
+                  "&:not(:first-child)": { marginTop: "var(--spacing-5)" },
+                  "& + *": { marginTop: "var(--spacing-3)" }
+                },
+                children
+              }
+            )
+          },
+          h4: {
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+              Heading_default,
+              {
+                size: "xs",
+                as: "h4",
+                css: {
+                  "&:not(:first-child)": { marginTop: "var(--spacing-5)" },
+                  "& + *": { marginTop: "var(--spacing-3)" }
+                },
+                children
+              }
+            )
+          },
+          h5: {
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+              Heading_default,
+              {
+                size: "2xs",
+                as: "h5",
+                css: {
+                  "&:not(:first-child)": { marginTop: "var(--spacing-5)" },
+                  "& + *": { marginTop: "var(--spacing-3)" }
+                },
+                children
+              }
+            )
+          },
+          h6: {
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+              Heading_default,
+              {
+                size: "2xs",
+                as: "h6",
+                css: {
+                  "&:not(:first-child)": { marginTop: "var(--spacing-5)" },
+                  "& + *": { marginTop: "var(--spacing-3)" }
+                },
+                children
+              }
+            )
+          },
+          // Paragraphs - use design system Text component with spacing
+          p: {
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+              Text_default,
+              {
+                size: "md",
+                css: {
+                  "&:not(:first-child)": { marginTop: "var(--spacing-4)" }
+                },
+                children
+              }
+            )
+          },
+          // Override pre tag for code blocks
+          pre: {
+            component: ({
+              children
+            }) => {
+              const codeElement = import_react11.default.Children.only(
+                children
+              );
+              const codeProps = (codeElement == null ? void 0 : codeElement.props) || {};
+              const codeClassName = codeProps.className || "";
+              const codeChildren = codeProps.children || "";
+              const match = /lang-(\w+)/.exec(codeClassName);
+              const language = match ? match[1] : "text";
+              return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+                CodeBlock,
+                {
+                  className: `language-${language}`,
+                  enableCopy: enableCodeCopy,
+                  children: String(codeChildren).replace(/\n$/, "")
+                }
+              );
+            }
+          },
+          // Override code tag for inline code only
+          code: {
+            component: ({ children }) => {
+              return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(InlineCode, { children });
+            }
+          },
+          table: {
+            component: ({
+              children,
+              ...props
+            }) => /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(TableWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("table", { ...props, children }) })
+          }
+        }
+      },
+      children: content
+    }
+  ) });
+};
+var MarkdownContent_default = MarkdownContent;
+
+// src/AIResponse/AIResponse.styles.ts
+var import_react12 = require("@emotion/react");
+var getBannerStyles = (variant) => import_react12.css`
   background-color: ${variant === "error" ? "var(--surface-error)" : "var(--surface-neutral)"};
   border: ${variant === "error" ? "1px solid var(--border-error)" : "none"};
   border-radius: var(--radius-lg);
@@ -3717,57 +4138,166 @@ var getBannerStyles = (variant) => import_react10.css`
   gap: var(--spacing-5);
   min-width: 335px;
 `;
-var footerStyles = import_react10.css`
+var footerStyles = import_react12.css`
   display: flex;
   gap: var(--spacing-4);
   align-items: center;
 `;
-var actionsStyles = import_react10.css`
+var actionsStyles = import_react12.css`
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
 `;
-var errorRetryStyles = import_react10.css`
+var errorRetryStyles = import_react12.css`
   display: flex;
   align-items: center;
 `;
 
-// src/AIResponse/AIResponse.tsx
-var import_jsx_runtime202 = require("@emotion/react/jsx-runtime");
-var AIResponse = ({
-  title = `Here\u2019s what I found`,
-  showDisclaimer = true,
-  showHelpfulQuestion = true,
-  className,
-  children,
-  onHelpfulYes,
-  onHelpfulNo,
-  variant = "default",
-  onErrorRetry,
-  helpfulDebounceMs = 1e3
+// src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.styles.ts
+var import_react13 = require("@emotion/react");
+var imageStyles = import_react13.css`
+  width: 100%;
+  height: 275px;
+  border-radius: var(--radius-lg);
+  background-size: cover;
+  background-position: center;
+`;
+
+// src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.tsx
+var import_jsx_runtime203 = require("@emotion/react/jsx-runtime");
+var TopMatchingFieldNote = ({
+  author,
+  datePosted,
+  content,
+  images,
+  title = "Top matching field note",
+  className
 }) => {
-  const [visualHelpful, setVisualHelpful] = (0, import_react11.useState)(
-    void 0
-  );
-  const debounceTimerRef = (0, import_react11.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 = visualHelpful === "yes" ? void 0 : "yes";
+  return /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(
+      Box_default,
+      {
+        display: "flex",
+        flexDirection: "column",
+        gap: "var(--spacing-4)",
+        bg: "var(--surface-neutral)",
+        borderRadius: "var(--radius-lg)",
+        p: "var(--spacing-4)",
+        minWidth: "335px",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: content }),
+          images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+            "div",
+            {
+              css: imageStyles,
+              style: {
+                backgroundImage: `url('${images[0]}')`
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(Icon_default, { variant: "IconFieldNotesUpdates", size: "large" }),
+            /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
+              author,
+              " shared an update \u2022 ",
+              datePosted
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/AIResponse/components/TopMatchingReview/TopMatchingReview.tsx
+var import_jsx_runtime204 = require("@emotion/react/jsx-runtime");
+var TopMatchingReview = ({
+  author,
+  datePosted,
+  rating,
+  content,
+  title = "Top matching review",
+  className
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)(
+      Box_default,
+      {
+        display: "flex",
+        flexDirection: "column",
+        gap: "var(--spacing-4)",
+        bg: "var(--surface-neutral)",
+        borderRadius: "var(--radius-lg)",
+        p: "var(--spacing-4)",
+        minWidth: "335px",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: content }),
+          /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(Icon_default, { variant: "StarSolid", size: "large" }),
+            /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
+              "This review was posted by ",
+              author,
+              " on ",
+              datePosted,
+              " \u2022 ",
+              rating,
+              "/5 Rating"
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/AIResponse/AIResponse.tsx
+var import_jsx_runtime205 = require("@emotion/react/jsx-runtime");
+var AIResponse = ({
+  title = `Here's what I found`,
+  showDisclaimer = true,
+  showHelpfulQuestion = true,
+  className,
+  children,
+  onHelpfulYes,
+  onHelpfulNo,
+  variant = "default",
+  onErrorRetry,
+  helpfulDebounceMs = 1e3,
+  markdown = false,
+  enableCodeCopy = true,
+  topMatchingReview,
+  topMatchingReviewTitle = "Top matching review",
+  topMatchingFieldNote,
+  topMatchingFieldNoteTitle = "Top matching field note",
+  contactLandownerUrl,
+  contactLandownerButtonText = "Contact Landowner"
+}) => {
+  const [visualHelpful, setVisualHelpful] = (0, import_react14.useState)(
+    void 0
+  );
+  const debounceTimerRef = (0, import_react14.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 = visualHelpful === "yes" ? void 0 : "yes";
     setVisualHelpful(next);
     scheduleCallback(next);
   };
@@ -3776,101 +4306,137 @@ var AIResponse = ({
     setVisualHelpful(next);
     scheduleCallback(next);
   };
-  (0, import_react11.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     return () => {
       if (debounceTimerRef.current) {
         clearTimeout(debounceTimerRef.current);
       }
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { className, css: rootStyles2, children: [
-    variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { css: getBannerStyles(variant), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: variant === "error" ? "An error occurred while generating your summary. Please try again." : children }),
-      variant !== "error" && showDisclaimer && /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
-        IconLabel_default,
-        {
-          variant: "AiMagic",
-          label: "This AI summary was generated from the property information from this package. This answer may display incorrect information.",
-          iconSize: "large"
-        }
-      ),
-      variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { css: errorRetryStyles, children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(Button_default, { variant: "secondary", size: "xs", onClick: onErrorRetry, children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(IconLabel_default, { variant: "ArrowRotateLeft", label: "Try Again" }) }) })
-    ] }),
-    showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { css: footerStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "Was this helpful?" }),
-      /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { css: actionsStyles, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
-          Button_default,
-          {
-            variant: "text",
-            size: "xs",
-            onClick: handleHelpfulYes,
-            "aria-pressed": visualHelpful === "yes",
-            children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
-              IconLabel_default,
+  return /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(
+    Box_default,
+    {
+      className,
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--spacing-4)",
+      children: [
+        variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { css: getBannerStyles(variant), children: [
+          variant === "error" ? /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "An error occurred while generating your summary. Please try again." }) : markdown && typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(MarkdownContent_default, { content: children, enableCodeCopy }) : /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children }),
+          contactLandownerUrl && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+            Button_default,
+            {
+              variant: "primary",
+              size: "base",
+              as: "a",
+              href: contactLandownerUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: { alignSelf: "flex-start" },
+              children: contactLandownerButtonText
+            }
+          ),
+          variant !== "error" && showDisclaimer && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+            IconLabel_default,
+            {
+              variant: "AiMagic",
+              label: "This AI summary was generated from the property information from this package. This answer may display incorrect information.",
+              iconSize: "large"
+            }
+          ),
+          variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { css: errorRetryStyles, children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(Button_default, { variant: "secondary", size: "xs", onClick: onErrorRetry, children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(IconLabel_default, { variant: "ArrowRotateLeft", label: "Try Again" }) }) })
+        ] }),
+        showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { css: footerStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "Was this helpful?" }),
+          /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { css: actionsStyles, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+              Button_default,
+              {
+                variant: "text",
+                size: "xs",
+                onClick: handleHelpfulYes,
+                "aria-pressed": visualHelpful === "yes",
+                children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+                  IconLabel_default,
+                  {
+                    variant: visualHelpful === "yes" ? "ThumbsUpSolid" : "ThumbsUp",
+                    label: "Yes"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+              Button_default,
               {
-                variant: visualHelpful === "yes" ? "ThumbsUpSolid" : "ThumbsUp",
-                label: "Yes"
+                variant: "text",
+                size: "xs",
+                onClick: handleHelpfulNo,
+                "aria-pressed": visualHelpful === "no",
+                children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+                  IconLabel_default,
+                  {
+                    variant: visualHelpful === "no" ? "ThumbsDownSolid" : "ThumbsDown",
+                    label: "No"
+                  }
+                )
               }
             )
+          ] })
+        ] }),
+        topMatchingReview && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+          TopMatchingReview,
+          {
+            ...topMatchingReview,
+            title: topMatchingReviewTitle
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
-          Button_default,
+        topMatchingFieldNote && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+          TopMatchingFieldNote,
           {
-            variant: "text",
-            size: "xs",
-            onClick: handleHelpfulNo,
-            "aria-pressed": visualHelpful === "no",
-            children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
-              IconLabel_default,
-              {
-                variant: visualHelpful === "no" ? "ThumbsDownSolid" : "ThumbsDown",
-                label: "No"
-              }
-            )
+            ...topMatchingFieldNote,
+            title: topMatchingFieldNoteTitle
           }
         )
-      ] })
-    ] })
-  ] });
+      ]
+    }
+  );
 };
 var AIResponse_default = AIResponse;
 
 // src/AvailabilityBadge/AvailabilityBadge.styles.ts
-var import_react12 = require("@emotion/react");
+var import_react15 = require("@emotion/react");
 var availabilityBadgeVariantStyles = {
-  primary: import_react12.css`
+  primary: import_react15.css`
     background-color: var(--color-primary-100);
     color: var(--text-primary);
   `,
-  error: import_react12.css`
+  error: import_react15.css`
     background-color: var(--surface-error);
     color: var(--text-error);
   `,
-  action: import_react12.css`
+  action: import_react15.css`
     background-color: var(--surface-action-2);
     color: var(--text-primary);
   `,
-  warning: import_react12.css`
+  warning: import_react15.css`
     background-color: var(--color-brown-200);
     color: var(--text-primary);
   `,
-  neutral: import_react12.css`
+  neutral: import_react15.css`
     background-color: var(--surface-neutral);
     color: var(--text-primary);
   `
 };
 
 // src/AvailabilityBadge/AvailabilityBadge.tsx
-var import_jsx_runtime203 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime206 = require("@emotion/react/jsx-runtime");
 var AvailabilityBadge = ({
   children,
   variant,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
     Box_default,
     {
       display: "inline-flex",
@@ -3880,47 +4446,47 @@ var AvailabilityBadge = ({
       borderRadius: "var(--spacing-2)",
       css: availabilityBadgeVariantStyles[variant],
       className,
-      children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(Text_default, { size: "xs", fontWeight: "bold", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(Text_default, { size: "xs", fontWeight: "bold", children })
     }
   );
 };
 var AvailabilityBadge_default = AvailabilityBadge;
 
 // src/Avatar/Avatar.tsx
-var import_react14 = require("@emotion/react");
-var import_react15 = require("react");
+var import_react17 = require("@emotion/react");
+var import_react18 = require("react");
 
 // src/Avatar/Avatar.styles.ts
-var import_react13 = require("@emotion/react");
+var import_react16 = require("@emotion/react");
 var avatarSizeStyles = {
-  xs: import_react13.css`
+  xs: import_react16.css`
     width: 24px;
     height: 24px;
   `,
-  sm: import_react13.css`
+  sm: import_react16.css`
     width: 32px;
     height: 32px;
   `,
-  md: import_react13.css`
+  md: import_react16.css`
     width: 60px;
     height: 60px;
   `,
-  lg: import_react13.css`
+  lg: import_react16.css`
     width: 80px;
     height: 80px;
   `,
-  xl: import_react13.css`
+  xl: import_react16.css`
     width: 120px;
     height: 120px;
   `
 };
-var avatarBaseStyles = import_react13.css`
+var avatarBaseStyles = import_react16.css`
   border-radius: 50%;
   object-fit: cover;
   border: 1px solid var(--color-neutral-200);
   display: block;
 `;
-var avatarTextStyles = import_react13.css`
+var avatarTextStyles = import_react16.css`
   border-radius: 50%;
   border: 1px solid var(--color-neutral-200);
   background-color: var(--surface-action);
@@ -3931,7 +4497,7 @@ var avatarTextStyles = import_react13.css`
   font-weight: bold;
   user-select: none;
 `;
-var avatarFallbackStyles = import_react13.css`
+var avatarFallbackStyles = import_react16.css`
   border-radius: 50%;
   border: 1px solid var(--color-neutral-200);
   background-color: var(--color-neutral-100);
@@ -3942,7 +4508,7 @@ var avatarFallbackStyles = import_react13.css`
 `;
 
 // src/Avatar/Avatar.tsx
-var import_jsx_runtime204 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime207 = require("@emotion/react/jsx-runtime");
 var Avatar = ({
   type = "image",
   src,
@@ -3951,7 +4517,7 @@ var Avatar = ({
   size = "md",
   className
 }) => {
-  const [hasImageError, setHasImageError] = (0, import_react15.useState)(false);
+  const [hasImageError, setHasImageError] = (0, import_react18.useState)(false);
   const handleImageError = () => {
     setHasImageError(true);
   };
@@ -3992,7 +4558,7 @@ var Avatar = ({
   };
   if (type === "text" && text) {
     const initials = getInitials(text);
-    return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
       "div",
       {
         css: [
@@ -4007,7 +4573,7 @@ var Avatar = ({
     );
   }
   if (type === "image" && src && !hasImageError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
       "img",
       {
         src,
@@ -4018,18 +4584,18 @@ var Avatar = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
     "div",
     {
       css: [avatarFallbackStyles, avatarSizeStyles[size]],
       className,
       title: alt,
-      children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
         Icon_default,
         {
           variant: "User",
           size: getIconSize(size),
-          css: size === "lg" ? import_react14.css`
+          css: size === "lg" ? import_react17.css`
                 width: 28px;
                 height: 28px;
               ` : void 0
@@ -4041,15 +4607,15 @@ var Avatar = ({
 var Avatar_default = Avatar;
 
 // src/ChatWidget/ChatWidget.tsx
-var import_react24 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
 
 // src/Divider/Divider.tsx
 var import_styled4 = __toESM(require("@emotion/styled"));
 var import_styled_system2 = require("styled-system");
 
 // src/Divider/Divider.styles.ts
-var import_react16 = require("@emotion/react");
-var dividerStyles = import_react16.css`
+var import_react19 = require("@emotion/react");
+var dividerStyles = import_react19.css`
   width: 100%;
   height: 1px;
   border: 0;
@@ -4057,28 +4623,28 @@ var dividerStyles = import_react16.css`
 `;
 
 // src/Divider/Divider.tsx
-var import_jsx_runtime205 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime208 = require("@emotion/react/jsx-runtime");
 var StyledHr = import_styled4.default.hr`
   ${dividerStyles}
   ${import_styled_system2.space}
 `;
 var Divider = ({ className, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(StyledHr, { className, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(StyledHr, { className, ...rest });
 };
 var Divider_default = Divider;
 
 // src/Form/TextArea.tsx
-var import_react18 = require("@emotion/react");
-var import_react19 = require("react");
+var import_react21 = require("@emotion/react");
+var import_react22 = require("react");
 
 // src/Form/TextArea.styles.ts
-var import_react17 = require("@emotion/react");
-var wrapperStyles = import_react17.css`
+var import_react20 = require("@emotion/react");
+var wrapperStyles = import_react20.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var textareaBase = import_react17.css`
+var textareaBase = import_react20.css`
   width: 100%;
   box-sizing: border-box;
   font: inherit;
@@ -4112,32 +4678,32 @@ var textareaBase = import_react17.css`
     cursor: default;
   }
 `;
-var variantError = import_react17.css`
+var variantError = import_react20.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_react17.css`
+var variantSuccess = import_react20.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_react17.css`
+var submitButtonContainer = import_react20.css`
   position: absolute;
   right: var(--spacing-4);
   bottom: var(--spacing-4);
 `;
-var textareaWithSubmit = import_react17.css`
+var textareaWithSubmit = import_react20.css`
   padding-right: var(--spacing-16);
 `;
 
 // src/Form/TextArea.tsx
-var import_jsx_runtime206 = require("@emotion/react/jsx-runtime");
-var TextArea = (0, import_react19.forwardRef)(
+var import_jsx_runtime209 = require("@emotion/react/jsx-runtime");
+var TextArea = (0, import_react22.forwardRef)(
   ({
     rows = 3,
     variant = "default",
@@ -4157,8 +4723,8 @@ var TextArea = (0, import_react19.forwardRef)(
     submitOnEnter = true,
     ...props
   }, ref) => {
-    const innerRef = (0, import_react19.useRef)(null);
-    (0, import_react19.useEffect)(() => {
+    const innerRef = (0, import_react22.useRef)(null);
+    (0, import_react22.useEffect)(() => {
       const el = innerRef.current;
       if (!el || !autoExpand)
         return;
@@ -4194,8 +4760,8 @@ var TextArea = (0, import_react19.forwardRef)(
         onSubmit();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { css: wrapperStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { css: wrapperStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
         "textarea",
         {
           ref: (node) => {
@@ -4212,7 +4778,7 @@ var TextArea = (0, import_react19.forwardRef)(
             textareaBase,
             variant === "error" && variantError,
             variant === "success" && variantSuccess,
-            import_react18.css`
+            import_react21.css`
               resize: ${resize};
             `,
             showSubmit && textareaWithSubmit
@@ -4225,14 +4791,14 @@ var TextArea = (0, import_react19.forwardRef)(
           ...props
         }
       ),
-      showSubmit && /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
+      showSubmit && /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
         Button_default,
         {
           size: "xs",
           "aria-label": submitAriaLabel,
           onClick: onSubmit,
           disabled: disabled || submitDisabled,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
+          icon: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
             Icon_default,
             {
               variant: "PaperPlane",
@@ -4249,14 +4815,14 @@ TextArea.displayName = "TextArea";
 var TextArea_default = TextArea;
 
 // src/MessageBubble/MessageBubble.styles.ts
-var import_react20 = require("@emotion/react");
-var getRootStyles = (variant) => import_react20.css`
+var import_react23 = require("@emotion/react");
+var getRootStyles = (variant) => import_react23.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-1);
   align-items: ${variant === "sent" ? "flex-end" : "flex-start"};
 `;
-var getBubbleStyles = (variant) => import_react20.css`
+var getBubbleStyles = (variant) => import_react23.css`
   max-width: 100%;
   width: 100%;
   box-sizing: border-box;
@@ -4273,22 +4839,22 @@ var getBubbleStyles = (variant) => import_react20.css`
   border-bottom-left-radius: ${variant === "sent" ? "var(--radius-lg)" : "0"};
   border-bottom-right-radius: ${variant === "sent" ? "0" : "var(--radius-lg)"};
 `;
-var contentStyles = import_react20.css`
+var contentStyles = import_react23.css`
   flex: 1 1 auto;
   min-width: 1px;
   min-height: 1px;
 `;
 
 // src/MessageBubble/MessageBubble.tsx
-var import_jsx_runtime207 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
 var MessageBubble = ({
   variant = "sent",
   timestamp,
   className,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className, css: getRootStyles(variant), children: [
-    timestamp && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { className, css: getRootStyles(variant), children: [
+    timestamp && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
       Text_default,
       {
         size: "xs",
@@ -4297,17 +4863,67 @@ var MessageBubble = ({
         children: timestamp
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { css: contentStyles, children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { css: contentStyles, children }) })
   ] });
 };
 var MessageBubble_default = MessageBubble;
 
+// src/TagChip/TagChip.styles.ts
+var import_react24 = require("@emotion/react");
+var tagChipVariantStyles = {
+  primary: import_react24.css`
+    background-color: var(--surface-disabled);
+    border: 1px solid var(--surface-disabled);
+    color: var(--text-primary);
+  `,
+  error: import_react24.css`
+    background-color: var(--surface-error);
+    border: 1px solid var(--color-red-300);
+    color: var(--text-error);
+  `,
+  success: import_react24.css`
+    background-color: var(--surface-success);
+    border: 1px solid var(--color-green-300);
+    color: var(--text-primary);
+  `,
+  warning: import_react24.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/Widget/Widget.tsx
-var import_react22 = require("react");
+var import_react26 = require("react");
 
 // src/Widget/Widget.styles.ts
-var import_react21 = require("@emotion/react");
-var panelContainer = import_react21.css`
+var import_react25 = require("@emotion/react");
+var panelContainer = import_react25.css`
   position: absolute;
   right: 0;
   bottom: 0;
@@ -4323,7 +4939,7 @@ var panelContainer = import_react21.css`
     justify-content: stretch;
   }
 `;
-var panelCard = (width2) => import_react21.css`
+var panelCard = (width2) => import_react25.css`
   background: var(--surface-page);
   color: var(--text-primary);
   border: 1px solid var(--border-primary);
@@ -4344,16 +4960,16 @@ var panelCard = (width2) => import_react21.css`
     overflow: auto;
   }
 `;
-var widgetTrigger = import_react21.css`
+var widgetTrigger = import_react25.css`
   margin: var(--spacing-1);
   box-shadow: var(--shadow-2xl);
 `;
 
 // src/Widget/Widget.tsx
-var import_jsx_runtime208 = require("@emotion/react/jsx-runtime");
-var WidgetContext = (0, import_react22.createContext)(null);
+var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
+var WidgetContext = (0, import_react26.createContext)(null);
 var useWidgetContext = () => {
-  const ctx = (0, import_react22.useContext)(WidgetContext);
+  const ctx = (0, import_react26.useContext)(WidgetContext);
   if (!ctx)
     throw new Error("Widget subcomponents must be used within <Widget>");
   return ctx;
@@ -4361,7 +4977,7 @@ var useWidgetContext = () => {
 var WidgetTrigger = () => {
   const { expanded, toggle, triggerRef, icon, expandedIcon } = useWidgetContext();
   const currentIcon = expanded ? expandedIcon : icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(import_jsx_runtime208.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_jsx_runtime212.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
     Button_default,
     {
       ref: triggerRef,
@@ -4369,7 +4985,7 @@ var WidgetTrigger = () => {
       "aria-haspopup": "dialog",
       onClick: toggle,
       size: "lg",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Icon_default, { variant: currentIcon, size: "xxlarge" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Icon_default, { variant: currentIcon, size: "xxlarge" }),
       css: widgetTrigger
     }
   ) });
@@ -4377,7 +4993,7 @@ var WidgetTrigger = () => {
 var WidgetPanel = ({ className, style, children }) => {
   var _a;
   const { expanded, panelWidth } = useWidgetContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
     "div",
     {
       css: panelContainer,
@@ -4386,7 +5002,7 @@ var WidgetPanel = ({ className, style, children }) => {
         ...style,
         display: expanded ? (_a = style == null ? void 0 : style.display) != null ? _a : void 0 : "none"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
         Box_default,
         {
           css: panelCard(panelWidth),
@@ -4411,12 +5027,12 @@ var WidgetRoot = ({
   children,
   containerProps
 }) => {
-  const [internalExpanded, setInternalExpanded] = (0, import_react22.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react26.useState)(defaultExpanded);
   const isControlled = typeof expanded === "boolean";
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const triggerRef = (0, import_react22.useRef)(null);
-  const containerRef = (0, import_react22.useRef)(null);
-  const setExpanded = (0, import_react22.useCallback)(
+  const triggerRef = (0, import_react26.useRef)(null);
+  const containerRef = (0, import_react26.useRef)(null);
+  const setExpanded = (0, import_react26.useCallback)(
     (next) => {
       if (!isControlled)
         setInternalExpanded(next);
@@ -4430,11 +5046,11 @@ var WidgetRoot = ({
     },
     [isControlled, onExpandedChange]
   );
-  const toggle = (0, import_react22.useCallback)(
+  const toggle = (0, import_react26.useCallback)(
     () => setExpanded(!isExpanded),
     [isExpanded, setExpanded]
   );
-  (0, import_react22.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!isExpanded)
       return;
     const onDocClick = (e) => {
@@ -4448,7 +5064,7 @@ var WidgetRoot = ({
     document.addEventListener("mousedown", onDocClick);
     return () => document.removeEventListener("mousedown", onDocClick);
   }, [isExpanded, setExpanded]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!isExpanded)
       return;
     const onKey = (e) => {
@@ -4458,7 +5074,7 @@ var WidgetRoot = ({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [isExpanded, setExpanded]);
-  const value = (0, import_react22.useMemo)(
+  const value = (0, import_react26.useMemo)(
     () => ({
       expanded: isExpanded,
       toggle,
@@ -4469,7 +5085,7 @@ var WidgetRoot = ({
     }),
     [expandedIcon, icon, isExpanded, panelWidth, toggle]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
     Box_default,
     {
       ref: containerRef,
@@ -4480,7 +5096,7 @@ var WidgetRoot = ({
       bottom: "var(--spacing-6)",
       zIndex: 100,
       ...containerProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(WidgetContext.Provider, { value, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(WidgetContext.Provider, { value, children })
     }
   );
 };
@@ -4491,8 +5107,8 @@ var Widget = Object.assign(WidgetRoot, {
 var Widget_default = Widget;
 
 // src/ChatWidget/ChatWidget.styles.ts
-var import_react23 = require("@emotion/react");
-var sentWrapperStyles = import_react23.css`
+var import_react27 = require("@emotion/react");
+var sentWrapperStyles = import_react27.css`
   align-self: flex-end;
   max-width: 90%;
   width: 100%;
@@ -4500,14 +5116,14 @@ var sentWrapperStyles = import_react23.css`
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var receivedWrapperStyles = import_react23.css`
+var receivedWrapperStyles = import_react27.css`
   align-self: flex-start;
   width: 100%;
   min-width: 0;
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var containerStyles = import_react23.css`
+var containerStyles = import_react27.css`
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -4517,13 +5133,13 @@ var containerStyles = import_react23.css`
     height: 100%;
   }
 `;
-var thinkingRowStyles = import_react23.css`
+var thinkingRowStyles = import_react27.css`
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   color: var(--text-primary);
 `;
-var thinkingTextStyles = import_react23.css`
+var thinkingTextStyles = import_react27.css`
   animation: ltchat-pulse 1.6s ease-in-out infinite;
 
   @keyframes ltchat-pulse {
@@ -4536,7 +5152,7 @@ var thinkingTextStyles = import_react23.css`
     }
   }
 `;
-var badge = import_react23.css`
+var badge = import_react27.css`
   width: var(--spacing-11);
   height: var(--spacing-11);
   border-radius: var(--radius-round);
@@ -4546,16 +5162,16 @@ var badge = import_react23.css`
   background-color: var(--color-primary-500);
   color: var(--color-base-white);
 `;
-var closeButtonContent = import_react23.css`
+var closeButtonContent = import_react27.css`
   display: inline-flex;
   align-items: center;
   gap: var(--spacing-2);
 `;
 
 // src/ChatWidget/ChatWidget.tsx
-var import_jsx_runtime209 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
 var DEFAULT_EMPTY_STATE = [
-  /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
     AIResponse_default,
     {
       showDisclaimer: false,
@@ -4580,14 +5196,17 @@ var ChatWidget = ({
   onExpandedChange,
   isThinking = false,
   emptyState = DEFAULT_EMPTY_STATE,
-  containerProps
+  containerProps,
+  suggestedPrompts,
+  onPromptClick,
+  suggestedPromptsTitle = "Other Helpful Topics"
 }) => {
-  const [value, setValue] = (0, import_react24.useState)("");
-  const scrollRef = (0, import_react24.useRef)(null);
+  const [value, setValue] = (0, import_react28.useState)("");
+  const scrollRef = (0, import_react28.useRef)(null);
   const isControlled = typeof expanded === "boolean";
-  const [internalExpanded, setInternalExpanded] = (0, import_react24.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react28.useState)(defaultExpanded);
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const setExpanded = (0, import_react24.useCallback)(
+  const setExpanded = (0, import_react28.useCallback)(
     (next) => {
       if (!isControlled)
         setInternalExpanded(next);
@@ -4595,24 +5214,24 @@ var ChatWidget = ({
     },
     [isControlled, onExpandedChange]
   );
-  (0, import_react24.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     const el = scrollRef.current;
     if (!el)
       return;
     el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
   }, [messages, isThinking]);
   const messagesToRender = messages.length === 0 ? emptyState : messages;
-  const renderedMessages = (0, import_react24.useMemo)(
+  const renderedMessages = (0, import_react28.useMemo)(
     () => messagesToRender.map((element, index) => {
       var _a;
       const key = (_a = element.key) != null ? _a : index;
       if (element.type === AIResponse_default) {
-        return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
       }
       if (element.type === MessageBubble_default) {
-        return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(import_react24.default.Fragment, { children: element }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(import_react28.default.Fragment, { children: element }, key);
     }),
     [messagesToRender]
   );
@@ -4623,7 +5242,7 @@ var ChatWidget = ({
     onSubmit(trimmed);
     setValue("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
     Widget_default,
     {
       ariaLabel,
@@ -4634,10 +5253,10 @@ var ChatWidget = ({
       className,
       containerProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Widget_default.Trigger, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(Box_default, { css: containerStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Widget_default.Trigger, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(Box_default, { css: containerStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
               Box_default,
               {
                 display: "flex",
@@ -4645,9 +5264,9 @@ var ChatWidget = ({
                 justifyContent: "space-between",
                 gap: "var(--spacing-4)",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Icon_default, { variant: "ConversationalSearchAi", size: "large" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Icon_default, { variant: "ConversationalSearchAi", size: "large" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
                       Heading_default,
                       {
                         size: "2xs",
@@ -4657,25 +5276,25 @@ var ChatWidget = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
                     Button_default,
                     {
                       variant: "text",
                       size: "xs",
                       "aria-label": "Close widget",
                       onClick: () => setExpanded(false),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("span", { css: closeButtonContent, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Icon_default, { variant: "Xmark", size: "medium" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("span", { children: "Close" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("span", { css: closeButtonContent, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Icon_default, { variant: "Xmark", size: "medium" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { children: "Close" })
                       ] })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Divider_default, { mt: 4, mb: 0 })
+            /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Divider_default, { mt: 4, mb: 0 })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
             Box_default,
             {
               ref: scrollRef,
@@ -4688,15 +5307,48 @@ var ChatWidget = ({
               flexDirection: "column",
               gap: "var(--spacing-2)",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
-                isThinking && /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { css: thinkingRowStyles, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Spinner_default2, { size: "medium" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("span", { css: thinkingTextStyles, children: "Thinking..." })
-                ] }) })
+                /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
+                isThinking && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("div", { css: thinkingRowStyles, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Spinner_default2, { size: "medium" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { css: thinkingTextStyles, children: "Thinking..." })
+                ] }) }),
+                suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
+                  Box_default,
+                  {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "var(--spacing-4)",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Text_default, { size: "md", fontWeight: "bold", color: "var(--text-primary)", children: suggestedPromptsTitle }),
+                      /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+                        Box_default,
+                        {
+                          display: "flex",
+                          flexWrap: "wrap",
+                          gap: "var(--spacing-4)",
+                          alignItems: "flex-start",
+                          children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+                            TagChip_default,
+                            {
+                              variant: "success",
+                              onClick: () => {
+                                var _a;
+                                return onPromptClick == null ? void 0 : onPromptClick((_a = prompt.value) != null ? _a : prompt.label);
+                              },
+                              style: { cursor: "pointer" },
+                              children: prompt.label
+                            },
+                            index
+                          ))
+                        }
+                      )
+                    ]
+                  }
+                ) })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
             TextArea_default,
             {
               rows: 3,
@@ -4719,18 +5371,51 @@ var ChatWidget = ({
 var ChatWidget_default = ChatWidget;
 
 // src/FeatureList/components/FeatureListItem.tsx
-var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
+var import_react_loading_skeleton = __toESM(require("react-loading-skeleton"));
+var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
 var FeatureListItem = ({
   iconVariant,
   label,
   subtitle,
   iconSize = "large",
   iconColor,
+  isLoading = false,
   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)(
+  const iconDimensions = IconSizeMap[iconSize];
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
+        Box_default,
+        {
+          display: "flex",
+          alignItems: "center",
+          gap: "var(--spacing-2)",
+          className,
+          ...rest,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+              import_react_loading_skeleton.default,
+              {
+                circle: true,
+                width: iconDimensions.width,
+                height: iconDimensions.height,
+                borderRadius: 4
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(import_react_loading_skeleton.default, { width: 120, height: 16, borderRadius: 4 })
+          ]
+        }
+      ),
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Box_default, { width: "var(--spacing-6)", children: "\xA0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(import_react_loading_skeleton.default, { width: 150, height: 14, borderRadius: 4 })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
       Box_default,
       {
         display: "flex",
@@ -4739,23 +5424,23 @@ var FeatureListItem = ({
         className,
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Icon_default, { variant: iconVariant, size: iconSize, fill: iconColor }),
-          /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Text_default, { fontWeight: "semibold", children: label })
+          /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Icon_default, { variant: iconVariant, size: iconSize, fill: iconColor }),
+          /* @__PURE__ */ (0, import_jsx_runtime214.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 })
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Box_default, { width: "var(--spacing-6)", children: "\xA0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime214.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 import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
 var FeatureList = ({ heading, items, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -4763,8 +5448,8 @@ var FeatureList = ({ heading, items, className }) => {
       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}`)) })
+        heading && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Text_default, { fontWeight: "bold", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(FeatureListItem_default, { ...item }, `${item.iconVariant}-${index}`)) })
       ]
     }
   );
@@ -4772,8 +5457,8 @@ var FeatureList = ({ heading, items, className }) => {
 var FeatureList_default = FeatureList;
 
 // src/FieldNoteCard/FieldNoteCard.styles.ts
-var import_react25 = require("@emotion/react");
-var cardContainerStyles = import_react25.css`
+var import_react29 = require("@emotion/react");
+var cardContainerStyles = import_react29.css`
   position: relative;
   height: 335px;
 
@@ -4781,12 +5466,12 @@ var cardContainerStyles = import_react25.css`
     height: 480px;
   }
 `;
-var cardContentStyles = import_react25.css`
+var cardContentStyles = import_react29.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient = (imageUrl) => import_react25.css`
+var getBackgroundWithGradient = (imageUrl) => import_react29.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -4800,7 +5485,7 @@ var getBackgroundWithGradient = (imageUrl) => import_react25.css`
 `;
 
 // src/FieldNoteCard/FieldNoteCard.tsx
-var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
 var FieldNoteCard = ({
   backgroundImage,
   title,
@@ -4809,14 +5494,14 @@ var FieldNoteCard = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
     Box_default,
     {
       display: "flex",
       css: cardContainerStyles,
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
         Box_default,
         {
           display: "flex",
@@ -4824,9 +5509,9 @@ var FieldNoteCard = ({
           justifyContent: "flex-end",
           p: 6,
           css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
-          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 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
           ] })
         }
       )
@@ -4836,14 +5521,14 @@ var FieldNoteCard = ({
 var FieldNoteCard_default = FieldNoteCard;
 
 // src/Form/FormField.tsx
-var import_react26 = require("@emotion/react");
-var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
-var fieldContainerStyles = import_react26.css`
+var import_react30 = require("@emotion/react");
+var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
+var fieldContainerStyles = import_react30.css`
   display: flex;
   flex-direction: column;
   gap: ${space["2"]};
 `;
-var labelStyles2 = import_react26.css`
+var labelStyles2 = import_react30.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   font-weight: ${fontWeights.medium};
@@ -4851,17 +5536,17 @@ var labelStyles2 = import_react26.css`
   color: ${colors.gray["900"]};
   margin-bottom: ${space["1"]};
 `;
-var requiredIndicatorStyles = import_react26.css`
+var requiredIndicatorStyles = import_react30.css`
   color: ${colors.red["500"]};
   margin-left: ${space["1"]};
 `;
-var helpTextStyles = import_react26.css`
+var helpTextStyles = import_react30.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
   color: ${colors.gray["600"]};
 `;
-var errorTextStyles = import_react26.css`
+var errorTextStyles = import_react30.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -4870,7 +5555,7 @@ var errorTextStyles = import_react26.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var successTextStyles = import_react26.css`
+var successTextStyles = import_react30.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -4879,7 +5564,7 @@ var successTextStyles = import_react26.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var visuallyHiddenStyles = import_react26.css`
+var visuallyHiddenStyles = import_react30.css`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -4904,21 +5589,21 @@ var FormField = ({
   const hasError = !!error;
   const hasSuccess = !!success && !hasError;
   const hasHelpText = !!helpText && !hasError && !hasSuccess;
-  return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("div", { css: fieldContainerStyles, className, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { css: fieldContainerStyles, className, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(
       "label",
       {
         htmlFor,
         css: [labelStyles2, hideLabel && visuallyHiddenStyles],
         children: [
           label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
         ]
       }
     ),
     children,
-    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)(
+    hasError && /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -4928,8 +5613,8 @@ var FormField = ({
       ) }),
       error
     ] }),
-    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)(
+    hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { css: successTextStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -4939,15 +5624,15 @@ var FormField = ({
       ) }),
       success
     ] }),
-    hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("div", { css: helpTextStyles, children: helpText })
+    hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { css: helpTextStyles, children: helpText })
   ] });
 };
 
 // src/Form/Input.tsx
-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`
+var import_react31 = require("@emotion/react");
+var import_react32 = require("react");
+var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
+var inputStyles = import_react31.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -4984,19 +5669,19 @@ var inputStyles = import_react27.css`
   }
 `;
 var sizeStyles = {
-  sm: import_react27.css`
+  sm: import_react31.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react27.css`
+  md: import_react31.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react27.css`
+  lg: import_react31.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -5004,8 +5689,8 @@ var sizeStyles = {
   `
 };
 var variantStyles = {
-  default: import_react27.css``,
-  error: import_react27.css`
+  default: import_react31.css``,
+  error: import_react31.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -5013,7 +5698,7 @@ var variantStyles = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react27.css`
+  success: import_react31.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -5022,7 +5707,7 @@ var variantStyles = {
     }
   `
 };
-var inputWithIconStyles = import_react27.css`
+var inputWithIconStyles = import_react31.css`
   padding-left: ${space["10"]};
 
   &.has-end-icon {
@@ -5033,7 +5718,7 @@ var inputWithIconStyles = import_react27.css`
     padding-left: ${space["10"]};
   }
 `;
-var iconContainerStyles = import_react27.css`
+var iconContainerStyles = import_react31.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -5044,20 +5729,20 @@ var iconContainerStyles = import_react27.css`
   pointer-events: none;
   z-index: 1;
 `;
-var startIconStyles = import_react27.css`
+var startIconStyles = import_react31.css`
   ${iconContainerStyles}
   left: ${space["3"]};
 `;
-var endIconStyles = import_react27.css`
+var endIconStyles = import_react31.css`
   ${iconContainerStyles}
   right: ${space["3"]};
 `;
-var inputWrapperStyles = import_react27.css`
+var inputWrapperStyles = import_react31.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var Input = (0, import_react28.forwardRef)(
+var Input = (0, import_react32.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -5076,9 +5761,9 @@ var Input = (0, import_react28.forwardRef)(
       hasEndIcon && "has-end-icon",
       className
     ].filter(Boolean).join(" ");
-    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)(
+    return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("div", { css: inputWrapperStyles, children: [
+      hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { css: startIconStyles, children: startIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
         "input",
         {
           ref,
@@ -5095,17 +5780,17 @@ var Input = (0, import_react28.forwardRef)(
           ...props
         }
       ),
-      hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { css: endIconStyles, children: endIcon })
+      hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { css: endIconStyles, children: endIcon })
     ] });
   }
 );
 Input.displayName = "Input";
 
 // src/Form/Select.tsx
-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`
+var import_react33 = require("@emotion/react");
+var import_react34 = require("react");
+var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
+var selectStyles = import_react33.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -5144,19 +5829,19 @@ var selectStyles = import_react29.css`
   }
 `;
 var sizeStyles2 = {
-  sm: import_react29.css`
+  sm: import_react33.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react29.css`
+  md: import_react33.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react29.css`
+  lg: import_react33.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -5164,8 +5849,8 @@ var sizeStyles2 = {
   `
 };
 var variantStyles2 = {
-  default: import_react29.css``,
-  error: import_react29.css`
+  default: import_react33.css``,
+  error: import_react33.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -5173,7 +5858,7 @@ var variantStyles2 = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react29.css`
+  success: import_react33.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -5182,7 +5867,7 @@ var variantStyles2 = {
     }
   `
 };
-var optionStyles = import_react29.css`
+var optionStyles = import_react33.css`
   background-color: ${colors.light["100"]};
   color: ${colors.gray["900"]};
 
@@ -5191,7 +5876,7 @@ var optionStyles = import_react29.css`
     background-color: ${colors.gray["100"]};
   }
 `;
-var Select = (0, import_react30.forwardRef)(
+var Select = (0, import_react34.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -5201,7 +5886,7 @@ var Select = (0, import_react30.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
       "select",
       {
         ref,
@@ -5210,8 +5895,8 @@ var Select = (0, import_react30.forwardRef)(
         className,
         ...props,
         children: [
-          placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
-          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+          placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
+          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
             "option",
             {
               value: option.value,
@@ -5229,10 +5914,10 @@ var Select = (0, import_react30.forwardRef)(
 Select.displayName = "Select";
 
 // src/Grid/Column.tsx
-var import_react32 = require("@emotion/react");
+var import_react36 = require("@emotion/react");
 
 // src/Grid/utils.ts
-var import_react31 = require("@emotion/react");
+var import_react35 = require("@emotion/react");
 var LayoutTokens = {
   containers: {
     sm: screens.sm,
@@ -5272,11 +5957,11 @@ var getResponsiveValue = (value) => {
 var generateGridColumns = (columns) => {
   const baseColumns = getResponsiveValue(columns);
   if (typeof columns === "number") {
-    return import_react31.css`
+    return import_react35.css`
       grid-template-columns: repeat(${columns}, 1fr);
     `;
   }
-  return import_react31.css`
+  return import_react35.css`
     grid-template-columns: repeat(${baseColumns}, 1fr);
 
     ${media.sm} {
@@ -5308,11 +5993,11 @@ var generateGridColumns = (columns) => {
 var generateGapStyles = (gap2) => {
   const baseGap = getResponsiveValue(gap2);
   if (typeof gap2 === "string" || typeof gap2 === "number") {
-    return import_react31.css`
+    return import_react35.css`
       gap: ${space[gap2]};
     `;
   }
-  return import_react31.css`
+  return import_react35.css`
     gap: ${space[baseGap]};
 
     ${media.sm} {
@@ -5335,11 +6020,11 @@ var generateGapStyles = (gap2) => {
 var generateRowGapStyles = (rowGap) => {
   const baseRowGap = getResponsiveValue(rowGap);
   if (typeof rowGap === "string" || typeof rowGap === "number") {
-    return import_react31.css`
+    return import_react35.css`
       row-gap: ${space[rowGap]};
     `;
   }
-  return import_react31.css`
+  return import_react35.css`
     row-gap: ${space[baseRowGap]};
 
     ${media.sm} {
@@ -5362,11 +6047,11 @@ var generateRowGapStyles = (rowGap) => {
 var generateColumnGapStyles = (columnGap) => {
   const baseColumnGap = getResponsiveValue(columnGap);
   if (typeof columnGap === "string" || typeof columnGap === "number") {
-    return import_react31.css`
+    return import_react35.css`
       column-gap: ${space[columnGap]};
     `;
   }
-  return import_react31.css`
+  return import_react35.css`
     column-gap: ${space[baseColumnGap]};
 
     ${media.sm} {
@@ -5389,11 +6074,11 @@ var generateColumnGapStyles = (columnGap) => {
 var generateColumnSpan = (span) => {
   const baseSpan = getResponsiveValue(span);
   if (typeof span === "string" || typeof span === "number") {
-    return import_react31.css`
+    return import_react35.css`
       grid-column: ${span === "auto" ? "auto" : `span ${span}`};
     `;
   }
-  return import_react31.css`
+  return import_react35.css`
     grid-column: ${baseSpan === "auto" ? "auto" : `span ${baseSpan}`};
 
     ${media.sm} {
@@ -5416,11 +6101,11 @@ var generateColumnSpan = (span) => {
 var generateAlignItems = (alignItems) => {
   const baseAlign = getResponsiveValue(alignItems);
   if (typeof alignItems === "string") {
-    return import_react31.css`
+    return import_react35.css`
       align-items: ${alignItems};
     `;
   }
-  return import_react31.css`
+  return import_react35.css`
     align-items: ${baseAlign};
 
     ${media.sm} {
@@ -5443,11 +6128,11 @@ var generateAlignItems = (alignItems) => {
 var generateJustifyItems = (justifyItems) => {
   const baseJustify = getResponsiveValue(justifyItems);
   if (typeof justifyItems === "string") {
-    return import_react31.css`
+    return import_react35.css`
       justify-items: ${justifyItems};
     `;
   }
-  return import_react31.css`
+  return import_react35.css`
     justify-items: ${baseJustify};
 
     ${media.sm} {
@@ -5469,7 +6154,7 @@ var generateJustifyItems = (justifyItems) => {
 };
 
 // src/Grid/Column.tsx
-var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
 var Column = ({
   span,
   start,
@@ -5482,30 +6167,30 @@ var Column = ({
 }) => {
   const columnStyles = [
     span && generateColumnSpan(span),
-    start && import_react32.css`
+    start && import_react36.css`
         grid-column-start: ${start};
       `,
-    end && import_react32.css`
+    end && import_react36.css`
         grid-column-end: ${end};
       `,
-    row && import_react32.css`
+    row && import_react36.css`
         grid-row: ${row};
       `,
-    rowSpan && import_react32.css`
+    rowSpan && import_react36.css`
         grid-row: span ${rowSpan};
       `,
-    area && import_react32.css`
+    area && import_react36.css`
         grid-area: ${area};
       `
   ].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Box_default, { css: columnStyles, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { css: columnStyles, ...props, children });
 };
 var Column_default = Column;
 
 // src/Grid/Grid.tsx
-var import_react33 = require("@emotion/react");
-var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
-var baseGridStyles = import_react33.css`
+var import_react37 = require("@emotion/react");
+var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
+var baseGridStyles = import_react37.css`
   display: grid;
 `;
 var Grid = ({
@@ -5530,27 +6215,27 @@ var Grid = ({
     columnGap && generateColumnGapStyles(columnGap),
     alignItems && generateAlignItems(alignItems),
     justifyItems && generateJustifyItems(justifyItems),
-    autoRows && import_react33.css`
+    autoRows && import_react37.css`
         grid-auto-rows: ${autoRows};
       `,
-    autoColumns && import_react33.css`
+    autoColumns && import_react37.css`
         grid-auto-columns: ${autoColumns};
       `,
-    templateAreas && import_react33.css`
+    templateAreas && import_react37.css`
         grid-template-areas: ${typeof templateAreas === "string" ? templateAreas : templateAreas._};
       `,
-    justifyContent && import_react33.css`
+    justifyContent && import_react37.css`
         justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
       `
   ].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { css: gridStyles, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Box_default, { css: gridStyles, ...props, children });
 };
 var Grid_default = Grid;
 
 // src/Grid/GridContainer.tsx
-var import_react34 = require("@emotion/react");
-var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
-var baseContainerStyles = import_react34.css`
+var import_react38 = require("@emotion/react");
+var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
+var baseContainerStyles = import_react38.css`
   width: 100%;
   margin: 0 auto;
   padding-left: 1rem;
@@ -5558,14 +6243,14 @@ var baseContainerStyles = import_react34.css`
 `;
 var generateMaxWidthStyles = (maxWidth) => {
   if (maxWidth === "full") {
-    return import_react34.css`
+    return import_react38.css`
       max-width: 100%;
       padding-left: 0;
       padding-right: 0;
     `;
   }
   const width2 = LayoutTokens.containers[maxWidth] || maxWidth;
-  return import_react34.css`
+  return import_react38.css`
     max-width: ${width2};
 
     ${media.sm} {
@@ -5594,13 +6279,13 @@ var GridContainer = ({
     baseContainerStyles,
     generateMaxWidthStyles(maxWidth)
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
 };
 var GridContainer_default = GridContainer;
 
 // src/HuntCard/HuntCard.styles.ts
-var import_react35 = require("@emotion/react");
-var cardContainerStyles2 = import_react35.css`
+var import_react39 = require("@emotion/react");
+var cardContainerStyles2 = import_react39.css`
   position: relative;
   height: 335px;
 
@@ -5608,12 +6293,12 @@ var cardContainerStyles2 = import_react35.css`
     height: 480px;
   }
 `;
-var cardContentStyles2 = import_react35.css`
+var cardContentStyles2 = import_react39.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient2 = (imageUrl) => import_react35.css`
+var getBackgroundWithGradient2 = (imageUrl) => import_react39.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -5627,7 +6312,7 @@ var getBackgroundWithGradient2 = (imageUrl) => import_react35.css`
 `;
 
 // src/HuntCard/HuntCard.tsx
-var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
 var HuntCard = ({
   backgroundImage,
   title,
@@ -5636,14 +6321,14 @@ var HuntCard = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
     Box_default,
     {
       display: "flex",
       css: cardContainerStyles2,
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
         Box_default,
         {
           display: "flex",
@@ -5651,9 +6336,9 @@ var HuntCard = ({
           justifyContent: "flex-end",
           p: 6,
           css: [cardContentStyles2, getBackgroundWithGradient2(backgroundImage)],
-          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 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
           ] })
         }
       )
@@ -5663,9 +6348,9 @@ var HuntCard = ({
 var HuntCard_default = HuntCard;
 
 // src/InfoBox/InfoBox.tsx
-var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
 var InfoBox = ({ heading, features, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -5674,8 +6359,8 @@ var InfoBox = ({ heading, features, className }) => {
       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)(
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
           Box_default,
           {
             display: "flex",
@@ -5685,7 +6370,7 @@ var InfoBox = ({ heading, features, className }) => {
             borderRadius: "var(--radius-lg)",
             bg: "var(--surface-neutral)",
             className,
-            children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+            children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
               FeatureList_default,
               {
                 heading: section.heading,
@@ -5702,61 +6387,11 @@ var InfoBox = ({ heading, features, className }) => {
 var InfoBox_default = InfoBox;
 
 // src/ListingChat/ListingChat.tsx
-var import_react38 = require("react");
-
-// src/TagChip/TagChip.styles.ts
-var import_react36 = require("@emotion/react");
-var tagChipVariantStyles = {
-  primary: import_react36.css`
-    background-color: var(--surface-disabled);
-    border: 1px solid var(--surface-disabled);
-    color: var(--text-primary);
-  `,
-  error: import_react36.css`
-    background-color: var(--surface-error);
-    border: 1px solid var(--color-red-300);
-    color: var(--text-error);
-  `,
-  success: import_react36.css`
-    background-color: var(--surface-success);
-    border: 1px solid var(--color-green-300);
-    color: var(--text-success);
-  `,
-  warning: import_react36.css`
-    background-color: var(--surface-subtle);
-    border: 1px solid var(--color-brown-200);
-    color: var(--text-primary);
-  `
-};
-
-// src/TagChip/TagChip.tsx
-var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
-var TagChip = ({
-  variant = "primary",
-  className,
-  children,
-  ...rest
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime221.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_runtime221.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
-    }
-  );
-};
-var TagChip_default = TagChip;
+var import_react41 = require("react");
 
 // src/ListingChat/ListingChat.styles.ts
-var import_react37 = require("@emotion/react");
-var containerStyles2 = import_react37.css`
+var import_react40 = require("@emotion/react");
+var containerStyles2 = import_react40.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
@@ -5764,13 +6399,13 @@ var containerStyles2 = import_react37.css`
   border-radius: var(--radius-lg);
   background: var(--surface-success);
 `;
-var headerStyles = import_react37.css`
+var headerStyles = import_react40.css`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--spacing-2);
 `;
-var chipsContainerStyles = import_react37.css`
+var chipsContainerStyles = import_react40.css`
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-4);
@@ -5783,15 +6418,15 @@ var chipsContainerStyles = import_react37.css`
     cursor: pointer;
   }
 `;
-var textAreaStyles = import_react37.css`
+var textAreaStyles = import_react40.css`
   min-height: 62px;
 `;
-var inputWrapperStyles2 = import_react37.css`
+var inputWrapperStyles2 = import_react40.css`
   position: relative;
 `;
 
 // src/ListingChat/ListingChat.tsx
-var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
 var ListingChat = ({
   onSubmit,
   placeholder = "Ask anything about this listing\u2026",
@@ -5801,15 +6436,15 @@ var ListingChat = ({
   disabled = false,
   ...rest
 }) => {
-  const [value, setValue] = (0, import_react38.useState)("");
-  const handleSubmit = (0, import_react38.useCallback)(() => {
+  const [value, setValue] = (0, import_react41.useState)("");
+  const handleSubmit = (0, import_react41.useCallback)(() => {
     const trimmed = value.trim();
     if (!trimmed)
       return;
     onSubmit(trimmed);
     setValue("");
   }, [onSubmit, value]);
-  const handleTagClick = (0, import_react38.useCallback)(
+  const handleTagClick = (0, import_react41.useCallback)(
     (tag) => () => {
       const trimmed = tag.trim();
       if (!trimmed)
@@ -5818,18 +6453,18 @@ var ListingChat = ({
     },
     [onSubmit]
   );
-  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." })
+  return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { css: headerStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
       ] }),
-      /* @__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: "medium" }),
-        /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Text_default, { size: "sm", children: "Beta" })
+      /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
+        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Text_default, { size: "sm", children: "Beta" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
       TextArea,
       {
         rows: 1,
@@ -5844,14 +6479,14 @@ var ListingChat = ({
         css: textAreaStyles
       }
     ) }),
-    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)(
+    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(import_jsx_runtime225.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
+      /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
         "button",
         {
           onClick: handleTagClick(tag),
           disabled,
-          children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(TagChip_default, { children: tag })
+          children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(TagChip_default, { children: tag })
         },
         tag
       )) })
@@ -5861,11 +6496,11 @@ var ListingChat = ({
 var ListingChat_default = ListingChat;
 
 // src/Logo/Logo.tsx
-var import_react39 = require("@emotion/react");
+var import_react42 = require("@emotion/react");
 
 // src/Logo/components/LandtrustPlusDark.tsx
-var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
+var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5873,14 +6508,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime223.
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime226.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_runtime223.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -5889,14 +6524,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime223.
           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_runtime223.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime226.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_runtime223.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
         "filter",
         {
           id: "landtrust-plus-dark_svg__a",
@@ -5907,8 +6542,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime223.
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -5916,18 +6551,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime223.
                 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_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)(
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime226.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_runtime226.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2540"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -5944,8 +6579,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime223.
 var LandtrustPlusDark_default = SvgLandtrustPlusDark;
 
 // src/Logo/components/LandtrustPlusLight.tsx
-var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
+var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5953,14 +6588,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime224
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime227.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_runtime224.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -5969,14 +6604,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime224
           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_runtime224.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime227.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_runtime224.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(
         "filter",
         {
           id: "landtrust-plus-light_svg__a",
@@ -5987,8 +6622,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime224
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -5996,18 +6631,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime224
                 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_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)(
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime227.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_runtime227.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2538"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -6024,8 +6659,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime224
 var LandtrustPlusLight_default = SvgLandtrustPlusLight;
 
 // src/Logo/components/LandtrustStandardDark.tsx
-var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
+var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6033,14 +6668,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime228.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_runtime225.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
         "path",
         {
           fill: "#fff",
@@ -6053,8 +6688,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
 var LandtrustStandardDark_default = SvgLandtrustStandardDark;
 
 // src/Logo/components/LandtrustStandardLight.tsx
-var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
+var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6062,14 +6697,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime229.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_runtime226.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
         "path",
         {
           fill: "#000",
@@ -6082,8 +6717,8 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
 var LandtrustStandardLight_default = SvgLandtrustStandardLight;
 
 // src/Logo/Logo.tsx
-var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
-var logoStyles = (size) => import_react39.css`
+var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
+var logoStyles = (size) => import_react42.css`
   width: ${space[size]};
   height: auto;
   display: block;
@@ -6111,18 +6746,18 @@ var Logo = ({
     return LandtrustStandardLight_default;
   };
   const LogoComponent = getLogoComponent();
-  return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
 };
 var Logo_default = Logo;
 
 // src/Navigation/Navigation.styles.ts
-var import_react40 = require("@emotion/react");
-var navigationStyles = import_react40.css`
+var import_react43 = require("@emotion/react");
+var navigationStyles = import_react43.css`
   width: 100%;
   background-color: white;
   border-bottom: 1px solid #e5e5e5;
 `;
-var hamburgerButtonStyles = import_react40.css`
+var hamburgerButtonStyles = import_react43.css`
   cursor: pointer;
   &:focus {
     outline: 2px solid #4f46e5;
@@ -6133,7 +6768,7 @@ var hamburgerButtonStyles = import_react40.css`
     display: none;
   }
 `;
-var centeredLogoStyles = import_react40.css`
+var centeredLogoStyles = import_react43.css`
   transform: translate(-50%, -50%);
   max-width: 150px;
 
@@ -6141,27 +6776,27 @@ var centeredLogoStyles = import_react40.css`
     display: none;
   }
 `;
-var desktopLogoStyles = import_react40.css`
+var desktopLogoStyles = import_react43.css`
   display: none;
 
   @media (min-width: 768px) {
     display: block;
   }
 `;
-var containerStyles3 = import_react40.css`
+var containerStyles3 = import_react43.css`
   @media (min-width: 768px) {
     justify-content: space-between;
     position: static;
   }
 `;
-var logoStyles2 = import_react40.css`
+var logoStyles2 = import_react43.css`
   width: 100%;
 
   @media (min-width: 768px) {
     width: initial;
   }
 `;
-var desktopNavStyles = import_react40.css`
+var desktopNavStyles = import_react43.css`
   display: none;
 
   @media (min-width: 768px) {
@@ -6170,7 +6805,7 @@ var desktopNavStyles = import_react40.css`
     gap: 32px;
   }
 `;
-var navLinksStyles = import_react40.css`
+var navLinksStyles = import_react43.css`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -6178,7 +6813,7 @@ var navLinksStyles = import_react40.css`
   margin: 0;
   padding: 0;
 `;
-var navLinkStyles = import_react40.css`
+var navLinkStyles = import_react43.css`
   text-decoration: none;
   color: #374151;
   font-weight: 500;
@@ -6194,7 +6829,7 @@ var navLinkStyles = import_react40.css`
     outline-offset: 2px;
   }
 `;
-var avatarPlaceholderStyles = import_react40.css`
+var avatarPlaceholderStyles = import_react43.css`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -6219,7 +6854,7 @@ var avatarPlaceholderStyles = import_react40.css`
 `;
 
 // src/Navigation/Navigation.tsx
-var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
 var Navigation = ({
   onMenuToggle,
   className,
@@ -6233,7 +6868,7 @@ var Navigation = ({
   onAvatarClick,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -6242,7 +6877,7 @@ var Navigation = ({
       position: "relative",
       css: containerStyles3,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
           Box_default,
           {
             as: "button",
@@ -6254,11 +6889,11 @@ var Navigation = ({
             border: "none",
             padding: space[2],
             css: hamburgerButtonStyles,
-            children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Icon_default, { variant: "Bars", size: "large" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Icon_default, { variant: "Bars", size: "large" })
           }
         ),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
           Logo_default,
           {
             variant: logoVariant,
@@ -6267,8 +6902,8 @@ var Navigation = ({
             css: logoStyles2
           }
         ) }),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(Box_default, { css: desktopNavStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
             "a",
             {
               href: link.href,
@@ -6277,7 +6912,7 @@ var Navigation = ({
               children: link.label
             }
           ) }, link.href)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
             Box_default,
             {
               as: "button",
@@ -6296,8 +6931,8 @@ var Navigation = ({
 var Navigation_default = Navigation;
 
 // src/PackageCard/PackageCard.styles.ts
-var import_react41 = require("@emotion/react");
-var cardContainerStyles3 = import_react41.css`
+var import_react44 = require("@emotion/react");
+var cardContainerStyles3 = import_react44.css`
   color: var(--text-primary);
   position: relative;
   width: 100%;
@@ -6314,14 +6949,14 @@ var cardContainerStyles3 = import_react41.css`
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
   }
 `;
-var imageContainerStyles = import_react41.css`
+var imageContainerStyles = import_react44.css`
   position: relative;
   width: 100%;
   height: 200px;
   overflow: hidden;
   border-radius: var(--spacing-4);
 `;
-var imageStyles = import_react41.css`
+var imageStyles2 = import_react44.css`
   width: 100%;
   height: 100%;
   background-size: cover;
@@ -6329,13 +6964,13 @@ var imageStyles = import_react41.css`
   background-repeat: no-repeat;
   border-radius: var(--spacing-4) var(--spacing-4) 0 0;
 `;
-var badgeStyles = import_react41.css`
+var badgeStyles = import_react44.css`
   position: absolute;
   top: var(--spacing-3);
   left: var(--spacing-3);
   z-index: 2;
 `;
-var heartIconStyles = import_react41.css`
+var heartIconStyles = import_react44.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
@@ -6357,12 +6992,12 @@ var heartIconStyles = import_react41.css`
     transform: scale(1.1);
   }
 `;
-var contentStyles2 = import_react41.css`
+var contentStyles2 = import_react44.css`
   padding: var(--spacing-3);
 `;
 
 // src/PackageCard/PackageCard.tsx
-var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
 var PackageCard = ({
   images,
   title,
@@ -6379,13 +7014,13 @@ var PackageCard = ({
   ...rest
 }) => {
   const mainImage = images[0] || "";
-  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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { css: cardContainerStyles3, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Box_default, { css: imageContainerStyles, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { css: [imageStyles2, { backgroundImage: `url(${mainImage})` }], children: [
+      tripsLeft && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(AvailabilityBadge_default, { variant: "warning", css: badgeStyles, children: [
         tripsLeft,
         " Trips Left"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
         Box_default,
         {
           css: heartIconStyles,
@@ -6393,7 +7028,7 @@ var PackageCard = ({
             e.stopPropagation();
             onFavoriteClick == null ? void 0 : onFavoriteClick();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
             Icon_default,
             {
               variant: isFavorited ? "HeartSolid" : "Heart",
@@ -6403,8 +7038,8 @@ var PackageCard = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { css: contentStyles2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { css: contentStyles2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
         Box_default,
         {
           onClick,
@@ -6413,9 +7048,9 @@ var PackageCard = ({
           gap: "var(--spacing-1)",
           mb: "var(--spacing-4)",
           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: [
+            /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "xs", fontWeight: "bold", children: subtitle }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Text_default, { size: "xs", fontWeight: "normal", children: [
               "Starting Price ",
               startingPrice,
               " / Guest"
@@ -6423,22 +7058,22 @@ var PackageCard = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
-        days && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
+        days && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
           IconLabel_default,
           {
             variant: "Calendar",
             label: `${days} Day${days !== 1 ? "s" : ""}`
           }
         ),
-        guests && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+        guests && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
           IconLabel_default,
           {
             variant: "User",
             label: `${guests} Guest${guests !== 1 ? "s" : ""}`
           }
         ),
-        hasLodging && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
+        hasLodging && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
       ] })
     ] })
   ] });
@@ -6446,14 +7081,14 @@ var PackageCard = ({
 var PackageCard_default = PackageCard;
 
 // src/PackageHeader/PackageHeader.tsx
-var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
 var PackageHeader = ({
   header,
   subheader,
   features,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -6462,9 +7097,9 @@ var PackageHeader = ({
       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 })
+        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
+        subheader && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Text_default, { children: subheader }),
+        features && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(FeatureList_default, { items: features })
       ]
     }
   );
@@ -6472,8 +7107,8 @@ var PackageHeader = ({
 var PackageHeader_default = PackageHeader;
 
 // src/StarRating/StarRating.tsx
-var import_react42 = require("@emotion/react");
-var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
+var import_react45 = require("@emotion/react");
+var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
 var starSize = {
   sm: {
     size: "medium",
@@ -6492,13 +7127,13 @@ var StarRating = ({
   const stars = [];
   for (let i = 1; i <= 5; i++) {
     stars.push(
-      /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
         Icon_default,
         {
           variant: "StarSolid",
           size: starSize[size].size,
           fill: i <= rating ? "var(--color-yellow-500)" : "var(--color-neutral-100)",
-          css: import_react42.css`
+          css: import_react45.css`
           ${size === "md" && "width: 40px; height: 40px;"}
         `
         },
@@ -6506,7 +7141,7 @@ var StarRating = ({
       )
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
     Box_default,
     {
       className,
@@ -6520,7 +7155,7 @@ var StarRating = ({
 var StarRating_default = StarRating;
 
 // src/UserCard/UserCard.tsx
-var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
 var UserCard = ({
   avatarSrc,
   title,
@@ -6529,7 +7164,7 @@ var UserCard = ({
   showRating = true,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -6537,11 +7172,11 @@ var UserCard = ({
       gap: "var(--spacing-4)",
       className,
       children: [
-        /* @__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" })
+        /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Avatar_default, { type: "image", src: avatarSrc, alt: `${title}'s avatar` }),
+        /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }),
+          showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(StarRating_default, { rating, size: "sm" })
         ] })
       ]
     }
@@ -6550,8 +7185,8 @@ var UserCard = ({
 var UserCard_default = UserCard;
 
 // src/ReviewCard/components/ReviewImages.styles.ts
-var import_react43 = require("@emotion/react");
-var imageStyles2 = import_react43.css`
+var import_react46 = require("@emotion/react");
+var imageStyles3 = import_react46.css`
   flex: 1;
   min-width: 0;
   aspect-ratio: 1;
@@ -6561,18 +7196,18 @@ var imageStyles2 = import_react43.css`
 `;
 
 // src/ReviewCard/components/ReviewImages.tsx
-var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime236 = 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_runtime233.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
     "img",
     {
       src: image,
       alt: `Review ${index + 1}`,
-      css: imageStyles2
+      css: imageStyles3
     },
     index
   )) });
@@ -6580,7 +7215,7 @@ var ReviewImages = ({ images, maxImages = 3 }) => {
 var ReviewImages_default = ReviewImages;
 
 // src/ReviewCard/components/ReviewReply.tsx
-var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
 var ReviewReply = ({
   avatarSrc,
   name,
@@ -6589,7 +7224,7 @@ var ReviewReply = ({
   label,
   rating
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
     Box_default,
     {
       backgroundColor: "var(--surface-neutral)",
@@ -6599,7 +7234,7 @@ var ReviewReply = ({
       flexDirection: "column",
       gap: "var(--spacing-3)",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -6607,7 +7242,7 @@ var ReviewReply = ({
             justifyContent: "space-between",
             gap: "var(--spacing-2)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
                 UserCard_default,
                 {
                   avatarSrc,
@@ -6616,11 +7251,11 @@ var ReviewReply = ({
                   rating
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
+              /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Text_default, { children: content })
+        /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Text_default, { children: content })
       ]
     }
   );
@@ -6628,7 +7263,7 @@ var ReviewReply = ({
 var ReviewReply_default = ReviewReply;
 
 // src/ReviewCard/ReviewCard.tsx
-var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
 var ReviewCard = ({
   avatarSrc,
   name,
@@ -6640,7 +7275,7 @@ var ReviewCard = ({
   replies = [],
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(
     Box_default,
     {
       backgroundColor: "white",
@@ -6652,7 +7287,7 @@ var ReviewCard = ({
       border: "1px solid var(--color-neutral-200)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
           UserCard_default,
           {
             avatarSrc,
@@ -6661,10 +7296,10 @@ var ReviewCard = ({
             rating
           }
         ),
-        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)(
+        availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Text_default, { size: "md", children: content }),
+        images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(ReviewImages_default, { images }),
+        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
           ReviewReply_default,
           {
             avatarSrc: reply.avatarSrc,
@@ -6683,9 +7318,9 @@ var ReviewCard = ({
 var ReviewCard_default = ReviewCard;
 
 // src/Reviews/components/ReviewItem.tsx
-var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
 var ReviewItem = ({ label, rating }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -6693,10 +7328,10 @@ var ReviewItem = ({ label, rating }) => {
       alignItems: "center",
       width: "100%",
       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: "large", fill: "var(--surface-action-2)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Text_default, { fontWeight: "semibold", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Text_default, { fontWeight: "semibold", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(Text_default, { fontWeight: "semibold", children: [
             rating,
             "/5"
           ] })
@@ -6708,14 +7343,14 @@ var ReviewItem = ({ label, rating }) => {
 var ReviewItem_default = ReviewItem;
 
 // src/Reviews/Reviews.tsx
-var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
 var Reviews = ({
   averageRating,
   totalReviews,
   items,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(
     Box_default,
     {
       width: "100%",
@@ -6728,7 +7363,7 @@ var Reviews = ({
       p: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -6736,9 +7371,9 @@ var Reviews = ({
             alignItems: "center",
             gap: "var(--spacing-2)",
             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: [
+              /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
+              /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(StarRating_default, { rating: Math.floor(averageRating) }),
+              /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
                 "Overall Rating \u2022 ",
                 totalReviews,
                 " Review",
@@ -6747,14 +7382,14 @@ var Reviews = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
           Box_default,
           {
             display: "flex",
             flexDirection: "column",
             gap: "var(--spacing-2)",
             width: "100%",
-            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
+            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
           }
         )
       ]
@@ -6764,7 +7399,7 @@ var Reviews = ({
 var Reviews_default = Reviews;
 
 // src/Reviews/ReviewsShowcase.tsx
-var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime241 = require("@emotion/react/jsx-runtime");
 var ReviewsShowcase = () => {
   const sampleData = {
     averageRating: 4,
@@ -6786,7 +7421,7 @@ var ReviewsShowcase = () => {
       { label: "Game Abundance", rating: 5 }
     ]
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -6794,24 +7429,24 @@ var ReviewsShowcase = () => {
       gap: "var(--spacing-8)",
       p: "var(--spacing-6)",
       children: [
-        /* @__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_runtime241.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
+        /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
+          /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Reviews_default, { ...sampleData }) })
         ] }),
-        /* @__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_runtime241.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
+          /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime241.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: "Mobile Layout (320px width)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
             Box_default,
             {
               maxWidth: "320px",
               border: "1px solid var(--color-neutral-200)",
               p: "var(--spacing-4)",
-              children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Reviews_default, { ...sampleData })
+              children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Reviews_default, { ...sampleData })
             }
           )
         ] })
@@ -6847,6 +7482,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
   LayoutTokens,
   ListingChat,
   Logo,
+  MarkdownContent,
   MessageBubble,
   Navigation,
   PackageCard,