react-better-html 1.1.111 → 1.1.112

package/dist/index.mjs

@@ -3104,6 +3104,7 @@ var PageHolderComponent = forwardRef7(function PageHolder({ noMaxContentWidth, c
   );
 });
 PageHolderComponent.center = forwardRef7(function Center({
+  pageBackgroundColor,
   sideImageSrc,
   sideImageName,
   sideImagePosition = "right",
@@ -3117,49 +3118,59 @@ PageHolderComponent.center = forwardRef7(function Center({
   const mediaQuery = useMediaQuery();
   const { app } = useBetterHtmlContextInternal();
   const breakingPoint = mediaQuery.size1000;
-  return /* @__PURE__ */ jsxs6(Div_default.row, { width: "100%", minHeight: "100svh", alignItems: "center", justifyContent: "center", children: [
-    sideImagePosition === "left" && !breakingPoint && /* @__PURE__ */ jsx10(Div_default, { width: "50%" }),
-    /* @__PURE__ */ jsx10(Div_default.column, { width: `${!breakingPoint && (sideImageSrc || sideImageName) ? 50 : 100}%`, alignItems: "center", children: /* @__PURE__ */ jsx10(
-      Div_default.box,
-      {
-        width: `calc(100% - ${theme2.styles.space}px * 2)`,
-        maxWidth: !noMaxContentWidth ? app.contentMaxWidth / 2 : void 0,
-        marginInline: theme2.styles.space,
-        marginBlock: theme2.styles.space,
-        ...props,
-        ref,
-        children
-      }
-    ) }),
-    sideImagePosition === "right" && !breakingPoint && /* @__PURE__ */ jsx10(Div_default, { width: "50%" }),
-    (sideImageSrc || sideImageName) && !breakingPoint && /* @__PURE__ */ jsxs6(
-      Div_default,
-      {
-        position: "fixed",
-        width: "50%",
-        height: "100svh",
-        top: 0,
-        left: sideImagePosition === "left" ? 0 : "auto",
-        right: sideImagePosition === "right" ? 0 : "auto",
-        children: [
-          /* @__PURE__ */ jsx10(
-            Div_default.row,
-            {
-              position: "absolute",
-              width: "100%",
-              height: "100%",
-              top: 0,
-              left: 0,
-              justifyContent: sideImageAlignment === "left" ? "flex-start" : sideImageAlignment === "right" ? "flex-end" : "center",
-              overflow: "hidden",
-              children: /* @__PURE__ */ jsx10(Image_default, { name: sideImageName, height: "100%", src: sideImageSrc })
-            }
-          ),
-          /* @__PURE__ */ jsx10(Div_default, { position: "absolute", width: "100%", bottom: theme2.styles.space, children: sideImageFooter })
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs6(
+    Div_default.row,
+    {
+      width: "100%",
+      minHeight: "100svh",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: pageBackgroundColor,
+      children: [
+        sideImagePosition === "left" && !breakingPoint && /* @__PURE__ */ jsx10(Div_default, { width: "50%" }),
+        /* @__PURE__ */ jsx10(Div_default.column, { width: `${!breakingPoint && (sideImageSrc || sideImageName) ? 50 : 100}%`, alignItems: "center", children: /* @__PURE__ */ jsx10(
+          Div_default.box,
+          {
+            width: `calc(100% - ${theme2.styles.space}px * 2)`,
+            maxWidth: !noMaxContentWidth ? app.contentMaxWidth / 2 : void 0,
+            marginInline: theme2.styles.space,
+            marginBlock: theme2.styles.space,
+            ...props,
+            ref,
+            children
+          }
+        ) }),
+        sideImagePosition === "right" && !breakingPoint && /* @__PURE__ */ jsx10(Div_default, { width: "50%" }),
+        (sideImageSrc || sideImageName) && !breakingPoint && /* @__PURE__ */ jsxs6(
+          Div_default,
+          {
+            position: "fixed",
+            width: "50%",
+            height: "100svh",
+            top: 0,
+            left: sideImagePosition === "left" ? 0 : "auto",
+            right: sideImagePosition === "right" ? 0 : "auto",
+            children: [
+              /* @__PURE__ */ jsx10(
+                Div_default.row,
+                {
+                  position: "absolute",
+                  width: "100%",
+                  height: "100%",
+                  top: 0,
+                  left: 0,
+                  justifyContent: sideImageAlignment === "left" ? "flex-start" : sideImageAlignment === "right" ? "flex-end" : "center",
+                  overflow: "hidden",
+                  children: /* @__PURE__ */ jsx10(Image_default, { name: sideImageName, height: "100%", src: sideImageSrc })
+                }
+              ),
+              /* @__PURE__ */ jsx10(Div_default, { position: "absolute", width: "100%", bottom: theme2.styles.space, children: sideImageFooter })
+            ]
+          }
+        )
+      ]
+    }
+  );
 });
 var PageHolder2 = memo10(PageHolderComponent);
 PageHolder2.center = PageHolderComponent.center;
@@ -5224,7 +5235,7 @@ var DropdownComponent = forwardRef10(function Dropdown({
       Div_default.row,
       {
         position: "absolute",
-        top: 46 / 2 + (label ? 16 + theme2.styles.gap : 0),
+        top: 46 / 2 + (label ? 16 + theme2.styles.gap / 2 : 0),
         right: theme2.styles.space + 1,
         alignItems: "center",
         gap: theme2.styles.gap,