@waveform-playlist/ui-components 5.3.0 → 5.3.2

package/dist/index.d.mts

@@ -713,18 +713,13 @@ declare const BaseCheckbox: styled_components_dist_types.IStyledComponentBase<"w
  */
 declare const BaseCheckboxLabel: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 
-interface ControlButtonProps {
-    variant?: 'primary' | 'success' | 'info';
-}
 /**
- * ControlButton - A colored action button (primary/success/info variants)
- *
- * This is used for prominent actions like Play, Pause, Record.
+ * ControlButton - A colored action button for prominent actions like Play, Pause, Record.
  * For neutral buttons, use BaseButton from the styled primitives.
  *
  * Uses theme colors when available, with fallbacks for standalone use.
  */
-declare const BaseControlButton: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ControlButtonProps>> & string;
+declare const BaseControlButton: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 
 /**
  * BaseInput - A styled input component that uses theme values

package/dist/index.d.ts

@@ -713,18 +713,13 @@ declare const BaseCheckbox: styled_components_dist_types.IStyledComponentBase<"w
  */
 declare const BaseCheckboxLabel: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 
-interface ControlButtonProps {
-    variant?: 'primary' | 'success' | 'info';
-}
 /**
- * ControlButton - A colored action button (primary/success/info variants)
- *
- * This is used for prominent actions like Play, Pause, Record.
+ * ControlButton - A colored action button for prominent actions like Play, Pause, Record.
  * For neutral buttons, use BaseButton from the styled primitives.
  *
  * Uses theme colors when available, with fallbacks for standalone use.
  */
-declare const BaseControlButton: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ControlButtonProps>> & string;
+declare const BaseControlButton: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 
 /**
  * BaseInput - A styled input component that uses theme values

package/dist/index.js

@@ -2048,6 +2048,7 @@ var SpectrogramChannel = ({
 }) => {
   const canvasesRef = (0, import_react12.useRef)([]);
   const registeredIdsRef = (0, import_react12.useRef)([]);
+  const transferredCanvasesRef = (0, import_react12.useRef)(/* @__PURE__ */ new WeakSet());
   const isWorkerMode = !!(workerApi && clipId);
   const canvasRef = (0, import_react12.useCallback)(
     (canvas) => {
@@ -2068,10 +2069,12 @@ var SpectrogramChannel = ({
     for (let i = 0; i < canvases2.length; i++) {
       const canvas = canvases2[i];
       if (!canvas) continue;
+      if (transferredCanvasesRef.current.has(canvas)) continue;
       const canvasId = `${clipId}-ch${index}-chunk${i}`;
       try {
         const offscreen = canvas.transferControlToOffscreen();
         workerApi.registerCanvas(canvasId, offscreen);
+        transferredCanvasesRef.current.add(canvas);
         ids.push(canvasId);
         widths.push(Math.min(length - i * MAX_CANVAS_WIDTH2, MAX_CANVAS_WIDTH2));
       } catch (err) {