sa2kit 1.6.78 → 1.6.80

package/dist/components/index.mjs

@@ -501,7 +501,7 @@ var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => {
 });
 DialogOverlay.displayName = "DialogOverlay";
 var DialogContent = React10.forwardRef(
-  ({ className, children, onPointerDownOutside, onEscapeKeyDown, showCloseButton = true, ...props }, ref) => {
+  ({ className, children, onPointerDownOutside, onEscapeKeyDown, showCloseButton = true, overlayClassName, ...props }, ref) => {
     const ctx = React10.useContext(DialogContext);
     const open = !!ctx?.open;
     useOnClickOutside(
@@ -527,7 +527,7 @@ var DialogContent = React10.forwardRef(
       return () => document.removeEventListener("keydown", onKey);
     }, [ctx, onEscapeKeyDown, open]);
     if (!ctx || !open) return null;
-    return /* @__PURE__ */ React10.createElement(DialogPortal, null, /* @__PURE__ */ React10.createElement(DialogOverlay, null), /* @__PURE__ */ React10.createElement(
+    return /* @__PURE__ */ React10.createElement(DialogPortal, null, /* @__PURE__ */ React10.createElement(DialogOverlay, { className: overlayClassName }), /* @__PURE__ */ React10.createElement(
       "div",
       {
         ref: mergeRefs(ctx.contentRef, ref),
@@ -2088,8 +2088,10 @@ var Modal = ({
   className,
   maskClosable = true,
   children,
-  zIndex = 50
+  zIndex = 50,
+  overlayClassName
 }) => {
+  const contentZIndex = Math.max(zIndex, 1e4);
   return /* @__PURE__ */ React10__default.createElement(Dialog, { open: isOpen, onOpenChange: (open) => {
     if (!open) {
       if (maskClosable) {
@@ -2099,7 +2101,8 @@ var Modal = ({
   } }, /* @__PURE__ */ React10__default.createElement(
     DialogContent,
     {
-      className: cn("sm:max-w-[425px]", className) + " z-[" + zIndex + "]",
+      className: cn("sm:max-w-[425px]", className),
+      overlayClassName,
       onPointerDownOutside: (e) => {
         if (!maskClosable) e.preventDefault();
       },
@@ -2107,6 +2110,7 @@ var Modal = ({
         if (!maskClosable) e.preventDefault();
       },
       style: {
+        zIndex: contentZIndex,
         ...width ? { maxWidth: typeof width === "number" ? `${width}px` : width } : void 0,
         ...height ? { height: typeof height === "number" ? `${height}px` : height } : void 0
       }