5f: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"] 60: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"] 61:Taca,"use client"; import { animate, useMotionValue, useReducedMotion } from "motion/react"; import { type FocusEvent, type KeyboardEvent, type PointerEvent, useCallback, useEffect, useRef, } from "react"; import { CLOSE, OPEN } from "./glass"; const HOVER = 0.25; type PressHandlers< P extends PointerEvent, K extends KeyboardEvent, F extends FocusEvent, > = { onPointerDown?: (event: P) => void; onPointerEnter?: (event: P) => void; onPointerLeave?: (event: P) => void; onKeyDown?: (event: K) => void; onKeyUp?: (event: K) => void; onBlur?: (event: F) => void; }; export function usePressGlass< P extends PointerEvent = PointerEvent, K extends KeyboardEvent = KeyboardEvent, F extends FocusEvent = FocusEvent, >(disabled: boolean | undefined, handlers: PressHandlers = {}) { const press = useMotionValue(0); const reduceMotion = useReducedMotion() ?? false; const hovered = useRef(false); const held = useRef(false); const release = useRef<() => void>(() => {}); const to = useCallback( (value: number) => { if (reduceMotion) press.set(value); else animate(press, value, value > press.get() ? OPEN : CLOSE); }, [press, reduceMotion], ); const settle = useCallback(() => { held.current = false; to(hovered.current ? HOVER : 0); }, [to]); useEffect(() => () => release.current(), []); const pressHandlers: Required> = { onPointerDown: (event) => { handlers.onPointerDown?.(event); if (disabled || event.button !== 0) return; held.current = true; to(1); release.current(); const up = () => { release.current(); settle(); }; window.addEventListener("pointerup", up); window.addEventListener("pointercancel", up); release.current = () => { window.removeEventListener("pointerup", up); window.removeEventListener("pointercancel", up); release.current = () => {}; }; }, onPointerEnter: (event) => { handlers.onPointerEnter?.(event); if (event.pointerType !== "mouse" || disabled) return; hovered.current = true; if (!held.current) to(HOVER); }, onPointerLeave: (event) => { handlers.onPointerLeave?.(event); hovered.current = false; if (!held.current) to(0); }, onKeyDown: (event) => { handlers.onKeyDown?.(event); if (disabled || event.repeat) return; if (event.key === " " || event.key === "Enter") { held.current = true; to(1); } }, onKeyUp: (event) => { handlers.onKeyUp?.(event); if (event.key === " " || event.key === "Enter") settle(); }, onBlur: (event) => { handlers.onBlur?.(event); if (held.current) settle(); }, }; return { press, pressHandlers }; } 5e:["$","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","motion@^13.4.4",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","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":"motion@^13.4.4"}]]}]}]]}],["$","$L5f",null,{"namespace":"@liquikit","registryDependencies":["https://liquikit.dev/r/glass.json"]}]]}],null]}],["$","$L60",null,{"files":[{"path":"src/press.ts","content":"$61","type":"registry:lib","target":"@components/liquikit/press.ts"}],"className":"h-[70svh] min-h-80"}]]}]