react-better-html 1.1.249 → 1.1.251

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1200,7 +1200,7 @@ function useForm(options) {
1200
1200
  setErrors({});
1201
1201
  }, [defaultValues]);
1202
1202
  const isDirty = useMemo(
1203
- () => Object.keys(defaultValues).some((key) => defaultValues[key] !== values[key]),
1203
+ () => Object.keys(defaultValues).some((key) => JSON.stringify(defaultValues[key]) !== JSON.stringify(values[key])),
1204
1204
  [defaultValues, values]
1205
1205
  );
1206
1206
  const isValid = useMemo(() => {
@@ -2192,8 +2192,8 @@ var ButtonComponent = function Button(buttonProps) {
2192
2192
  isLoading: isLoadingElement,
2193
2193
  withNoBorder: theme2.styles.borderWidth === 0,
2194
2194
  disabled,
2195
- to: href,
2196
- href,
2195
+ to: !disabled && !isLoadingElement ? href : void 0,
2196
+ href: !disabled && !isLoadingElement ? href : void 0,
2197
2197
  download,
2198
2198
  target,
2199
2199
  type: isSubmit && !isLoadingElement ? "submit" : "button",
@@ -7134,6 +7134,8 @@ var TooltipComponent = forwardRef16(function Tooltip({
7134
7134
  contentWidth,
7135
7135
  contentMinWidth,
7136
7136
  contentPointerEvents = "auto",
7137
+ contentPaddingBlock,
7138
+ contentPaddingInline,
7137
7139
  childrenWrapperWidth = "fit-content",
7138
7140
  childrenWrapperHeight,
7139
7141
  disabled,
@@ -7273,8 +7275,8 @@ var TooltipComponent = forwardRef16(function Tooltip({
7273
7275
  minWidth: contentMinWidth,
7274
7276
  backgroundColor: backgroundColor ?? theme2.colors.backgroundContent,
7275
7277
  boxShadow: "0px 10px 20px #00000020",
7276
- paddingBlock: isSmall ? theme2.styles.gap / 2 : theme2.styles.gap,
7277
- paddingInline: asContextMenu ? 0 : isSmall ? theme2.styles.space / 2 : theme2.styles.space,
7278
+ paddingBlock: contentPaddingBlock ?? (isSmall ? theme2.styles.gap / 2 : theme2.styles.gap),
7279
+ paddingInline: contentPaddingInline ?? (asContextMenu ? 0 : isSmall ? theme2.styles.space / 2 : theme2.styles.space),
7278
7280
  overflow: asContextMenu ? "hidden" : void 0,
7279
7281
  children: content
7280
7282
  }
@@ -7986,6 +7988,7 @@ var SideMenuComponent = function SideMenu({
7986
7988
  gap,
7987
7989
  paddingTop,
7988
7990
  paddingBottom,
7991
+ mobileFoldToPosition = "left",
7989
7992
  renderItemsHolder,
7990
7993
  renderBottomItemsHolder
7991
7994
  }) {
@@ -8066,7 +8069,7 @@ var SideMenuComponent = function SideMenu({
8066
8069
  left: 0,
8067
8070
  backgroundColor: readyBackgroundColor,
8068
8071
  borderRight: `solid ${theme2.styles.borderWidth}px ${theme2.colors.border}`,
8069
- transform: !mediaQuery.size1000 || sideMenuIsOpenMobile ? "translateX(0)" : "translateX(-100%)",
8072
+ transform: !mediaQuery.size1000 || sideMenuIsOpenMobile ? "translateX(0)" : `translateX(${mobileFoldToPosition === "left" ? "-" : ""}100%)`,
8070
8073
  paddingTop: paddingTop ?? (logoAssetName || logoUrl ? theme2.styles.gap : theme2.styles.space),
8071
8074
  paddingBottom,
8072
8075
  transition: mediaQuery.size1000 ? !isCollapsed ? `transform ${theme2.styles.transition}` : "none" : theme2.styles.transition,