@ttt-productions/media-viewer 0.2.3 → 0.2.7

package/dist/audio-viewer.d.ts

@@ -1,3 +1,3 @@
-import type { MediaViewerBaseProps } from "./types";
-export declare function AudioViewer(props: MediaViewerBaseProps): import("react/jsx-runtime").JSX.Element | null;
+import type { MediaViewerProps } from "./types";
+export declare function AudioViewer(props: MediaViewerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=audio-viewer.d.ts.map

package/dist/audio-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"audio-viewer.d.ts","sourceRoot":"","sources":["../src/audio-viewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,wBAAgB,WAAW,CAAC,KAAK,EAAE,oBAAoB,kDAkCtD"}
+{"version":3,"file":"audio-viewer.d.ts","sourceRoot":"","sources":["../src/audio-viewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAmDlD"}

package/dist/audio-viewer.js

@@ -1,15 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { MediaFallbackLink, shouldShowFallback } from "./fallback";
 export function AudioViewer(props) {
-    const { url, className, mediaClassName, onError, fallbackMode = "link", fallbackLabel } = props;
-    const [failed, setFailed] = React.useState(false);
-    if (failed) {
-        return shouldShowFallback(fallbackMode) ? (_jsx("div", { className: className, children: _jsx(MediaFallbackLink, { url: url, label: fallbackLabel ?? "Open audio" }) })) : null;
-    }
-    return (_jsx("div", { className: className, children: _jsx("audio", { src: url, className: mediaClassName, controls: true, preload: "metadata", onError: (e) => {
-                setFailed(true);
-                onError?.(e);
-            } }) }));
+    const { url, className, mediaClassName, controls = true, autoPlay, loop, } = props;
+    const audioRef = React.useRef(null);
+    // Only add "tap-to-toggle" when controls are OFF (prevents jank)
+    const togglePlay = React.useCallback(() => {
+        const el = audioRef.current;
+        if (!el)
+            return;
+        if (el.paused)
+            void el.play().catch(() => { });
+        else
+            el.pause();
+    }, []);
+    const onKeyDown = React.useCallback((e) => {
+        if (controls)
+            return;
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            togglePlay();
+        }
+    }, [controls, togglePlay]);
+    return (_jsx("div", { className: className, role: controls ? undefined : "button", tabIndex: controls ? undefined : 0, "aria-label": controls ? undefined : "Toggle audio playback", onClick: controls ? undefined : togglePlay, onKeyDown: controls ? undefined : onKeyDown, style: { outline: "none" }, children: _jsx("audio", { ref: audioRef, src: url, className: mediaClassName, controls: controls, autoPlay: autoPlay, loop: loop }) }));
 }
 //# sourceMappingURL=audio-viewer.js.map

package/dist/audio-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio-viewer.js","sourceRoot":"","sources":["../src/audio-viewer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEnE,MAAM,UAAU,WAAW,CAAC,KAA2B;IACrD,MAAM,EACJ,GAAG,EACH,SAAS,EACT,cAAc,EACd,OAAO,EACP,YAAY,GAAG,MAAM,EACrB,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CACxC,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,IAAI,YAAY,GAAI,GACjE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,cAAc,EACzB,QAAQ,QACR,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,GACD,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"audio-viewer.js","sourceRoot":"","sources":["../src/audio-viewer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EACJ,GAAG,EACH,SAAS,EACT,cAAc,EACd,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,IAAI,GACL,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE7D,iEAAiE;IACjE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,IAAI,EAAE,CAAC,MAAM;YAAE,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;;YACzC,EAAE,CAAC,KAAK,EAAE,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACrC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gBACtB,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAuB,EAC1D,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC1C,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAE1B,gBACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,GACV,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/media-job-status-list.d.ts

@@ -0,0 +1,13 @@
+import type { MediaJobStatusPayload } from "@ttt-productions/media-contracts";
+export interface MediaJobStatusListProps {
+    items: MediaJobStatusPayload[];
+    className?: string;
+    /** default: 24 */
+    recentHours?: number;
+    /** default: true */
+    showOnlyRecent?: boolean;
+    /** default: 50 */
+    maxItems?: number;
+}
+export declare function MediaJobStatusList(props: MediaJobStatusListProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=media-job-status-list.d.ts.map

package/dist/components/media-job-status-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-job-status-list.d.ts","sourceRoot":"","sources":["../../src/components/media-job-status-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAI9E,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,oBAAoB;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA+BD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,kDAyEhE"}

package/dist/components/media-job-status-list.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Card, Progress, cn } from "@ttt-productions/ui-core";
+import { AlertCircle, CheckCircle2, Clock3, Loader2, UploadCloud, XCircle } from "lucide-react";
+function getUpdatedAtMs(x) {
+    const v = x.updatedAt;
+    if (!v)
+        return Date.now();
+    if (typeof v === "number")
+        return v;
+    const t = Date.parse(v);
+    return Number.isFinite(t) ? t : Date.now();
+}
+function statusMeta(status) {
+    switch (status) {
+        case "uploading":
+            return { label: "Uploading", icon: UploadCloud, badge: "secondary" };
+        case "queued":
+            return { label: "Queued", icon: Clock3, badge: "secondary" };
+        case "processing":
+            return { label: "AI Processing", icon: Loader2, badge: "secondary" };
+        case "ready":
+            return { label: "Ready", icon: CheckCircle2, badge: "default" };
+        case "rejected":
+            return { label: "Rejected", icon: XCircle, badge: "destructive" };
+        case "failed":
+            return { label: "Failed", icon: AlertCircle, badge: "destructive" };
+        case "selecting":
+            return { label: "Selecting", icon: Clock3, badge: "secondary" };
+        default:
+            return { label: String(status), icon: Clock3, badge: "secondary" };
+    }
+}
+export function MediaJobStatusList(props) {
+    const { items, className, recentHours = 24, showOnlyRecent = true, maxItems = 50, } = props;
+    const now = Date.now();
+    const cutoff = now - recentHours * 60 * 60 * 1000;
+    const list = items
+        .slice()
+        .sort((a, b) => getUpdatedAtMs(b) - getUpdatedAtMs(a))
+        .filter((x) => (showOnlyRecent ? getUpdatedAtMs(x) >= cutoff : true))
+        .slice(0, maxItems);
+    if (!list.length)
+        return null;
+    return (_jsxs(Card, { className: cn("p-3 space-y-2", className), children: [_jsx("div", { className: "text-sm font-medium", children: "Uploads" }), _jsx("div", { className: "space-y-2", children: list.map((it, idx) => {
+                    const meta = statusMeta(it.status);
+                    const Icon = meta.icon;
+                    const progress = it.status === "uploading"
+                        ? Math.max(0, Math.min(100, Math.round((it.progress ?? 0) * 100)))
+                        : it.status === "ready"
+                            ? 100
+                            : undefined;
+                    const updatedAt = new Date(getUpdatedAtMs(it)).toLocaleString();
+                    return (_jsxs("div", { className: "rounded-lg border p-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx(Icon, { className: cn("h-4 w-4", it.status === "processing" ? "animate-spin" : "") }), _jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: meta.badge, children: meta.label }), it.mediaDocId ? (_jsx("span", { className: "text-xs text-muted-foreground truncate", children: it.mediaDocId })) : null] }), _jsx("div", { className: "text-xs text-muted-foreground truncate", children: updatedAt })] })] }), it.reasonCode ? (_jsx("span", { className: "text-xs text-muted-foreground", children: it.reasonCode })) : null] }), typeof progress === "number" ? (_jsxs("div", { className: "mt-2 space-y-1", children: [_jsx(Progress, { value: progress }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [progress, "%"] })] })) : null] }, `${it.mediaDocId ?? "item"}-${idx}`));
+                }) })] }));
+}
+//# sourceMappingURL=media-job-status-list.js.map

package/dist/components/media-job-status-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-job-status-list.js","sourceRoot":"","sources":["../../src/components/media-job-status-list.tsx"],"names":[],"mappings":"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"}

package/dist/fallback.d.ts

@@ -1,9 +1,9 @@
-import type { MediaViewerBaseProps } from "./types";
+import type { FallbackMode } from "./types";
 export declare function MediaFallbackLink(props: {
     url: string;
     filename?: string;
     className?: string;
     label?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function shouldShowFallback(mode: MediaViewerBaseProps["fallbackMode"]): boolean;
+export declare function shouldShowFallback(mode: FallbackMode | undefined): boolean;
 //# sourceMappingURL=fallback.d.ts.map

package/dist/fallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fallback.d.ts","sourceRoot":"","sources":["../src/fallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,2CAcA;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,oBAAoB,CAAC,cAAc,CAAC,GAAG,OAAO,CAEtF"}
+{"version":3,"file":"fallback.d.ts","sourceRoot":"","sources":["../src/fallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,2CAcA;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,GAAG,OAAO,CAE1E"}

package/dist/fallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"fallback.js","sourceRoot":"","sources":["../src/fallback.tsx"],"names":[],"mappings":";AAGA,MAAM,UAAU,iBAAiB,CAAC,KAKjC;IACC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,CACL,YACE,IAAI,EAAE,GAAG,EACT,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,SAAS,EAAE,SAAS,YAEnB,KAAK,IAAI,UAAU,GAClB,CACL,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,IAA0C;IAC3E,OAAO,IAAI,KAAK,MAAM,CAAC;AACzB,CAAC"}
+{"version":3,"file":"fallback.js","sourceRoot":"","sources":["../src/fallback.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,iBAAiB,CAAC,KAKjC;IACC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,CACL,YACE,IAAI,EAAE,GAAG,EACT,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,SAAS,EAAE,SAAS,YAEnB,KAAK,IAAI,UAAU,GAClB,CACL,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,IAA8B;IAC/D,OAAO,IAAI,KAAK,MAAM,CAAC;AACzB,CAAC"}

package/dist/image-viewer.d.ts

@@ -1,3 +1,3 @@
-import type { MediaViewerBaseProps } from "./types";
-export declare function ImageViewer(props: MediaViewerBaseProps): import("react/jsx-runtime").JSX.Element | null;
+import type { MediaViewerProps } from "./types";
+export declare function ImageViewer(props: MediaViewerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=image-viewer.d.ts.map

package/dist/image-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-viewer.d.ts","sourceRoot":"","sources":["../src/image-viewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,wBAAgB,WAAW,CAAC,KAAK,EAAE,oBAAoB,kDAoCtD"}
+{"version":3,"file":"image-viewer.d.ts","sourceRoot":"","sources":["../src/image-viewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA+ClD"}

package/dist/image-viewer.js

@@ -1,15 +1,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { MediaFallbackLink, shouldShowFallback } from "./fallback";
 export function ImageViewer(props) {
-    const { url, alt, className, mediaClassName, onError, fallbackMode = "link", fallbackLabel } = props;
-    const [failed, setFailed] = React.useState(false);
-    if (failed) {
-        return shouldShowFallback(fallbackMode) ? (_jsx("div", { className: className, children: _jsx(MediaFallbackLink, { url: url, label: fallbackLabel ?? "Open image" }) })) : null;
-    }
-    return (_jsx("div", { className: className, children: _jsx("img", { src: url, alt: alt ?? "", loading: "lazy", decoding: "async", className: mediaClassName, onError: (e) => {
-                setFailed(true);
-                onError?.(e);
+    const { url, alt, className, mediaClassName, enableZoom = true } = props;
+    const [zoomed, setZoomed] = React.useState(false);
+    const toggleZoom = React.useCallback(() => {
+        if (!enableZoom)
+            return;
+        setZoomed((z) => !z);
+    }, [enableZoom]);
+    const onKeyDown = React.useCallback((e) => {
+        if (!enableZoom)
+            return;
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            toggleZoom();
+        }
+    }, [enableZoom, toggleZoom]);
+    return (_jsx("div", { className: className, role: enableZoom ? "button" : undefined, tabIndex: enableZoom ? 0 : undefined, "aria-pressed": enableZoom ? zoomed : undefined, "aria-label": enableZoom ? (zoomed ? "Zoom out image" : "Zoom in image") : undefined, onClick: toggleZoom, onKeyDown: onKeyDown, style: { outline: "none" }, children: _jsx("img", { src: url, alt: alt ?? "", draggable: false, className: mediaClassName, style: {
+                maxWidth: "100%",
+                maxHeight: "100%",
+                transition: "transform 0.15s ease",
+                transform: zoomed ? "scale(1.5)" : "scale(1)",
+                cursor: enableZoom ? (zoomed ? "zoom-out" : "zoom-in") : undefined,
             } }) }));
 }
 //# sourceMappingURL=image-viewer.js.map

package/dist/image-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-viewer.js","sourceRoot":"","sources":["../src/image-viewer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEnE,MAAM,UAAU,WAAW,CAAC,KAA2B;IACrD,MAAM,EACJ,GAAG,EACH,GAAG,EACH,SAAS,EACT,cAAc,EACd,OAAO,EACP,YAAY,GAAG,MAAM,EACrB,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CACxC,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,IAAI,YAAY,GAAI,GACjE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,IAAI,EAAE,EACd,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,GACD,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"image-viewer.js","sourceRoot":"","sources":["../src/image-viewer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CACzB,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACvC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,kBACtB,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBACjC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,EAClF,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAE1B,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,IAAI,EAAE,EACd,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE;gBACL,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM;gBACjB,UAAU,EAAE,sBAAsB;gBAClC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;gBAC7C,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS;aACnE,GACD,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-export * from "./types";
-export * from "./media-viewer";
-export * from "./image-viewer";
-export * from "./video-viewer";
-export * from "./audio-viewer";
+export { MediaViewer, MediaPreview } from "./media-viewer";
+export type { MediaViewerProps, MediaViewerType, FallbackMode } from "./types";
+export { ImageViewer } from "./image-viewer";
+export { VideoViewer } from "./video-viewer";
+export { AudioViewer } from "./audio-viewer";
+export { MediaFallbackLink, shouldShowFallback } from "./fallback";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE3D,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE/E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -1,6 +1,6 @@
-export * from "./types";
-export * from "./media-viewer";
-export * from "./image-viewer";
-export * from "./video-viewer";
-export * from "./audio-viewer";
+export { MediaViewer, MediaPreview } from "./media-viewer";
+export { ImageViewer } from "./image-viewer";
+export { VideoViewer } from "./video-viewer";
+export { AudioViewer } from "./audio-viewer";
+export { MediaFallbackLink, shouldShowFallback } from "./fallback";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI3D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/dist/media-viewer.d.ts

@@ -1,5 +1,5 @@
-import type { MediaViewerBaseProps } from "./types";
-export declare function MediaViewer(props: MediaViewerBaseProps): import("react/jsx-runtime").JSX.Element | null;
+import type { MediaViewerProps } from "./types";
+export declare function MediaViewer(props: MediaViewerProps): import("react/jsx-runtime").JSX.Element | null;
 /** Back-compat alias */
 export declare const MediaPreview: typeof MediaViewer;
 //# sourceMappingURL=media-viewer.d.ts.map

package/dist/media-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-viewer.d.ts","sourceRoot":"","sources":["../src/media-viewer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAmB,MAAM,SAAS,CAAC;AAcrE,wBAAgB,WAAW,CAAC,KAAK,EAAE,oBAAoB,kDA2BtD;AAED,wBAAwB;AACxB,eAAO,MAAM,YAAY,oBAAc,CAAC"}
+{"version":3,"file":"media-viewer.d.ts","sourceRoot":"","sources":["../src/media-viewer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,SAAS,CAAC;AAcjE,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDAclD;AAED,wBAAwB;AACxB,eAAO,MAAM,YAAY,oBAAc,CAAC"}

package/dist/media-viewer.js

@@ -20,8 +20,6 @@ export function MediaViewer(props) {
         return _jsx(VideoViewer, { ...props, type: "video" });
     if (t === "audio")
         return _jsx(AudioViewer, { ...props, type: "audio" });
-    // future: pdf
-    // if (t === "pdf") ...
     return shouldShowFallback(fallbackMode) ? (_jsx("div", { className: className, children: _jsx(MediaFallbackLink, { url: url, filename: filename, label: fallbackLabel ?? "Download" }) })) : null;
 }
 /** Back-compat alias */

package/dist/media-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-viewer.js","sourceRoot":"","sources":["../src/media-viewer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAI1E,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,SAAS,SAAS,CAAC,KAAmE;IACpF,IAAI,KAAK,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC;IAElC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,GAAG,CAAC;IACnD,MAAM,UAAU,GAAwB,sBAAsB,CAAC,IAAI,CAAC,CAAC;IACrE,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAA2B;IACrD,MAAM,EACJ,GAAG,EACH,SAAS,EACT,QAAQ,EACR,YAAY,GAAG,MAAM,EACrB,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAE3B,IAAI,CAAC,KAAK,OAAO;QAAE,OAAO,KAAC,WAAW,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;IAClE,IAAI,CAAC,KAAK,OAAO;QAAE,OAAO,KAAC,WAAW,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;IAClE,IAAI,CAAC,KAAK,OAAO;QAAE,OAAO,KAAC,WAAW,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;IAElE,cAAc;IACd,uBAAuB;IAEvB,OAAO,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CACxC,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,aAAa,IAAI,UAAU,GAClC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,wBAAwB;AACxB,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC"}
+{"version":3,"file":"media-viewer.js","sourceRoot":"","sources":["../src/media-viewer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAI1E,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,SAAS,SAAS,CAAC,KAA+D;IAChF,IAAI,KAAK,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC;IAElC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,GAAG,CAAC;IACnD,MAAM,UAAU,GAAwB,sBAAsB,CAAC,IAAI,CAAC,CAAC;IACrE,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAG,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEjF,MAAM,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAE3B,IAAI,CAAC,KAAK,OAAO;QAAE,OAAO,KAAC,WAAW,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;IAClE,IAAI,CAAC,KAAK,OAAO;QAAE,OAAO,KAAC,WAAW,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;IAClE,IAAI,CAAC,KAAK,OAAO;QAAE,OAAO,KAAC,WAAW,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;IAElE,OAAO,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CACxC,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,IAAI,UAAU,GAAI,GACnF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,wBAAwB;AACxB,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC"}

package/dist/types.d.ts

@@ -1,27 +1,32 @@
-import type { SimplifiedMediaType } from "@ttt-productions/media-contracts";
-export type MediaViewerType = SimplifiedMediaType | "pdf";
-export type MediaViewerFallbackMode = "link" | "none";
-export interface MediaViewerBaseProps {
-    url: string;
-    /** Optional explicit type; otherwise inferred from mime/name/url. */
+export type MediaViewerType = "image" | "video" | "audio" | "other";
+export type FallbackMode = "none" | "link";
+export type MediaViewerProps = {
+    /** If omitted, inferred from mime/name/url. */
     type?: MediaViewerType;
-    /** Optional hints for inference. */
+    /** Required media URL */
+    url: string;
+    /** Optional hints for inference */
     mime?: string;
     name?: string;
+    /** Optional download filename (fallback link) */
+    filename?: string;
     /** Wrapper class */
     className?: string;
     /** Media element class */
     mediaClassName?: string;
-    /** For images */
+    /** Accessibility for images */
     alt?: string;
-    /** For link fallback */
-    filename?: string;
-    /** Called when the underlying media element errors. */
-    onError?: (error: unknown) => void;
-    /** Generic fallback behavior when type is unknown or render fails. */
-    fallbackMode?: MediaViewerFallbackMode;
-    /** Link label override */
+    /** Fallback rendering */
+    fallbackMode?: FallbackMode;
     fallbackLabel?: string;
-    poster?: string;
-}
+    /** Image */
+    enableZoom?: boolean;
+    /** Video */
+    controls?: boolean;
+    autoPlay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    posterUrl?: string;
+    enableFullscreen?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,KAAK,CAAC;AAE1D,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC;IAEZ,qEAAqE;IACrE,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,iBAAiB;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnC,sEAAsE;IACtE,YAAY,CAAC,EAAE,uBAAuB,CAAC;IAEvC,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AACpE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB,yBAAyB;IACzB,GAAG,EAAE,MAAM,CAAC;IAEZ,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,yBAAyB;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,YAAY;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAI5B,CAAC"}

package/dist/video-viewer.d.ts

@@ -1,3 +1,3 @@
-import type { MediaViewerBaseProps } from "./types";
-export declare function VideoViewer(props: MediaViewerBaseProps): import("react/jsx-runtime").JSX.Element | null;
+import type { MediaViewerProps } from "./types";
+export declare function VideoViewer(props: MediaViewerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=video-viewer.d.ts.map

package/dist/video-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video-viewer.d.ts","sourceRoot":"","sources":["../src/video-viewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,wBAAgB,WAAW,CAAC,KAAK,EAAE,oBAAoB,kDAoCtD"}
+{"version":3,"file":"video-viewer.d.ts","sourceRoot":"","sources":["../src/video-viewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAsElD"}

package/dist/video-viewer.js

@@ -1,15 +1,35 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { MediaFallbackLink, shouldShowFallback } from "./fallback";
 export function VideoViewer(props) {
-    const { url, className, mediaClassName, onError, fallbackMode = "link", fallbackLabel } = props;
-    const [failed, setFailed] = React.useState(false);
-    if (failed) {
-        return shouldShowFallback(fallbackMode) ? (_jsx("div", { className: className, children: _jsx(MediaFallbackLink, { url: url, label: fallbackLabel ?? "Open video" }) })) : null;
-    }
-    return (_jsx("div", { className: className, children: _jsx("video", { src: url, className: mediaClassName, controls: true, preload: "metadata", poster: props.poster, playsInline: true, onError: (e) => {
-                setFailed(true);
-                onError?.(e);
-            } }) }));
+    const { url, className, mediaClassName, controls = true, autoPlay, muted, loop, posterUrl, enableFullscreen = true, } = props;
+    const videoRef = React.useRef(null);
+    const requestFullscreen = React.useCallback(() => {
+        if (!enableFullscreen)
+            return;
+        const el = videoRef.current;
+        if (!el)
+            return;
+        const fn = el.requestFullscreen ||
+            el.webkitRequestFullscreen ||
+            el.mozRequestFullScreen ||
+            el.msRequestFullscreen;
+        if (typeof fn === "function") {
+            try {
+                fn.call(el);
+            }
+            catch {
+                // ignore
+            }
+        }
+    }, [enableFullscreen]);
+    const onKeyDown = React.useCallback((e) => {
+        if (!enableFullscreen)
+            return;
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            requestFullscreen();
+        }
+    }, [enableFullscreen, requestFullscreen]);
+    return (_jsx("div", { className: className, role: enableFullscreen ? "button" : undefined, tabIndex: enableFullscreen ? 0 : undefined, "aria-label": enableFullscreen ? "Open video fullscreen" : undefined, onDoubleClick: requestFullscreen, onKeyDown: onKeyDown, style: { outline: "none" }, children: _jsx("video", { ref: videoRef, src: url, className: mediaClassName, controls: controls, autoPlay: autoPlay, muted: muted, loop: loop, playsInline: true, poster: posterUrl, style: { width: "100%", height: "100%" } }) }));
 }
 //# sourceMappingURL=video-viewer.js.map

package/dist/video-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"video-viewer.js","sourceRoot":"","sources":["../src/video-viewer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEnE,MAAM,UAAU,WAAW,CAAC,KAA2B;IACrD,MAAM,EACJ,GAAG,EACH,SAAS,EACT,cAAc,EACd,OAAO,EACP,YAAY,GAAG,MAAM,EACrB,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CACxC,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,IAAI,YAAY,GAAI,GACjE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,cAAc,EACzB,QAAQ,QACR,OAAO,EAAC,UAAU,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,WAAW,QACX,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,GACD,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"video-viewer.js","sourceRoot":"","sources":["../src/video-viewer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EACJ,GAAG,EACH,SAAS,EACT,cAAc,EACd,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,gBAAgB,GAAG,IAAI,GACxB,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE7D,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/C,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAC9B,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAc,CAAC;QACnC,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,MAAM,EAAE,GACN,EAAE,CAAC,iBAAiB;YACpB,EAAE,CAAC,uBAAuB;YAC1B,EAAE,CAAC,oBAAoB;YACvB,EAAE,CAAC,mBAAmB,CAAC;QAEzB,IAAI,OAAO,EAAE,KAAK,UAAU,EAAE,CAAC;YAC7B,IAAI,CAAC;gBACH,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACd,CAAC;YAAC,MAAM,CAAC;gBACP,SAAS;YACX,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,iBAAiB,EAAE,CAAC;QACtB,CAAC;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC7C,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,gBAC9B,gBAAgB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS,EAClE,aAAa,EAAE,iBAAiB,EAChC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAE1B,gBACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,WAAW,QACX,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACxC,GACE,CACP,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ttt-productions/media-viewer",
-    "version": "0.2.3",
+    "version": "0.2.7",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/ttt-productions/ttt-packages.git",
@@ -26,10 +26,14 @@
         "typecheck": "tsc --noEmit",
         "prepublishOnly": "npm run clean && npm run build"
     },
+    "dependencies": {
+        "@ttt-productions/media-contracts": "^0.2.4",
+        "@ttt-productions/ui-core": "^0.2.3"
+    },
     "peerDependencies": {
-        "@ttt-productions/media-contracts": ">=0.0.0",
         "react": ">=18.0.0",
-        "react-dom": ">=18.0.0"
+        "react-dom": ">=18.0.0",
+        "lucide-react": ">=0.0.0"
     },
     "devDependencies": {
         "typescript": "^5.8.3"