61: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"] 62: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"] 63:Tdc4,"use client"; import { cloneElement, isValidElement, useEffect, useId, useRef, useState, type ReactElement, type ReactNode } from "react"; import { cx } from "./cx"; import { placeTip, unplaceTip, useIsomorphicLayoutEffect } from "./utils"; export interface TooltipProps { /** متن راهنما؛ فقط توضیح تکمیلی، نه اطلاعات ضروری */ content: ReactNode; /** عنصر فوکوس‌پذیر، معمولاً یک دکمه */ children: ReactElement; /** «start»/«end» کنار عنصر؛ در RTL «start» سمت راست است @default "top" */ placement?: "top" | "bottom" | "start" | "end"; /** تأخیر نمایش با hover بر حسب میلی‌ثانیه @default 300 */ delay?: number; } /** * راهنمای کوتاه طبق WCAG 1.4.13: با hover و فوکوس نمایش داده می‌شود، روی خودش هم hover پذیر است * و با Esc بسته می‌شود. با aria-describedby به عنصر متصل است. * در لایهٔ بالایی مرورگر نمایش داده می‌شود، پس overflow: hidden والدها (مثل کارت) آن را نمی‌برد، * و اگر سمت خواسته‌شده جا نداشته باشد به سمت مقابل می‌رود. */ export function Tooltip({ content, children, placement = "top", delay = 300 }: TooltipProps) { const id = useId(); const [open, setOpen] = useState(false); const timer = useRef | undefined>(undefined); const anchor = useRef(null); const tip = useRef(null); const show = (wait: number) => { clearTimeout(timer.current); timer.current = setTimeout(() => setOpen(true), wait); }; const hide = () => { clearTimeout(timer.current); timer.current = setTimeout(() => setOpen(false), 100); }; useEffect(() => { if (!open) return; const onKey = (e: KeyboardEvent) => e.key === "Escape" && setOpen(false); document.addEventListener("keydown", onKey); return () => document.removeEventListener("keydown", onKey); }, [open]); useEffect(() => () => clearTimeout(timer.current), []); useIsomorphicLayoutEffect(() => { const a = anchor.current, t = tip.current; if (!a || !t) return; if (!open) return unplaceTip(t); const place = () => placeTip(a, t, placement); place(); addEventListener("scroll", place, { capture: true, passive: true }); addEventListener("resize", place); return () => { removeEventListener("scroll", place, { capture: true }); removeEventListener("resize", place); unplaceTip(t); }; }, [open, placement, content]); const child = isValidElement<{ "aria-describedby"?: string }>(children) ? cloneElement(children, { "aria-describedby": [children.props["aria-describedby"], id].filter(Boolean).join(" "), }) : children; return ( show(delay)} onMouseLeave={hide} onFocus={() => show(0)} onBlur={hide} > {child} )} role="tooltip" id={id} className={cx("k-tooltip", placement !== "top" && `k-tooltip--${placement}`)} hidden={!open}> {content} ); } 60:["$","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,["$","$L61",null,{"namespace":"@kashi","registryDependencies":["https://kashi.sepantapouya.com/r/cx.json","https://kashi.sepantapouya.com/r/utils.json"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"registry/kashi/Tooltip.tsx","content":"$63","type":"registry:ui","target":"components/kashi/Tooltip.tsx"}],"className":"h-[70svh] min-h-80"}]]}]