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:T1ee4,"use client" import * as React from "react" import { mergeProps } from "@base-ui/react/merge-props" import { useRender } from "@base-ui/react/use-render" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "cn" const markerVariants = cva( "group/marker relative flex min-h-4 w-full min-w-0 items-center gap-2 text-start text-sm text-muted-foreground [&_a:not([data-slot])]:underline [&_a:not([data-slot])]:decoration-foreground/30 [&_a:not([data-slot])]:underline-offset-3 [&_a:not([data-slot])]:hover:text-foreground [&_a:not([data-slot])]:hover:decoration-foreground [&_svg:not([class*='size-'])]:size-4", { variants: { variant: { default: "", separator: "before:h-(--hairline) before:min-w-4 before:flex-1 before:bg-border before:transition-opacity before:duration-200 after:h-(--hairline) after:min-w-4 after:flex-1 after:bg-border after:transition-opacity after:duration-200 data-stuck:before:opacity-0 data-stuck:after:opacity-0 motion-reduce:before:transition-none motion-reduce:after:transition-none", border: "border-b border-border pb-2", }, }, defaultVariants: { variant: "default", }, } ) type MarkerVariant = NonNullable["variant"]> function scrollParent(element: HTMLElement) { let node = element.parentElement while (node && node !== document.body) { const { overflowY } = getComputedStyle(node) if (/(auto|scroll|overlay)/.test(overflowY)) { return node } node = node.parentElement } return null } function useStuck(ref: React.RefObject, enabled: boolean) { const [stuck, setStuck] = React.useState(false) React.useEffect(() => { const element = ref.current if (!enabled || !element || typeof IntersectionObserver === "undefined") { setStuck(false) return } const offset = parseFloat(getComputedStyle(element).top) || 0 const root = scrollParent(element) const observer = new IntersectionObserver( ([entry]) => { const top = entry.rootBounds?.top ?? 0 setStuck( entry.intersectionRatio > 0 && entry.intersectionRatio < 1 && entry.boundingClientRect.top < top + offset + 1 ) }, { root, rootMargin: `${-(offset + 1)}px 0px 0px 0px`, threshold: [0, 1], } ) observer.observe(element) return () => observer.disconnect() }, [ref, enabled]) return stuck } type MarkerProps = useRender.ComponentProps<"div"> & { variant?: MarkerVariant sticky?: boolean } function Marker({ className, variant = "default", sticky = false, render, ref, ...props }: MarkerProps) { const markerRef = React.useRef(null) const stuck = useStuck(markerRef, sticky) const setRef = React.useCallback( (node: HTMLDivElement | null) => { markerRef.current = node if (typeof ref === "function") { return ref(node) } if (ref) { ref.current = node } return undefined }, [ref] ) return useRender({ defaultTagName: "div", render, ref: setRef, props: mergeProps<"div">( { className: cn( markerVariants({ variant }), sticky && "sticky top-[calc(var(--marker-sticky-top,--spacing(2))-1px)] z-10", className ), }, props, { "data-slot": "marker", "data-variant": variant, ...(sticky ? { "data-sticky": "" } : {}), ...(stuck ? { "data-stuck": "" } : {}), } as React.ComponentProps<"div"> ), }) } function MarkerIcon({ className, ...props }: React.ComponentProps<"span">) { return ( ) } function MarkerContent({ className, ...props }: React.ComponentProps<"span">) { return ( ) } const dayMs = 24 * 60 * 60 * 1000 function startOfDay(date: Date) { return new Date(date.getFullYear(), date.getMonth(), date.getDate()) } function toDate(value: Date | string | number) { return value instanceof Date ? value : new Date(value) } function capitalize(text: string, locale: Intl.LocalesArgument) { return ( text.charAt(0).toLocaleUpperCase(locale as string | undefined) + text.slice(1) ) } function formatDay( value: Date, now: Date | null, locale: Intl.LocalesArgument ) { if (Number.isNaN(value.getTime())) { return "" } const sameYear = now ? value.getFullYear() === now.getFullYear() : false const absolute = new Intl.DateTimeFormat(locale, { month: "short", day: "numeric", ...(sameYear ? {} : { year: "numeric" }), }).format(value) if (!now) { return absolute } const days = Math.round( (startOfDay(now).getTime() - startOfDay(value).getTime()) / dayMs ) if (days === 0 || days === 1) { return capitalize( new Intl.RelativeTimeFormat(locale, { numeric: "auto" }).format( -days, "day" ), locale ) } if (days > 1 && days < 7) { return new Intl.DateTimeFormat(locale, { weekday: "long" }).format(value) } return absolute } let midnightListeners = new Set<() => void>() let midnightTimer: ReturnType | undefined function scheduleMidnight() { clearTimeout(midnightTimer) const now = new Date() const next = startOfDay(new Date(now.getTime() + dayMs)).getTime() midnightTimer = setTimeout( () => { for (const notify of midnightListeners) { notify() } scheduleMidnight() }, Math.max(1000, next - now.getTime() + 50) ) } function subscribeToday(notify: () => void) { midnightListeners.add(notify) if (midnightListeners.size === 1) { scheduleMidnight() } return () => { midnightListeners.delete(notify) if (midnightListeners.size === 0) { clearTimeout(midnightTimer) midnightListeners = new Set() } } } function getToday() { return startOfDay(new Date()).getTime() } function getServerToday() { return null } type MarkerTimeProps = Omit, "children"> & { date: Date | string | number locale?: Intl.LocalesArgument format?: (date: Date) => React.ReactNode } function MarkerTime({ className, date, locale = "en-US", format, ...props }: MarkerTimeProps) { const today = React.useSyncExternalStore( subscribeToday, getToday, getServerToday ) const value = toDate(date) const valid = !Number.isNaN(value.getTime()) return ( {format ? valid ? format(value) : null : formatDay(value, today === null ? null : new Date(today), locale)} ) } export { Marker, MarkerContent, MarkerIcon, MarkerTime, markerVariants } export type { MarkerProps, MarkerTimeProps, MarkerVariant } 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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@base-ui/react@^1.8.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%2Freact","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":"@base-ui/react@^1.8.0"}]]}]}],["$","li","class-variance-authority",{"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"}]]}]}],["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","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":"cn"}]]}]}]]}],["$","$L50",null,{"namespace":"@hextaui","registryDependencies":["https://hextaui.com/r/theme.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/ui/marker.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]