@evolve.ui/core-components 1.0.0

package/index-D1Zpm1h7.d.cts

@@ -0,0 +1,58 @@
+import { CleanTheme } from "@evolve.ui/theme-system";
+
+//#region src/utils/utilityTypes.d.ts
+/**
+ * Allows for string replacement for typed string literals!
+ *
+ * Example: `Replace<'text' | 'toxt', 'xt', 'm'> -> 'tem' | 'tom'`
+ *
+ * @see https://stackoverflow.com/questions/71352751/string-replace-when-creating-string-literal-union-type-in-typescript
+ */
+type Replace<T extends string, S extends string, D extends string, A extends string = ''> = T extends `${infer L}${S}${infer R}` ? Replace<R, S, D, `${A}${L}${D}`> : `${A}${T}`;
+//#endregion
+//#region src/breakpoints/utils.d.ts
+type maxMediaOptions = Replace<keyof Pick<CleanTheme['breakpoints'], 'xsMax' | 'smMax' | 'mdMax'>, 'Max', ''>;
+type minMediaOptions = Replace<keyof Pick<CleanTheme['breakpoints'], 'smMin' | 'mdMin' | 'lgMin'>, 'Min', ''>;
+/**
+ * Returns the Tailwind responsive prefix for a max-width breakpoint.
+ *
+ * Available options: `xs` (≤768px) | `sm` (≤1023px) | `md` (≤1248px)
+ *
+ * Use the prefix directly in class names:
+ * ```ts
+ * `${maxMediaQuery('xs')}:hidden` // → 'xsMax:hidden'
+ * ```
+ *
+ * @deprecated For static class names prefer Tailwind responsive prefixes directly
+ * (`xsMax:`, `smMax:`, `mdMax:`). Use this function only when the breakpoint must
+ * be selected dynamically at runtime.
+ */
+declare const maxMediaQuery: (size: maxMediaOptions) => string;
+/**
+ * Alias for `maxMediaQuery`.
+ * @see maxMediaQuery
+ */
+declare const smallerScreenThan: (size: maxMediaOptions) => string;
+/**
+ * Returns the Tailwind responsive prefix for a min-width breakpoint.
+ *
+ * Available options: `sm` (≥769px) | `md` (≥1024px) | `lg` (≥1249px)
+ *
+ * Use the prefix directly in class names:
+ * ```ts
+ * `${minMediaQuery('lg')}:flex` // → 'lgMin:flex'
+ * ```
+ *
+ * @deprecated For static class names prefer Tailwind responsive prefixes directly
+ * (`smMin:`, `mdMin:`, `lgMin:`). Use this function only when the breakpoint must
+ * be selected dynamically at runtime.
+ */
+declare const minMediaQuery: (size: minMediaOptions) => string;
+/**
+ * Alias for `minMediaQuery`.
+ * @see minMediaQuery
+ */
+declare const largerScreenThan: (size: minMediaOptions) => string;
+//#endregion
+export { minMediaQuery as a, minMediaOptions as i, maxMediaOptions as n, smallerScreenThan as o, maxMediaQuery as r, largerScreenThan as t };
+//# sourceMappingURL=index-D1Zpm1h7.d.cts.map

package/index-D1Zpm1h7.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D1Zpm1h7.d.cts","names":[],"sources":["../src/utils/utilityTypes.ts","../src/breakpoints/utils.tsx"],"mappings":";;;;;;AAOA;;;;KAAY,OAAA,gFAKR,CAAA,sBAAuB,CAAA,eAAgB,OAAA,CAAQ,CAAA,EAAG,CAAA,EAAG,CAAA,KAAM,CAAA,GAAI,CAAA,GAAI,CAAA,SAAU,CAAA,GAAI,CAAA;;;KCRzE,eAAA,GAAkB,OAAA,OAAc,IAAA,CAAK,UAAA;AAAA,KACrC,eAAA,GAAkB,OAAA,OAAc,IAAA,CAAK,UAAA;;;;;;;;;;;;;;;cAgBpC,aAAA,GAAiB,IAAqB,EAAf,eAAe;;;;;cAMtC,iBAAA,GAAiB,IANqB,EAAf,eAAe;;;;;;;;;;;;;;ADTmC;cC+BzE,aAAA,GAAiB,IAAqB,EAAf,eAAe;;;AAvCnD;;cA6Ca,gBAAA,GAAgB,IANsB,EAAf,eAAe"}

package/index-D1Zpm1h7.d.mts

