@flamingo-stack/openframe-frontend-core 0.0.448 → 0.0.449

package/dist/{chunk-QJN4XSP4.js → chunk-5SJGFLL2.js}

@@ -10943,6 +10943,63 @@ var CHEVRON_SUPPRESS_MS = 4e3;
 var USER_SCROLL_SUPPRESS_MS = 3e3;
 var STRIP_CELL_MAX_WIDTH = "90vw";
 var EMPTY_CHILDREN = [];
+var CLONE_FOCUSABLE_SELECTOR = 'a[href],button,input,select,textarea,iframe,summary,audio[controls],video[controls],[tabindex],[contenteditable]:not([contenteditable="false"])';
+function useSuppressCloneFocus(active) {
+  const ref = useRef14(null);
+  useEffect19(() => {
+    const root = ref.current;
+    if (!root || !active) return;
+    const suppress = () => {
+      root.querySelectorAll(CLONE_FOCUSABLE_SELECTOR).forEach((el) => {
+        if (el.getAttribute("tabindex") !== "-1") el.setAttribute("tabindex", "-1");
+      });
+    };
+    suppress();
+    const mo = new MutationObserver(suppress);
+    mo.observe(root, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["href", "tabindex", "contenteditable", "controls"]
+    });
+    return () => mo.disconnect();
+  }, [active]);
+  return ref;
+}
+function ManagedCell({
+  item,
+  ctx,
+  cardWidthMobile,
+  cardWidthDesktop
+}) {
+  const hintedWidth = React35.isValidElement(item) ? item.props["data-strip-cell-width"] : void 0;
+  const desktopWidth = typeof hintedWidth === "number" ? hintedWidth : cardWidthDesktop;
+  const cloneRef = useSuppressCloneFocus(ctx.isClone);
+  return /* @__PURE__ */ jsx78(
+    "div",
+    {
+      className: "shrink-0 self-stretch",
+      style: { width: ctx.isMobile ? cardWidthMobile : desktopWidth, maxWidth: STRIP_CELL_MAX_WIDTH },
+      "data-strip-card-key": ctx.cardKey,
+      onPointerEnter: ctx.isTouch ? void 0 : () => ctx.onActivate(ctx.cardKey),
+      onPointerLeave: ctx.isTouch ? void 0 : () => ctx.onDeactivate(ctx.cardKey),
+      onFocus: () => ctx.onActivate(ctx.cardKey),
+      onBlur: (e) => {
+        if (e.currentTarget.contains(e.relatedTarget)) return;
+        ctx.onDeactivate(ctx.cardKey);
+      },
+      children: /* @__PURE__ */ jsx78(
+        "div",
+        {
+          ref: cloneRef,
+          className: "h-full [&>*]:h-full [&>a>*]:h-full",
+          "aria-hidden": ctx.isClone || void 0,
+          children: item
+        }
+      )
+    }
+  );
+}
 function CardsStrip(props) {
   const {
     title,
@@ -11229,36 +11286,14 @@ function CardsStrip(props) {
     if (!childrenMode) {
       return props.renderCard(item, ctx);
     }
-    const hintedWidth = React35.isValidElement(item) ? item.props["data-strip-cell-width"] : void 0;
-    const desktopWidth = typeof hintedWidth === "number" ? hintedWidth : cardWidthDesktop;
-    return (
-      // OUTER cell: width + activation handlers (never inert — an inert cell
-      // would retarget pointer events to the track and defeat hover-pause on
-      // clones).
-      /* @__PURE__ */ jsx78(
-        "div",
-        {
-          className: "shrink-0 self-stretch",
-          style: { width: ctx.isMobile ? cardWidthMobile : desktopWidth, maxWidth: STRIP_CELL_MAX_WIDTH },
-          "data-strip-card-key": ctx.cardKey,
-          onPointerEnter: ctx.isTouch ? void 0 : () => ctx.onActivate(ctx.cardKey),
-          onPointerLeave: ctx.isTouch ? void 0 : () => ctx.onDeactivate(ctx.cardKey),
-          onFocus: () => ctx.onActivate(ctx.cardKey),
-          onBlur: (e) => {
-            if (e.currentTarget.contains(e.relatedTarget)) return;
-            ctx.onDeactivate(ctx.cardKey);
-          },
-          children: /* @__PURE__ */ jsx78(
-            "div",
-            {
-              className: "h-full [&>*]:h-full [&>a>*]:h-full",
-              "aria-hidden": ctx.isClone || void 0,
-              inert: ctx.isClone || void 0,
-              children: item
-            }
-          )
-        }
-      )
+    return /* @__PURE__ */ jsx78(
+      ManagedCell,
+      {
+        item,
+        ctx,
+        cardWidthMobile,
+        cardWidthDesktop
+      }
     );
   };
   if (items.length === 0) return null;
@@ -54624,4 +54659,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-QJN4XSP4.js.map
+//# sourceMappingURL=chunk-5SJGFLL2.js.map