@landtrustinc/design-system 1.2.50 → 1.2.51-beta.1

package/dist/index.d.ts

@@ -1156,13 +1156,13 @@ type TopMatchingFieldNoteProps = {
      */
     children?: React__default.ReactNode;
     /**
-     * Image width for optimization
-     * @default 376
+     * Image width for optimization (2x for retina)
+     * @default 752
      */
     width?: number;
     /**
-     * Image height for optimization
-     * @default 275
+     * Image height for optimization (2x for retina)
+     * @default 550
      */
     height?: number;
 };

package/dist/index.js

@@ -5385,8 +5385,8 @@ var imageStyles = import_react19.css`
   width: 100%;
   height: 275px;
   border-radius: var(--radius-lg);
-  background-size: cover;
-  background-position: center;
+  object-fit: cover;
+  object-position: center;
 `;
 
 // src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.tsx
@@ -5399,8 +5399,8 @@ var TopMatchingFieldNote = ({
   title = "Top matching field note",
   className,
   children,
-  width: width2 = 376,
-  height = 275
+  width: width2 = 752,
+  height = 550
 }) => {
   let parsedImages = [];
   try {
@@ -6387,6 +6387,18 @@ var WidgetRoot = ({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [isExpanded, setExpanded]);
+  (0, import_react31.useEffect)(() => {
+    if (!isExpanded)
+      return;
+    const isMobile = window.matchMedia("(max-width: 767px)").matches;
+    if (!isMobile)
+      return;
+    const originalOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = originalOverflow;
+    };
+  }, [isExpanded]);
   const value = (0, import_react31.useMemo)(
     () => ({
       expanded: isExpanded,
@@ -8965,8 +8977,7 @@ var containerStyles4 = import_react58.css`
 `;
 var headerStyles = import_react58.css`
   display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
+  flex-direction: column;
   gap: var(--spacing-2);
 `;
 var chipsContainerStyles = import_react58.css`
@@ -9019,14 +9030,14 @@ var ListingChat = ({
   );
   return /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Box_default, { css: containerStyles4, className, ...rest, children: [
     /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Box_default, { css: headerStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Box_default, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
+      /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Box_default, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
+          /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Text_default, { size: "sm", children: "Beta" })
+        ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
-        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Text_default, { size: "sm", children: "Beta" })
-      ] })
+      /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Text_default, { size: "md", textWrap: "wrap", children: "Get instant answers with Buck, our AI powered assistant." })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
       TextArea,