60: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"] 61: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"] 62:T1354,"use client"; import { useEffect, useId, useLayoutEffect, useRef, useState, type ReactNode } from "react"; import { toFaDigits } from "@kashi-ui/persian"; import { useKashi } from "./KashiProvider"; export interface TourStep { /** CSS selector عنصری که این مرحله دربارهٔ آن است، مثل "#export-btn" */ target: string; title: ReactNode; content: ReactNode; } export interface TourProps { steps: TourStep[]; open: boolean; onOpenChange: (open: boolean) => void; /** پس از آخرین مرحله */ onFinish?: () => void; labels?: { next?: string; prev?: string; done?: string; skip?: string; step?: (n: number, total: number) => string }; } /** * راهنمای قدم‌به‌قدم برای آشنایی با محصول: بخش هر مرحله روشن و بقیه کم‌رنگ می‌شود. * Esc می‌بندد، ←→ بین مرحله‌ها و فوکوس پس از پایان به جای قبلی برمی‌گردد. */ export function Tour({ steps, open, onOpenChange, onFinish, labels = {} }: TourProps) { const id = useId(); const { messages: M, n: N } = useKashi(); const { next = M.common.next, prev = M.common.prev, done = M.tour.done, skip = M.tour.skip, step: stepLabel = (a: number, t: number) => M.tour.step(N(a), N(t)) } = labels; const [i, setI] = useState(0); const [rect, setRect] = useState(null); const card = useRef(null); const [cardPos, setCardPos] = useState({ top: 0, left: 0 }); const returnTo = useRef(null); const s = steps[i]; useEffect(() => { if (open) { returnTo.current = document.activeElement as HTMLElement; setI(0); } else returnTo.current?.focus?.(); }, [open]); // جای عنصر هدف را دنبال می‌کند useLayoutEffect(() => { if (!open || !s) return; const el = document.querySelector(s.target); if (!el) return setRect(null); el.scrollIntoView({ block: "center", behavior: matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth" }); const update = () => setRect(el.getBoundingClientRect()); update(); const t = setTimeout(update, 400); addEventListener("scroll", update, { passive: true }); addEventListener("resize", update); return () => { clearTimeout(t); removeEventListener("scroll", update); removeEventListener("resize", update); }; }, [open, i, s?.target]); // کارت زیر عنصر، یا بالای آن اگر جا نباشد useLayoutEffect(() => { if (!open || !card.current) return; const c = card.current.getBoundingClientRect(); if (!rect) return setCardPos({ top: innerHeight / 2 - c.height / 2, left: innerWidth / 2 - c.width / 2 }); const below = rect.bottom + 12 + c.height < innerHeight; const top = below ? rect.bottom + 12 : Math.max(12, rect.top - 12 - c.height); const left = Math.min(innerWidth - c.width - 12, Math.max(12, rect.left + rect.width / 2 - c.width / 2)); setCardPos({ top, left }); card.current.focus({ preventScroll: true }); }, [rect, open, i]); if (!open || !s) return null; const last = i === steps.length - 1; const finish = () => { onOpenChange(false); onFinish?.(); }; return ( <> {rect &&

} ); } 5f:["$","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","@kashi-ui/persian@^1.8.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40kashi-ui%2Fpersian","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":"@kashi-ui/persian@^1.8.0"}]]}]}]]}],["$","$L60",null,{"namespace":"@kashi","registryDependencies":["https://kashi.sepantapouya.com/r/cx.json","https://kashi.sepantapouya.com/r/kashi-provider.json"]}]]}],null]}],["$","$L61",null,{"files":[{"path":"registry/kashi/Tour.tsx","content":"$62","type":"registry:ui","target":"components/kashi/Tour.tsx"}],"className":"h-[70svh] min-h-80"}]]}]