@sesionario/blocks 1.7.0 → 1.8.0

package/dist/index.cjs

@@ -456,6 +456,68 @@ function ConfirmDestructiveDialog({
     ] })
   ] }) });
 }
+var COLLAPSED_MAX_HEIGHT_REM = 11;
+function ExpandableText({
+  children,
+  expandLabel,
+  collapseLabel,
+  className,
+  textClassName
+}) {
+  const [expanded, setExpanded] = React6.useState(false);
+  const [overflowing, setOverflowing] = React6.useState(false);
+  const contentRef = React6.useRef(null);
+  React6.useEffect(() => {
+    setExpanded(false);
+  }, [children]);
+  React6.useLayoutEffect(() => {
+    const el = contentRef.current;
+    if (!el) return;
+    const measure = () => {
+      const rootFontSize = Number.parseFloat(
+        getComputedStyle(document.documentElement).fontSize
+      );
+      const maxPx = COLLAPSED_MAX_HEIGHT_REM * (rootFontSize || 16);
+      setOverflowing(el.scrollHeight > maxPx + 1);
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [children]);
+  const collapsed = !expanded && overflowing;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-1", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          collapsed && "max-h-[11rem] overflow-hidden scroll-fade-b"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            ref: contentRef,
+            className: cn(
+              "whitespace-pre-wrap text-sm leading-relaxed",
+              textClassName
+            ),
+            children
+          }
+        )
+      }
+    ),
+    overflowing ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "text-sm font-medium text-primary underline-offset-4 hover:underline focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 rounded-sm",
+        "aria-expanded": expanded,
+        onClick: () => setExpanded((prev) => !prev),
+        children: expanded ? collapseLabel : expandLabel
+      }
+    ) : null
+  ] });
+}
 var MIN_SCALE = 1;
 var MAX_SCALE = 4;
 var DOUBLE_TAP_MS = 300;
@@ -6029,6 +6091,7 @@ exports.EmptyMedia = EmptyMedia;
 exports.EmptyState = EmptyState;
 exports.EmptyTitle = EmptyTitle;
 exports.ErrorState = ErrorState;
+exports.ExpandableText = ExpandableText;
 exports.ImageLightbox = ImageLightbox;
 exports.LanguageContext = LanguageContext;
 exports.LanguageSwitcher = LanguageSwitcher;