50: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"] 51: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"] 52:T1cbe,"use client"; import { createContext, useContext, useId, useMemo } from "react"; import type { ComponentProps, KeyboardEvent } from "react"; import { AudioConfigProvider } from "@/hooks/use-audio-config"; import type { AudioSize } from "@/hooks/use-audio-config"; import type { BallisticsInput } from "@/lib/audio/ballistics"; import type { MeterZone, Orientation } from "@/lib/audio/types"; import { cn } from "@/lib/utils"; const FOCUSABLE = "input, button, [tabindex]:not([tabindex='-1'])"; const STRIP_SELECTOR = "[data-slot='channel-strip']"; interface MixerContextValue { orientation: Orientation; titleId: string; } const MixerContext = createContext(null); const useMixerPart = (part: string) => { const context = useContext(MixerContext); if (!context) { throw new Error(`${part} must be used inside Mixer.`); } return context; }; /** The surrounding mixer's layout, for custom parts. */ export const useMixerContext = (): MixerContextValue => useMixerPart("useMixerContext"); export interface MixerProps extends ComponentProps<"div"> { /** * `horizontal` stacks row strips; `vertical` lays console strips side by * side. Default `horizontal`. */ orientation?: Orientation; size?: AudioSize; /** Shared meter range. */ minDb?: number; maxDb?: number; /** Shared meter zones. */ zones?: MeterZone[]; /** Shared meter movement. */ ballistics?: BallisticsInput; disabled?: boolean; } export const Mixer = ({ orientation = "horizontal", size, minDb, maxDb, zones, ballistics, disabled, className, children, ...props }: MixerProps) => { const titleId = useId(); const contextValue = useMemo( () => ({ orientation, titleId }), [orientation, titleId] ); const stripOrientation: Orientation = orientation === "horizontal" ? "horizontal" : "vertical"; return (

{children}

); }; export const MixerHeader = ({ className, ...props }: ComponentProps<"div">) => (

); export const MixerTitle = ({ className, children, ...props }: ComponentProps<"h2">) => { const { titleId } = useMixerPart("MixerTitle"); return (

{children}

); }; export const MixerActions = ({ className, ...props }: ComponentProps<"div">) => (

); const focusNeighbour = ( event: KeyboardEvent, direction: number ) => { const target = event.target as HTMLElement; const strip = target.closest(STRIP_SELECTOR); if (!strip) { return false; } const container = event.currentTarget; const strips = [...container.querySelectorAll(STRIP_SELECTOR)]; const neighbour = strips[strips.indexOf(strip) + direction]; if (!neighbour) { return false; } const slot = target.closest("[data-slot]")?.dataset.slot; const match = slot ? neighbour.querySelector(`[data-slot='${slot}']`) : null; const focusTarget = match?.matches(FOCUSABLE) ? match : (match?.querySelector(FOCUSABLE) ?? neighbour.querySelector(FOCUSABLE)); if (!focusTarget) { return false; } focusTarget.focus(); return true; }; export interface MixerChannelsProps extends ComponentProps<"div"> { /** Scroll along the strip axis when strips overflow. Default true. */ scrollable?: boolean; } export const MixerChannels = ({ scrollable = true, className, children, onKeyDownCapture, ...props }: MixerChannelsProps) => { const { orientation } = useMixerPart("MixerChannels"); const handleKeyDown = (event: KeyboardEvent) => { onKeyDownCapture?.(event); if (event.defaultPrevented || !(event.ctrlKey || event.metaKey)) { return; } const previous = orientation === "horizontal" ? "ArrowUp" : "ArrowLeft"; const next = orientation === "horizontal" ? "ArrowDown" : "ArrowRight"; let direction = 0; if (event.key === previous) { direction = -1; } else if (event.key === next) { direction = 1; } if (direction !== 0 && focusNeighbour(event, direction)) { event.preventDefault(); event.stopPropagation(); } }; return (

{children}

); }; export const MixerSeparator = ({ className, ...props }: ComponentProps<"div">) => { const { orientation } = useMixerPart("MixerSeparator"); return (

); }; export const MixerMaster = ({ className, ...props }: ComponentProps<"div">) => { const { orientation } = useMixerPart("MixerMaster"); return (

); }; /** Shown when `MixerChannels` renders nothing. */ export const MixerEmpty = ({ className, ...props }: ComponentProps<"div">) => { useMixerPart("MixerEmpty"); return (