@ai-matrx/design-system 0.86.355 → 0.86.356

package/dist/settings.js

@@ -5,7 +5,7 @@ import {
 } from "./chunk-XEXSZBXV.js";
 import {
   Slider
-} from "./chunk-ZRHVA3DL.js";
+} from "./chunk-AV5C4YLL.js";
 import {
   Command,
   CommandEmpty,

package/dist/swipe-deck.cjs

@@ -2151,6 +2151,15 @@ function SwipeDeck(props) {
     view.addEventListener("keydown", onKey);
     return () => view.removeEventListener("keydown", onKey);
   }, [keyboard, layout]);
+  const cardId = cardItem?.id ?? null;
+  React6.useEffect(() => {
+    if (!keyboard || layout === "inline" || cardId === null) return;
+    const root = rootRef.current;
+    const active = root?.ownerDocument.activeElement;
+    if (!root || active && root.contains(active)) return;
+    if (active?.closest("input, textarea, select, [contenteditable='true'], [role='dialog'], [role='alertdialog'], [role='menu'], [role='listbox']")) return;
+    root.focus({ preventScroll: true });
+  }, [cardId, keyboard, layout]);
   const fingerRef = React6.useRef(null);
   const ringRef = React6.useRef(null);
   const capRef = React6.useRef(null);
@@ -2319,7 +2328,7 @@ function SwipeDeck(props) {
           const root = e.currentTarget;
           if (!root.contains(root.ownerDocument.activeElement)) root.focus({ preventScroll: true });
         }
-      } : {},
+      } : { tabIndex: -1 },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "matrx-sd-progress", "aria-hidden": "true", children: progress.map((s, k) => {
           const tone = k === stepIndex ? "current" : s.kind === "card" ? findAnswer(rules, s.item, state.answers[s.item.id])?.tone : s.kind === "pick" && state.picks[s.group] ? "primary" : void 0;