@waveform-playlist/browser 5.0.0-alpha.0 → 5.0.0-alpha.1

package/dist/index.mjs

@@ -19188,7 +19188,7 @@ var B0 = $.div.attrs((s) => ({
   top: 0;
   background: ${(s) => s.$color};
   height: 100%;
-  z-index: 5;
+  z-index: 60; /* Above clips (z-index: 10) and fades (z-index: 50), below playhead (z-index: 100) */
   pointer-events: none;
   opacity: 0.3;
 `, $0 = ({
@@ -19197,7 +19197,7 @@ var B0 = $.div.attrs((s) => ({
   color: e = "#00ff00"
 }) => {
   const n = Math.max(0, t - s);
-  return n <= 0 ? null : /* @__PURE__ */ R.jsx(B0, { $left: s, $width: n, $color: e });
+  return n <= 0 ? null : /* @__PURE__ */ R.jsx(B0, { $left: s, $width: n, $color: e, "data-selection": !0 });
 };
 function Hn(s, t) {
   const e = Math.floor(s / 3600) % 24, n = Math.floor(s / 60) % 60, i = (s % 60).toFixed(t);
@@ -23352,7 +23352,7 @@ const qu = he(null), ju = he(null), Lu = he(null), zu = he(null), Zu = he(null),
       const p = (r.current ?? 0) * l / c + t;
       e.current.style.transform = `translate3d(${p}px, 0, 0)`;
     }
-  }), /* @__PURE__ */ R.jsx(ky, { ref: e, $color: s, $width: u });
+  }), /* @__PURE__ */ R.jsx(ky, { ref: e, $color: s, $width: u, "data-playhead": !0 });
 }, Dy = $.div`
   position: relative;
 `, Ry = $.div`