@landtrustinc/design-system 1.2.74 → 1.2.76

package/dist/index.d.ts

@@ -1511,6 +1511,10 @@ type ChatWidgetProps = {
      * Title displayed in the chat widget header
      */
     title: string;
+    /**
+     * Optional tooltip copy rendered behind an info icon next to the title
+     */
+    titleTooltipContent?: ReactNode;
     /**
      * Array of messages to display
      */
@@ -1601,7 +1605,7 @@ type ChatWidgetProps = {
      */
     enableScrollToBottomControl?: boolean;
 };
-declare const ChatWidget: ({ title, messages, onSubmit, placeholder, disabled, className, ariaLabel, panelWidth, expanded, defaultExpanded, onExpandedChange, isThinking, thinkingText, thinkingContent, emptyState, containerProps, suggestedPrompts, onPromptClick, suggestedPromptsTitle, notificationCount, closeOnClickOutside, enableScrollToBottomControl, }: ChatWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ChatWidget: ({ title, titleTooltipContent, messages, onSubmit, placeholder, disabled, className, ariaLabel, panelWidth, expanded, defaultExpanded, onExpandedChange, isThinking, thinkingText, thinkingContent, emptyState, containerProps, suggestedPrompts, onPromptClick, suggestedPromptsTitle, notificationCount, closeOnClickOutside, enableScrollToBottomControl, }: ChatWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type CtaCardBase = {
     /**

package/dist/index.js

@@ -3452,11 +3452,12 @@ var tooltipContentStyles = import_react3.css`
   padding: var(--spacing-2) var(--spacing-3);
   border-radius: var(--spacing-1);
   font-size: var(--font-size-sm);
-  white-space: nowrap;
   z-index: 1000;
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.2s ease-in-out;
+  max-width: 320px;
+  text-wrap: pretty;
 
   &[data-visible='true'] {
     opacity: 1;
@@ -6582,6 +6583,11 @@ var useWidgetScrollLock = (isExpanded, containerRef) => {
   (0, import_react34.useEffect)(() => {
     if (!isExpanded)
       return;
+    const isMobile = window.matchMedia(
+      `(max-width: calc(${screens.lg} - 1px))`
+    ).matches;
+    if (!isMobile)
+      return;
     const scrollY = window.scrollY;
     const html = document.documentElement;
     const originalOverflow = html.style.overflow;
@@ -7276,6 +7282,7 @@ var DEFAULT_EMPTY_STATE = [
 ];
 var ChatWidget = ({
   title,
+  titleTooltipContent,
   messages,
   onSubmit,
   placeholder = "Type your question",
@@ -7387,15 +7394,26 @@ var ChatWidget = ({
                 justifyContent: "space-between",
                 gap: "var(--spacing-4)",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
-                    Heading_default,
-                    {
-                      size: "2xs",
-                      fontWeight: "bold",
-                      color: "var(--text-primary)",
-                      children: title
-                    }
-                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
+                      Heading_default,
+                      {
+                        size: "2xs",
+                        fontWeight: "bold",
+                        color: "var(--text-primary)",
+                        children: title
+                      }
+                    ),
+                    titleTooltipContent && /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Tooltip_default, { content: titleTooltipContent, position: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
+                      Box_default,
+                      {
+                        display: "flex",
+                        alignItems: "center",
+                        "aria-label": "Show title information",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Icon_default, { variant: "CircleInfo", size: "medium" })
+                      }
+                    ) })
+                  ] }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
                     Button_default,
                     {