react-better-html 1.1.137 → 1.1.139

package/dist/index.d.mts

@@ -323,6 +323,7 @@ type PageHolderComponentType = {
     (props: ComponentPropWithRef<HTMLDivElement, PageHolderProps>): React.ReactElement;
     center: (props: ComponentPropWithRef<HTMLDivElement, PageHolderProps & {
         pageBackgroundColor?: string;
+        contentMaxWidth?: React.CSSProperties["maxWidth"];
         sideImageSrc?: string;
         sideImageName?: AssetName | AnyOtherString;
         /** @default "right" */

package/dist/index.d.ts

@@ -323,6 +323,7 @@ type PageHolderComponentType = {
     (props: ComponentPropWithRef<HTMLDivElement, PageHolderProps>): React.ReactElement;
     center: (props: ComponentPropWithRef<HTMLDivElement, PageHolderProps & {
         pageBackgroundColor?: string;
+        contentMaxWidth?: React.CSSProperties["maxWidth"];
         sideImageSrc?: string;
         sideImageName?: AssetName | AnyOtherString;
         /** @default "right" */

package/dist/index.js

@@ -3589,6 +3589,7 @@ var PageHolderComponent = (0, import_react14.forwardRef)(function PageHolder({ n
 });
 PageHolderComponent.center = (0, import_react14.forwardRef)(function Center({
   pageBackgroundColor,
+  contentMaxWidth,
   sideImageSrc,
   sideImageName,
   sideImagePosition = "right",
@@ -3617,7 +3618,7 @@ PageHolderComponent.center = (0, import_react14.forwardRef)(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,
@@ -8742,7 +8743,7 @@ var FoldableComponent = (0, import_react28.forwardRef)(function Foldable({
   const theme2 = useTheme();
   const bodyRef = (0, import_react28.useRef)(null);
   const [internalIsOpen, setInternalIsOpen] = useBooleanState(defaultOpen);
-  const [bodyVirtualHeight, setBodyVirtualHeight] = (0, import_react28.useState)(500);
+  const [bodyVirtualHeight, setBodyVirtualHeight] = (0, import_react28.useState)();
   const isOpen = controlledIsOpen !== void 0 ? controlledIsOpen : internalIsOpen;
   const open = (0, import_react28.useCallback)(() => {
     if (controlledIsOpen === void 0) setInternalIsOpen.setTrue();
@@ -8758,7 +8759,14 @@ var FoldableComponent = (0, import_react28.forwardRef)(function Foldable({
   }, [controlledIsOpen, isOpen, onOpenChange]);
   (0, import_react28.useEffect)(() => {
     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]);
   (0, import_react28.useImperativeHandle)(
     ref,