@landtrustinc/design-system 1.2.69 → 1.2.70

package/dist/index.js

@@ -6251,6 +6251,10 @@ var textareaBase = import_react29.css`
   overscroll-behavior: contain;
   overscroll-behavior-y: contain;
 
+  @media (max-width: calc(${screens.lg} - 1px)) {
+    font-size: 16px;
+  }
+
   &::placeholder {
     color: var(--text-secondary);
   }
@@ -7144,9 +7148,9 @@ var panelCard = (width2) => import_react35.css`
   }
 
   @media (max-width: calc(${screens.lg} - 1px)) {
-    width: 100vw;
-    height: 100dvh;
-    max-height: 100dvh;
+    width: 100%;
+    height: 100%;
+    max-height: none;
     border-radius: 0;
     padding: var(--spacing-4);
     padding-bottom: calc(var(--spacing-4) + env(safe-area-inset-bottom));
@@ -7186,18 +7190,51 @@ var WidgetTrigger = () => {
 };
 var WidgetPanel = ({ className, style, children }) => {
   const { expanded, panelWidth } = useWidgetContext();
+  const panelRef = (0, import_react36.useRef)(null);
+  (0, import_react36.useEffect)(() => {
+    if (!expanded)
+      return;
+    const vv = window.visualViewport;
+    if (!vv)
+      return;
+    const onResize = () => {
+      const el = panelRef.current;
+      if (!el)
+        return;
+      const isMobile = window.matchMedia(
+        `(max-width: calc(${screens.lg} - 1px))`
+      ).matches;
+      if (!isMobile) {
+        el.style.height = "";
+        return;
+      }
+      el.style.height = `${vv.height}px`;
+    };
+    vv.addEventListener("resize", onResize);
+    onResize();
+    return () => vv.removeEventListener("resize", onResize);
+  }, [expanded]);
   if (!expanded)
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
-    Box_default,
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
+    "div",
     {
-      css: panelCard(panelWidth),
-      role: "dialog",
-      "aria-modal": true,
-      "aria-hidden": false,
-      children
+      ref: panelRef,
+      css: panelContainer,
+      className,
+      style,
+      children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
+        Box_default,
+        {
+          css: panelCard(panelWidth),
+          role: "dialog",
+          "aria-modal": true,
+          "aria-hidden": false,
+          children
+        }
+      )
     }
-  ) });
+  );
 };
 var WidgetRoot = ({
   ariaLabel,