cursedbelt 0.0.0

package/dist/react/media/MediaCatalogueViewer.d.ts

@@ -0,0 +1,9 @@
+import type { MediaCatalogueViewerProps } from './types';
+/**
+ * The media grid for large collections: react-photo-album for the justified/masonry
+ * layout math, @tanstack/react-virtual to virtualize the `rows` layout, YARL + Vidstack
+ * for the full-screen lightbox. Items are URL-only — the app pre-resolves/signs URLs
+ * (binary downloads stay plain GET; nothing here ever touches ctgr).
+ */
+export declare function MediaCatalogueViewer({ items, layout, onItemSelect, onItemDelete, onItemEdit, loading, loadMore, totalCount, targetRowHeight, columns, scrollRoot, className, emptyState, }: MediaCatalogueViewerProps): import("react").JSX.Element;
+//# sourceMappingURL=MediaCatalogueViewer.d.ts.map

package/dist/react/media/MediaCatalogueViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCatalogueViewer.d.ts","sourceRoot":"","sources":["../../../src/react/media/MediaCatalogueViewer.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAOzD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,MAAe,EACf,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,OAAe,EACf,QAAQ,EACR,UAAU,EACV,eAAqB,EACrB,OAAW,EACX,UAAiB,EACjB,SAAS,EACT,UAAU,GACX,EAAE,yBAAyB,+BA8F3B"}

package/dist/react/media/MediaCatalogueViewer.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ImageOff } from 'lucide-react';
+import { useCallback, useMemo, useState } from 'react';
+import { ColumnsPhotoAlbum, MasonryPhotoAlbum } from 'react-photo-album';
+import { EmptyState } from '../components/EmptyState';
+import { Skeleton } from '../components/Skeleton';
+import { cn } from '../lib/cn';
+import { MediaCell } from './MediaCell';
+import { MediaLightbox } from './MediaLightbox';
+import { mediaItemsToPhotos, mediaItemsToSlides } from './mediaPhoto';
+import { useIntersectionObserver } from './useIntersectionObserver';
+import { VirtualizedRows } from './VirtualizedRows';
+// Stable keys for the loading skeletons (no array-index keys).
+const SKELETON_KEYS = ['s1', 's2', 's3', 's4', 's5', 's6', 's7', 's8'];
+/**
+ * The media grid for large collections: react-photo-album for the justified/masonry
+ * layout math, @tanstack/react-virtual to virtualize the `rows` layout, YARL + Vidstack
+ * for the full-screen lightbox. Items are URL-only — the app pre-resolves/signs URLs
+ * (binary downloads stay plain GET; nothing here ever touches ctgr).
+ */
+export function MediaCatalogueViewer({ items, layout = 'rows', onItemSelect, onItemDelete, onItemEdit, loading = false, loadMore, totalCount, targetRowHeight = 180, columns = 4, scrollRoot = null, className, emptyState, }) {
+    const photos = useMemo(() => mediaItemsToPhotos(items), [items]);
+    const slides = useMemo(() => mediaItemsToSlides(items), [items]);
+    const [lightboxIndex, setLightboxIndex] = useState(-1);
+    const openAt = useCallback((index) => {
+        if (index < 0 || index >= items.length)
+            return;
+        onItemSelect?.(items[index]);
+        setLightboxIndex(index);
+    }, [items, onItemSelect]);
+    // Arm infinite-load only when there is more to fetch and we're not mid-load.
+    const hasMore = totalCount == null || items.length < totalCount;
+    const sentinelRef = useIntersectionObserver({
+        onIntersect: () => loadMore?.(),
+        enabled: !!loadMore && hasMore && !loading,
+    });
+    // One render unit for masonry/columns — same MediaCell the virtualized rows use.
+    const renderPhoto = useCallback((_, ctx) => (_jsx(MediaCell, { item: ctx.photo.item, onOpen: () => openAt(ctx.index), onEdit: onItemEdit, onDelete: onItemDelete })), [openAt, onItemEdit, onItemDelete]);
+    const empty = items.length === 0 && !loading;
+    const sentinel = loadMore ? _jsx("div", { ref: sentinelRef, "aria-hidden": true, className: 'h-px w-full' }) : null;
+    return (_jsxs("div", { className: cn('relative w-full', className), "data-cb-media-viewer": layout, children: [empty ? ((emptyState ?? (_jsx(EmptyState, { icon: _jsx(ImageOff, { className: 'size-8', "aria-hidden": true }), title: 'No media', message: 'Nothing to show here yet.' })))) : layout === 'rows' ? (_jsx(VirtualizedRows, { photos: photos, targetRowHeight: targetRowHeight, onOpen: openAt, onEdit: onItemEdit, onDelete: onItemDelete, scrollRoot: scrollRoot, footer: sentinel })) : (_jsxs(_Fragment, { children: [layout === 'masonry' ? (_jsx(MasonryPhotoAlbum, { photos: photos, columns: columns, spacing: 8, render: { photo: renderPhoto } })) : (_jsx(ColumnsPhotoAlbum, { photos: photos, columns: columns, spacing: 8, render: { photo: renderPhoto } })), sentinel] })), loading ? (_jsx("div", { className: 'mt-2 grid grid-cols-2 gap-2 sm:grid-cols-3 md:grid-cols-4', "aria-hidden": true, children: SKELETON_KEYS.map((k) => (_jsx(Skeleton, { className: 'aspect-square w-full' }, k))) })) : null, _jsx(MediaLightbox, { open: lightboxIndex >= 0, index: Math.max(0, lightboxIndex), slides: slides, close: () => setLightboxIndex(-1) })] }));
+}
+//# sourceMappingURL=MediaCatalogueViewer.js.map

