@ai-matrx/design-system 0.53.3 → 0.54.0

package/dist/index.cjs

@@ -1856,6 +1856,7 @@ function ConfirmDialog({
   variant = "default",
   busy = false,
   confirmDisabled = false,
+  confirmHeld = false,
   portalContainer,
   onConfirm
 }) {
@@ -1872,7 +1873,7 @@ function ConfirmDialog({
         content ?? null,
         /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(AlertDialogFooter, { children: [
           cancelLabel === null ? null : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogCancel, { className: "max-lg:min-h-11", disabled: busy, children: cancelLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          confirmHeld ? null : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
             AlertDialogAction,
             {
               disabled: busy || confirmDisabled,
@@ -1906,6 +1907,20 @@ var React15 = __toESM(require("react"), 1);
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function ConfirmDialogHost() {
   const { shown, open, settle } = (0, import_opener_react.useOpenerHost)(import_confirm_opener.confirmOpener);
+  const [readyFor, setReadyFor] = React15.useState(null);
+  const ready = shown?.ready;
+  React15.useEffect(() => {
+    if (!shown || !ready) return void 0;
+    let live = true;
+    const release = () => {
+      if (live) setReadyFor(shown);
+    };
+    Promise.resolve(ready).then(release, release);
+    return () => {
+      live = false;
+    };
+  }, [shown, ready]);
+  const held = !!ready && readyFor !== shown;
   const handleConfirm = React15.useCallback(() => settle(true), [settle]);
   const handleOpenChange = React15.useCallback(
     (next) => {
@@ -1923,6 +1938,7 @@ function ConfirmDialogHost() {
       confirmLabel: shown?.confirmLabel,
       cancelLabel: shown?.cancelLabel,
       variant: shown?.variant,
+      confirmHeld: held,
       onConfirm: handleConfirm
     }
   );