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:Tf88,"use client"; import { Children, forwardRef, useState, type HTMLAttributes, type ReactNode } from "react"; import { cx } from "./cx"; import { toFaDigits } from "./utils"; import { useKashi } from "./KashiProvider"; export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl"; export type AvatarStatus = "online" | "offline" | "busy" | "away"; /** حروف اول دو کلمهٔ اول؛ با نیم‌فاصله تا حروف فارسی به هم نچسبند */ export function initials(name: string, max = 2): string { return name .trim() .split(/\s+/) .slice(0, max) .map((w) => w[0]) .join("‌") .toUpperCase(); } const TONES = ["brand", "info", "success", "warning", "error"] as const; /** رنگ ثابت از روی نام؛ یکسان در هر بار و هر دستگاه */ export function autoTone(name: string): (typeof TONES)[number] { let h = 0; for (const ch of name.trim()) h = (h * 31 + ch.codePointAt(0)!) >>> 0; return TONES[h % TONES.length]; } export interface AvatarProps extends HTMLAttributes { /** نام شخص — برای alt تصویر و حروف اول جایگزین */ name: string; src?: string; /** @default "md" */ size?: AvatarSize; square?: boolean; /** رنگ برند برای حالت حروف اول */ brand?: boolean; /** «auto»: رنگ ثابت از روی نام (هر شخص همیشه یک رنگ)، یا یکی از رنگ‌ها */ color?: "auto" | "neutral" | "brand" | "info" | "success" | "warning" | "error"; status?: AvatarStatus; /** برچسب‌های وضعیت برای صفحه‌خوان (پیش‌فرض فارسی) */ statusLabels?: Partial>; } export const Avatar = forwardRef(function Avatar( { name, src, size = "md", square = false, brand = false, color, status, statusLabels, className, ...rest }, ref, ) { const [failed, setFailed] = useState(false); const showImage = src && !failed; const tone = color === "auto" ? autoTone(name) : color ?? (brand ? "brand" : "neutral"); const { messages: M } = useKashi(); const statusText = status ? (statusLabels?.[status] ?? M.avatar[status]) : undefined; return ( {showImage ? (

setFailed(true)} /> ) : ( )} {status && ); }); export interface AvatarGroupProps extends HTMLAttributes { /** حداکثر تعداد نمایش؛ بقیه به شکل «+۳» */ max?: number; /** اندازهٔ آواتار «+n» @default "md" */ size?: AvatarSize; /** @default (n) => `${n} نفر دیگر` */ moreLabel?: (count: number) => string; children: ReactNode; } export function AvatarGroup({ max, size = "md", moreLabel, className, children, ...rest }: AvatarGroupProps) { const { messages: M, n } = useKashi(); moreLabel ??= (x: number) => M.avatar.more(n(x)); const items = Children.toArray(children); const visible = max ? items.slice(0, max) : items; const extra = items.length - visible.length; return (

{visible} {extra > 0 && ( )}

); } 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":[null,["$","$L60",null,{"namespace":"@kashi","registryDependencies":["https://kashi.sepantapouya.com/r/cx.json","https://kashi.sepantapouya.com/r/kashi-provider.json","https://kashi.sepantapouya.com/r/utils.json"]}]]}],null]}],["$","$L61",null,{"files":[{"path":"registry/kashi/Avatar.tsx","content":"$62","type":"registry:ui","target":"components/kashi/Avatar.tsx"}],"className":"h-[70svh] min-h-80"}]]}]