@@ -0,0 +1,58 @@
+import { CleanTheme } from "@evolve.ui/theme-system";
+
+//#region src/utils/utilityTypes.d.ts
+/**
+ * Allows for string replacement for typed string literals!
+ *
+ * Example: `Replace<'text' | 'toxt', 'xt', 'm'> -> 'tem' | 'tom'`
+ *
+ * @see https://stackoverflow.com/questions/71352751/string-replace-when-creating-string-literal-union-type-in-typescript
+ */
+type Replace<T extends string, S extends string, D extends string, A extends string = ''> = T extends `${infer L}${S}${infer R}` ? Replace<R, S, D, `${A}${L}${D}`> : `${A}${T}`;
+//#endregion
+//#region src/breakpoints/utils.d.ts
+type maxMediaOptions = Replace<keyof Pick<CleanTheme['breakpoints'], 'xsMax' | 'smMax' | 'mdMax'>, 'Max', ''>;
+type minMediaOptions = Replace<keyof Pick<CleanTheme['breakpoints'], 'smMin' | 'mdMin' | 'lgMin'>, 'Min', ''>;
+/**
+ * Returns the Tailwind responsive prefix for a max-width breakpoint.
+ *
+ * Available options: `xs` (≤768px) | `sm` (≤1023px) | `md` (≤1248px)
+ *
+ * Use the prefix directly in class names:
+ * ```ts
+ * `${maxMediaQuery('xs')}:hidden` // → 'xsMax:hidden'
+ * ```
+ *
+ * @deprecated For static class names prefer Tailwind responsive prefixes directly
+ * (`xsMax:`, `smMax:`, `mdMax:`). Use this function only when the breakpoint must
+ * be selected dynamically at runtime.
+ */
+declare const maxMediaQuery: (size: maxMediaOptions) => string;
+/**
+ * Alias for `maxMediaQuery`.
+ * @see maxMediaQuery
+ */
+declare const smallerScreenThan: (size: maxMediaOptions) => string;
+/**
+ * Returns the Tailwind responsive prefix for a min-width breakpoint.
+ *
+ * Available options: `sm` (≥769px) | `md` (≥1024px) | `lg` (≥1249px)
+ *
+ * Use the prefix directly in class names:
+ * ```ts
+ * `${minMediaQuery('lg')}:flex` // → 'lgMin:flex'
+ * ```
+ *
+ * @deprecated For static class names prefer Tailwind responsive prefixes directly
+ * (`smMin:`, `mdMin:`, `lgMin:`). Use this function only when the breakpoint must
+ * be selected dynamically at runtime.
+ */
+declare const minMediaQuery: (size: minMediaOptions) => string;
+/**
+ * Alias for `minMediaQuery`.
+ * @see minMediaQuery
+ */
+declare const largerScreenThan: (size: minMediaOptions) => string;
+//#endregion
+export { minMediaQuery as a, minMediaOptions as i, maxMediaOptions as n, smallerScreenThan as o, maxMediaQuery as r, largerScreenThan as t };
+//# sourceMappingURL=index-D1Zpm1h7.d.mts.map

package/index-D1Zpm1h7.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D1Zpm1h7.d.mts","names":[],"sources":["../src/utils/utilityTypes.ts","../src/breakpoints/utils.tsx"],"mappings":";;;;;;AAOA;;;;KAAY,OAAA,gFAKR,CAAA,sBAAuB,CAAA,eAAgB,OAAA,CAAQ,CAAA,EAAG,CAAA,EAAG,CAAA,KAAM,CAAA,GAAI,CAAA,GAAI,CAAA,SAAU,CAAA,GAAI,CAAA;;;KCRzE,eAAA,GAAkB,OAAA,OAAc,IAAA,CAAK,UAAA;AAAA,KACrC,eAAA,GAAkB,OAAA,OAAc,IAAA,CAAK,UAAA;;;;;;;;;;;;;;;cAgBpC,aAAA,GAAiB,IAAqB,EAAf,eAAe;;;;;cAMtC,iBAAA,GAAiB,IANqB,EAAf,eAAe;;;;;;;;;;;;;;ADTmC;cC+BzE,aAAA,GAAiB,IAAqB,EAAf,eAAe;;;AAvCnD;;cA6Ca,gBAAA,GAAgB,IANsB,EAAf,eAAe"}

package/index-D2HDrkK3.d.cts