package/dist/react/media/MediaCatalogueViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCatalogueViewer.js","sourceRoot":"","sources":["../../../src/react/media/MediaCatalogueViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAA2B,MAAM,mBAAmB,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAmB,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,+DAA+D;AAC/D,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,MAAM,GAAG,MAAM,EACf,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,UAAU,EACV,eAAe,GAAG,GAAG,EACrB,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,UAAU,GACgB;IAC1B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACjE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvD,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,KAAa,EAAE,EAAE;QAChB,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM;YAAE,OAAO;QAC/C,YAAY,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAC7B,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,KAAK,EAAE,YAAY,CAAC,CACtB,CAAC;IAEF,6EAA6E;IAC7E,MAAM,OAAO,GAAG,UAAU,IAAI,IAAI,IAAI,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC;IAChE,MAAM,WAAW,GAAG,uBAAuB,CAAC;QAC1C,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE;QAC/B,OAAO,EAAE,CAAC,CAAC,QAAQ,IAAI,OAAO,IAAI,CAAC,OAAO;KAC3C,CAAC,CAAC;IAEH,iFAAiF;IACjF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAU,EAAE,GAAmC,EAAE,EAAE,CAAC,CACnD,KAAC,SAAS,IACR,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,EACpB,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAC/B,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,GACtB,CACH,EACD,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,CAAC,CACnC,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;IAC7C,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,WAAW,uBAAc,SAAS,EAAC,aAAa,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjG,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,0BAAwB,MAAM,aAC3E,KAAK,CAAC,CAAC,CAAC,CACP,CAAC,UAAU,IAAI,CACb,KAAC,UAAU,IACT,IAAI,EAAE,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,wBAAe,EACjD,KAAK,EAAC,UAAU,EAChB,OAAO,EAAC,2BAA2B,GACnC,CACH,CAAC,CACH,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CACtB,KAAC,eAAe,IACd,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,QAAQ,GAChB,CACH,CAAC,CAAC,CAAC,CACF,8BACG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,iBAAiB,IAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,EACV,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,EACV,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,GAC9B,CACH,EACA,QAAQ,IACR,CACJ,EAEA,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,2DAA2D,iCACvE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACxB,KAAC,QAAQ,IAAS,SAAS,EAAC,sBAAsB,IAAnC,CAAC,CAAqC,CACtD,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,aAAa,IACZ,IAAI,EAAE,aAAa,IAAI,CAAC,EACxB,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,EACjC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GACjC,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/react/media/MediaCell.d.ts

@@ -0,0 +1,18 @@
+import { type MediaItem } from '../../core/media';
+export interface MediaCellProps {
+    item: MediaItem;
+    /** Explicit pixel size (virtualized rows) — omit to fill the parent (masonry/columns). */
+    width?: number;
+    height?: number;
+    onOpen?: () => void;
+    onEdit?: (item: MediaItem) => void;
+    onDelete?: (item: MediaItem) => void;
+}
+/**
+ * One catalogue tile: the thumbnail, a play/audio badge + duration for time-based
+ * media, and hover edit/delete actions. The single render unit shared by the
+ * virtualized rows renderer AND react-photo-album's `render.photo`, so the grid looks
+ * identical regardless of layout driver.
+ */
+export declare function MediaCell({ item, width, height, onOpen, onEdit, onDelete }: MediaCellProps): import("react").JSX.Element;
+//# sourceMappingURL=MediaCell.d.ts.map

package/dist/react/media/MediaCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCell.d.ts","sourceRoot":"","sources":["../../../src/react/media/MediaCell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,cAAc,+BA6E1F"}

package/dist/react/media/MediaCell.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pencil, Play, Trash2, Volume2 } from 'lucide-react';
+import { formatTimecode } from '../../core/media';
+import { cn } from '../lib/cn';
+/**
+ * One catalogue tile: the thumbnail, a play/audio badge + duration for time-based
+ * media, and hover edit/delete actions. The single render unit shared by the
+ * virtualized rows renderer AND react-photo-album's `render.photo`, so the grid looks
+ * identical regardless of layout driver.
+ */
+export function MediaCell({ item, width, height, onOpen, onEdit, onDelete }) {
+    const sized = width != null && height != null;
+    const style = sized ? { width, height } : { width: '100%', height: '100%' };
+    const isVideo = item.type === 'video';
+    const isAudio = item.type === 'audio';
+    const timeBased = isVideo || isAudio;
+    return (_jsxs("div", { className: 'group relative overflow-hidden rounded-md bg-muted text-foreground shadow-raised', style: style, children: [_jsx("button", { type: 'button', onClick: onOpen, "aria-label": `Open ${item.name}`, className: 'block h-full w-full cursor-zoom-in focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', children: isAudio ? (_jsx("div", { className: 'flex h-full w-full items-center justify-center bg-card-raised', children: _jsx(Volume2, { className: 'size-8 text-muted-foreground', "aria-hidden": true }) })) : (_jsx("img", { src: item.thumbnailUrl ?? item.url, alt: item.name, loading: 'lazy', decoding: 'async', className: 'h-full w-full object-cover', draggable: false })) }), isVideo ? (_jsx("div", { className: 'pointer-events-none absolute inset-0 flex items-center justify-center', children: _jsx("span", { className: 'flex size-10 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur-sm', children: _jsx(Play, { className: 'size-5 translate-x-px fill-current', "aria-hidden": true }) }) })) : null, timeBased && item.durationSeconds ? (_jsx("span", { className: 'pointer-events-none absolute bottom-1.5 right-1.5 rounded bg-black/65 px-1.5 py-0.5 font-medium text-white text-xs tabular-nums', children: formatTimecode(item.durationSeconds) })) : null, (onEdit || onDelete) && (_jsxs("div", { className: 'absolute top-1.5 right-1.5 flex gap-1 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100', children: [onEdit ? (_jsx("button", { type: 'button', onClick: () => onEdit(item), "aria-label": `Edit ${item.name}`, className: actionClass, children: _jsx(Pencil, { className: 'size-4', "aria-hidden": true }) })) : null, onDelete ? (_jsx("button", { type: 'button', onClick: () => onDelete(item), "aria-label": `Delete ${item.name}`, className: cn(actionClass, 'hover:bg-destructive hover:text-destructive-foreground'), children: _jsx(Trash2, { className: 'size-4', "aria-hidden": true }) })) : null] }))] }));
+}
+const actionClass = 'flex size-7 items-center justify-center rounded-md bg-black/55 text-white backdrop-blur-sm transition-colors hover:bg-black/75 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring';
+//# sourceMappingURL=MediaCell.js.map

