react-better-html 1.1.137 → 1.1.139

package/dist/index.mjs

@@ -3503,6 +3503,7 @@ var PageHolderComponent = forwardRef7(function PageHolder({ noMaxContentWidth, c
 });
 PageHolderComponent.center = forwardRef7(function Center({
   pageBackgroundColor,
+  contentMaxWidth,
   sideImageSrc,
   sideImageName,
   sideImagePosition = "right",
@@ -3531,7 +3532,7 @@ PageHolderComponent.center = forwardRef7(function Center({
           Div_default.box,
           {
             width: `calc(100% - ${theme2.styles.space}px * 2)`,
-            maxWidth: !noMaxContentWidth ? app.contentMaxWidth / 2 : void 0,
+            maxWidth: !noMaxContentWidth ? contentMaxWidth ?? app.contentMaxWidth / 2 : void 0,
             marginInline: theme2.styles.space,
             marginBlock: theme2.styles.space,
             ...props,
@@ -8666,7 +8667,7 @@ var FoldableComponent = forwardRef18(function Foldable({
   const theme2 = useTheme();
   const bodyRef = useRef9(null);
   const [internalIsOpen, setInternalIsOpen] = useBooleanState(defaultOpen);
-  const [bodyVirtualHeight, setBodyVirtualHeight] = useState12(500);
+  const [bodyVirtualHeight, setBodyVirtualHeight] = useState12();
   const isOpen = controlledIsOpen !== void 0 ? controlledIsOpen : internalIsOpen;
   const open = useCallback14(() => {
     if (controlledIsOpen === void 0) setInternalIsOpen.setTrue();
@@ -8682,7 +8683,14 @@ var FoldableComponent = forwardRef18(function Foldable({
   }, [controlledIsOpen, isOpen, onOpenChange]);
   useEffect13(() => {
     if (!bodyRef.current) return;
-    setBodyVirtualHeight(Math.min(500, bodyRef.current.scrollHeight * 2));
+    const body = bodyRef.current;
+    setBodyVirtualHeight(body.scrollHeight * 2);
+    const timeout = setTimeout(() => {
+      setBodyVirtualHeight(body.scrollHeight * 2);
+    }, 0.2 * 1e3);
+    return () => {
+      clearTimeout(timeout);
+    };
   }, [isOpen]);
   useImperativeHandle5(
     ref,