61: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 62: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 63:T1763,"use client"; import { useState } from "react"; import { cn } from "@/lib/utils"; import { playSfx } from "@/lib/sfx-bus"; type TogglePosition = "up" | "middle" | "down"; interface VintageToggleProps { labels?: [string, string, string]; title?: string; position?: TogglePosition; accent?: string; onChange?: (position: TogglePosition) => void; className?: string; } export function VintageToggle({ labels = ["U", "M", "D"], title = "TOGGLE", position: controlledPos, accent, onChange, className, }: VintageToggleProps) { const [internalPos, setInternalPos] = useState("middle"); const position = controlledPos ?? internalPos; const positions: TogglePosition[] = ["up", "middle", "down"]; const indice = positions.indexOf(position); const ir = (next: TogglePosition) => { if (next === position) return; playSfx("toggle"); if (controlledPos === undefined) setInternalPos(next); onChange?.(next); }; const handleClick = () => ir(positions[(indice + 1) % positions.length]); /* * Teclado: a chave era só do mouse. Seta pra cima e pra baixo movem a * alavanca um degrau (como o dedo faria), Home/End vão aos extremos, e Enter * ou Espaço ciclam igual ao clique. */ const handleKeyDown = (e: React.KeyboardEvent) => { let next: TogglePosition | null = null; if (e.key === "ArrowUp" || e.key === "ArrowLeft") next = positions[Math.max(0, indice - 1)]; else if (e.key === "ArrowDown" || e.key === "ArrowRight") next = positions[Math.min(2, indice + 1)]; else if (e.key === "Home") next = "up"; else if (e.key === "End") next = "down"; else if (e.key === "Enter" || e.key === " ") next = positions[(indice + 1) % positions.length]; if (!next) return; e.preventDefault(); e.stopPropagation(); ir(next); }; const activeColor = accent || "var(--vintage-light)"; /** Paradas da alavanca no curso do trilho, em % da altura. */ const PARADAS = [12, 50, 88]; return (

{/* Anel de foco num filho: o relevo mora no `box-shadow` inline, que venceria qualquer classe de foco no próprio elemento. */} {title}

{/* O rasgo na chapa, com a alavanca dentro. */}

{/* Frisos de pega. */}

{/* Rótulos serigrafados, um por parada. O da posição atual acende. */}

{labels.map((lbl, i) => ( {lbl} ))}

); } 60:["$","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":[null,["$","$L61",null,{"namespace":"@visant","registryDependencies":["@visant/vintage-theme","utils","@visant/sfx-bus"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"registry/vintage/ui/vintage-toggle.tsx","content":"$63","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]