package/dist/react/media/MediaCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCell.js","sourceRoot":"","sources":["../../../src/react/media/MediaCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAkB,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAY/B;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAkB;IACzF,MAAM,KAAK,GAAG,KAAK,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,CAAC;IAC9C,MAAM,KAAK,GAAkB,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IAC3F,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;IACtC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;IACtC,MAAM,SAAS,GAAG,OAAO,IAAI,OAAO,CAAC;IAErC,OAAO,CACL,eACE,SAAS,EAAC,kFAAkF,EAC5F,KAAK,EAAE,KAAK,aAEZ,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,gBACH,QAAQ,IAAI,CAAC,IAAI,EAAE,EAC/B,SAAS,EAAC,4GAA4G,YAErH,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,+DAA+D,YAC5E,KAAC,OAAO,IAAC,SAAS,EAAC,8BAA8B,wBAAe,GAC5D,CACP,CAAC,CAAC,CAAC,CACF,cACE,GAAG,EAAE,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,GAAG,EAClC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,4BAA4B,EACtC,SAAS,EAAE,KAAK,GAChB,CACH,GACM,EAGR,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,uEAAuE,YACpF,eAAM,SAAS,EAAC,+FAA+F,YAC7G,KAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,wBAAe,GAC9D,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EAGP,SAAS,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CACnC,eAAM,SAAS,EAAC,iIAAiI,YAC9I,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC,GAChC,CACR,CAAC,CAAC,CAAC,IAAI,EAGP,CAAC,MAAM,IAAI,QAAQ,CAAC,IAAI,CACvB,eAAK,SAAS,EAAC,2HAA2H,aACvI,MAAM,CAAC,CAAC,CAAC,CACR,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,gBACf,QAAQ,IAAI,CAAC,IAAI,EAAE,EAC/B,SAAS,EAAE,WAAW,YAEtB,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,wBAAe,GAClC,CACV,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,gBACjB,UAAU,IAAI,CAAC,IAAI,EAAE,EACjC,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,wDAAwD,CAAC,YAEpF,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,wBAAe,GAClC,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GACf,wMAAwM,CAAC"}

package/dist/react/media/MediaLightbox.d.ts

@@ -0,0 +1,22 @@
+import 'yet-another-react-lightbox/styles.css';
+import 'yet-another-react-lightbox/plugins/captions.css';
+import 'yet-another-react-lightbox/plugins/counter.css';
+import 'yet-another-react-lightbox/plugins/thumbnails.css';
+import { type Slide } from 'yet-another-react-lightbox';
+export interface MediaLightboxProps {
+    open: boolean;
+    index: number;
+    slides: Slide[];
+    close: () => void;
+    /** Slide-change callback (the app may re-sign expiring private URLs here). */
+    onView?: (index: number) => void;
+}
+/**
+ * The full-screen lightbox: yet-another-react-lightbox with Thumbnails + Zoom +
+ * Captions + Counter, and Vidstack injected for video/audio slides via `render.slide`.
+ * Images use YARL's native (zoomable) renderer; returning `undefined` from `render.slide`
+ * falls back to it. Keyboard nav (←/→, Esc) and the focus trap are YARL-native. The
+ * backdrop + controls colours are mapped to cursedbelt tokens in styles.css.
+ */
+export declare function MediaLightbox({ open, index, slides, close, onView }: MediaLightboxProps): import("react").JSX.Element;
+//# sourceMappingURL=MediaLightbox.d.ts.map

package/dist/react/media/MediaLightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLightbox.d.ts","sourceRoot":"","sources":["../../../src/react/media/MediaLightbox.tsx"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,iDAAiD,CAAC;AACzD,OAAO,gDAAgD,CAAC;AACxD,OAAO,mDAAmD,CAAC;AAC3D,OAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAOlE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,kBAAkB,+BAiBvF"}

