npm - @landtrustinc/design-system - Versions diffs - 1.2.2 → 1.2.3 - Mend

@landtrustinc/design-system 1.2.2 → 1.2.3

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

Files changed (4) hide show

package/dist/index.js CHANGED Viewed

@@ -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 getBannerStyles = (variant) => import_react10.css`
+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);
+  }
+`;
+// 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,25 +4138,126 @@ 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/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
+}) => {
+  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_runtime202 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime205 = require("@emotion/react/jsx-runtime");
 var AIResponse = ({
-  title = `Here\u2019s what I found`,
+  title = `Here's what I found`,
   showDisclaimer = true,
   showHelpfulQuestion = true,
   className,
@@ -3744,12 +4266,20 @@ var AIResponse = ({
   onHelpfulNo,
   variant = "default",
   onErrorRetry,
-  helpfulDebounceMs = 1e3
+  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_react11.useState)(
+  const [visualHelpful, setVisualHelpful] = (0, import_react14.useState)(
     void 0
   );
-  const debounceTimerRef = (0, import_react11.useRef)(null);
+  const debounceTimerRef = (0, import_react14.useRef)(null);
   const DEBOUNCE_MS = helpfulDebounceMs;
   const scheduleCallback = (next) => {
     if (debounceTimerRef.current) {
@@ -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,7 +5371,7 @@ var ChatWidget = ({
 var ChatWidget_default = ChatWidget;
 // src/FeatureList/components/FeatureListItem.tsx
-var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
 var FeatureListItem = ({
   iconVariant,
   label,
@@ -4729,8 +5381,8 @@ var FeatureListItem = ({
   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)(
+  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 +5391,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 +5415,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 +5424,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 +5433,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 +5452,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 +5461,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 +5476,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 +5488,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 +5503,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 +5522,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 +5531,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 +5556,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 +5580,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 +5591,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 +5636,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 +5656,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 +5665,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 +5674,7 @@ var variantStyles = {
     }
   `
 };
-var inputWithIconStyles = import_react27.css`
+var inputWithIconStyles = import_react31.css`
   padding-left: ${space["10"]};
   &.has-end-icon {
@@ -5033,7 +5685,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 +5696,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 +5728,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 +5747,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 +5796,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 +5816,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 +5825,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 +5834,7 @@ var variantStyles2 = {
     }
   `
 };
-var optionStyles = import_react29.css`
+var optionStyles = import_react33.css`
   background-color: ${colors.light["100"]};
   color: ${colors.gray["900"]};
@@ -5191,7 +5843,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 +5853,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 +5862,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 +5881,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 +5924,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 +5960,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 +5987,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 +6014,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 +6041,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 +6068,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 +6095,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 +6121,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 +6134,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 +6182,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 +6210,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 +6246,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 +6260,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 +6279,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 +6288,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 +6303,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 +6315,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 +6326,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 +6337,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 +6354,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 +6366,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 +6385,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 +6403,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 +6420,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 +6446,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 +6463,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 +6475,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 +6491,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 +6509,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 +6518,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 +6546,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 +6555,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 +6571,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 +6589,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 +6598,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 +6626,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 +6635,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 +6655,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 +6664,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 +6684,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 +6713,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 +6735,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 +6743,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 +6772,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 +6780,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 +6796,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 +6821,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 +6835,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 +6844,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 +6856,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 +6869,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 +6879,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 +6898,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 +6916,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 +6931,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 +6959,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 +6981,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 +6995,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 +7005,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 +7015,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 +7025,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 +7048,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 +7064,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 +7074,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 +7094,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 +7108,7 @@ var StarRating = ({
       )
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
     Box_default,
     {
       className,
@@ -6520,7 +7122,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 +7131,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 +7139,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 +7152,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 +7163,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 +7182,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 +7191,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 +7201,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 +7209,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 +7218,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 +7230,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 +7242,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 +7254,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 +7263,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 +7285,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 +7295,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 +7310,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 +7330,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 +7338,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 +7349,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 +7366,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 +7388,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 +7396,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 +7449,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
   LayoutTokens,
   ListingChat,
   Logo,
+  MarkdownContent,
   MessageBubble,
   Navigation,
   PackageCard,