52: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"] 53: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"] 54:Taee,import * as React from "react"; import { Tooltip, TooltipContent, TooltipTrigger } from "@/registry/8starlabs-ui/ui/tooltip"; import { cn } from "@/lib/utils"; type RelativeTimeUnit = Intl.RelativeTimeFormatUnit; export interface RelativeTimeProps extends Omit, "dateTime"> { /** The date to describe. Accepts a Date, an ISO date string, or a Unix timestamp in milliseconds. */ date: Date | string | number; /** Locale passed to Intl.RelativeTimeFormat. */ locale?: string | string[]; /** Whether zero should display as "now" or "0 seconds ago". */ numeric?: Intl.RelativeTimeFormatOptions["numeric"]; /** Shows the exact UTC/GMT date on hover and keyboard focus. */ showTooltip?: boolean; } const TIME_UNITS: Array<{ unit: RelativeTimeUnit; milliseconds: number }> = [ { unit: "year", milliseconds: 365.25 * 24 * 60 * 60 * 1000 }, { unit: "month", milliseconds: 30.44 * 24 * 60 * 60 * 1000 }, { unit: "week", milliseconds: 7 * 24 * 60 * 60 * 1000 }, { unit: "day", milliseconds: 24 * 60 * 60 * 1000 }, { unit: "hour", milliseconds: 60 * 60 * 1000 }, { unit: "minute", milliseconds: 60 * 1000 }, { unit: "second", milliseconds: 1000 } ]; function toDate(value: RelativeTimeProps["date"]) { return value instanceof Date ? value : new Date(value); } function getRelativeValue(date: Date) { const difference = date.getTime() - Date.now(); const timeUnit = TIME_UNITS.find( ({ milliseconds }) => Math.abs(difference) >= milliseconds ); if (!timeUnit) { return { value: 0, unit: "second" as const }; } return { value: Math.round(difference / timeUnit.milliseconds), unit: timeUnit.unit }; } export default function RelativeTime({ date: dateValue, locale = "en", numeric = "auto", showTooltip = true, className, children, ...props }: RelativeTimeProps) { const date = toDate(dateValue); const isValidDate = !Number.isNaN(date.getTime()); if (!isValidDate) { return ( Invalid date ); } const { value, unit } = getRelativeValue(date); const relativeLabel = new Intl.RelativeTimeFormat(locale, { numeric }).format( value, unit ); const absoluteLabel = date.toUTCString(); const time = ( {children ?? relativeLabel} ); if (!showTooltip) { return time; } return ( {absoluteLabel} ); } 51:["$","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,["$","$L52",null,{"namespace":"@8starlabs-ui","registryDependencies":["https://ui.8starlabs.com/r/tooltip.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/8starlabs-ui/blocks/relative-time.tsx","content":"$54","type":"registry:ui","target":"components/8starlabs-ui/relative-time.tsx"}],"className":"h-[70svh] min-h-80"}]]}]