@visio-io/design-system 1.8.7 → 1.8.9

package/dist/types/components/VideoControlContext.d.ts

@@ -1,54 +1,22 @@
 import React from 'react';
-interface VideoControlContextValue {
-    /**
-     * Ref to the video element. Used by VideoPlayer to expose the video element.
-     */
+interface VideoControlActions {
     videoRef: React.RefObject<HTMLVideoElement | null>;
-    /**
-     * Current playback time in seconds.
-     */
-    currentTime: number;
-    /**
-     * Update the current time (triggers seek on the video).
-     */
     setCurrentTime: (time: number) => void;
-    /**
-     * Whether the video is in live mode (following the live edge).
-     */
-    isLive: boolean;
-    /**
-     * Set live mode status.
-     */
     setIsLive: (live: boolean) => void;
-    /**
-     * Seek the video to a specific time.
-     */
     seekTo: (time: number) => void;
-    /**
-     * Play the video.
-     */
     play: () => Promise<void>;
-    /**
-     * Pause the video.
-     */
     pause: () => void;
-    /**
-     * Toggle play/pause.
-     */
     togglePlay: () => void;
-    /**
-     * Whether the video is currently playing.
-     */
+}
+interface VideoControlState {
+    currentTime: number;
+    isLive: boolean;
     isPlaying: boolean;
-    /**
-     * Total duration of the video (for seekable content) or seekable end (for streams).
-     */
     duration: number;
-    /**
-     * Whether the video can be seeked.
-     */
     canSeek: boolean;
 }
+interface VideoControlContextValue extends VideoControlActions, VideoControlState {
+}
 export interface VideoControlProviderProps {
     children: React.ReactNode;
 }
@@ -74,23 +42,9 @@ export declare const VideoControlProvider: React.FC<VideoControlProviderProps>;
 /**
  * Hook to access video control context.
  * Use this hook in components that need to control or observe video state.
+ * Returns the merged actions + state for backward compatibility.
  *
  * @returns VideoControlContextValue or null if not inside a VideoControlProvider
- *
- * @example
- * ```tsx
- * function CustomControl() {
- *   const videoControl = useVideoControl();
- *
- *   if (!videoControl) return null;
- *
- *   return (
- *     <button onClick={videoControl.togglePlay}>
- *       {videoControl.isPlaying ? 'Pause' : 'Play'}
- *     </button>
- *   );
- * }
- * ```
  */
 export declare const useVideoControl: () => VideoControlContextValue | null;
 /**

package/dist/types/components/VideoPlayer/icons/NofFoundCamera.d.ts

@@ -0,0 +1,6 @@
+type IconProps = {
+    width?: number;
+    height?: number;
+} & React.SVGProps<SVGSVGElement>;
+declare const NotFoundCamera: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export { NotFoundCamera };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visio-io/design-system",
-  "version": "1.8.7",
+  "version": "1.8.9",
   "description": "Visio Design System",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -69,6 +69,7 @@
   },
   "dependencies": {
     "@mui/icons-material": "^7.3.7",
+    "@visio-io/design-system": "file:.yalc/@visio-io/design-system",
     "framer-motion": "^12.29.2",
     "supercluster": "^8.0.1"
   },