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:Tde5,// Ballmac UI: Countdown. https://ui.ballmac.com/components/countdown "use client" import * as React from "react" import { cn } from "@/lib/utils" import { useLocale, useMessages } from "@/lib/ballmac/i18n" type CountdownProps = Omit, "defaultValue"> & { /** Controlled seconds remaining. */ value?: number /** Initial seconds remaining when uncontrolled. */ defaultValue?: number /** Called after a one-second tick. */ onValueChange?: (seconds: number) => void /** Called once when an uncontrolled timer reaches zero. */ onComplete?: () => void /** Pause or resume ticking. */ running?: boolean /** Accessible purpose of the timer. */ label?: string } function Countdown({ className, value, defaultValue = 0, onValueChange, onComplete, running = true, label, ...props }: CountdownProps) { const msg = useMessages() const locale = useLocale() label ??= msg("countdown.label", "Time remaining") const [internal, setInternal] = React.useState( Math.max(0, Math.floor(defaultValue)), ) const remaining = Math.max(0, Math.floor(value ?? internal)) const onValueChangeRef = React.useRef(onValueChange) const onCompleteRef = React.useRef(onComplete) React.useEffect(() => { onValueChangeRef.current = onValueChange onCompleteRef.current = onComplete }, [onValueChange, onComplete]) React.useEffect(() => { if (!running || remaining === 0) return const timer = window.setTimeout(() => { const next = Math.max(0, remaining - 1) if (value === undefined) setInternal(next) onValueChangeRef.current?.(next) if (next === 0) onCompleteRef.current?.() }, 1000) return () => window.clearTimeout(timer) }, [running, remaining, value]) const hours = Math.floor(remaining / 3600) const minutes = Math.floor((remaining % 3600) / 60) const seconds = remaining % 60 const units = hours > 0 ? ([ [hours, "hours"], [minutes, "minutes"], [seconds, "seconds"], ] as const) : ([ [minutes, "minutes"], [seconds, "seconds"], ] as const) const unitFormat = (n: number, unit: "hour" | "minute" | "second") => new Intl.NumberFormat(locale, { style: "unit", unit, unitDisplay: "long" }).format(n) const spoken = new Intl.ListFormat(locale, { type: "unit", style: "short" }).format([...(hours ? [unitFormat(hours, "hour")] : []), unitFormat(minutes, "minute"), unitFormat(seconds, "second")]) return (

{units.map(([number, unit], index) => ( {index > 0 && ( )} ))} {remaining === 0 ? msg("countdown.complete", "{label} complete", { label }) : ""}

) } export { Countdown, type CountdownProps } 4f:["$","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,["$","$L50",null,{"namespace":"@ballmac","registryDependencies":["utils","https://ui.ballmac.com/r/i18n.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/ballmac/components/countdown.tsx","content":"$52","type":"registry:ui","target":"@components/ballmac/countdown.tsx"}],"className":"h-[70svh] min-h-80"}]]}]