package/dist/react/media/MediaLightbox.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import 'yet-another-react-lightbox/styles.css';
+import 'yet-another-react-lightbox/plugins/captions.css';
+import 'yet-another-react-lightbox/plugins/counter.css';
+import 'yet-another-react-lightbox/plugins/thumbnails.css';
+import Lightbox, {} from 'yet-another-react-lightbox';
+import Captions from 'yet-another-react-lightbox/plugins/captions';
+import Counter from 'yet-another-react-lightbox/plugins/counter';
+import Thumbnails from 'yet-another-react-lightbox/plugins/thumbnails';
+import Zoom from 'yet-another-react-lightbox/plugins/zoom';
+import { VideoSlideContent } from './VideoSlideContent';
+/**
+ * The full-screen lightbox: yet-another-react-lightbox with Thumbnails + Zoom +
+ * Captions + Counter, and Vidstack injected for video/audio slides via `render.slide`.
+ * Images use YARL's native (zoomable) renderer; returning `undefined` from `render.slide`
+ * falls back to it. Keyboard nav (←/→, Esc) and the focus trap are YARL-native. The
+ * backdrop + controls colours are mapped to cursedbelt tokens in styles.css.
+ */
+export function MediaLightbox({ open, index, slides, close, onView }) {
+    return (_jsx(Lightbox, { open: open, index: index, close: close, slides: slides, plugins: [Thumbnails, Zoom, Captions, Counter], carousel: { finite: true }, thumbnails: { position: 'bottom', showToggle: true }, on: { view: ({ index: i }) => onView?.(i) }, render: {
+            slide: ({ slide }) => slide.type === 'video' ? _jsx(VideoSlideContent, { slide: slide }) : undefined,
+        } }));
+}
+//# sourceMappingURL=MediaLightbox.js.map

package/dist/react/media/MediaLightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLightbox.js","sourceRoot":"","sources":["../../../src/react/media/MediaLightbox.tsx"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,iDAAiD,CAAC;AACzD,OAAO,gDAAgD,CAAC;AACxD,OAAO,mDAAmD,CAAC;AAC3D,OAAO,QAAQ,EAAE,EAAc,MAAM,4BAA4B,CAAC;AAClE,OAAO,QAAQ,MAAM,6CAA6C,CAAC;AACnE,OAAO,OAAO,MAAM,4CAA4C,CAAC;AACjE,OAAO,UAAU,MAAM,+CAA+C,CAAC;AACvE,OAAO,IAAI,MAAM,yCAAyC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAWxD;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAsB;IACtF,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,CAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,EAC9C,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAC1B,UAAU,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,EACpD,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EAC3C,MAAM,EAAE;YACN,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACnB,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,SAAS;SAC3E,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/react/media/TrimRangeSlider.d.ts

@@ -0,0 +1,23 @@
+export interface TrimRangeSliderProps {
+    duration: number;
+    startSeconds: number;
+    endSeconds: number;
+    onChange: (range: {
+        startSeconds: number;
+        endSeconds: number;
+    }) => void;
+    /** Current playback position (renders a playhead marker). */
+    playhead?: number;
+    /** Seek when the user scrubs the track body. */
+    onSeek?: (seconds: number) => void;
+    maxDurationSeconds?: number;
+    /** Optional filmstrip thumbnail URLs spread across the track as a backdrop. */
+    thumbnails?: (string | null)[];
+}
+/**
+ * A dual-handle trim slider: in/out point handles, a highlighted selection, an optional
+ * playhead, and an optional thumbnail filmstrip backdrop. All position math runs through
+ * the pure {@link clampTrimRange}, so the selection is always valid + ordered.
+ */
+export declare function TrimRangeSlider({ duration, startSeconds, endSeconds, onChange, playhead, onSeek, maxDurationSeconds, thumbnails, }: TrimRangeSliderProps): import("react").JSX.Element;
+//# sourceMappingURL=TrimRangeSlider.d.ts.map

package/dist/react/media/TrimRangeSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrimRangeSlider.d.ts","sourceRoot":"","sources":["../../../src/react/media/TrimRangeSlider.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;CAChC;AAID;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,UAAU,GACX,EAAE,oBAAoB,+BAyHtB"}