@@ -0,0 +1,172 @@
+//#region src/WebRTCPlayer/WebRTCPlayer.d.ts
+type WebRTCPlayerProps = {
+  /** Allow fullscreen mode (default: true) */allowFullscreen?: boolean; /** Allow picture-in-picture mode (default: true) */
+  allowPictureInPicture?: boolean; /** Additional CSS classes for the container */
+  className?: string; /** Test ID for testing */
+  'data-testid'?: string; /** Enable debug logging */
+  debug?: boolean;
+  /**
+   * Optional callback invoked before each reconnect attempt to obtain a fresh
+   * stream ID. A stream that restarts on the server is usually issued a new ID,
+   * so reconnecting with the original `streamId` would target a dead stream.
+   * Return the latest ID (sync or async); return a falsy value to keep the
+   * current one.
+   */
+  fetchStreamId?: () => string | Promise<string>; /** WebRTC server hostname */
+  hostname: string; /** Callback when user clicks the "Contact Support" button on error */
+  onContactSupportOnError?: () => void; /** Callback when stream encounters an error */
+  onError?: (error: string) => void; /** Callback when user enters or exits fullscreen mode */
+  onFullscreenToggle?: (isFullscreen: boolean) => void; /** Callback when user clicks "open in new window" button */
+  onOpenInNewWindow?: () => void; /** Callback when video is paused */
+  onPause?: () => void; /** Callback when user enters or exits picture-in-picture mode */
+  onPipToggle?: (isPip: boolean) => void; /** Callback when stream starts playing */
+  onPlay?: () => void; /** Callback when mute state changes */
+  onToggleMute?: (isMuted: boolean) => void; /** Callback when volume changes */
+  onVolumeChange?: (volume: number) => void; /** Optional placeholder image URL to display before stream starts (defaults to black background) */
+  placeholderUrl?: string;
+  /**
+   * Show native HTML5 video controls bar (default: true).
+   * Set to `false` for compact surfaces where the host app renders custom controls (e.g. mute, expand).
+   */
+  showControls?: boolean; /** Stream ID from Ant Media Server */
+  streamId: string; /** WebSocket port for non-SSL connections (defaults to 5080) */
+  wsPort?: number; /** WebSocket port for SSL connections (defaults to 5443) */
+  wssPort?: number;
+};
+/**
+ * WebRTC video player component for streaming from Ant Media Server
+ *
+ * This component provides a simple interface for playing live WebRTC streams from
+ * Ant Media Server. It handles connection management, error recovery, and provides
+ * a clean UI with loading states and error messages.
+ *
+ * Features:
+ * - Automatic connection to Ant Media Server
+ * - Loading spinner while connecting
+ * - Error state display with automatic reconnection
+ * - Native HTML5 video controls with volume, fullscreen, and picture-in-picture
+ * - Responsive container with aspect ratio preservation
+ * - Configurable hostname and ports for different server setups
+ *
+ * @example
+ * ```tsx
+ * <WebRTCPlayer
+ *   hostname="media.example.com"
+ *   streamId="my-stream-id"
+ *   onPlay={() => console.log('Stream started')}
+ *   onError={(error) => console.error('Stream error:', error)}
+ * />
+ * ```
+ *
+ * @example Custom server configuration
+ * ```tsx
+ * <WebRTCPlayer
+ *   streamId="my-stream-id"
+ *   hostname="custom-server.com"
+ *   wsPort={8080}
+ *   wssPort={8443}
+ * />
+ * ```
+ */
+declare const WebRTCPlayer: ({
+  allowFullscreen,
+  allowPictureInPicture,
+  className,
+  "data-testid": testid,
+  debug,
+  fetchStreamId,
+  hostname,
+  onContactSupportOnError,
+  onError,
+  onFullscreenToggle,
+  onOpenInNewWindow,
+  onPause,
+  onPipToggle,
+  onPlay,
+  onToggleMute,
+  onVolumeChange,
+  placeholderUrl,
+  showControls,
+  streamId,
+  wsPort,
+  wssPort
+}: WebRTCPlayerProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/WebRTCPlayer/types.d.ts
+/**
+ * Configuration constants for WebRTC player
+ */
+declare const DEFAULT_WS_PORT = 5080;
+declare const DEFAULT_WSS_PORT = 5443;
+declare const DEFAULT_PATH = "/WebRTCAppEE/websocket";
+declare const RECONNECT_INTERVAL = 5000;
+declare const PING_INTERVAL = 30000;
+/**
+ * WebRTC connection state
+ */
+type WebRTCConnectionState = 'idle' | 'connecting' | 'connected' | 'playing' | 'error' | 'reconnecting';
+/**
+ * Configuration for WebRTC player
+ */
+type WebRTCConfig = {
+  /** Whether to enable debug logging */debug?: boolean;
+  /**
+   * Optional callback invoked before each reconnect attempt to obtain a fresh
+   * stream ID. A stream that restarts on the server is often issued a new ID,
+   * so reconnecting with the original `streamId` would target a dead stream.
+   * Return the latest ID (sync or async); return a falsy value to keep the
+   * current one. Errors are swallowed and the current ID is reused.
+   */
+  fetchStreamId?: () => string | Promise<string>; /** WebRTC server hostname */
+  hostname: string; /** Stream ID from Ant Media Server */
+  streamId: string; /** WebSocket port for non-SSL connections */
+  wsPort?: number; /** WebSocket port for SSL connections */
+  wssPort?: number;
+};
+/**
+ * WebRTC player state returned by the hook
+ */
+type WebRTCPlayerState = {
+  /** Current connection state */connectionState: WebRTCConnectionState; /** Error message if connection failed */
+  error: string | null; /** Whether the stream is currently loading/connecting */
+  loading: boolean; /** Reference to attach to video element */
+  videoRef: React.RefObject<HTMLVideoElement>;
+};
+//#endregion
+//#region src/WebRTCPlayer/hooks/useWebRTCStream.d.ts
+/**
+ * Custom hook for managing WebRTC stream connections to Ant Media Server
+ *
+ * This hook handles the complete lifecycle of a WebRTC stream connection including:
+ * - WebSocket connection management
+ * - RTCPeerConnection setup and negotiation
+ * - Stream state management (loading, playing, error, reconnecting)
+ * - Automatic reconnection on connection failure
+ * - Proper cleanup on unmount
+ *
+ * @param config - Configuration object for the WebRTC connection
+ * @returns WebRTC player state including video ref, loading state, playing state, error, and mute controls
+ *
+ * @example
+ * ```tsx
+ * const { videoRef, loading, playing, error } = useWebRTCStream({
+ *   streamId: 'my-stream-id',
+ *   hostname: 'media.example.com'
+ * });
+ *
+ * return (
+ *   <video ref={videoRef} autoPlay playsInline />
+ * );
+ * ```
+ */
+declare const useWebRTCStream: ({
+  debug,
+  fetchStreamId,
+  hostname,
+  streamId,
+  wsPort,
+  wssPort
+}: WebRTCConfig) => WebRTCPlayerState;
+//#endregion
+export { PING_INTERVAL as a, WebRTCConnectionState as c, WebRTCPlayerProps as d, DEFAULT_WS_PORT as i, WebRTCPlayerState as l, DEFAULT_PATH as n, RECONNECT_INTERVAL as o, DEFAULT_WSS_PORT as r, WebRTCConfig as s, useWebRTCStream as t, WebRTCPlayer as u };
+//# sourceMappingURL=index-D2HDrkK3.d.cts.map

package/index-D2HDrkK3.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D2HDrkK3.d.cts","names":[],"sources":["../src/WebRTCPlayer/WebRTCPlayer.tsx","../src/WebRTCPlayer/types.ts","../src/WebRTCPlayer/hooks/useWebRTCStream.ts"],"mappings":";KAWY,iBAAA;EAAA,4CAER,eAAA;EAEA,qBAAA,YAFA;EAIA,SAAA;EAEA,aAAA,WAEA;EAAA,KAAA;EAQ+B;;;;;;;EAA/B,aAAA,kBAA+B,OAAO,UAYtC;EAVA,QAAA,UAYe;EAVf,uBAAA,eAcA;EAZA,OAAA,IAAW,KAAA,mBAcX;EAZA,kBAAA,IAAsB,YAAA,oBActB;EAZA,iBAAA,eAmBA;EAjBA,OAAA,eAqBA;EAnBA,WAAA,IAAe,KAAA,oBAmBR;EAjBP,MAAA,eAuRH;EArRG,YAAA,IAAgB,OAAA,oBAqDS;EAnDzB,cAAA,IAAkB,MAAA,mBAmDO;EAjDzB,cAAA;EAiDyB;;;;EA5CzB,YAAA,YA4CyB;EA1CzB,QAAA,UA0CyB;EAxCzB,MAAA,WAwCyB;EAtCzB,OAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAsCS,YAAA;EAAgB,eAAA;EAAA,qBAAA;EAAA,SAAA;EAAA,eAAA,MAAA;EAAA,KAAA;EAAA,aAAA;EAAA,QAAA;EAAA,uBAAA;EAAA,OAAA;EAAA,kBAAA;EAAA,iBAAA;EAAA,OAAA;EAAA,WAAA;EAAA,MAAA;EAAA,YAAA;EAAA,cAAA;EAAA,cAAA;EAAA,YAAA;EAAA,QAAA;EAAA,MAAA;EAAA;AAAA,GAsB1B,iBAAA,iCAAiB,GAAA,CAAA,OAAA;;;;AA/GpB;;cCRa,eAAA;AAAA,cACA,gBAAA;AAAA,cACA,YAAA;AAAA,cAKA,kBAAA;AAAA,cACA,aAAA;;;;KAYD,qBAAA;AD6EZ;;;AAAA,KCvCY,YAAA;EDuCiB,sCCrCzB,KAAA;EDqCyB;;;;;;;EC7BzB,aAAA,kBAA+B,OAAO,UD6Bb;EC3BzB,QAAA,UD2ByB;ECzBzB,QAAA,UDyByB;ECvBzB,MAAA,WDuByB;ECrBzB,OAAA;AAAA;;;;KAMQ,iBAAA;EDeiB,+BCbzB,eAAA,EAAiB,qBAAA,EDaQ;ECXzB,KAAA,iBDWyB;ECTzB,OAAA,WDSyB;ECPzB,QAAA,EAAU,KAAA,CAAM,SAAA,CAAU,gBAAA;AAAA;;;ADlF9B;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cE4Ea,eAAA;EAAmB,KAAA;EAAA,aAAA;EAAA,QAAA;EAAA,QAAA;EAAA,MAAA;EAAA;AAAA,GAO7B,YAAA,KAAe,iBAAA"}

package/index-D2HDrkK3.d.mts

@@ -0,0 +1,172 @@
+//#region src/WebRTCPlayer/WebRTCPlayer.d.ts
+type WebRTCPlayerProps = {
+  /** Allow fullscreen mode (default: true) */allowFullscreen?: boolean; /** Allow picture-in-picture mode (default: true) */
+  allowPictureInPicture?: boolean; /** Additional CSS classes for the container */
+  className?: string; /** Test ID for testing */
+  'data-testid'?: string; /** Enable debug logging */
+  debug?: boolean;
+  /**
+   * Optional callback invoked before each reconnect attempt to obtain a fresh
+   * stream ID. A stream that restarts on the server is usually issued a new ID,
+   * so reconnecting with the original `streamId` would target a dead stream.
+   * Return the latest ID (sync or async); return a falsy value to keep the
+   * current one.
+   */
+  fetchStreamId?: () => string | Promise<string>; /** WebRTC server hostname */
+  hostname: string; /** Callback when user clicks the "Contact Support" button on error */
+  onContactSupportOnError?: () => void; /** Callback when stream encounters an error */
+  onError?: (error: string) => void; /** Callback when user enters or exits fullscreen mode */
+  onFullscreenToggle?: (isFullscreen: boolean) => void; /** Callback when user clicks "open in new window" button */
+  onOpenInNewWindow?: () => void; /** Callback when video is paused */
+  onPause?: () => void; /** Callback when user enters or exits picture-in-picture mode */
+  onPipToggle?: (isPip: boolean) => void; /** Callback when stream starts playing */
+  onPlay?: () => void; /** Callback when mute state changes */
+  onToggleMute?: (isMuted: boolean) => void; /** Callback when volume changes */
+  onVolumeChange?: (volume: number) => void; /** Optional placeholder image URL to display before stream starts (defaults to black background) */
+  placeholderUrl?: string;
+  /**
+   * Show native HTML5 video controls bar (default: true).
+   * Set to `false` for compact surfaces where the host app renders custom controls (e.g. mute, expand).
+   */
+  showControls?: boolean; /** Stream ID from Ant Media Server */
+  streamId: string; /** WebSocket port for non-SSL connections (defaults to 5080) */
+  wsPort?: number; /** WebSocket port for SSL connections (defaults to 5443) */
+  wssPort?: number;
+};
+/**
+ * WebRTC video player component for streaming from Ant Media Server
+ *
+ * This component provides a simple interface for playing live WebRTC streams from
+ * Ant Media Server. It handles connection management, error recovery, and provides
+ * a clean UI with loading states and error messages.
+ *
+ * Features:
+ * - Automatic connection to Ant Media Server
+ * - Loading spinner while connecting
+ * - Error state display with automatic reconnection
+ * - Native HTML5 video controls with volume, fullscreen, and picture-in-picture
+ * - Responsive container with aspect ratio preservation
+ * - Configurable hostname and ports for different server setups
+ *
+ * @example
+ * ```tsx
+ * <WebRTCPlayer
+ *   hostname="media.example.com"
+ *   streamId="my-stream-id"
+ *   onPlay={() => console.log('Stream started')}
+ *   onError={(error) => console.error('Stream error:', error)}
+ * />
+ * ```
+ *
+ * @example Custom server configuration
+ * ```tsx
+ * <WebRTCPlayer
+ *   streamId="my-stream-id"
+ *   hostname="custom-server.com"
+ *   wsPort={8080}
+ *   wssPort={8443}
+ * />
+ * ```
+ */
+declare const WebRTCPlayer: ({
+  allowFullscreen,
+  allowPictureInPicture,
+  className,
+  "data-testid": testid,
+  debug,
+  fetchStreamId,
+  hostname,
+  onContactSupportOnError,
+  onError,
+  onFullscreenToggle,
+  onOpenInNewWindow,
+  onPause,
+  onPipToggle,
+  onPlay,
+  onToggleMute,
+  onVolumeChange,
+  placeholderUrl,
+  showControls,
+  streamId,
+  wsPort,
+  wssPort
+}: WebRTCPlayerProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/WebRTCPlayer/types.d.ts
+/**
+ * Configuration constants for WebRTC player
+ */
+declare const DEFAULT_WS_PORT = 5080;
+declare const DEFAULT_WSS_PORT = 5443;
+declare const DEFAULT_PATH = "/WebRTCAppEE/websocket";
+declare const RECONNECT_INTERVAL = 5000;
+declare const PING_INTERVAL = 30000;
+/**
+ * WebRTC connection state
+ */
+type WebRTCConnectionState = 'idle' | 'connecting' | 'connected' | 'playing' | 'error' | 'reconnecting';
+/**
+ * Configuration for WebRTC player
+ */
+type WebRTCConfig = {
+  /** Whether to enable debug logging */debug?: boolean;
+  /**
+   * Optional callback invoked before each reconnect attempt to obtain a fresh
+   * stream ID. A stream that restarts on the server is often issued a new ID,
+   * so reconnecting with the original `streamId` would target a dead stream.
+   * Return the latest ID (sync or async); return a falsy value to keep the
+   * current one. Errors are swallowed and the current ID is reused.
+   */
+  fetchStreamId?: () => string | Promise<string>; /** WebRTC server hostname */
+  hostname: string; /** Stream ID from Ant Media Server */
+  streamId: string; /** WebSocket port for non-SSL connections */
+  wsPort?: number; /** WebSocket port for SSL connections */
+  wssPort?: number;
+};
+/**
+ * WebRTC player state returned by the hook
+ */
+type WebRTCPlayerState = {
+  /** Current connection state */connectionState: WebRTCConnectionState; /** Error message if connection failed */
+  error: string | null; /** Whether the stream is currently loading/connecting */
+  loading: boolean; /** Reference to attach to video element */
+  videoRef: React.RefObject<HTMLVideoElement>;
+};
+//#endregion
+//#region src/WebRTCPlayer/hooks/useWebRTCStream.d.ts
+/**
+ * Custom hook for managing WebRTC stream connections to Ant Media Server
+ *
+ * This hook handles the complete lifecycle of a WebRTC stream connection including:
+ * - WebSocket connection management
+ * - RTCPeerConnection setup and negotiation
+ * - Stream state management (loading, playing, error, reconnecting)
+ * - Automatic reconnection on connection failure
+ * - Proper cleanup on unmount
+ *
+ * @param config - Configuration object for the WebRTC connection
+ * @returns WebRTC player state including video ref, loading state, playing state, error, and mute controls
+ *
+ * @example
+ * ```tsx
+ * const { videoRef, loading, playing, error } = useWebRTCStream({
+ *   streamId: 'my-stream-id',
+ *   hostname: 'media.example.com'
+ * });
+ *
+ * return (
+ *   <video ref={videoRef} autoPlay playsInline />
+ * );
+ * ```
+ */
+declare const useWebRTCStream: ({
+  debug,
+  fetchStreamId,
+  hostname,
+  streamId,
+  wsPort,
+  wssPort
+}: WebRTCConfig) => WebRTCPlayerState;
+//#endregion
+export { PING_INTERVAL as a, WebRTCConnectionState as c, WebRTCPlayerProps as d, DEFAULT_WS_PORT as i, WebRTCPlayerState as l, DEFAULT_PATH as n, RECONNECT_INTERVAL as o, DEFAULT_WSS_PORT as r, WebRTCConfig as s, useWebRTCStream as t, WebRTCPlayer as u };
+//# sourceMappingURL=index-D2HDrkK3.d.mts.map

package/index-D2HDrkK3.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D2HDrkK3.d.mts","names":[],"sources":["../src/WebRTCPlayer/WebRTCPlayer.tsx","../src/WebRTCPlayer/types.ts","../src/WebRTCPlayer/hooks/useWebRTCStream.ts"],"mappings":";KAWY,iBAAA;EAAA,4CAER,eAAA;EAEA,qBAAA,YAFA;EAIA,SAAA;EAEA,aAAA,WAEA;EAAA,KAAA;EAQ+B;;;;;;;EAA/B,aAAA,kBAA+B,OAAO,UAYtC;EAVA,QAAA,UAYe;EAVf,uBAAA,eAcA;EAZA,OAAA,IAAW,KAAA,mBAcX;EAZA,kBAAA,IAAsB,YAAA,oBActB;EAZA,iBAAA,eAmBA;EAjBA,OAAA,eAqBA;EAnBA,WAAA,IAAe,KAAA,oBAmBR;EAjBP,MAAA,eAuRH;EArRG,YAAA,IAAgB,OAAA,oBAqDS;EAnDzB,cAAA,IAAkB,MAAA,mBAmDO;EAjDzB,cAAA;EAiDyB;;;;EA5CzB,YAAA,YA4CyB;EA1CzB,QAAA,UA0CyB;EAxCzB,MAAA,WAwCyB;EAtCzB,OAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAsCS,YAAA;EAAgB,eAAA;EAAA,qBAAA;EAAA,SAAA;EAAA,eAAA,MAAA;EAAA,KAAA;EAAA,aAAA;EAAA,QAAA;EAAA,uBAAA;EAAA,OAAA;EAAA,kBAAA;EAAA,iBAAA;EAAA,OAAA;EAAA,WAAA;EAAA,MAAA;EAAA,YAAA;EAAA,cAAA;EAAA,cAAA;EAAA,YAAA;EAAA,QAAA;EAAA,MAAA;EAAA;AAAA,GAsB1B,iBAAA,iCAAiB,GAAA,CAAA,OAAA;;;;AA/GpB;;cCRa,eAAA;AAAA,cACA,gBAAA;AAAA,cACA,YAAA;AAAA,cAKA,kBAAA;AAAA,cACA,aAAA;;;;KAYD,qBAAA;AD6EZ;;;AAAA,KCvCY,YAAA;EDuCiB,sCCrCzB,KAAA;EDqCyB;;;;;;;EC7BzB,aAAA,kBAA+B,OAAO,UD6Bb;EC3BzB,QAAA,UD2ByB;ECzBzB,QAAA,UDyByB;ECvBzB,MAAA,WDuByB;ECrBzB,OAAA;AAAA;;;;KAMQ,iBAAA;EDeiB,+BCbzB,eAAA,EAAiB,qBAAA,EDaQ;ECXzB,KAAA,iBDWyB;ECTzB,OAAA,WDSyB;ECPzB,QAAA,EAAU,KAAA,CAAM,SAAA,CAAU,gBAAA;AAAA;;;ADlF9B;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cE4Ea,eAAA;EAAmB,KAAA;EAAA,aAAA;EAAA,QAAA;EAAA,QAAA;EAAA,MAAA;EAAA;AAAA,GAO7B,YAAA,KAAe,iBAAA"}

package/index-D8NtFEaq.d.cts

@@ -0,0 +1,193 @@
+import { ReactNode } from "react";
+
+//#region src/Pagination/paginationProvider.d.ts
+type CurrentPaginationState = Omit<PaginationState, 'goToNextPage' | 'goToPage' | 'headInfoUpdateCallback' | 'onPageChange' | 'onPageSizeChange' | 'setPageSize'>;
+type PageSizeOptions = number | 'all';
+type CommonValues = {
+  /**
+   * This prop allows you to control how the urls for the links are formatted.
+   *
+   * By default, they're just `?page=PAGE`,
+   * (omitted as necessary)
+   * but you can append to that using this object.
+   *
+   * @see https://developers.google.com/search/docs/specialty/ecommerce/pagination-and-incremental-page-loading#avoid-indexing-variations
+   */
+  extraQueryParams?: Record<string, string>;
+  /**
+   * The path of the current location
+   *
+   * IE if url = example.com/search?page=3
+   * `path` = /search
+   */
+  path: string;
+};
+type PaginationState = CommonValues & {
+  /**
+   * Defacto method of changing pages. Does not route.
+   * See PaginationProvider's `onPageChange` to handle these changes.
+   *
+   * Pagination components use this.
+   *
+   * @param page Page number to go to
+   */
+  goToPage: (page: number) => void;
+  /**
+   * Default page size.
+   */
+  initialPageSize: PageSizeOptions;
+  /**
+   * Passes down the `itemCount` given to PaginationProvider
+   */
+  itemCount: number;
+  /**
+   * This should always be one indexed
+   *
+   * Remember pages are `1` indexed NOT `0` indexed.
+   */
+  page: number; /** The total number of pages */
+  pageCount: number; /** The current page size */
+  pageSize: PageSizeOptions; /** The current page size options. */
+  pageSizeOptions: PageSizeOptions[];
+  /**
+   * Defacto method of changing page size.
+   * See PaginationProvider's `onPageSizeChange` to handle these changes.
+   *
+   * Pagination components use this. (None implemented right now)
+   *
+   * @param page Page number to jump to
+   */
+  setPageSize: (pageSize: PageSizeOptions) => void;
+};
+type Props$2 = CommonValues & {
+  children: ReactNode; /** The current page number. This is used if you wish to control the page number externally.*/
+  currentPage?: number;
+  /**
+   * The current page size. Use this to control page size externally (e.g. from URL params).
+   * Mirrors `currentPage` behaviour — when this value changes, the internal `pageSize` state
+   * updates to match without remounting the provider.
+   *
+   * **Note**: `onPageSizeChange` is not fired when `currentPageSize` drives the update. Adjusting currentPage is the user/developer responsibility.
+   */
+  currentPageSize?: PageSizeOptions;
+  /**
+   * Default value for page. Does not affect anything past the first render.
+   *
+   * Remember pages are `1` indexed NOT `0` indexed.
+   */
+  initialPage?: number;
+  /**
+   * Default value for pageSize. Does not affect anything past the first render.
+   */
+  initialPageSize?: PageSizeOptions;
+  /**
+   * The total number of items you're paginating over. This is usually provided by the API.
+   *
+   * Internally, it's only used to determine the number of pages with `Math.ceil(itemCount / pageSize)`
+   */
+  itemCount: number;
+  /**
+   * Callback that runs when something changes page. Useful for updating your API call / routing.
+   *
+   * You can also just listen with the `usePagination` hook.
+   */
+  onPageChange?: (currentPaginationState: CurrentPaginationState) => void;
+  /**
+   * Callback that runs when something changes pageSize. Useful for updating your API call / routing.
+   *
+   * You can also just listen with the `usePagination` hook.
+   */
+  onPageSizeChange?: (currentPaginationState: CurrentPaginationState) => void; /**  */
+  pageSizeOptions?: PageSizeOptions[];
+};
+/**
+ * `1` based pagination logic provider
+ */
+declare const PaginationProvider: ({
+  children,
+  currentPage,
+  currentPageSize,
+  extraQueryParams,
+  initialPage,
+  initialPageSize,
+  itemCount,
+  onPageChange,
+  onPageSizeChange,
+  pageSizeOptions,
+  path
+}: Props$2) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Provides access to all these values
+ * ```tsx
+ * goToPage: (page: number) => void;
+ * initialPageSize: PageSizeOptions; // number | 'all'
+ * items: number;
+ * page: number;
+ * pageCount: number;
+ * pageSize: PageSizeOptions; // number | 'all'
+ * setPageSize: (pageSize: PageSizeOptions) => void;
+ * ```
+ *
+ * @see https://developers.google.com/search/docs/specialty/ecommerce/pagination-and-incremental-page-loading
+ */
+declare const usePagination: () => PaginationState;
+//#endregion
+//#region src/Pagination/Pagination.d.ts
+type Props$1 = {
+  /**
+   * This prop is useful when multiple paginations are on the same page.
+   *
+   * For instance, if a page had a "featured items" section
+   * and a "recent activity" section, you might want to label one as
+   * "Featured Items Pagination" and the other as "Recent Activity Pagination"
+   */
+  'aria-label'?: string;
+  className?: string; /** aria-label applied to the collapsed-pages ellipsis element. */
+  collapsedPagesLabel?: string; /** aria-label for the next-page button (only applied when not disabled). */
+  nextPageLabel?: string; /** Returns the aria-label for a specific page anchor. Receives the page number. */
+  pageLabel?: (page: number) => string; /** aria-label for the previous-page button (only applied when not disabled). */
+  previousPageLabel?: string;
+};
+/**
+ * `1` based pagination component
+ *
+ * @see https://www.a11ymatters.com/pattern/pagination/
+ */
+declare const Pagination: ({
+  "aria-label": ariaLabel,
+  className,
+  collapsedPagesLabel,
+  nextPageLabel,
+  pageLabel,
+  previousPageLabel
+}: Props$1) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/Pagination/components/ItemCountDisplay/ItemCountDisplay.d.ts
+type ItemRangeLabelArgs = {
+  end: number;
+  start: number;
+  total: number;
+};
+//#endregion
+//#region src/Pagination/AdvancedPagination.d.ts
+type Props = {
+  /** Renders the label when all items are shown (pageSize === 'all'). Forwarded to ItemCountDisplay. */allItemsLabel?: (itemCount: number) => string;
+  className?: string; /** Renders the label for a paginated range. Forwarded to ItemCountDisplay. */
+  itemRangeLabel?: (args: ItemRangeLabelArgs) => string; /** aria-label for the next-page button. Forwarded to AdvancedPaginator. */
+  nextPageLabel?: string; /** Renders the page-count suffix. Forwarded to AdvancedPaginator. */
+  ofLabel?: (pageCount: number) => string; /** aria-label for the previous-page button. Forwarded to AdvancedPaginator. */
+  previousPageLabel?: string; /** Label text for the results-per-page select input. Forwarded to ItemCountSelect. */
+  resultsPerPageLabel?: string;
+};
+declare const AdvancedPagination: ({
+  allItemsLabel,
+  className,
+  itemRangeLabel,
+  nextPageLabel,
+  ofLabel,
+  previousPageLabel,
+  resultsPerPageLabel
+}: Props) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { PaginationProvider as a, PageSizeOptions as i, Pagination as n, PaginationState as o, CurrentPaginationState as r, usePagination as s, AdvancedPagination as t };
+//# sourceMappingURL=index-D8NtFEaq.d.cts.map

package/index-D8NtFEaq.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D8NtFEaq.d.cts","names":[],"sources":["../src/Pagination/paginationProvider.tsx","../src/Pagination/Pagination.tsx","../src/Pagination/components/ItemCountDisplay/ItemCountDisplay.tsx","../src/Pagination/AdvancedPagination.tsx"],"mappings":";;;KAEY,sBAAA,GAAyB,IAAI,CACrC,eAAA;AAAA,KAGQ,eAAA;AAAA,KAEP,YAAA;EAN6B;;;AACf;AAGnB;;;;AAA2B;EAYvB,gBAAA,GAAmB,MAAM;EAVZ;;;;;;EAiBb,IAAA;AAAA;AAAA,KAGQ,eAAA,GAAkB,YAAA;EAAH;;;;;;;;EASvB,QAAA,GAAW,IAAA;EATe;;;EAa1B,eAAA,EAAiB,eAAA;EAAA;;;EAIjB,SAAA;EAUA;;;;;EAJA,IAAA,UAec;EAbd,SAAA,UAauC;EAXvC,QAAA,EAAU,eAAA,EA2BJ;EAzBN,eAAA,EAAiB,eAAA;EAyBR;;;;;;;;EAhBT,WAAA,GAAc,QAAA,EAAU,eAAA;AAAA;AAAA,KAgBvB,OAAA,GAAQ,YAAA;EACT,QAAA,EAAU,SAAA,EAEV;EAAA,WAAA;EAQkB;;;;;;;EAAlB,eAAA,GAAkB,eAAA;EA4BlB;;;;;EAtBA,WAAA;EAwBiC;AAMrC;;EA1BI,eAAA,GAAkB,eAAA;EA0Ba;;;;;EApB/B,SAAA;EAoB+B;;;;;EAd/B,YAAA,IAAgB,sBAAA,EAAwB,sBAAA;EA0BpC;;;;;EApBJ,gBAAA,IAAoB,sBAAA,EAAwB,sBAAA,WAQb;EAN/B,eAAA,GAAkB,eAAA;AAAA;;;;cAMT,kBAAA;EAAsB,QAAA;EAAA,WAAA;EAAA,eAAA;EAAA,gBAAA;EAAA,WAAA;EAAA,eAAA;EAAA,SAAA;EAAA,YAAA;EAAA,gBAAA;EAAA,eAAA;EAAA;AAAA,GAYhC,OAAA,iCAAK,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;cA4FK,aAAA,QAAa,eAAsC;;;KC7N3D,OAAA;;;ADVL;;;;AACmB;ECiBf,YAAA;EACA,SAAA;EAEA,mBAAA,WDjBuB;ECmBvB,aAAA,WDjBa;ECmBb,SAAA,IAAa,IAAA,qBDTY;ECWzB,iBAAA;AAAA;;;ADJI;AAGR;;cCSa,UAAA;EAAA,cAAc,SAAA;EAAA,SAAA;EAAA,mBAAA;EAAA,aAAA;EAAA,SAAA;EAAA;AAAA,GAOxB,OAAA,iCAAK,GAAA,CAAA,OAAA;;;KCzCI,kBAAA;EAAuB,GAAA;EAAa,KAAA;EAAe,KAAA;AAAA;;;KCG1D,KAAA;wGAED,aAAA,IAAiB,SAAA;EACjB,SAAA;EAEA,cAAA,IAAkB,IAAA,EAAM,kBAAkB,aHR3B;EGUf,aAAA,WHPuB;EGSvB,OAAA,IAAW,SAAA,qBHTY;EGWvB,iBAAA,WHTC;EGWD,mBAAA;AAAA;AAAA,cAGS,kBAAA;EAAsB,aAAA;EAAA,SAAA;EAAA,cAAA;EAAA,aAAA;EAAA,OAAA;EAAA,iBAAA;EAAA;AAAA,GAQhC,KAAA,iCAAK,GAAA,CAAA,OAAA"}