react-better-html 1.1.249 → 1.1.251

package/dist/index.d.mts

@@ -989,6 +989,8 @@ type TooltipProps = {
     contentWidth?: React.CSSProperties["width"];
     contentMinWidth?: React.CSSProperties["minWidth"];
     contentPointerEvents?: React.CSSProperties["pointerEvents"];
+    contentPaddingBlock?: React.CSSProperties["paddingBlock"];
+    contentPaddingInline?: React.CSSProperties["paddingInline"];
     /** @default "fit-content" */
     childrenWrapperWidth?: React.CSSProperties["width"];
     childrenWrapperHeight?: React.CSSProperties["height"];
@@ -1108,6 +1110,8 @@ type SideMenuProps = {
     gap?: React.CSSProperties["gap"];
     paddingTop?: React.CSSProperties["paddingTop"];
     paddingBottom?: React.CSSProperties["paddingBottom"];
+    /** @default "left" */
+    mobileFoldToPosition?: "left" | "right";
     renderItemsHolder?: (items: React.ReactNode) => React.ReactNode;
     renderBottomItemsHolder?: (items: React.ReactNode) => React.ReactNode;
 };

package/dist/index.d.ts

@@ -989,6 +989,8 @@ type TooltipProps = {
     contentWidth?: React.CSSProperties["width"];
     contentMinWidth?: React.CSSProperties["minWidth"];
     contentPointerEvents?: React.CSSProperties["pointerEvents"];
+    contentPaddingBlock?: React.CSSProperties["paddingBlock"];
+    contentPaddingInline?: React.CSSProperties["paddingInline"];
     /** @default "fit-content" */
     childrenWrapperWidth?: React.CSSProperties["width"];
     childrenWrapperHeight?: React.CSSProperties["height"];
@@ -1108,6 +1110,8 @@ type SideMenuProps = {
     gap?: React.CSSProperties["gap"];
     paddingTop?: React.CSSProperties["paddingTop"];
     paddingBottom?: React.CSSProperties["paddingBottom"];
+    /** @default "left" */
+    mobileFoldToPosition?: "left" | "right";
     renderItemsHolder?: (items: React.ReactNode) => React.ReactNode;
     renderBottomItemsHolder?: (items: React.ReactNode) => React.ReactNode;
 };

package/dist/index.js

@@ -1271,7 +1271,7 @@ function useForm(options) {
     setErrors({});
   }, [defaultValues]);
   const isDirty = (0, import_react.useMemo)(
-    () => Object.keys(defaultValues).some((key) => defaultValues[key] !== values[key]),
+    () => Object.keys(defaultValues).some((key) => JSON.stringify(defaultValues[key]) !== JSON.stringify(values[key])),
     [defaultValues, values]
   );
   const isValid = (0, import_react.useMemo)(() => {
@@ -2259,8 +2259,8 @@ var ButtonComponent = function Button(buttonProps) {
       isLoading: isLoadingElement,
       withNoBorder: theme2.styles.borderWidth === 0,
       disabled,
-      to: href,
-      href,
+      to: !disabled && !isLoadingElement ? href : void 0,
+      href: !disabled && !isLoadingElement ? href : void 0,
       download,
       target,
       type: isSubmit && !isLoadingElement ? "submit" : "button",
@@ -7173,6 +7173,8 @@ var TooltipComponent = (0, import_react28.forwardRef)(function Tooltip({
   contentWidth,
   contentMinWidth,
   contentPointerEvents = "auto",
+  contentPaddingBlock,
+  contentPaddingInline,
   childrenWrapperWidth = "fit-content",
   childrenWrapperHeight,
   disabled,
@@ -7312,8 +7314,8 @@ var TooltipComponent = (0, import_react28.forwardRef)(function Tooltip({
                   minWidth: contentMinWidth,
                   backgroundColor: backgroundColor ?? theme2.colors.backgroundContent,
                   boxShadow: "0px 10px 20px #00000020",
-                  paddingBlock: isSmall ? theme2.styles.gap / 2 : theme2.styles.gap,
-                  paddingInline: asContextMenu ? 0 : isSmall ? theme2.styles.space / 2 : theme2.styles.space,
+                  paddingBlock: contentPaddingBlock ?? (isSmall ? theme2.styles.gap / 2 : theme2.styles.gap),
+                  paddingInline: contentPaddingInline ?? (asContextMenu ? 0 : isSmall ? theme2.styles.space / 2 : theme2.styles.space),
                   overflow: asContextMenu ? "hidden" : void 0,
                   children: content
                 }
@@ -8019,6 +8021,7 @@ var SideMenuComponent = function SideMenu({
   gap,
   paddingTop,
   paddingBottom,
+  mobileFoldToPosition = "left",
   renderItemsHolder,
   renderBottomItemsHolder
 }) {
@@ -8099,7 +8102,7 @@ var SideMenuComponent = function SideMenu({
       left: 0,
       backgroundColor: readyBackgroundColor,
       borderRight: `solid ${theme2.styles.borderWidth}px ${theme2.colors.border}`,
-      transform: !mediaQuery.size1000 || sideMenuIsOpenMobile ? "translateX(0)" : "translateX(-100%)",
+      transform: !mediaQuery.size1000 || sideMenuIsOpenMobile ? "translateX(0)" : `translateX(${mobileFoldToPosition === "left" ? "-" : ""}100%)`,
       paddingTop: paddingTop ?? (logoAssetName || logoUrl ? theme2.styles.gap : theme2.styles.space),
       paddingBottom,
       transition: mediaQuery.size1000 ? !isCollapsed ? `transform ${theme2.styles.transition}` : "none" : theme2.styles.transition,