package/dist/react/media/TrimRangeSlider.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef } from 'react';
+import { clampTrimRange, formatTimecode } from '../../core/media';
+import { cn } from '../lib/cn';
+/**
+ * A dual-handle trim slider: in/out point handles, a highlighted selection, an optional
+ * playhead, and an optional thumbnail filmstrip backdrop. All position math runs through
+ * the pure {@link clampTrimRange}, so the selection is always valid + ordered.
+ */
+export function TrimRangeSlider({ duration, startSeconds, endSeconds, onChange, playhead, onSeek, maxDurationSeconds, thumbnails, }) {
+    const trackRef = useRef(null);
+    const dragging = useRef(null);
+    const safeDuration = duration > 0 && Number.isFinite(duration) ? duration : 0;
+    const pct = (s) => safeDuration > 0 ? Math.min(100, Math.max(0, (s / safeDuration) * 100)) : 0;
+    const timeFromClientX = useCallback((clientX) => {
+        const el = trackRef.current;
+        if (!el || safeDuration <= 0)
+            return 0;
+        const rect = el.getBoundingClientRect();
+        const ratio = Math.min(1, Math.max(0, (clientX - rect.left) / rect.width));
+        return ratio * safeDuration;
+    }, [safeDuration]);
+    const moveHandle = useCallback((handle, clientX) => {
+        const t = timeFromClientX(clientX);
+        const next = handle === 'start'
+            ? clampTrimRange(t, endSeconds, { duration: safeDuration, maxDurationSeconds })
+            : clampTrimRange(startSeconds, t, { duration: safeDuration, maxDurationSeconds });
+        onChange(next);
+    }, [timeFromClientX, startSeconds, endSeconds, safeDuration, maxDurationSeconds, onChange]);
+    const onHandlePointerDown = (handle) => (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        dragging.current = handle;
+        e.target.setPointerCapture?.(e.pointerId);
+    };
+    const onPointerMove = (e) => {
+        if (!dragging.current)
+            return;
+        moveHandle(dragging.current, e.clientX);
+    };
+    const onPointerUp = (e) => {
+        if (dragging.current) {
+            e.target.releasePointerCapture?.(e.pointerId);
+            dragging.current = null;
+        }
+    };
+    const onTrackPointerDown = (e) => {
+        if (dragging.current)
+            return;
+        onSeek?.(timeFromClientX(e.clientX));
+    };
+    const startPct = pct(startSeconds);
+    const endPct = pct(endSeconds);
+    return (_jsxs("div", { className: 'select-none', "data-cb-trim-slider": true, children: [_jsxs("div", { ref: trackRef, className: 'relative h-16 w-full cursor-pointer overflow-hidden rounded-md border border-border bg-muted', onPointerMove: onPointerMove, onPointerUp: onPointerUp, onPointerDown: onTrackPointerDown, children: [thumbnails && thumbnails.length > 0 ? (_jsx("div", { className: 'pointer-events-none absolute inset-0 flex', children: thumbnails.map((url, i) => (_jsx("div", { className: 'h-full flex-1 bg-card-raised bg-center bg-cover', style: url ? { backgroundImage: `url(${url})` } : undefined }, `film-${i}-${url ?? 'blank'}`))) })) : null, _jsx("div", { className: 'pointer-events-none absolute inset-y-0 left-0 bg-background/65', style: { width: `${startPct}%` } }), _jsx("div", { className: 'pointer-events-none absolute inset-y-0 right-0 bg-background/65', style: { width: `${100 - endPct}%` } }), _jsx("div", { className: 'pointer-events-none absolute inset-y-0 border-accent border-y-2', style: { left: `${startPct}%`, width: `${Math.max(0, endPct - startPct)}%` } }), playhead != null ? (_jsx("div", { className: 'pointer-events-none absolute inset-y-0 w-0.5 bg-white shadow', style: { left: `${pct(playhead)}%` } })) : null, _jsx(Handle, { position: startPct, label: 'Trim start', onPointerDown: onHandlePointerDown('start') }), _jsx(Handle, { position: endPct, label: 'Trim end', onPointerDown: onHandlePointerDown('end') })] }), _jsxs("div", { className: 'mt-2 flex justify-between text-muted-foreground text-xs tabular-nums', children: [_jsxs("span", { children: ["In ", formatTimecode(startSeconds, { tenths: true })] }), _jsxs("span", { children: ["Selected ", formatTimecode(Math.max(0, endSeconds - startSeconds), { tenths: true })] }), _jsxs("span", { children: ["Out ", formatTimecode(endSeconds, { tenths: true })] })] })] }));
+}
+function Handle({ position, label, onPointerDown, }) {
+    return (_jsx("button", { type: 'button', "aria-label": label, onPointerDown: onPointerDown, className: cn('absolute top-0 bottom-0 z-10 flex w-3 -translate-x-1/2 cursor-ew-resize items-center justify-center', 'rounded bg-accent-solid focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'), style: { left: `${position}%` }, children: _jsx("span", { className: 'h-6 w-0.5 rounded bg-white/90', "aria-hidden": true }) }));
+}
+//# sourceMappingURL=TrimRangeSlider.js.map

package/dist/react/media/TrimRangeSlider.js.map

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

package/dist/react/media/VideoSlideContent.d.ts

@@ -0,0 +1,13 @@
+import '@vidstack/react/player/styles/default/theme.css';
+import '@vidstack/react/player/styles/default/layouts/video.css';
+import type { MediaVideoSlide } from './mediaPhoto';
+/**
+ * The Vidstack player rendered inside YARL for a video (or audio) slide. Vidstack is a
+ * web-components player with SSR guards, so it loads safely; it auto-detects HLS
+ * (`.m3u8` → its bundled hls.js loader) and falls back to native playback for MP4.
+ * The default skin is themed by the cursedbelt token bridge in styles.css.
+ */
+export declare function VideoSlideContent({ slide }: {
+    slide: MediaVideoSlide;
+}): import("react").JSX.Element;
+//# sourceMappingURL=VideoSlideContent.d.ts.map

package/dist/react/media/VideoSlideContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoSlideContent.d.ts","sourceRoot":"","sources":["../../../src/react/media/VideoSlideContent.tsx"],"names":[],"mappings":"AAAA,OAAO,iDAAiD,CAAC;AACzD,OAAO,yDAAyD,CAAC;AAOjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,eAAe,CAAA;CAAE,+BAmCtE"}

package/dist/react/media/VideoSlideContent.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import '@vidstack/react/player/styles/default/theme.css';
+import '@vidstack/react/player/styles/default/layouts/video.css';
+import { MediaPlayer, MediaProvider, Poster } from '@vidstack/react';
+import { DefaultAudioLayout, DefaultVideoLayout, defaultLayoutIcons, } from '@vidstack/react/player/layouts/default';
+/**
+ * The Vidstack player rendered inside YARL for a video (or audio) slide. Vidstack is a
+ * web-components player with SSR guards, so it loads safely; it auto-detects HLS
+ * (`.m3u8` → its bundled hls.js loader) and falls back to native playback for MP4.
+ * The default skin is themed by the cursedbelt token bridge in styles.css.
+ */
+export function VideoSlideContent({ slide }) {
+    const isAudio = slide.item.type === 'audio';
+    return (_jsx("div", { className: 'yarl__media-player', style: {
+            width: 'min(92vw, 1280px)',
+            maxHeight: '85vh',
+            display: 'flex',
+            alignItems: 'center',
+        }, children: _jsxs(MediaPlayer, { src: slide.src, title: slide.title, poster: slide.poster, crossOrigin: true, playsInline: true, load: 'visible', viewType: isAudio ? 'audio' : 'video', style: { width: '100%' }, children: [_jsx(MediaProvider, { children: slide.poster ? (_jsx(Poster, { className: 'vds-poster', src: slide.poster, alt: slide.title ?? '' })) : null }), isAudio ? (_jsx(DefaultAudioLayout, { icons: defaultLayoutIcons })) : (_jsx(DefaultVideoLayout, { icons: defaultLayoutIcons }))] }) }));
+}
+//# sourceMappingURL=VideoSlideContent.js.map

