4d: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4e: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4f:T1dc5,import { useCallback, useEffect, useRef, useContext, type ComponentProps, type KeyboardEvent, type MouseEvent, } from "react" import { cn } from "@/lib/utils" import { Button } from "./button" import { List, ListItem } from "./list" import { SearchBar, type SearchBarProps } from "./search-bar" import { SearchViewContentContext, SearchViewContext, useSearchView, type SearchViewState, } from "./search-view-context" type SearchViewPresentation = "docked" | "full-screen" type SearchViewProps = Omit< ComponentProps<"section">, "defaultValue" | "onSelect" > & { onOpenChange: (open: boolean) => void onSelect?: (value: string) => void onValueChange: (value: string) => void open: boolean presentation?: SearchViewPresentation value: string } function assignRef(ref: React.Ref | undefined, value: T | null) { if (typeof ref === "function") ref(value) else if (ref) ref.current = value } function SearchView({ "aria-label": ariaLabel = "Search", children, className, onKeyDown, onOpenChange, onSelect, onValueChange, open, presentation = "docked", ref, value, ...props }: SearchViewProps) { const rootRef = useRef(null) const returnFocusRef = useRef(null) const wasOpenRef = useRef(false) const close = useCallback(() => onOpenChange(false), [onOpenChange]) useEffect(() => { let frame = 0 if (open && !wasOpenRef.current) { returnFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null frame = requestAnimationFrame(() => { rootRef.current ?.querySelector('[data-slot="input-group-control"]') ?.focus() }) } else if (!open && wasOpenRef.current) { returnFocusRef.current?.focus() } wasOpenRef.current = open return () => cancelAnimationFrame(frame) }, [open]) const handleKeyDown = (event: KeyboardEvent) => { onKeyDown?.(event) if (event.defaultPrevented) return if (event.key === "Escape") { event.preventDefault() close() return } if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return const items = Array.from( rootRef.current?.querySelectorAll( '[data-slot="search-view-item"]:not(:disabled):not([aria-disabled="true"])', ) ?? [], ) if (!items.length) return const currentIndex = items.indexOf(document.activeElement as HTMLButtonElement) const inputFocused = document.activeElement?.getAttribute("data-slot") === "input-group-control" if (!inputFocused && currentIndex < 0) return event.preventDefault() const nextIndex = inputFocused ? event.key === "ArrowDown" ? 0 : items.length - 1 : event.key === "ArrowDown" ? (currentIndex + 1) % items.length : (currentIndex - 1 + items.length) % items.length items[nextIndex]?.focus() } if (!open) return null return (

{ rootRef.current = node assignRef(ref, node) }} aria-label={ariaLabel} data-presentation={presentation} data-slot="search-view" className={cn( // Docked: the kit keeps the 28dp search bar and a separate // 12dp-radius Surface Container High list 2dp beneath it, unelevated. "flex max-w-full flex-col text-foreground", "data-[presentation=docked]:w-[360px] data-[presentation=docked]:gap-0.5", "data-[presentation=full-screen]:h-full data-[presentation=full-screen]:w-full data-[presentation=full-screen]:overflow-hidden data-[presentation=full-screen]:bg-m3-surface-container-high", "motion-reduce:transition-none", className, )} onKeyDown={handleKeyDown} > {children}

) } function SearchViewBar({ className, ...props }: Omit) { const context = useSearchView() return ( ) } function SearchViewContent({ className, state = "results", ...props }: ComponentProps<"div"> & { state?: SearchViewState }) { return (

) } function SearchViewList({ className, ...props }: ComponentProps) { return (