51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T2e26,"use client"; import * as React from "react"; import { Download, Maximize, Minus, Plus, RotateCw } from "lucide-react"; import { cn } from "@/lib/utils"; import type { ViewerDownloadAction } from "@/lib/viewer-download-actions"; import { Button } from "@/components/ui/button"; import { Separator } from "@/components/ui/separator"; import { Skeleton } from "@/components/ui/skeleton"; import { ViewerDownloadControl, type ViewerDownloadErrorHandler, } from "@/components/ui/viewer-download"; export type ViewerControlPosition = | { kind: "page" | "slide" | "frame"; current: number; total?: number; } | { label: React.ReactNode; }; export type ViewerZoomControl = { scale: number | null; onZoomOut: () => void; onZoomIn: () => void; onFit?: () => void; onReset?: () => void; fitLabel?: string; isDisabled?: boolean; }; export type ViewerRotateControl = { onRotate: () => void; isDisabled?: boolean; }; export type ViewerControlsState = { title?: React.ReactNode; subtitle?: React.ReactNode; position?: ViewerControlPosition | null; zoom?: ViewerZoomControl | null; rotate?: ViewerRotateControl | null; downloads?: ViewerDownloadAction[]; loading?: boolean; extra?: React.ReactNode; }; type ViewerControlsRegistration = (state: ViewerControlsState | null) => void; type ViewerControlsRegistrar = ( registrationId: symbol, state: ViewerControlsState | null, ) => void; const ViewerControlsRegistrationContext = React.createContext(null); export function ViewerControlsRegistrationProvider({ children, onControlsChange, }: { children: React.ReactNode; onControlsChange: ViewerControlsRegistration; }) { const activeRegistrationRef = React.useRef(null); const registerControls = React.useCallback( (registrationId, state) => { if (state) { activeRegistrationRef.current = registrationId; onControlsChange(state); return; } if (activeRegistrationRef.current !== registrationId) return; activeRegistrationRef.current = null; onControlsChange(null); }, [onControlsChange], ); return ( {children} ); } export function useViewerControlsRegistration(): ViewerControlsRegistration | null { const registerControls = React.useContext(ViewerControlsRegistrationContext); const registrationId = React.useMemo( () => Symbol("viewer-controls-registration"), [], ); return React.useMemo(() => { if (!registerControls) return null; return (state) => registerControls(registrationId, state); }, [registerControls, registrationId]); } export type ViewerControlsProps = Omit, "title"> & { title?: React.ReactNode; subtitle?: React.ReactNode; position?: ViewerControlPosition | null; zoom?: ViewerZoomControl | null; rotate?: ViewerRotateControl | null; downloads?: ViewerDownloadAction[]; onDownloadError?: ViewerDownloadErrorHandler; loading?: boolean; size?: "default" | "sm"; extra?: React.ReactNode; }; export type ViewerControlsSkeletonProps = Omit< React.ComponentProps<"div">, "title" > & { title?: boolean; subtitle?: boolean; position?: boolean; zoom?: boolean; rotate?: boolean; download?: boolean; extra?: React.ReactNode; }; export const VIEWER_CONTROLS_HEIGHT_PX = 40; export function ViewerControls({ className, title, subtitle, position, zoom, rotate, downloads, onDownloadError, loading = false, size = "default", extra, ...props }: ViewerControlsProps) { const hasDownloads = Boolean(downloads?.length); const hasControls = Boolean(zoom || rotate || hasDownloads || extra); const hasPlainTitle = typeof title === "string" || typeof title === "number"; const hasMetadataGroup = loading || title != null || subtitle != null; return (

{hasMetadataGroup ? (

{loading ? ( ) : null} {title != null ? (

{title}

) : null} {subtitle != null ? ( {subtitle} ) : null} {position ? ( {formatViewerControlPosition(position)} ) : null}

) : position ? ( {formatViewerControlPosition(position)} ) : (

)} {hasControls ? (

{zoom ? : null} {zoom && rotate ? : null} {rotate ? : null} {(zoom || rotate) && hasDownloads ? : null} {hasDownloads ? ( ) : null} {(zoom || rotate || hasDownloads) && extra ? ( ) : null} {extra}

) : null}

); } export function ViewerControlsSkeleton({ className, title = false, subtitle = false, position = false, zoom = false, rotate = false, download = false, extra, ...props }: ViewerControlsSkeletonProps) { const hasControls = zoom || rotate || download || Boolean(extra); return (

{title ? ( ) : null} {subtitle ? ( ) : null} {position ? ( ) : null}

{hasControls ? (

{zoom ? ( <> ) : null} {zoom && rotate ? : null} {rotate ? ( ) : null} {(zoom || rotate) && download ? : null} {download ? ( ) : null} {(zoom || rotate || download) && extra ? ( ) : null} {extra}

) : null}

); } export function ViewerControlButton({ label, children, className, ...props }: React.ComponentProps & { label: string }) { return ( ); } export function formatViewerControlPosition(position: ViewerControlPosition) { if ("label" in position) return position.label; const label = position.kind === "page" ? "Page" : position.kind === "slide" ? "Slide" : "Frame"; const current = position.total == null ? position.current : Math.min(position.current, position.total); return position.total == null ? `${label} ${current}` : `${label} ${current} of ${position.total}`; } function ViewerZoomControls({ zoom }: { zoom: ViewerZoomControl }) { const fitLabel = zoom.fitLabel ?? "Fit width"; return ( <> {zoom.onReset ? ( ) : ( {zoom.scale == null ? "Fit" : `${Math.round(zoom.scale * 100)}%`} )} {zoom.onFit ? ( ) : null} ); } function ViewerRotateControlButton({ rotate, }: { rotate: ViewerRotateControl; }) { return ( ); } function ViewerControlSeparator() { return ; } 54:T2559,"use client"; import * as React from "react"; import { Download } from "lucide-react"; import { cn } from "@/lib/utils"; import { ViewerDownloadError, type ViewerDownloadAction, type ViewerDownloadPayload, } from "@/lib/viewer-download-actions"; import { Spinner } from "@/components/ui/spinner"; import { Button, buttonVariants } from "./button"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "./dropdown-menu"; import { useKeyedMountEffect } from "@/hooks/use-keyed-mount-effect"; import { joinEffectKey } from "@/lib/effect-key"; export interface TriggerViewerDownloadOptions { signal?: AbortSignal; } export async function triggerViewerDownload( action: ViewerDownloadAction, options?: TriggerViewerDownloadOptions, ): Promise { if (action.isDisabled) { throw new ViewerDownloadError({ actionId: action.id, kind: "disabled", message: "This download is disabled.", }); } let payload: ViewerDownloadPayload; try { payload = await action.getPayload(options); } catch (error) { if (isAbortError(error)) { throw new ViewerDownloadError({ actionId: action.id, kind: "aborted", message: "Download was cancelled.", cause: error, }); } throw new ViewerDownloadError({ actionId: action.id, kind: "payload_failed", message: "Could not prepare this download.", cause: error, }); } if (payload.kind === "none") return; if (payload.kind === "href") { try { clickDownload(payload.href, action.fileName); } catch (error) { throw new ViewerDownloadError({ actionId: action.id, kind: "unsupported", message: "Could not start this download.", cause: error, }); } return; } try { const blob = payload.kind === "blob" ? payload.blob : new Blob([payload.text], { type: payload.mimeType ?? "text/plain;charset=utf-8", }); const url = URL.createObjectURL(blob); try { clickDownload(url, action.fileName); } finally { URL.revokeObjectURL(url); } } catch (error) { throw new ViewerDownloadError({ actionId: action.id, kind: "unsupported", message: "Could not start this download.", cause: error, }); } } export type ViewerDownloadErrorHandler = ( error: ViewerDownloadError, action: ViewerDownloadAction, ) => void; export interface ViewerDownloadTrigger { pendingActionId: string | null; triggerDownload: (action: ViewerDownloadAction) => void; } export interface ViewerDownloadTriggerOptions { /** Reports non-aborted action failures; visible failure UI belongs to consumers. */ onError?: ViewerDownloadErrorHandler; resetKey?: unknown; } export interface ViewerDownloadControlProps { actions: Array; variant?: React.ComponentProps["variant"]; size?: React.ComponentProps["size"]; className?: string; showLabel?: boolean; /** Reports non-aborted action failures; visible failure UI belongs to consumers. */ onError?: ViewerDownloadErrorHandler; } export interface ViewerDownloadButtonProps extends Omit { action: ViewerDownloadAction | null; } export interface ViewerDownloadMenuProps extends Omit { actions: ViewerDownloadAction[]; } export function useViewerDownloadHref( action: ViewerDownloadAction | null, ): string | null { const shouldCreateHref = action?.origin !== "derived"; const payload = shouldCreateHref ? getSynchronousPayload(action) : null; return shouldCreateHref && payload?.kind === "href" ? payload.href : null; } export function useViewerDownloadTrigger({ onError, resetKey = "", }: ViewerDownloadTriggerOptions = {}): ViewerDownloadTrigger { const [pendingActionId, setPendingActionId] = React.useState( null, ); const abortControllerRef = React.useRef(null); useKeyedMountEffect(joinEffectKey([resetKey]), () => { return () => { abortControllerRef.current?.abort(); abortControllerRef.current = null; }; }); const triggerDownload = React.useCallback( (action: ViewerDownloadAction) => { abortControllerRef.current?.abort(); const abortController = new AbortController(); abortControllerRef.current = abortController; setPendingActionId(action.id); void triggerViewerDownload(action, { signal: abortController.signal }) .catch((error) => { reportDownloadError(error, action, onError); }) .finally(() => { if (abortControllerRef.current === abortController) { abortControllerRef.current = null; setPendingActionId(null); } }); }, [onError], ); return { pendingActionId, triggerDownload }; } export function ViewerDownloadControl({ actions, variant = "ghost", size = "iconSm", className = "size-7", showLabel = false, onError, }: ViewerDownloadControlProps) { const enabledActions = actions.filter( (action): action is ViewerDownloadAction => Boolean(action), ); if (enabledActions.length <= 1) { return ( ); } return ( ); } export function ViewerDownloadButton({ action, variant = "ghost", size = "iconSm", className = "size-7", showLabel = false, onError, }: ViewerDownloadButtonProps) { const href = useViewerDownloadHref(action); const label = action?.label ?? "Download"; const disabled = !action || action.isDisabled; const hasDownloadHref = Boolean(href); const { pendingActionId, triggerDownload } = useViewerDownloadTrigger({ onError, resetKey: action, }); const isPending = Boolean(action && pendingActionId === action.id); const handleClick = React.useCallback(() => { if (!action || hasDownloadHref) return; triggerDownload(action); }, [action, hasDownloadHref, triggerDownload]); if (href) { return ( {showLabel ? label : null} ); } return ( ); } export function ViewerDownloadMenu({ actions, variant = "ghost", size = "iconSm", className = "size-7", showLabel = false, onError, }: ViewerDownloadMenuProps) { const actionSetKey = actions.map((action) => action.id).join("\u0000"); const label = "Download"; const { pendingActionId, triggerDownload } = useViewerDownloadTrigger({ onError, resetKey: actionSetKey, }); return ( {actions.map((action) => ( triggerDownload(action)} > {action.label} ))} ); } function clickDownload(href: string, fileName: string) { const anchor = document.createElement("a"); anchor.href = href; anchor.download = fileName; anchor.rel = "noreferrer"; document.body.appendChild(anchor); anchor.click(); anchor.remove(); } function getSynchronousPayload( action: ViewerDownloadAction | null, ): ViewerDownloadPayload | null { if (!action || action.isDisabled) return null; const payload = action.getPayload(); return payload instanceof Promise ? null : payload; } function reportDownloadError( error: unknown, action: ViewerDownloadAction, onError: ViewerDownloadErrorHandler | undefined, ) { if (!(error instanceof ViewerDownloadError)) return; if (error.kind === "aborted") return; onError?.(error, action); } function isAbortError(error: unknown) { return error instanceof DOMException && error.name === "AbortError"; } 55:Ta05,export type ViewerDownloadOrigin = "original" | "derived"; export type ViewerDownloadPayload = | { kind: "href"; href: string } | { kind: "blob"; blob: Blob } | { kind: "text"; text: string; mimeType?: string } | { kind: "none" }; export interface ViewerDownloadAction { id: string; label: string; fileName: string; origin: ViewerDownloadOrigin; isDisabled?: boolean; getPayload: (options?: { signal?: AbortSignal; }) => ViewerDownloadPayload | Promise; } export type ViewerDownloadErrorKind = | "disabled" | "aborted" | "payload_failed" | "unsupported"; export class ViewerDownloadError extends Error { readonly kind: ViewerDownloadErrorKind; readonly actionId: string; override readonly cause?: unknown; constructor({ actionId, kind, message, cause, }: { actionId: string; kind: ViewerDownloadErrorKind; message: string; cause?: unknown; }) { super(message); this.name = "ViewerDownloadError"; this.actionId = actionId; this.kind = kind; this.cause = cause; } } export function createHrefDownloadAction({ id, label = "Download", href, fileName, origin = "original", }: { id: string; label?: string; href: string; fileName: string; origin?: ViewerDownloadOrigin; }): ViewerDownloadAction { return { id, label, fileName, origin, getPayload: () => ({ kind: "href", href }), }; } export function createBlobDownloadAction({ id, label = "Download", blob, fileName, origin = "original", }: { id: string; label?: string; blob: Blob; fileName: string; origin?: ViewerDownloadOrigin; }): ViewerDownloadAction { return { id, label, fileName, origin, getPayload: () => ({ kind: "blob", blob }), }; } export function createTextDownloadAction({ id, label = "Download", text, fileName, mimeType, origin = "original", }: { id: string; label?: string; text: string; fileName: string; mimeType?: string; origin?: ViewerDownloadOrigin; }): ViewerDownloadAction { return { id, label, fileName, origin, getPayload: () => ({ kind: "text", text, mimeType }), }; } export function createDisabledDownloadAction({ id, label = "Download", fileName, origin = "original", }: { id: string; label?: string; fileName: string; origin?: ViewerDownloadOrigin; }): ViewerDownloadAction { return { id, label, fileName, origin, isDisabled: true, getPayload: () => ({ kind: "none" }), }; } 56:T959,import * as React from "react"; import { cva, type VariantProps } from "class-variance-authority"; import { Slot } from "radix-ui"; import { cn } from "@/lib/utils"; const buttonVariants = cva( "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", { variants: { variant: { default: "bg-primary text-primary-foreground hover:bg-primary/90", destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40", outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50", secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", link: "text-primary underline-offset-4 hover:underline", }, size: { default: "h-9 px-4 py-2 has-[>svg]:px-3", xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3", sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5", lg: "h-10 rounded-md px-6 has-[>svg]:px-4", icon: "size-9", iconXs: "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3", iconSm: "size-8", iconLg: "size-10", }, }, defaultVariants: { variant: "default", size: "default", }, }, ); function Button({ className, variant = "default", size = "default", asChild = false, ...props }: React.ComponentProps<"button"> & VariantProps & { asChild?: boolean; }) { const Comp = asChild ? Slot.Root : "button"; return ( ); } export { Button, buttonVariants }; 57:T2103,"use client"; import * as React from "react"; import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"; import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui"; import { cn } from "@/lib/utils"; function DropdownMenu({ ...props }: React.ComponentProps) { return ; } function DropdownMenuPortal({ ...props }: React.ComponentProps) { return ( ); } function DropdownMenuTrigger({ ...props }: React.ComponentProps) { return ( ); } function DropdownMenuContent({ className, sideOffset = 4, ...props }: React.ComponentProps) { return ( ); } function DropdownMenuGroup({ ...props }: React.ComponentProps) { return ( ); } function DropdownMenuItem({ className, inset, variant = "default", ...props }: React.ComponentProps & { inset?: boolean; variant?: "default" | "destructive"; }) { return ( ); } function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps) { return ( {children} ); } function DropdownMenuRadioGroup({ ...props }: React.ComponentProps) { return ( ); } function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps) { return ( {children} ); } function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps & { inset?: boolean; }) { return ( ); } function DropdownMenuSeparator({ className, ...props }: React.ComponentProps) { return ( ); } function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">) { return ( ); } function DropdownMenuSub({ ...props }: React.ComponentProps) { return ; } function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps & { inset?: boolean; }) { return ( {children} ); } function DropdownMenuSubContent({ className, ...props }: React.ComponentProps) { return ( ); } export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, }; 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react@^0.514.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react@^0.514.0"}]]}]}],["$","li","class-variance-authority@^0.7.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"class-variance-authority@^0.7.1"}]]}]}],["$","li","radix-ui@^1.5.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/radix-ui","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"radix-ui@^1.5.0"}]]}]}]]}],["$","$L51",null,{"namespace":"@retab","registryDependencies":["@retab/utils","button","separator","@retab/skeleton","@retab/spinner","dropdown-menu","@retab/effect-key","@retab/use-keyed-mount-effect"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/new-york-v4/ui/viewer-controls.tsx","content":"$53","type":"registry:ui","target":"@ui/viewer-controls.tsx"},{"path":"registry/new-york-v4/ui/viewer-download.tsx","content":"$54","type":"registry:ui","target":"@ui/viewer-download.tsx"},{"path":"registry/new-york-v4/lib/viewer-download-actions.ts","content":"$55","type":"registry:lib","target":"@lib/viewer-download-actions.ts"},{"path":"registry/new-york-v4/ui/button.tsx","content":"$56","type":"registry:ui","target":"@ui/button.tsx"},{"path":"registry/new-york-v4/ui/dropdown-menu.tsx","content":"$57","type":"registry:ui","target":"@ui/dropdown-menu.tsx"}],"className":"h-[70svh] min-h-80"}]]}]