@bearmenu/ui 0.8.51 → 0.8.52

package/src/lib/poster-overlay-frame.tsx

@@ -0,0 +1,26 @@
+import type { ReactNode } from "react";
+
+/**
+ * A row's poster with a caller's decoration laid over its box, unclipped (the
+ * poster itself clips). Without an overlay it is the poster alone, with no
+ * extra element, so a row without one renders exactly as before. The frame
+ * is the poster's flex slot (`shrink-0`) and the poster's size, so the row's
+ * layout is identical with or without it.
+ */
+export function PosterOverlayFrame({
+  overlay,
+  children,
+}: {
+  overlay?: ReactNode;
+  children: ReactNode;
+}) {
+  if (!overlay) return <>{children}</>;
+  return (
+    <div className="relative shrink-0">
+      {children}
+      <div className="pointer-events-none absolute inset-0 z-[1]" aria-hidden="true">
+        {overlay}
+      </div>
+    </div>
+  );
+}