@ai-matrx/design-system 0.15.2 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## 0.16.0 — 2026-09-11
+
+`ConfirmDialogHost` now rides the shared opener primitive instead of its own
+copy of the machinery: `useOpenerHost` from `@ai-matrx/kit/opener-react`
+(kit 0.10.0) supplies the host registration, the ref-backed request queue, the
+drain effect and the settle-once callback, and this package keeps only what was
+ever its own — the dialog body, its motion layer and the themed scrim.
+
+The same twenty lines lived here AND in three matrx-frontend dialog hosts;
+package logic is never duplicated outside the package, and a host registry in
+particular must never be re-implemented, because module-level host state
+silently splits across ESM/CJS loader graphs.
+
+Behaviour is unchanged and proven unchanged: all 17 confirm-surface tests —
+imperative queueing, pre-mount calls, sequential presentation, the
+never-resolve-silently rule, the destructive variant and the consequence-first
+copy contract — pass untouched against the new host.
+
+### Consumer action
+
+None. `<ConfirmDialogHost />` mounts and behaves exactly as before. Requires
+`@ai-matrx/kit` 0.10.0 or later.
+
 ## 0.15.2 — 2026-09-11
 
 Editable append tables retain unsaved drafts by source identity. Returning to the

package/dist/index.cjs

@@ -1650,51 +1650,28 @@ function ConfirmDialog({
 
 // src/confirm-host.tsx
 var import_confirm_opener = require("@ai-matrx/kit/confirm-opener");
+var import_opener_react = require("@ai-matrx/kit/opener-react");
 var React14 = __toESM(require("react"), 1);
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function ConfirmDialogHost() {
-  const [active, setActive] = React14.useState(null);
-  const [tick, setTick] = React14.useState(0);
-  const queueRef = React14.useRef([]);
-  React14.useEffect(() => {
-    const controller = {
-      show: (opts, resolve) => {
-        queueRef.current.push({ opts, resolve });
-        setTick((n) => n + 1);
-      }
-    };
-    (0, import_confirm_opener._registerHost)(controller);
-    return () => (0, import_confirm_opener._unregisterHost)(controller);
-  }, []);
-  React14.useEffect(() => {
-    if (active === null && queueRef.current.length > 0) {
-      setActive(queueRef.current.shift());
-    }
-  }, [active, tick]);
-  const handleConfirm = React14.useCallback(() => {
-    if (!active) return;
-    active.resolve(true);
-    setActive(null);
-  }, [active]);
+  const { request, open, settle } = (0, import_opener_react.useOpenerHost)(import_confirm_opener.confirmOpener);
+  const handleConfirm = React14.useCallback(() => settle(true), [settle]);
   const handleOpenChange = React14.useCallback(
-    (open) => {
-      if (!open && active) {
-        active.resolve(false);
-        setActive(null);
-      }
+    (next) => {
+      if (!next) settle(false);
     },
-    [active]
+    [settle]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     ConfirmDialog,
     {
-      open: !!active,
+      open,
       onOpenChange: handleOpenChange,
-      title: active?.opts.title ?? "",
-      description: active?.opts.description,
-      confirmLabel: active?.opts.confirmLabel,
-      cancelLabel: active?.opts.cancelLabel,
-      variant: active?.opts.variant,
+      title: request?.title ?? "",
+      description: request?.description,
+      confirmLabel: request?.confirmLabel,
+      cancelLabel: request?.cancelLabel,
+      variant: request?.variant,
       onConfirm: handleConfirm
     }
   );