package/dist/react/media/VideoSlideContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoSlideContent.js","sourceRoot":"","sources":["../../../src/react/media/VideoSlideContent.tsx"],"names":[],"mappings":";AAAA,OAAO,iDAAiD,CAAC;AACzD,OAAO,yDAAyD,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,wCAAwC,CAAC;AAGhD;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,KAAK,EAA8B;IACrE,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;IAC5C,OAAO,CACL,cACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;YACL,KAAK,EAAE,mBAAmB;YAC1B,SAAS,EAAE,MAAM;YACjB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB,YAED,MAAC,WAAW,IACV,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,WAAW,QACX,WAAW,QACX,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACrC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAExB,KAAC,aAAa,cACX,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,MAAM,IAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,GAAI,CAC7E,CAAC,CAAC,CAAC,IAAI,GACM,EACf,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,kBAAkB,IAAC,KAAK,EAAE,kBAAkB,GAAI,CAClD,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,IAAC,KAAK,EAAE,kBAAkB,GAAI,CAClD,IACW,GACV,CACP,CAAC;AACJ,CAAC"}

package/dist/react/media/VideoTrimmer.d.ts

@@ -0,0 +1,10 @@
+import type { VideoTrimmerProps } from './types';
+/**
+ * In-browser trim UI: a native `<video>` preview + a dual-handle range slider (with a
+ * mediabunny/`<video>` filmstrip), format + quality choices, and a Trim action. No
+ * ffmpeg in the browser — `onTrim` hands the chosen range to the app, which routes it
+ * to the server (`cursedbelt/server/media` `trimVideo`). A Spinner overlays while the
+ * server trims.
+ */
+export declare function VideoTrimmer({ src, name, onTrim, onClose, open, maxDurationSeconds, }: VideoTrimmerProps): import("react").JSX.Element;
+//# sourceMappingURL=VideoTrimmer.d.ts.map

package/dist/react/media/VideoTrimmer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoTrimmer.d.ts","sourceRoot":"","sources":["../../../src/react/media/VideoTrimmer.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAejD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,IAAI,EACJ,MAAM,EACN,OAAO,EACP,IAAW,EACX,kBAAkB,GACnB,EAAE,iBAAiB,+BA+LnB"}

