react-better-html 1.1.267 → 1.1.268

package/dist/index.mjs

@@ -2116,7 +2116,10 @@ var ButtonElement = styled6.button.withConfig({
       ${(props) => props.hoverStyle}
    }
 `;
-var ButtonComponent = function Button(buttonProps) {
+var ButtonComponent = function Button({
+  fromSubcomponent,
+  ...buttonProps
+}) {
   const betterHtmlContextInternal = useBetterHtmlContextInternal();
   const {
     href,
@@ -2142,7 +2145,7 @@ var ButtonComponent = function Button(buttonProps) {
     onClickWithValue,
     ...props
   } = useComponentsPropsMerger(
-    !buttonProps.fromSubcomponent ? betterHtmlContextInternal.components.button?.style?.default : {},
+    !fromSubcomponent ? betterHtmlContextInternal.components.button?.style?.default : {},
     buttonProps
   );
   const theme2 = useTheme9();
@@ -2362,6 +2365,9 @@ import {
 } from "react-better-core";
 import styled7 from "styled-components";
 import { Fragment, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var isAlertModalProps = {
+  isAlert: true
+};
 var DialogStylesElement = styled7.dialog.withConfig({
   shouldForwardProp: (prop) => !["theme", "colorTheme", "opacity"].includes(prop)
 })`
@@ -2418,10 +2424,11 @@ var ModalComponent = forwardRef7(function Modal({
   defaultIsOpened = false,
   onOpen,
   onClose,
+  isAlert,
   children
 }, ref) {
   const reactRouterDomPlugin2 = usePlugin("react-router-dom");
-  const urlQuery = reactRouterDomPlugin2 ? useUrlQuery() : void 0;
+  const urlQuery = reactRouterDomPlugin2 && !isAlert ? useUrlQuery() : void 0;
   const theme2 = useTheme10();
   const { app } = useBetterHtmlContextInternal();
   const { colorTheme } = useBetterCoreContext4();
@@ -2927,7 +2934,7 @@ function Alert2({ alert }) {
   const animation = `${isRemoved ? getAnimationOutName(pluginConfig.position ?? defaultAlertsPluginOptions.position)[pluginConfig.align ?? defaultAlertsPluginOptions.align] : getAnimationInName(pluginConfig.position ?? defaultAlertsPluginOptions.position)[pluginConfig.align ?? defaultAlertsPluginOptions.align]} ${theme2.styles.transition}`;
   const alertTitle = alert.title ?? alertData[alert.type].title;
   return defaultAlertDisplay === "prominent" ? /* @__PURE__ */ jsx10(
-    Modal_default,
+    ModalComponent,
     {
       defaultIsOpened: true,
       icon: alertData[alert.type].icon,
@@ -2939,6 +2946,7 @@ function Alert2({ alert }) {
       headerBackgroundColor: alertData[alert.type].backgroundColor,
       withoutCloseButton: true,
       ref: modalRef,
+      ...isAlertModalProps,
       children: /* @__PURE__ */ jsx10(Div_default.row, { width: "100%", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx10(
         Button_default,
         {