@ai-matrx/kit 0.5.0 → 0.5.1

package/dist/index.js

@@ -908,9 +908,9 @@ var AlertDialogDescription = React2.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogContent = React2.forwardRef(({ className, children, ...props }, ref) => {
+var AlertDialogContent = React2.forwardRef(({ className, children, container, ...props }, ref) => {
   const hasDescription = treeContainsComponent(children, AlertDialogDescription) || treeContainsComponent(children, AlertDialogPrimitive.Description);
-  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { container: container ?? void 0, children: [
     /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
     /* @__PURE__ */ jsxs(
       AlertDialogContentPrimitive,
@@ -1019,36 +1019,44 @@ function ConfirmDialog({
   variant = "default",
   busy = false,
   confirmDisabled = false,
+  portalContainer,
   onConfirm
 }) {
-  return /* @__PURE__ */ jsx2(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs2(AlertDialogContent, { className: contentClassName, children: [
-    /* @__PURE__ */ jsxs2(AlertDialogHeader, { children: [
-      /* @__PURE__ */ jsx2(AlertDialogTitle, { children: title }),
-      description ? /* @__PURE__ */ jsx2(AlertDialogDescription, { children: description }) : null
-    ] }),
-    content ?? null,
-    /* @__PURE__ */ jsxs2(AlertDialogFooter, { children: [
-      cancelLabel === null ? null : /* @__PURE__ */ jsx2(AlertDialogCancel, { className: "max-lg:min-h-11", disabled: busy, children: cancelLabel }),
-      /* @__PURE__ */ jsxs2(
-        AlertDialogAction,
-        {
-          disabled: busy || confirmDisabled,
-          onClick: (event) => {
-            event.preventDefault();
-            void onConfirm();
-          },
-          className: cn(
-            "max-lg:min-h-11",
-            variant === "destructive" && "bg-destructive text-destructive-foreground hover:bg-destructive/90"
-          ),
-          children: [
-            busy ? /* @__PURE__ */ jsx2(SpinnerIcon, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
-            confirmLabel
-          ]
-        }
-      )
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsx2(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs2(
+    AlertDialogContent,
+    {
+      className: contentClassName,
+      container: portalContainer ?? void 0,
+      children: [
+        /* @__PURE__ */ jsxs2(AlertDialogHeader, { children: [
+          /* @__PURE__ */ jsx2(AlertDialogTitle, { children: title }),
+          description ? /* @__PURE__ */ jsx2(AlertDialogDescription, { children: description }) : null
+        ] }),
+        content ?? null,
+        /* @__PURE__ */ jsxs2(AlertDialogFooter, { children: [
+          cancelLabel === null ? null : /* @__PURE__ */ jsx2(AlertDialogCancel, { className: "max-lg:min-h-11", disabled: busy, children: cancelLabel }),
+          /* @__PURE__ */ jsxs2(
+            AlertDialogAction,
+            {
+              disabled: busy || confirmDisabled,
+              onClick: (event) => {
+                event.preventDefault();
+                void onConfirm();
+              },
+              className: cn(
+                "max-lg:min-h-11",
+                variant === "destructive" && "bg-destructive text-destructive-foreground hover:bg-destructive/90"
+              ),
+              children: [
+                busy ? /* @__PURE__ */ jsx2(SpinnerIcon, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+                confirmLabel
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
 }
 
 // src/confirm/host.tsx