package/dist/react/media/VideoTrimmer.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pause, Play, Scissors } from 'lucide-react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { clampTrimRange, formatTimecode, } from '../../core/media';
+import { ActionBar } from '../components/ActionBar';
+import { Button } from '../components/Button';
+import { IconButton } from '../components/IconButton';
+import { Modal } from '../components/Modal';
+import { SegmentedControl } from '../components/SegmentedControl';
+import { Spinner } from '../components/Spinner';
+import { TrimRangeSlider } from './TrimRangeSlider';
+import { createVideoThumbnailer } from './videoThumbnailer';
+const FILMSTRIP_COUNT = 10;
+const FORMAT_OPTIONS = [
+    { value: 'mp4', label: 'MP4' },
+    { value: 'webm', label: 'WebM' },
+];
+const QUALITY_OPTIONS = [
+    { value: 'high', label: 'High' },
+    { value: 'medium', label: 'Medium' },
+    { value: 'low', label: 'Low' },
+];
+/**
+ * In-browser trim UI: a native `<video>` preview + a dual-handle range slider (with a
+ * mediabunny/`<video>` filmstrip), format + quality choices, and a Trim action. No
+ * ffmpeg in the browser — `onTrim` hands the chosen range to the app, which routes it
+ * to the server (`cursedbelt/server/media` `trimVideo`). A Spinner overlays while the
+ * server trims.
+ */
+export function VideoTrimmer({ src, name, onTrim, onClose, open = true, maxDurationSeconds, }) {
+    const videoRef = useRef(null);
+    const [duration, setDuration] = useState(0);
+    const [range, setRange] = useState({ startSeconds: 0, endSeconds: 0 });
+    const [playhead, setPlayhead] = useState(0);
+    const [playing, setPlaying] = useState(false);
+    const [format, setFormat] = useState('mp4');
+    const [quality, setQuality] = useState('medium');
+    const [thumbnails, setThumbnails] = useState([]);
+    const [submitting, setSubmitting] = useState(false);
+    // Initialise the range once metadata gives us the duration.
+    const onLoadedMetadata = useCallback(() => {
+        const d = videoRef.current?.duration ?? 0;
+        if (!Number.isFinite(d) || d <= 0)
+            return;
+        setDuration(d);
+        setRange(clampTrimRange(0, d, { duration: d, maxDurationSeconds }));
+    }, [maxDurationSeconds]);
+    // Keep playback inside the trimmed window; reflect time on the playhead.
+    const onTimeUpdate = useCallback(() => {
+        const v = videoRef.current;
+        if (!v)
+            return;
+        setPlayhead(v.currentTime);
+        if (v.currentTime >= range.endSeconds) {
+            v.pause();
+            v.currentTime = range.startSeconds;
+            setPlaying(false);
+        }
+    }, [range.startSeconds, range.endSeconds]);
+    // Generate the filmstrip (best-effort; silently absent if WebCodecs/<video> can't).
+    useEffect(() => {
+        if (duration <= 0)
+            return;
+        let cancelled = false;
+        let thumbnailer = null;
+        (async () => {
+            const t = await createVideoThumbnailer(src, { width: 160 });
+            thumbnailer = t;
+            const urls = [];
+            for (let i = 0; i < FILMSTRIP_COUNT; i++) {
+                if (cancelled)
+                    break;
+                const at = (duration * (i + 0.5)) / FILMSTRIP_COUNT;
+                urls.push(await t.thumbnailAt(at));
+                if (!cancelled)
+                    setThumbnails([...urls]);
+            }
+        })().catch(() => { });
+        return () => {
+            cancelled = true;
+            thumbnailer?.dispose();
+        };
+    }, [src, duration]);
+    const seek = useCallback((seconds) => {
+        const v = videoRef.current;
+        if (v)
+            v.currentTime = seconds;
+        setPlayhead(seconds);
+    }, []);
+    // When the user moves a handle, snap the preview frame to that edge.
+    const onRangeChange = useCallback((next) => {
+        const edge = next.startSeconds !== range.startSeconds ? next.startSeconds : next.endSeconds;
+        setRange(next);
+        seek(edge);
+    }, [range.startSeconds, seek]);
+    const togglePlay = useCallback(() => {
+        const v = videoRef.current;
+        if (!v)
+            return;
+        if (v.paused) {
+            if (v.currentTime < range.startSeconds || v.currentTime >= range.endSeconds)
+                v.currentTime = range.startSeconds;
+            void v.play();
+            setPlaying(true);
+        }
+        else {
+            v.pause();
+            setPlaying(false);
+        }
+    }, [range.startSeconds, range.endSeconds]);
+    const handleTrim = useCallback(async () => {
+        setSubmitting(true);
+        try {
+            await onTrim({
+                startSeconds: range.startSeconds,
+                endSeconds: range.endSeconds,
+                format,
+                quality,
+            });
+            onClose();
+        }
+        finally {
+            setSubmitting(false);
+        }
+    }, [onTrim, range.startSeconds, range.endSeconds, format, quality, onClose]);
+    const selectionLength = Math.max(0, range.endSeconds - range.startSeconds);
+    return (_jsx(Modal, { open: open, onClose: onClose, size: 'lg', title: `Trim ${name}`, footer: _jsx(ActionBar, { secondary: _jsx(Button, { variant: 'secondary', onClick: onClose, disabled: submitting, children: "Cancel" }), primary: _jsxs(Button, { onClick: handleTrim, loading: submitting, leftIcon: _jsx(Scissors, { className: 'size-4' }), children: ["Trim ", formatTimecode(selectionLength)] }) }), children: _jsxs("div", { className: 'relative flex flex-col gap-4', "data-cb-video-trimmer": true, children: [_jsxs("div", { className: 'relative overflow-hidden rounded-lg bg-black', children: [_jsx("video", { ref: videoRef, src: src, className: 'mx-auto max-h-[48vh] w-full bg-black', playsInline: true, preload: 'metadata', crossOrigin: 'anonymous', onLoadedMetadata: onLoadedMetadata, onTimeUpdate: onTimeUpdate, onClick: togglePlay, children: _jsx("track", { kind: 'captions' }) }), _jsxs("div", { className: 'absolute bottom-2 left-2 flex items-center gap-2', children: [_jsx(IconButton, { label: playing ? 'Pause' : 'Play', variant: 'secondary', onClick: togglePlay, children: playing ? _jsx(Pause, { className: 'size-4' }) : _jsx(Play, { className: 'size-4' }) }), _jsxs("span", { className: 'rounded bg-black/60 px-1.5 py-0.5 text-white text-xs tabular-nums', children: [formatTimecode(playhead), " / ", formatTimecode(duration)] })] })] }), _jsx(TrimRangeSlider, { duration: duration, startSeconds: range.startSeconds, endSeconds: range.endSeconds, onChange: onRangeChange, onSeek: seek, playhead: playhead, maxDurationSeconds: maxDurationSeconds, thumbnails: thumbnails }), _jsxs("div", { className: 'flex flex-wrap items-center justify-between gap-4', children: [_jsxs("div", { className: 'flex items-center gap-2 text-muted-foreground text-sm', children: [_jsx("span", { children: "Format" }), _jsx(SegmentedControl, { "aria-label": 'Output format', options: FORMAT_OPTIONS.map((o) => ({ value: o.value, label: o.label })), value: format, onChange: (v) => setFormat(v) })] }), _jsxs("div", { className: 'flex items-center gap-2 text-muted-foreground text-sm', children: [_jsx("span", { children: "Quality" }), _jsx(SegmentedControl, { "aria-label": 'Output quality', options: QUALITY_OPTIONS.map((o) => ({ value: o.value, label: o.label })), value: quality, onChange: (v) => setQuality(v) })] })] }), submitting ? (_jsxs("div", { className: 'absolute inset-0 z-10 flex flex-col items-center justify-center gap-3 rounded-lg bg-background/80 backdrop-blur-sm', children: [_jsx(Spinner, { size: 'lg' }), _jsx("p", { className: 'text-muted-foreground text-sm', children: "Trimming on the server\u2026" })] })) : null] }) }));
+}
+//# sourceMappingURL=VideoTrimmer.js.map

package/dist/react/media/VideoTrimmer.js.map

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

package/dist/react/media/VirtualizedRows.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+import type { MediaItem } from '../../core/media';
+import type { MediaPhoto } from './mediaPhoto';
+export interface VirtualizedRowsProps {
+    photos: MediaPhoto[];
+    targetRowHeight?: number;
+    spacing?: number;
+    onOpen: (index: number) => void;
+    onEdit?: (item: MediaItem) => void;
+    onDelete?: (item: MediaItem) => void;
+    /**
+     * Explicit scroll container for virtualization. When omitted, the catalogue
+     * virtualizes against window scroll (the page is the scroller — the common case and
+     * the demo). An app embedding the catalogue inside a bounded `ScrollArea` passes its
+     * viewport element so only visible rows mount.
+     */
+    scrollRoot?: HTMLElement | null;
+    /** Optional sentinel rendered after the last row (infinite-load trigger). */
+    footer?: ReactNode;
+}
+/**
+ * A justified, row-based media grid that virtualizes its rows. react-photo-album's
+ * `computeRowsLayout` does the justified-layout math (one row height per track, widths
+ * summing to the container width); `@tanstack/react-virtual` renders only the rows in
+ * view, so a 1000-item collection mounts a handful of `<img>`s, not a thousand.
+ */
+export declare function VirtualizedRows(props: VirtualizedRowsProps): import("react").JSX.Element;
+//# sourceMappingURL=VirtualizedRows.d.ts.map

package/dist/react/media/VirtualizedRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedRows.d.ts","sourceRoot":"","sources":["../../../src/react/media/VirtualizedRows.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAqD,MAAM,OAAO,CAAC;AAE1F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAMD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAiC1D"}

package/dist/react/media/VirtualizedRows.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useVirtualizer, useWindowVirtualizer } from '@tanstack/react-virtual';
+import { useLayoutEffect, useRef, useState } from 'react';
+import { computeRowsLayout } from 'react-photo-album';
+import { cn } from '../lib/cn';
+import { MediaCell } from './MediaCell';
+const trackHeight = (track) => track.photos[0]?.height ?? 0;
+/**
+ * A justified, row-based media grid that virtualizes its rows. react-photo-album's
+ * `computeRowsLayout` does the justified-layout math (one row height per track, widths
+ * summing to the container width); `@tanstack/react-virtual` renders only the rows in
+ * view, so a 1000-item collection mounts a handful of `<img>`s, not a thousand.
+ */
+export function VirtualizedRows(props) {
+    const { photos, targetRowHeight = 180, spacing = 8, scrollRoot } = props;
+    const listRef = useRef(null);
+    const [width, setWidth] = useState(0);
+    // Track the available content width; recompute the justified layout when it changes.
+    useLayoutEffect(() => {
+        const el = listRef.current;
+        if (!el)
+            return;
+        const measure = () => setWidth(el.clientWidth);
+        measure();
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        const ro = new ResizeObserver(measure);
+        ro.observe(el);
+        return () => ro.disconnect();
+    }, []);
+    const layout = width > 0 ? computeRowsLayout(photos, spacing, 0, width, targetRowHeight) : undefined;
+    const tracks = layout?.tracks ?? [];
+    // Window scroll (no explicit root) vs. a bounded scroll container: two virtualizer
+    // hooks, picked once. Each variant renders the SAME RowsBody.
+    return (_jsxs("div", { ref: listRef, className: 'w-full', children: [tracks.length === 0 ? null : scrollRoot ? (_jsx(ElementRows, { listRef: listRef, scrollRoot: scrollRoot, tracks: tracks, ...props })) : (_jsx(WindowRows, { listRef: listRef, tracks: tracks, ...props })), props.footer] }));
+}
+function WindowRows({ listRef, tracks, spacing = 8, ...rest }) {
+    const virtualizer = useWindowVirtualizer({
+        count: tracks.length,
+        estimateSize: (i) => trackHeight(tracks[i]) + spacing,
+        overscan: 3,
+        scrollMargin: listRef.current?.offsetTop ?? 0,
+    });
+    return _jsx(RowsBody, { virtualizer: virtualizer, tracks: tracks, spacing: spacing, ...rest });
+}
+function ElementRows({ listRef, tracks, spacing = 8, scrollRoot, ...rest }) {
+    const virtualizer = useVirtualizer({
+        count: tracks.length,
+        getScrollElement: () => scrollRoot ?? null,
+        estimateSize: (i) => trackHeight(tracks[i]) + spacing,
+        overscan: 3,
+        scrollMargin: listRef.current?.offsetTop ?? 0,
+    });
+    return _jsx(RowsBody, { virtualizer: virtualizer, tracks: tracks, spacing: spacing, ...rest });
+}
+function RowsBody({ virtualizer, tracks, spacing = 8, onOpen, onEdit, onDelete }) {
+    const scrollMargin = virtualizer.options.scrollMargin;
+    return (_jsx("div", { className: 'relative w-full', style: { height: virtualizer.getTotalSize() }, children: virtualizer.getVirtualItems().map((row) => {
+            const track = tracks[row.index];
+            const height = trackHeight(track);
+            return (_jsx("div", { "data-cb-media-row": row.index, className: cn('absolute top-0 left-0 flex w-full'), style: { height, gap: spacing, transform: `translateY(${row.start - scrollMargin}px)` }, children: track.photos.map((p) => (_jsx(MediaCell, { item: p.photo.item, width: p.width, height: p.height, onOpen: () => onOpen(p.index), onEdit: onEdit, onDelete: onDelete }, p.photo.key ?? p.index))) }, row.key));
+        }) }));
+}
+//# sourceMappingURL=VirtualizedRows.js.map

package/dist/react/media/VirtualizedRows.js.map

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