admin-ui-starter-kit 0.4.5 → 0.6.1

package/dist/_shared/comments-DGBxF9fD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comments-DGBxF9fD.js","names":[],"sources":["../../src/components/features/comments/comments.strings.ts","../../src/components/features/comments/comments-provider.tsx","../../src/components/features/comments/partials/comment-attachment-chip.tsx","../../src/components/features/comments/hooks/use-attachment-upload.ts","../../src/components/features/comments/partials/comment-composer.tsx","../../src/components/features/comments/partials/comment-empty.tsx","../../src/components/features/comments/partials/comment-content.tsx","../../src/components/features/comments/partials/comment-item.tsx","../../src/components/features/comments/partials/comment-timeline.tsx","../../src/components/features/comments/comments.tsx","../../src/components/features/comments/hooks/use-comments.ts"],"sourcesContent":["/**\n * Strings for the Comments feature. Consumers override via the `strings`\n * prop on `<Comments>` / `<CommentsCard>` / sub-components — values are\n * deep-merged over these defaults.\n */\nexport interface CommentsStrings {\n    /** Card title — usually \"Comments\". Set to \"\" to hide. */\n    title: string;\n    /** Subtitle under the card title — optional. */\n    subtitle: string;\n    /** Empty-state copy for the timeline. */\n    empty: string;\n    /** Empty-state secondary copy. */\n    emptyHint: string;\n\n    // Composer ---------------------------------------------------------\n    /** Composer rich-text placeholder. */\n    composerPlaceholder: string;\n    /** Submit label for new comments. */\n    composerSubmit: string;\n    /** Submit label while pending. */\n    composerSubmitting: string;\n    /** Submit label when editing. */\n    composerSave: string;\n    /** Required-content error. */\n    invalidContent: string;\n    /** Cancel/dismiss draft. */\n    composerCancel: string;\n    /** \"Edit comment\" eyebrow shown above the composer in edit mode. */\n    composerEditingEyebrow: string;\n    /** \"Reply to {{name}}\" eyebrow shown above the composer in reply mode. */\n    composerReplyingEyebrow: string;\n\n    // Toolbar buttons --------------------------------------------------\n    composerAttachmentLabel: string;\n    composerReferenceLabel: string;\n    composerReferenceMenuTitle: string;\n    composerReferenceSearchPlaceholder: string;\n    composerReferenceEmpty: string;\n    composerReferenceLoading: string;\n\n    // Item -------------------------------------------------------------\n    fallbackAuthor: string;\n    pinned: string;\n    edited: string;\n    /** Trash button aria-label / tooltip. */\n    deleteLabel: string;\n    /** Edit button label. */\n    editLabel: string;\n    /** Reply button label. */\n    replyLabel: string;\n    /** Pin/unpin button label. */\n    pinLabel: string;\n    unpinLabel: string;\n    /** \"More actions\" trigger aria-label. */\n    moreActionsLabel: string;\n    /** Confirm-delete button label inside the action menu. */\n    confirmDeleteLabel: string;\n\n    // Attachments ------------------------------------------------------\n    attachmentFallback: string;\n    attachmentRemoveLabel: string;\n    attachmentUploadingLabel: string;\n    attachmentFailedLabel: string;\n    attachmentTooLargeError: string;\n    attachmentTooManyError: string;\n    attachmentRetryLabel: string;\n    attachmentDownloadLabel: string;\n\n    // Reactions --------------------------------------------------------\n    addReactionLabel: string;\n\n    // Misc -------------------------------------------------------------\n    showRepliesLabel: string;\n    hideRepliesLabel: string;\n}\n\nexport const defaultCommentsStrings: CommentsStrings = {\n    title: 'Comments',\n    subtitle: '',\n    empty: 'No comments yet.',\n    emptyHint: 'Start the conversation — your team will see it instantly.',\n\n    composerPlaceholder: 'Write a comment…',\n    composerSubmit: 'Post comment',\n    composerSubmitting: 'Posting…',\n    composerSave: 'Save changes',\n    invalidContent: 'Comment cannot be empty.',\n    composerCancel: 'Cancel',\n    composerEditingEyebrow: 'Editing comment',\n    composerReplyingEyebrow: 'Replying to {{name}}',\n\n    composerAttachmentLabel: 'Attach file',\n    composerReferenceLabel: 'Mention or link',\n    composerReferenceMenuTitle: 'Insert reference',\n    composerReferenceSearchPlaceholder: 'Search…',\n    composerReferenceEmpty: 'No matches.',\n    composerReferenceLoading: 'Searching…',\n\n    fallbackAuthor: 'Anonymous',\n    pinned: 'Pinned',\n    edited: 'edited',\n    deleteLabel: 'Delete',\n    editLabel: 'Edit',\n    replyLabel: 'Reply',\n    pinLabel: 'Pin',\n    unpinLabel: 'Unpin',\n    moreActionsLabel: 'More actions',\n    confirmDeleteLabel: 'Delete comment',\n\n    attachmentFallback: 'Attachment',\n    attachmentRemoveLabel: 'Remove attachment',\n    attachmentUploadingLabel: 'Uploading…',\n    attachmentFailedLabel: 'Upload failed',\n    attachmentTooLargeError: 'File is too large.',\n    attachmentTooManyError: 'Too many attachments.',\n    attachmentRetryLabel: 'Retry',\n    attachmentDownloadLabel: 'Download',\n\n    addReactionLabel: 'Add reaction',\n\n    showRepliesLabel: 'Show replies',\n    hideRepliesLabel: 'Hide replies',\n};\n\n/**\n * Tiny `{{token}}` interpolator used by templated strings like\n * `composerReplyingEyebrow`. No HTML escaping — treat values as plain text.\n */\nexport function interpolateString(\n    template: string,\n    values: Record<string, string | number | undefined>,\n): string {\n    return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key: string) => {\n        const value = values[key];\n        return value === undefined || value === null ? '' : String(value);\n    });\n}\n","/**\n * Comments — internal helper hooks for resolving strings and accessors.\n *\n * Rationale: the previous `<CommentsProvider>` is gone. Library-wide\n * defaults now live in `<UIProvider>` (`useMediaConfig` / `useDatesConfig`).\n * Per-mount overrides flow as direct props on `<Comments>` and its\n * partials. These helpers just centralize the merge order.\n *\n * Resolution order everywhere:\n *\n *     props.strings      ← deep-merged over `defaultCommentsStrings`\n *     props.accessor.X   ← falls back to UIProvider's media/dates resolvers,\n *                          then to a built-in default at the call site.\n */\nimport { useMemo } from 'react';\n\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { useDatesConfig, useMediaConfig } from '@/lib/ui-provider';\n\nimport {\n    defaultCommentsStrings,\n    type CommentsStrings,\n} from './comments.strings';\nimport type { CommentAttachment, CommentsAccessors } from './comments.types';\n\n/**\n * Resolve final strings by merging defaults → component prop. Stable\n * identity when the prop reference is unchanged.\n */\nexport function useResolvedStrings(\n    propStrings?: StringsProp<CommentsStrings>,\n): CommentsStrings {\n    return useStrings(defaultCommentsStrings, propStrings);\n}\n\n/**\n * Resolve accessors. Order:\n *   1. explicit prop accessor\n *   2. matching UIProvider slot (`useMediaConfig().resolveUrl`, etc.)\n *   3. caller's own fallback when neither is present (handled at call site)\n */\nexport function useResolvedAccessors(\n    propAccessors?: CommentsAccessors,\n): CommentsAccessors {\n    const media = useMediaConfig();\n    const dates = useDatesConfig();\n    return useMemo<CommentsAccessors>(\n        () => ({\n            getMediaUrl:\n                propAccessors?.getMediaUrl ??\n                ((m: CommentAttachment | null | undefined) =>\n                    media.resolveUrl?.((m ?? {}) as { url?: string; key?: string })),\n            getMediaName:\n                propAccessors?.getMediaName ??\n                ((m: CommentAttachment | null | undefined) =>\n                    media.resolveName?.((m ?? {}) as { name?: string })),\n            getStatusLabel: propAccessors?.getStatusLabel,\n            formatRelativeTime:\n                propAccessors?.formatRelativeTime ?? dates.formatRelativeTime,\n        }),\n        [propAccessors, media, dates.formatRelativeTime],\n    );\n}\n","/**\n * CommentAttachmentChip — small attachment pill used in the composer draft\n * and the timeline. Single inline row: icon + name · size, with progress /\n * error states overlaid on the same line. Editable mode reveals a remove\n * button; failed uploads expose a retry pill.\n */\nimport { File, FileText, Image as ImageIcon, Loader2, Paperclip, X } from 'lucide-react';\nimport type { FC } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport type {\n    CommentAttachment,\n    CommentsAccessors,\n} from '../comments.types';\nimport {\n    defaultCommentsStrings,\n    type CommentsStrings,\n} from '../comments.strings';\n\nexport interface CommentAttachmentChipProps {\n    attachment: CommentAttachment;\n    /** Editable mode shows a remove button. */\n    editable?: boolean;\n    onRemove?: (id: string) => void;\n    onRetry?: (id: string) => void;\n    accessors?: CommentsAccessors;\n    strings?: StringsProp<CommentsStrings>;\n    /** Compact chips have smaller text and tighter padding. */\n    compact?: boolean;\n    className?: string;\n}\n\nfunction formatBytes(bytes?: number): string | null {\n    if (typeof bytes !== 'number' || bytes <= 0) return null;\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction pickIcon(att: CommentAttachment) {\n    if (att.mimeType?.startsWith('image/')) return ImageIcon;\n    if (att.mimeType === 'application/pdf') return FileText;\n    if (att.mimeType?.startsWith('text/')) return FileText;\n    if (att.mimeType) return File;\n    return Paperclip;\n}\n\nexport const CommentAttachmentChip: FC<CommentAttachmentChipProps> = ({\n    attachment,\n    editable = false,\n    onRemove,\n    onRetry,\n    accessors,\n    strings: stringsProp,\n    compact = false,\n    className,\n}) => {\n    const strings = useStrings(defaultCommentsStrings, stringsProp);\n\n    const url = accessors?.getMediaUrl?.(attachment) ?? attachment.url;\n    const name =\n        accessors?.getMediaName?.(attachment) ??\n        attachment.name ??\n        strings.attachmentFallback;\n    const Icon = pickIcon(attachment);\n\n    const isUploading = attachment.status === 'uploading';\n    const isFailed = attachment.status === 'failed';\n    const sizeLabel = formatBytes(attachment.size);\n\n    const meta = isUploading\n        ? strings.attachmentUploadingLabel +\n          (typeof attachment.progress === 'number'\n              ? ` ${Math.round(attachment.progress)}%`\n              : '')\n        : isFailed\n          ? attachment.error ?? strings.attachmentFailedLabel\n          : sizeLabel;\n\n    const surface = cn(\n        'relative inline-flex min-w-0 max-w-[20rem] items-center gap-1.5 rounded-md',\n        'ring-1 ring-inset transition-colors',\n        compact ? 'px-2 py-1 text-xs' : 'px-2.5 py-1 text-xs',\n        isFailed\n            ? 'bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]'\n            : 'bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]',\n        className,\n    );\n\n    const iconNode = isUploading ? (\n        <Loader2\n            className={cn('shrink-0 animate-spin text-muted-foreground', 'size-3.5')}\n            aria-hidden\n        />\n    ) : (\n        <Icon\n            className={cn(\n                'shrink-0',\n                'size-3.5',\n                isFailed ? 'text-destructive' : 'text-muted-foreground',\n            )}\n            aria-hidden\n        />\n    );\n\n    const labelRow = (\n        <span className=\"inline-flex min-w-0 items-baseline gap-1.5\">\n            <Text\n                tag=\"span\"\n                size=\"xs\"\n                weight=\"medium\"\n                className={cn('truncate', isFailed && 'text-destructive')}\n            >\n                {name}\n            </Text>\n            {meta ? (\n                <Text\n                    tag=\"span\"\n                    size=\"xxs\"\n                    type=\"secondary\"\n                    className=\"shrink-0 tabular-nums\"\n                >\n                    {meta}\n                </Text>\n            ) : null}\n        </span>\n    );\n\n    const isInteractive = !!url && !isUploading && !isFailed;\n\n    return (\n        <div className={surface}>\n            {iconNode}\n            {isInteractive ? (\n                <a\n                    href={url}\n                    target=\"_blank\"\n                    rel=\"noreferrer noopener\"\n                    className=\"inline-flex min-w-0 flex-1 items-baseline gap-1.5 hover:underline\"\n                    aria-label={strings.attachmentDownloadLabel}\n                >\n                    {labelRow}\n                </a>\n            ) : (\n                labelRow\n            )}\n\n            {isUploading && typeof attachment.progress === 'number' && (\n                <div className=\"bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full\">\n                    <div\n                        className=\"bg-primary h-full transition-[width]\"\n                        style={{\n                            width: `${Math.min(100, Math.max(0, attachment.progress))}%`,\n                        }}\n                    />\n                </div>\n            )}\n\n            {isFailed && onRetry && (\n                <Button\n                    type=\"button\"\n                    variant=\"error\"\n                    buttonStyle=\"ghost\"\n                    size=\"small\"\n                    onClick={() => onRetry(attachment.id)}\n                    className=\"h-auto shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset ring-destructive/30 hover:ring-destructive/60\"\n                >\n                    {strings.attachmentRetryLabel}\n                </Button>\n            )}\n\n            {editable && onRemove && (\n                <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    buttonStyle=\"ghost\"\n                    size=\"icon-small\"\n                    onClick={() => onRemove(attachment.id)}\n                    className=\"-mr-0.5 size-4 shrink-0 rounded p-0 text-muted-foreground hover:bg-foreground/10 hover:text-foreground\"\n                    aria-label={strings.attachmentRemoveLabel}\n                    title={strings.attachmentRemoveLabel}\n                >\n                    <X className=\"size-3\" />\n                </Button>\n            )}\n        </div>\n    );\n};\n","/**\n * useAttachmentUpload — manages a list of in-flight + uploaded\n * `CommentAttachment`s for a comment composer.\n *\n * Pass the consumer-supplied `onUpload` callback directly via the\n * `attachments` prop on `<Comments>` (or `<CommentComposer>`). Aborts\n * in-flight uploads when an attachment is removed.\n */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n    CommentAttachment,\n    CommentsAttachmentsConfig,\n} from '../comments.types';\n\ninterface InFlightEntry {\n    controller: AbortController;\n}\n\nexport interface UseAttachmentUploadOptions extends CommentsAttachmentsConfig {\n    /** Initial attachments — useful when editing an existing comment. */\n    initialAttachments?: ReadonlyArray<CommentAttachment>;\n    /** Fires when the list of uploaded attachments changes. */\n    onChange?: (attachments: ReadonlyArray<CommentAttachment>) => void;\n    /** Fires when a validation or upload error happens. */\n    onError?: (error: string) => void;\n}\n\nexport interface UseAttachmentUploadReturn {\n    /** All attachments — uploading + uploaded + failed. */\n    attachments: ReadonlyArray<CommentAttachment>;\n    /** Subset of attachments that finished uploading. Use this in the form payload. */\n    uploadedAttachments: ReadonlyArray<CommentAttachment>;\n    /** True while at least one upload is in flight. */\n    isUploading: boolean;\n    /** Add files. Validates against `maxSize` / `maxFiles` first. */\n    addFiles: (files: ReadonlyArray<File> | FileList) => void;\n    /** Remove an attachment by id (aborts in-flight uploads). */\n    removeAttachment: (id: string) => void;\n    /** Retry a failed upload. */\n    retryAttachment: (id: string) => void;\n    /** Replace the list (used when editing or after submit). */\n    setAttachments: (attachments: ReadonlyArray<CommentAttachment>) => void;\n    /** Clear the list and abort everything in flight. */\n    reset: () => void;\n}\n\nexport function useAttachmentUpload(\n    options: UseAttachmentUploadOptions = {},\n): UseAttachmentUploadReturn {\n    const {\n        onUpload,\n        maxSize,\n        maxFiles,\n        // `accept` is consumed by the surrounding `<input type=\"file\"\n        // accept>` element, not here — destructuring is intentional\n        // even though we don't reference it inside the hook.\n        disabled,\n        initialAttachments,\n        onChange,\n        onError,\n    } = options;\n\n    const [attachments, setAttachmentsState] = useState<CommentAttachment[]>(() =>\n        initialAttachments ? [...initialAttachments] : [],\n    );\n    const inFlightRef = useRef<Map<string, InFlightEntry>>(new Map());\n    const fileCacheRef = useRef<Map<string, File>>(new Map());\n    const onChangeRef = useRef(onChange);\n    onChangeRef.current = onChange;\n\n    const updateAttachment = useCallback(\n        (id: string, patch: Partial<CommentAttachment>) => {\n            setAttachmentsState((prev) =>\n                prev.map((a) => (a.id === id ? { ...a, ...patch } : a)),\n            );\n        },\n        [],\n    );\n\n    const setAttachments = useCallback(\n        (next: ReadonlyArray<CommentAttachment>) => {\n            setAttachmentsState([...next]);\n        },\n        [],\n    );\n\n    const beginUpload = useCallback(\n        (id: string, file: File) => {\n            if (!onUpload) return;\n            const controller = new AbortController();\n            inFlightRef.current.set(id, { controller });\n\n            updateAttachment(id, {\n                status: 'uploading',\n                progress: 0,\n                error: undefined,\n            });\n\n            const onProgress = (progress: number) => {\n                updateAttachment(id, { progress });\n            };\n\n            onUpload({ file, onProgress, signal: controller.signal })\n                .then((uploaded) => {\n                    inFlightRef.current.delete(id);\n                    updateAttachment(id, {\n                        ...uploaded,\n                        id,\n                        status: 'uploaded',\n                        progress: 100,\n                        error: undefined,\n                    });\n                })\n                .catch((err: unknown) => {\n                    inFlightRef.current.delete(id);\n                    if (controller.signal.aborted) {\n                        return;\n                    }\n                    const message =\n                        err instanceof Error ? err.message : 'Upload failed';\n                    updateAttachment(id, {\n                        status: 'failed',\n                        error: message,\n                    });\n                    onError?.(message);\n                });\n        },\n        [onError, onUpload, updateAttachment],\n    );\n\n    const addFiles = useCallback(\n        (filesInput: ReadonlyArray<File> | FileList) => {\n            if (disabled || !onUpload) return;\n            const files = Array.from(filesInput);\n            if (files.length === 0) return;\n\n            setAttachmentsState((prev) => {\n                const next = [...prev];\n                for (const file of files) {\n                    if (\n                        typeof maxFiles === 'number' &&\n                        next.length >= maxFiles\n                    ) {\n                        onError?.('Too many attachments.');\n                        break;\n                    }\n                    if (\n                        typeof maxSize === 'number' &&\n                        file.size > maxSize\n                    ) {\n                        onError?.('File is too large.');\n                        continue;\n                    }\n\n                    const id =\n                        typeof crypto !== 'undefined' && 'randomUUID' in crypto\n                            ? crypto.randomUUID()\n                            : `att-${Date.now()}-${Math.random().toString(36).slice(2)}`;\n\n                    fileCacheRef.current.set(id, file);\n\n                    next.push({\n                        id,\n                        name: file.name,\n                        size: file.size,\n                        mimeType: file.type,\n                        status: 'uploading',\n                        progress: 0,\n                    });\n\n                    queueMicrotask(() => beginUpload(id, file));\n                }\n                return next;\n            });\n        },\n        [beginUpload, disabled, maxFiles, maxSize, onError, onUpload],\n    );\n\n    const removeAttachment = useCallback((id: string) => {\n        const entry = inFlightRef.current.get(id);\n        if (entry) {\n            entry.controller.abort();\n            inFlightRef.current.delete(id);\n        }\n        fileCacheRef.current.delete(id);\n        setAttachmentsState((prev) => prev.filter((a) => a.id !== id));\n    }, []);\n\n    const retryAttachment = useCallback(\n        (id: string) => {\n            const file = fileCacheRef.current.get(id);\n            if (!file) return;\n            beginUpload(id, file);\n        },\n        [beginUpload],\n    );\n\n    const reset = useCallback(() => {\n        for (const entry of inFlightRef.current.values()) {\n            entry.controller.abort();\n        }\n        inFlightRef.current.clear();\n        fileCacheRef.current.clear();\n        setAttachmentsState([]);\n    }, []);\n\n    useEffect(() => {\n        onChangeRef.current?.(attachments);\n    }, [attachments]);\n\n    useEffect(() => {\n        const inFlight = inFlightRef.current;\n        return () => {\n            for (const entry of inFlight.values()) {\n                entry.controller.abort();\n            }\n        };\n    }, []);\n\n    const uploadedAttachments = useMemo(\n        () => attachments.filter((a) => a.status === 'uploaded' || !a.status),\n        [attachments],\n    );\n\n    const isUploading = useMemo(\n        () => attachments.some((a) => a.status === 'uploading'),\n        [attachments],\n    );\n\n    return {\n        attachments,\n        uploadedAttachments,\n        isUploading,\n        addFiles,\n        removeAttachment,\n        retryAttachment,\n        setAttachments,\n        reset,\n    };\n}\n","/**\n * CommentComposer — TipTap-backed rich text editor with inline reference\n * picker and attachment uploader. Default composer for `<Comments>`.\n *\n * Mention/reference handling is delegated to the shared\n * `features/mentions` module: `useMentions` drives picker state +\n * caret-trigger detection, `<MentionPicker>` renders the popover, and\n * `<MentionChip>` renders draft-list chips. The same primitives power\n * inline references in `features/event-log`.\n */\nimport { AtSign, Loader2, Paperclip, Send, X } from 'lucide-react';\nimport {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Popover, PopoverTrigger } from '@/components/base/popover';\nimport { Text } from '@/components/typography';\nimport {\n    RichTextEditor,\n    type RichTextEditorHandle,\n    type RichTextEditorToolbarItem,\n} from '@/components/features/rich-text-editor/rich-text-editor';\nimport {\n    MentionInlineSuggestions,\n    MentionPicker,\n    parseMentionsFromHtml,\n    useMentions,\n} from '@/components/features/mentions';\nimport { useResolvedStrings } from '../comments-provider';\nimport { interpolateString } from '../comments.strings';\nimport type {\n    CommentComposerProps,\n    CommentFormValues,\n} from '../comments.types';\nimport { CommentAttachmentChip } from './comment-attachment-chip';\nimport { useAttachmentUpload } from '../hooks/use-attachment-upload';\n\nexport interface CommentComposerHandle {\n    focus(): void;\n    clear(): void;\n    /** Imperatively set the draft body. */\n    setBody(html: string): void;\n}\n\nfunction hasMeaningfulContent(html: string): boolean {\n    if (!html || typeof html !== 'string') return false;\n    const text = html.replace(/<[^>]*>/g, '').trim();\n    return text.length > 0;\n}\n\nexport const CommentComposer = forwardRef<\n    CommentComposerHandle,\n    CommentComposerProps\n>(function CommentComposer(\n    {\n        context,\n        canComment = true,\n        isSubmitting = false,\n        errors,\n        resetKey = 0,\n        onSubmit,\n        onCancel,\n        editingComment,\n        strings: stringsProp,\n        resources: resourcesProp,\n        onResourceSearch: onResourceSearchProp,\n        attachments: attachmentsProp,\n        initialValues,\n        autoFocus = false,\n        inlineSubmit = true,\n        placeholder,\n    },\n    ref,\n) {\n    const strings = useResolvedStrings(stringsProp);\n\n    const resources = resourcesProp;\n    const onResourceSearch = onResourceSearchProp;\n    const attachmentsConfig = attachmentsProp;\n\n    const editorRef = useRef<RichTextEditorHandle>(null);\n    const [body, setBody] = useState<string>(\n        () => initialValues?.content ?? editingComment?.content ?? '',\n    );\n    const [contentError, setContentError] = useState<string | null>(null);\n\n    /**\n     * Mentions state — picker + caret-trigger detection. The hook reads\n     * the editor handle via the ref we pass; on suggestion select it\n     * inserts the chip and replaces the trigger range automatically.\n     */\n    const mentions = useMentions({\n        resources,\n        onResourceSearch,\n        editorRef,\n        initialMentions:\n            initialValues?.references ?? editingComment?.references,\n    });\n\n    const attachmentUpload = useAttachmentUpload({\n        ...attachmentsConfig,\n        initialAttachments: initialValues?.attachments ?? undefined,\n    });\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            focus: () => editorRef.current?.focus(),\n            clear: () => {\n                editorRef.current?.clear();\n                mentions.reset();\n                attachmentUpload.reset();\n                setContentError(null);\n            },\n            setBody: (html) => {\n                editorRef.current?.setHTML(html);\n            },\n        }),\n        [attachmentUpload, mentions],\n    );\n\n    // Reset on context change / resetKey bump\n    useEffect(() => {\n        editorRef.current?.setHTML(initialValues?.content ?? '');\n        mentions.setMentions(initialValues?.references ?? []);\n        attachmentUpload.setAttachments(initialValues?.attachments ?? []);\n        setContentError(null);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [context.id, context.type, resetKey]);\n\n    // Sync editing comment payload\n    useEffect(() => {\n        if (!editingComment) return;\n        editorRef.current?.setHTML(editingComment.content ?? '');\n        mentions.setMentions(editingComment.references ?? []);\n        const list = (editingComment.attachments ?? editingComment.media ?? []).filter(\n            (a): a is NonNullable<typeof a> => !!a,\n        );\n        attachmentUpload.setAttachments(list);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [editingComment?.id]);\n\n    // Surface server-side errors\n    useEffect(() => {\n        if (errors?.content) {\n            setContentError(errors.content);\n        }\n    }, [errors]);\n\n    const handleSubmit = (event?: React.FormEvent) => {\n        event?.preventDefault();\n        const html = editorRef.current?.getHTML() ?? body;\n        if (!hasMeaningfulContent(html)) {\n            setContentError(strings.invalidContent);\n            return;\n        }\n        setContentError(null);\n\n        const values: CommentFormValues = {\n            content: html,\n            commentableId: context.id,\n            commentableType: context.type,\n            contentType: 'html',\n            references: mentions.mentions,\n            attachments: attachmentUpload.uploadedAttachments,\n            editingId: editingComment?.id,\n        };\n\n        onSubmit(values);\n    };\n\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const handleAttachmentClick = () => fileInputRef.current?.click();\n    const handleFiles = (files: FileList | null) => {\n        if (!files) return;\n        attachmentUpload.addFiles(files);\n    };\n\n    const hasAttachments = attachmentUpload.attachments.length > 0;\n    const isEditing = !!editingComment;\n\n    const submitLabel = isSubmitting\n        ? strings.composerSubmitting\n        : isEditing\n          ? strings.composerSave\n          : strings.composerSubmit;\n\n    const eyebrow: ReactNode = isEditing ? (\n        <ComposerEyebrow\n            label={strings.composerEditingEyebrow}\n            closeLabel={strings.composerCancel}\n            onClose={onCancel}\n        />\n    ) : null;\n\n    const extraToolbarItems = useMemo<ReadonlyArray<RichTextEditorToolbarItem>>(() => {\n        const items: RichTextEditorToolbarItem[] = [];\n        if (resources && Object.keys(resources).length > 0) {\n            items.push({\n                id: 'reference',\n                icon: AtSign,\n                label: strings.composerReferenceLabel,\n                onClick: () => mentions.setPickerOpen(true),\n            });\n        }\n        if (attachmentsConfig?.onUpload && !attachmentsConfig.disabled) {\n            items.push({\n                id: 'attachment',\n                icon: Paperclip,\n                label: strings.composerAttachmentLabel,\n                onClick: handleAttachmentClick,\n            });\n        }\n        return items;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        resources,\n        attachmentsConfig?.onUpload,\n        attachmentsConfig?.disabled,\n        strings.composerReferenceLabel,\n        strings.composerAttachmentLabel,\n    ]);\n\n    if (!canComment) return null;\n\n    const submitButton = (\n        <Button\n            type=\"button\"\n            onClick={() => handleSubmit()}\n            disabled={isSubmitting || attachmentUpload.isUploading}\n            icon={isSubmitting ? Loader2 : Send}\n        >\n            {submitLabel}\n        </Button>\n    );\n\n    const cancelButton = (isEditing || onCancel) ? (\n        <Button\n            type=\"button\"\n            variant=\"secondary\"\n            buttonStyle=\"ghost\"\n            onClick={onCancel}\n            disabled={isSubmitting}\n        >\n            {strings.composerCancel}\n        </Button>\n    ) : null;\n\n    // Mentions live as inline `<span class=\"rsc-mention\" contenteditable=\"false\">`\n    // chips inside the editor body — they're visible, dismissible (single\n    // backspace deletes the whole span), and the HTML→mentions sync keeps\n    // `mentions.mentions` aligned automatically. Rendering them again as a\n    // chip-list below the editor was redundant and confusing.\n\n    const attachmentChips = hasAttachments ? (\n        <div className=\"flex flex-wrap items-center gap-1.5\">\n            {attachmentUpload.attachments.map((attachment) => (\n                <CommentAttachmentChip\n                    key={attachment.id}\n                    attachment={attachment}\n                    editable\n                    onRemove={attachmentUpload.removeAttachment}\n                    onRetry={attachmentUpload.retryAttachment}\n                    strings={stringsProp}\n                />\n            ))}\n        </div>\n    ) : null;\n\n    const footerSlot = hasAttachments ? attachmentChips : null;\n\n    const trailingSubmit = inlineSubmit !== false ? submitButton : null;\n    const showFooterRow = inlineSubmit === false || isEditing;\n\n    return (\n        <form onSubmit={handleSubmit} className=\"space-y-2\">\n            {eyebrow}\n\n            <input\n                ref={fileInputRef}\n                type=\"file\"\n                multiple\n                hidden\n                accept={attachmentsConfig?.accept}\n                onChange={(e) => {\n                    handleFiles(e.target.files);\n                    e.target.value = '';\n                }}\n            />\n\n            {/* Manual button-click flow: regular popover anchored to the\n                hidden trigger. The inline-trigger flow uses the panel\n                rendered below — no focus stealing while the user types. */}\n            {!mentions.triggerActive && (\n                <Popover open={mentions.pickerOpen} onOpenChange={mentions.setPickerOpen}>\n                    <PopoverTrigger\n                        render={\n                            <button\n                                type=\"button\"\n                                className=\"sr-only\"\n                                tabIndex={-1}\n                            />\n                        }\n                    >\n                        {strings.composerReferenceLabel}\n                    </PopoverTrigger>\n                    <MentionPicker\n                        open={mentions.pickerOpen}\n                        activeKind={mentions.activeKind}\n                        setActiveKind={mentions.setActiveKind}\n                        kinds={mentions.kinds}\n                        resources={resources}\n                        query={mentions.query}\n                        setQuery={mentions.setQuery}\n                        suggestions={mentions.suggestions}\n                        isLoading={mentions.isLoading}\n                        onSelect={mentions.pickSuggestion}\n                        strings={{\n                            title: strings.composerReferenceMenuTitle,\n                            searchPlaceholder: strings.composerReferenceSearchPlaceholder,\n                            empty: strings.composerReferenceEmpty,\n                            loading: strings.composerReferenceLoading,\n                        }}\n                    />\n                </Popover>\n            )}\n\n            <div className=\"relative\">\n                <RichTextEditor\n                    ref={editorRef}\n                    value={body}\n                    onChange={(html) => {\n                        setBody(html);\n                        // Sync the draft's mentions list with what's\n                        // actually present in the HTML — when the user\n                        // backspaces a chip span out of the body, the\n                        // chip-list below shrinks too. We merge with\n                        // the previously-known list so consumer-supplied\n                        // `href` / `data` payloads survive parsing.\n                        const parsed = parseMentionsFromHtml<string>(html);\n                        const previous = mentions.mentions;\n                        const previousIds = previous.map((m) => m.id).join('|');\n                        const currentIds = parsed.map((m) => m.id).join('|');\n                        if (previousIds !== currentIds) {\n                            const byId = new Map(previous.map((m) => [m.id, m]));\n                            const merged = parsed.map(\n                                (p) => byId.get(p.id) ?? p,\n                            );\n                            mentions.setMentions(merged);\n                        }\n                    }}\n                    placeholder={placeholder ?? strings.composerPlaceholder}\n                    strings={{\n                        editorLabel: placeholder ?? strings.composerPlaceholder,\n                    }}\n                    minHeight=\"3rem\"\n                    autoFocus={autoFocus || isEditing}\n                    extraToolbarItems={extraToolbarItems}\n                    toolbarTrailing={trailingSubmit}\n                    footerSlot={footerSlot}\n                    onCaretChange={mentions.handleCaretChange}\n                />\n\n                <MentionInlineSuggestions\n                    open={mentions.triggerActive && mentions.pickerOpen}\n                    activeKind={mentions.activeKind}\n                    setActiveKind={mentions.setActiveKind}\n                    onManualKindChange={() => mentions.setManualKindOverride(true)}\n                    kinds={mentions.kinds}\n                    resources={resources}\n                    query={mentions.query}\n                    suggestions={mentions.suggestions}\n                    suggestionsByKind={mentions.suggestionsByKind}\n                    isLoading={mentions.isLoading}\n                    onSelect={mentions.pickSuggestion}\n                    strings={{\n                        title: strings.composerReferenceMenuTitle,\n                        empty: strings.composerReferenceEmpty,\n                        loading: strings.composerReferenceLoading,\n                    }}\n                />\n            </div>\n\n            {contentError && (\n                <Text size=\"xs\" type=\"error\">\n                    {contentError}\n                </Text>\n            )}\n\n            {showFooterRow && (\n                <div className=\"flex items-center justify-end gap-2\">\n                    {cancelButton}\n                    {submitButton}\n                </div>\n            )}\n        </form>\n    );\n});\n\n/* ------------------------------------------------------------------ */\n/*  ComposerEyebrow                                                    */\n/* ------------------------------------------------------------------ */\n\nfunction ComposerEyebrow({\n    label,\n    closeLabel,\n    onClose,\n}: {\n    label: string;\n    closeLabel: string;\n    onClose?: () => void;\n}) {\n    return (\n        <div className=\"bg-muted/40 ring-border/60 flex items-center justify-between rounded px-2.5 py-1.5 ring-1 ring-inset\">\n            <Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wide\">\n                {label}\n            </Text>\n            {onClose ? (\n                <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    buttonStyle=\"ghost\"\n                    size=\"icon-small\"\n                    onClick={onClose}\n                    className=\"size-4 rounded p-0 text-muted-foreground hover:text-foreground\"\n                    aria-label={closeLabel}\n                >\n                    <X className=\"size-3\" />\n                </Button>\n            ) : null}\n        </div>\n    );\n}\n\n/** Helper export for templated reply eyebrow. */\nexport function makeReplyEyebrow(template: string, name?: string): string {\n    return interpolateString(template, { name: name ?? '' });\n}\n","/**\n * CommentEmpty — default empty state for the timeline. Replaceable via\n * the `emptySlot` prop on `<Comments>` / `<CommentTimeline>`.\n */\nimport { MessageCircle } from 'lucide-react';\nimport type { FC, ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport type { StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useResolvedStrings } from '../comments-provider';\nimport type { CommentsStrings } from '../comments.strings';\n\nexport interface CommentEmptyProps {\n    strings?: StringsProp<CommentsStrings>;\n    icon?: ReactNode;\n    className?: string;\n}\n\nexport const CommentEmpty: FC<CommentEmptyProps> = ({\n    strings: stringsProp,\n    icon,\n    className,\n}) => {\n    const strings = useResolvedStrings(stringsProp);\n\n    return (\n        <div\n            className={cn(\n                'flex flex-col items-center justify-center py-8 text-center',\n                className,\n            )}\n        >\n            <div className=\"bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full\">\n                {icon ?? (\n                    <MessageCircle className=\"text-muted-foreground/60 h-5 w-5\" />\n                )}\n            </div>\n            <Text weight=\"medium\">\n                {strings.empty}\n            </Text>\n            {strings.emptyHint ? (\n                <Text size=\"xs\" type=\"secondary\" className=\"mt-1 max-w-[28ch]\">\n                    {strings.emptyHint}\n                </Text>\n            ) : null}\n        </div>\n    );\n};\n","import type { ReactNode } from 'react';\nimport { Fragment, createElement } from 'react';\n\nimport { Heading, Text } from '@/components/typography';\nimport type { HeadingProps } from '@/components/typography';\nimport { MentionContent } from '@/components/features/mentions';\n\nimport type {\n    CommentData,\n    CommentUser,\n    CommentsConfig,\n    CommentsSlots,\n} from '../comments.types';\n\ninterface CommentContentProps<TResource extends string = string> {\n    comment: CommentData<CommentUser, unknown, TResource>;\n    /** Resource registry — passed through to `<MentionContent>`. */\n    resources?: CommentsConfig<CommentUser, unknown, TResource>['resources'];\n    renderReference?: CommentsSlots<\n        CommentUser,\n        unknown,\n        TResource\n    >['renderReference'];\n    /** Optional sanitizer applied to HTML before rendering. */\n    sanitizer?: (html: string) => string;\n}\n\n/**\n * `renderCommentContent` — backwards-compatible export that renders only\n * the comment body text (no references resolution). Use the\n * `<CommentContent>` component below for the full feature surface.\n */\nexport function renderCommentContent<TResource extends string = string>(\n    comment: CommentData<CommentUser, unknown, TResource>,\n): ReactNode {\n    return <CommentContent comment={comment} />;\n}\n\nexport function CommentContent<TResource extends string = string>(\n    props: CommentContentProps<TResource>,\n): ReactNode {\n    const { comment, resources, renderReference, sanitizer } = props;\n    const contentType =\n        comment.contentType ??\n        (comment as Record<string, unknown>).content_type ??\n        'text';\n\n    if (contentType === 'rich') {\n        return renderRichContent(comment.content);\n    }\n\n    if (contentType === 'html') {\n        return (\n            <MentionContent<TResource>\n                html={comment.content ?? ''}\n                mentions={comment.references}\n                resources={resources}\n                renderMention={renderReference}\n                sanitizer={sanitizer}\n            />\n        );\n    }\n\n    const plainContent = decodeQuotedString(comment.content ?? '');\n\n    return (\n        <Text className=\"whitespace-pre-line\">\n            {plainContent}\n        </Text>\n    );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Rich-block renderer (legacy \"rich\" content type)                   */\n/* ------------------------------------------------------------------ */\n\nfunction renderRichContent(rawContent: string | null | undefined): ReactNode {\n    if (!rawContent) return null;\n\n    try {\n        const parsed = JSON.parse(rawContent) as {\n            blocks?: Array<{ id?: string; type: string; data?: Record<string, unknown> }>;\n        };\n\n        if (!parsed || !Array.isArray(parsed.blocks) || parsed.blocks.length === 0) {\n            return null;\n        }\n\n        return (\n            <div className=\"prose prose-sm prose-p:my-0.5 prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-none space-y-1\">\n                {parsed.blocks.map((block, index) => (\n                    <Fragment key={block.id ?? `${block.type}-${index}`}>\n                        {renderRichBlock(block)}\n                    </Fragment>\n                ))}\n            </div>\n        );\n    } catch {\n        const decoded = decodeQuotedString(rawContent);\n        return (\n            <Text className=\"whitespace-pre-line\">\n                {decoded}\n            </Text>\n        );\n    }\n}\n\nfunction renderRichBlock(block: { type: string; data?: Record<string, unknown> }): ReactNode {\n    const data = block.data ?? {};\n\n    switch (block.type) {\n        case 'paragraph': {\n            const raw = String(data.text ?? '').trim();\n            if (!raw) return null;\n            return <Text asHTML content={raw} />;\n        }\n        case 'header': {\n            const text = stripHtml(String(data.text ?? ''));\n            const level = Number(data.level ?? 3);\n            if (!text) return null;\n            const safeLevel = Math.min(Math.max(level, 1), 6);\n            return createElement(\n                Heading,\n                { tag: `h${safeLevel}` as HeadingProps['tag'] },\n                text,\n            );\n        }\n        case 'list': {\n            const items = Array.isArray(data.items) ? data.items : [];\n            const sanitizedItems = items\n                .map((item) => stripHtml(String(item ?? '')))\n                .filter((item) => item.length > 0);\n\n            if (sanitizedItems.length === 0) return null;\n\n            if (data.style === 'ordered') {\n                return (\n                    <ol className=\"ml-6 list-decimal space-y-1 text-sm\">\n                        {sanitizedItems.map((item, index) => (\n                            <li key={`${item}-${index}`}>{item}</li>\n                        ))}\n                    </ol>\n                );\n            }\n\n            return (\n                <ul className=\"ml-6 list-disc space-y-1 text-sm\">\n                    {sanitizedItems.map((item) => (\n                        <li key={item}>{item}</li>\n                    ))}\n                </ul>\n            );\n        }\n        case 'quote': {\n            const text = String(data.text ?? '').trim();\n            if (!text) return null;\n            const caption = stripHtml(String(data.caption ?? ''));\n            return (\n                <blockquote className=\"border-muted text-muted-foreground border-l-2 pl-3 text-sm italic\">\n                    <Text asHTML content={text} />\n                    {caption.length > 0 && (\n                        <cite className=\"text-muted-foreground/80 mt-1 block text-xs not-italic\">\n                            — {caption}\n                        </cite>\n                    )}\n                </blockquote>\n            );\n        }\n        case 'delimiter':\n            return (\n                <div\n                    className=\"border-muted my-4 border-b border-dashed\"\n                    aria-hidden=\"true\"\n                />\n            );\n        default: {\n            const text = stripHtml(String(data.text ?? ''));\n            if (!text) return null;\n            return (\n                <Text className=\"whitespace-pre-line\">\n                    {text}\n                </Text>\n            );\n        }\n    }\n}\n\nfunction stripHtml(value: string): string {\n    return value.replace(/<[^>]*>/g, '').trim();\n}\n\nfunction decodeQuotedString(value: string | null | undefined): string {\n    if (typeof value !== 'string') return '';\n    const trimmed = value.trim();\n    if (trimmed === '') return '';\n    if (trimmed.startsWith('{') || trimmed.startsWith('[')) return trimmed;\n    try {\n        const parsed = JSON.parse(trimmed);\n        if (typeof parsed === 'string') return parsed;\n    } catch {\n        // ignore\n    }\n    if (trimmed.startsWith('\"') && trimmed.endsWith('\"')) {\n        return trimmed.slice(1, -1);\n    }\n    return trimmed;\n}\n","import { formatDistanceToNow } from 'date-fns';\nimport {\n    CornerDownRight,\n    Pencil,\n    Pin,\n    Smile,\n    Trash2,\n} from 'lucide-react';\nimport type { FC } from 'react';\nimport { memo, useMemo } from 'react';\n\nimport {\n    Avatar,\n    AvatarFallback,\n    AvatarImage,\n} from '@/components/base/display/avatar';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport {\n    Tooltip,\n    TooltipContent,\n    TooltipProvider,\n    TooltipTrigger,\n} from '@/components/base/display/tooltip';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport {\n    useResolvedAccessors,\n    useResolvedStrings,\n} from '../comments-provider';\nimport type {\n    CommentAttachment,\n    CommentItemProps,\n} from '../comments.types';\nimport { CommentAttachmentChip } from './comment-attachment-chip';\nimport { CommentContent } from './comment-content';\n\nconst FALLBACK_INITIAL = '?';\n\nconst defaultGetMediaUrl = (m: CommentAttachment | null | undefined) => m?.url;\nconst defaultGetMediaName = (m: CommentAttachment | null | undefined) => m?.name;\nconst defaultGetStatusLabel = (s: string) =>\n    s.charAt(0).toUpperCase() + s.slice(1).replace(/_/g, ' ');\nconst defaultFormatRelativeTime = (iso: string) => {\n    try {\n        return formatDistanceToNow(new Date(iso), { addSuffix: true });\n    } catch {\n        return '—';\n    }\n};\n\nexport const CommentItem = memo(function CommentItem<TResource extends string = string>({\n    comment,\n    canModerate,\n    onDelete,\n    onPinToggle,\n    onReact,\n    onReply,\n    strings: stringsProp,\n    getMediaUrl,\n    getMediaName,\n    getStatusLabel,\n    formatRelativeTime,\n    resources,\n    renderAttachment,\n    renderReference,\n}: CommentItemProps<import('../comments.types').CommentUser, unknown, TResource>) {\n    const strings = useResolvedStrings(stringsProp);\n    const accessors = useResolvedAccessors({\n        getMediaUrl,\n        getMediaName,\n        getStatusLabel,\n        formatRelativeTime,\n    });\n\n    const resolvedGetMediaUrl = accessors.getMediaUrl ?? defaultGetMediaUrl;\n    const resolvedGetMediaName = accessors.getMediaName ?? defaultGetMediaName;\n    const resolvedGetStatusLabel =\n        accessors.getStatusLabel ?? defaultGetStatusLabel;\n    const resolvedFormatRelativeTime =\n        accessors.formatRelativeTime ?? defaultFormatRelativeTime;\n\n    const authorName = comment.user?.name ?? strings.fallbackAuthor;\n    const avatarUrl = comment.user?.avatar ?? undefined;\n\n    const relativeTime = useMemo(() => {\n        if (!comment.createdAt) return '—';\n        return resolvedFormatRelativeTime(comment.createdAt);\n    }, [comment.createdAt, resolvedFormatRelativeTime]);\n\n    const fallbackInitial = useMemo(() => {\n        if (!authorName) return FALLBACK_INITIAL;\n        const trimmed = authorName.trim();\n        return trimmed === ''\n            ? FALLBACK_INITIAL\n            : trimmed.charAt(0).toUpperCase();\n    }, [authorName]);\n\n    const tagList = useMemo(() => {\n        if (Array.isArray(comment.tagsArray)) {\n            return comment.tagsArray.filter(\n                (tag): tag is string => typeof tag === 'string',\n            );\n        }\n        if (comment.tagsArray && typeof comment.tagsArray === 'object') {\n            return Object.values(comment.tagsArray).filter(\n                (value): value is string => typeof value === 'string',\n            );\n        }\n        return [];\n    }, [comment.tagsArray]);\n\n    const attachments = useMemo(() => {\n        const list = comment.attachments ?? comment.media ?? [];\n        return list.filter(\n            (a): a is CommentAttachment => !!a && typeof a === 'object',\n        );\n    }, [comment.attachments, comment.media]);\n\n    const reactions = comment.reactions ?? [];\n\n    const isPinned = comment.isPinned === true;\n    const isEdited = comment.isEdited === true;\n    const showStatus = comment.status && comment.status !== 'active';\n    const statusLabel =\n        showStatus && comment.status ? resolvedGetStatusLabel(comment.status) : null;\n    const canDeleteComment =\n        comment.canDelete === true || canModerate === true;\n    const canEditComment = comment.canEdit === true || canModerate === true;\n\n    const hasAttachments = attachments.length > 0;\n\n    return (\n        <article\n            className={cn(\n                'comment-item--component group relative overflow-hidden rounded-lg border transition-colors',\n                'border-border/60 bg-card hover:bg-muted/30 px-3 py-2.5',\n            )}\n            data-comment-id={comment.id}\n        >\n            <div className=\"flex min-w-0 items-start gap-3\">\n                <Avatar className=\"mt-0.5 size-avatar shrink-0\">\n                    {!!avatarUrl && (\n                        <AvatarImage src={avatarUrl} alt={authorName} />\n                    )}\n                    <AvatarFallback className=\"bg-muted text-muted-foreground text-xs font-medium\">\n                        {fallbackInitial}\n                    </AvatarFallback>\n                </Avatar>\n\n                <div className=\"min-w-0 flex-1\">\n                    <div className=\"flex min-w-0 items-baseline gap-2\">\n                        <Text\n                            tag=\"span\"\n                            weight=\"semibold\"\n                            className=\"truncate\"\n                        >\n                            {authorName}\n                        </Text>\n\n                        {!!isPinned && (\n                            <TooltipProvider delayDuration={0}>\n                                <Tooltip>\n                                    <TooltipTrigger render={<span className=\"inline-flex shrink-0 self-center\" />}>\n                                        <Pin className=\"text-warning size-3\" aria-hidden />\n                                    </TooltipTrigger>\n                                    <TooltipContent\n                                        side=\"top\"\n                                        className=\"text-xs\"\n                                    >\n                                        {strings.pinned}\n                                    </TooltipContent>\n                                </Tooltip>\n                            </TooltipProvider>\n                        )}\n\n                        <Text\n                            tag=\"span\"\n                            size=\"xs\"\n                            type=\"secondary\"\n                            className=\"shrink-0 tabular-nums\"\n                        >\n                            {relativeTime}\n                        </Text>\n\n                        {!!isEdited && (\n                            <Text\n                                tag=\"span\"\n                                size=\"xs\"\n                                type=\"secondary\"\n                                className=\"shrink-0\"\n                            >\n                                {strings.edited}\n                            </Text>\n                        )}\n\n                        {!!showStatus && !!statusLabel && (\n                            <Badge variant=\"secondary\" className=\"self-center uppercase tracking-wide\">\n                                {statusLabel}\n                            </Badge>\n                        )}\n                    </div>\n\n                    <div className=\"mt-1 text-sm leading-relaxed\">\n                        <CommentContent\n                            comment={comment}\n                            resources={resources}\n                            renderReference={renderReference}\n                        />\n                    </div>\n\n                    {tagList.length > 0 && (\n                        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n                            {tagList.map((tag) => (\n                                <Badge key={tag} variant=\"secondary\" className=\"uppercase tracking-wide\">\n                                    {tag}\n                                </Badge>\n                            ))}\n                        </div>\n                    )}\n\n                    {hasAttachments && (\n                        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n                            {attachments.map((attachment) => {\n                                if (renderAttachment) {\n                                    return (\n                                        <div key={attachment.id ?? attachment.name}>\n                                            {renderAttachment(attachment)}\n                                        </div>\n                                    );\n                                }\n                                return (\n                                    <CommentAttachmentChip\n                                        key={attachment.id ?? attachment.name}\n                                        attachment={attachment}\n                                        accessors={{\n                                            getMediaUrl: resolvedGetMediaUrl,\n                                            getMediaName: resolvedGetMediaName,\n                                        }}\n                                        strings={stringsProp}\n                                    />\n                                );\n                            })}\n                        </div>\n                    )}\n\n                    {reactions.length > 0 && (\n                        <div className=\"mt-2 flex flex-wrap items-center gap-1\">\n                            {reactions.map((reaction) => (\n                                <Button\n                                    key={reaction.emoji}\n                                    type=\"button\"\n                                    variant=\"secondary\"\n                                    buttonStyle=\"ghost\"\n                                    size=\"small\"\n                                    onClick={() =>\n                                        onReact && comment.id\n                                            ? onReact(comment.id, reaction.emoji)\n                                            : undefined\n                                    }\n                                    title={reaction.users?.join(', ')}\n                                    className=\"h-auto rounded-full p-0\"\n                                >\n                                    <Badge\n                                        variant={reaction.mine ? 'primary' : 'secondary'}\n                                        className=\"cursor-pointer transition-colors hover:opacity-90\"\n                                    >\n                                        <span aria-hidden className=\"leading-none\">\n                                            {reaction.emoji}\n                                        </span>\n                                        <span className=\"tabular-nums\">{reaction.count}</span>\n                                    </Badge>\n                                </Button>\n                            ))}\n                        </div>\n                    )}\n                </div>\n\n                {/* Trailing action cluster — single low-contrast group, hover/focus revealed. */}\n                <div\n                    className={cn(\n                        'absolute right-2 top-2 opacity-0 transition-opacity',\n                        'group-hover:opacity-100 focus-within:opacity-100',\n                        'inline-flex items-center gap-0.5 rounded-md bg-card/95 shadow-sm ring-1 ring-border/70',\n                    )}\n                >\n                    {!!onReply && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-small\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            onClick={() =>\n                                comment.id && onReply(comment.id)\n                            }\n                            title={strings.replyLabel}\n                            aria-label={strings.replyLabel}\n                        >\n                            <CornerDownRight className=\"size-3.5\" />\n                        </Button>\n                    )}\n                    {!!onReact && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-small\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            onClick={() =>\n                                comment.id && onReact(comment.id, '👍')\n                            }\n                            title={strings.addReactionLabel}\n                            aria-label={strings.addReactionLabel}\n                        >\n                            <Smile className=\"size-3.5\" />\n                        </Button>\n                    )}\n                    {!!onPinToggle && canModerate && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-small\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            onClick={() => onPinToggle(comment)}\n                            title={isPinned ? strings.unpinLabel : strings.pinLabel}\n                            aria-label={isPinned ? strings.unpinLabel : strings.pinLabel}\n                        >\n                            <Pin\n                                className={cn(\n                                    'size-3.5',\n                                    isPinned && 'text-warning',\n                                )}\n                            />\n                        </Button>\n                    )}\n                    {!!canEditComment && !!comment.id && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-small\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            title={strings.editLabel}\n                            aria-label={strings.editLabel}\n                        >\n                            <Pencil className=\"size-3.5\" />\n                        </Button>\n                    )}\n                    {!!canDeleteComment &&\n                        !!onDelete &&\n                        !!comment.id && (\n                            <Button\n                                type=\"button\"\n                                size=\"icon-small\"\n                                variant=\"secondary\"\n                                buttonStyle=\"ghost\"\n                                className=\"hover:bg-destructive/10 hover:text-destructive\"\n                                onClick={() =>\n                                    onDelete(comment.id as string)\n                                }\n                                title={strings.deleteLabel}\n                                aria-label={strings.deleteLabel}\n                            >\n                                <Trash2 className=\"size-3.5\" />\n                            </Button>\n                        )}\n                </div>\n            </div>\n        </article>\n    );\n}) as <TResource extends string = string>(\n    props: CommentItemProps<import('../comments.types').CommentUser, unknown, TResource>,\n) => ReturnType<FC>;\n","import type { FC } from 'react';\n\nimport type { CommentTimelineProps, CommentUser } from '../comments.types';\nimport { CommentEmpty } from './comment-empty';\nimport { CommentItem } from './comment-item';\n\nexport const CommentTimeline = function CommentTimeline<\n    TResource extends string = string,\n>({\n    comments,\n    canModerate,\n    onDelete,\n    onPinToggle,\n    onReact,\n    onReply,\n    strings: stringsProp,\n    getMediaUrl,\n    getMediaName,\n    getStatusLabel,\n    formatRelativeTime,\n    resources,\n    renderItem,\n    renderAttachment,\n    renderReference,\n    emptySlot,\n}: CommentTimelineProps<CommentUser, unknown, TResource>) {\n    if (!comments.length) {\n        return (\n            <>\n                {emptySlot ?? <CommentEmpty strings={stringsProp} />}\n            </>\n        );\n    }\n\n    return (\n        <div className=\"flex flex-col gap-2\">\n            {comments.map((comment, index) => {\n                const defaultItem = (\n                    <CommentItem\n                        comment={comment}\n                        canModerate={canModerate}\n                        onDelete={onDelete}\n                        onPinToggle={onPinToggle}\n                        onReact={onReact}\n                        onReply={onReply}\n                        strings={stringsProp}\n                        getMediaUrl={getMediaUrl}\n                        getMediaName={getMediaName}\n                        getStatusLabel={getStatusLabel}\n                        formatRelativeTime={formatRelativeTime}\n                        resources={resources}\n                        renderAttachment={renderAttachment}\n                        renderReference={renderReference}\n                    />\n                );\n\n                if (renderItem) {\n                    return (\n                        <div key={comment.id ?? `comment-${index}`}>\n                            {renderItem({\n                                comment,\n                                canModerate: canModerate ?? false,\n                                onDelete,\n                                defaultItem,\n                            })}\n                        </div>\n                    );\n                }\n\n                return (\n                    <div key={comment.id ?? `comment-${index}`}>\n                        {defaultItem}\n                    </div>\n                );\n            })}\n        </div>\n    );\n} as <TResource extends string = string>(\n    props: CommentTimelineProps<CommentUser, unknown, TResource>,\n) => ReturnType<FC>;\n","/**\n * Comments — top-level entry for the Comments feature.\n *\n * Composes the composer + timeline + empty state behind a single API.\n * Generic in `<TUser, TMeta, TResource>` so consumers can type their\n * domain (user shape, custom meta payload, resource-kind union).\n *\n * Per-mount wiring (callbacks, resources, accessors) flows as direct\n * props. Library-wide display defaults (composer position, etc.) come\n * from `<UIProvider>` — see `@/lib/ui-provider`. Slots, render-props,\n * and the headless `useComments()` hook cover the composability\n * spectrum.\n *\n * `CommentsCard` is exported as a back-compat alias for the previous\n * name; the API shape is identical.\n */\nimport { useCallback, useState } from 'react';\n\nimport { SmartCard } from '@/components/base/cards';\nimport { useCommentsConfig as useCommentsUIDefaults } from '@/lib/ui-provider';\n\nimport { useResolvedStrings } from './comments-provider';\nimport type {\n    CommentData,\n    CommentFormValues,\n    CommentSubmitHelpers,\n    CommentUser,\n    CommentsProps,\n} from './comments.types';\nimport { CommentComposer } from './partials/comment-composer';\nimport { CommentEmpty } from './partials/comment-empty';\nimport { CommentTimeline } from './partials/comment-timeline';\n\nimport { cn } from '@/lib/utils';\nexport function Comments<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n>(props: CommentsProps<TUser, TMeta, TResource>) {\n    const ui = useCommentsUIDefaults();\n\n    const composerPosition =\n        props.composerPosition ?? ui.composerPosition ?? 'top';\n\n    const canComment = props.canComment ?? false;\n    const canModerate = props.canModerate ?? false;\n\n    const onSubmit = props.onSubmit;\n    const onDelete = props.onDelete;\n    const onPinToggle = props.onPinToggle;\n    const onReact = props.onReact;\n    const onReply = props.onReply;\n\n    const resources = props.resources;\n    const attachments = props.attachments;\n\n    const strings = useResolvedStrings(props.strings);\n    const cardTitle = props.title === undefined ? strings.title : props.title;\n\n    const [formErrors, setFormErrors] = useState<Record<string, string>>({});\n    const [isSubmitting, setIsSubmitting] = useState(false);\n    const [resetKey, setResetKey] = useState(0);\n\n    const submitHelpers: CommentSubmitHelpers = {\n        setErrors: (errors) => setFormErrors(errors),\n        reset: () => {\n            setResetKey((k) => k + 1);\n            setFormErrors({});\n            setIsSubmitting(false);\n        },\n        setSubmitting: setIsSubmitting,\n    };\n\n    const handleSubmit = useCallback(\n        (values: CommentFormValues<TResource>) => {\n            if (!onSubmit) return;\n            setIsSubmitting(true);\n            setFormErrors({});\n            onSubmit(values, submitHelpers);\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [onSubmit],\n    );\n\n    const composer = props.composerSlot ?? (\n        canComment ? (\n            <CommentComposer\n                context={props.context}\n                canComment={canComment}\n                isSubmitting={isSubmitting}\n                errors={formErrors}\n                resetKey={resetKey}\n                /*\n                 * Generic-erasure boundary: `<Comments<TResource>>` is\n                 * generic but `<CommentComposer>` types its props\n                 * against the default-string kind. Shapes are\n                 * structurally identical — only the kind union differs.\n                 */\n                onSubmit={\n                    handleSubmit as (values: CommentFormValues) => void\n                }\n                strings={props.strings}\n                resources={resources as never}\n                attachments={attachments}\n            />\n        ) : null\n    );\n\n    /*\n     * Same generic-erasure boundary as the composer block above:\n     * `<Comments<TUser, TMeta, TResource>>` is generic, but\n     * `<CommentTimeline>` types its `comments` and `onPinToggle` props\n     * against `CommentData<CommentUser, unknown, TResource>` (default\n     * `TUser`/`TMeta`). The shapes are structurally identical — `TUser`\n     * narrows the author union and `TMeta` narrows the metadata payload,\n     * neither of which the timeline reads — so the widening cast is\n     * safe. Keep the cast localised here; do not propagate into the\n     * timeline body.\n     */\n    const timeline = (\n        <CommentTimeline\n            comments={props.comments as ReadonlyArray<CommentData<CommentUser, unknown, TResource>>}\n            canModerate={canModerate}\n            onDelete={onDelete}\n            onPinToggle={onPinToggle as (c: CommentData<CommentUser, unknown, TResource>) => void}\n            onReact={onReact}\n            onReply={onReply}\n            strings={props.strings}\n            getMediaUrl={props.getMediaUrl}\n            getMediaName={props.getMediaName}\n            getStatusLabel={props.getStatusLabel}\n            formatRelativeTime={props.formatRelativeTime}\n            resources={resources}\n            // `renderItem` is generic over the consumer's `<TUser, TMeta,\n            // TResource>` triple; `<CommentTimeline>` types it against\n            // the default `CommentUser, unknown, string` triple. The\n            // structural signature is the same — boundary cast only.\n            renderItem={props.renderItem as never}\n            renderAttachment={props.renderAttachment}\n            renderReference={props.renderReference}\n            emptySlot={\n                props.emptySlot ?? <CommentEmpty strings={props.strings} />\n            }\n        />\n    );\n\n    const composerBlock = composer ? <div>{composer}</div> : null;\n\n    const inner = (\n        <div className=\"flex flex-col gap-4\">\n            {props.headerSlot}\n            {composerPosition === 'top' && composerBlock}\n            {timeline}\n            {composerPosition === 'bottom' && composerBlock}\n            {props.footerSlot}\n        </div>\n    );\n\n    if (props.bare) {\n        return inner;\n    }\n\n    return (\n        <SmartCard\n            title={cardTitle === false ? undefined : cardTitle}\n            description={strings.subtitle || undefined}\n            padding=\"default\"\n            className={cn('comments--component', props.className)}\n        >\n            {inner}\n        </SmartCard>\n    );\n}\n\n/** Back-compat alias — `CommentsCard` was the previous primary export. */\nexport const CommentsCard = Comments;\n","/**\n * useComments — headless state machine for the Comments feature.\n *\n * Tracks composer mode (idle | replying | editing), submit/delete\n * helpers, error state, and resetKey bumping. The default `<Comments>`\n * component composes this hook; consumers building a fully custom UI\n * can use it directly.\n */\nimport { useCallback, useState } from 'react';\n\nimport type {\n    CommentData,\n    CommentFormValues,\n    CommentSubmitHelpers,\n    CommentUser,\n    CommentsConfig,\n} from '../comments.types';\n\nexport type ComposerMode<TResource extends string = string> =\n    | { kind: 'idle' }\n    | { kind: 'editing'; comment: CommentData<CommentUser, unknown, TResource> }\n    | { kind: 'replying'; commentId: string; authorName?: string };\n\nexport interface UseCommentsOptions<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n> {\n    onSubmit?: CommentsConfig<TUser, TMeta, TResource>['onSubmit'];\n    onUpdate?: CommentsConfig<TUser, TMeta, TResource>['onUpdate'];\n    onDelete?: CommentsConfig<TUser, TMeta, TResource>['onDelete'];\n}\n\nexport interface UseCommentsReturn<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n> {\n    composerMode: ComposerMode<TResource>;\n    isSubmitting: boolean;\n    formErrors: Record<string, string>;\n    resetKey: number;\n\n    startReply: (comment: CommentData<TUser, TMeta, TResource>) => void;\n    startEdit: (comment: CommentData<TUser, TMeta, TResource>) => void;\n    cancelComposerMode: () => void;\n\n    submit: (values: CommentFormValues<TResource>) => void;\n    deleteComment: (id: string) => void;\n\n    /** Imperative reset — bumps `resetKey` so the composer clears itself. */\n    resetComposer: () => void;\n    /** Helpers exposed to onSubmit/onUpdate. */\n    helpers: CommentSubmitHelpers;\n}\n\nexport function useComments<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n>(\n    options: UseCommentsOptions<TUser, TMeta, TResource> = {},\n): UseCommentsReturn<TUser, TMeta, TResource> {\n    const { onSubmit, onUpdate, onDelete } = options;\n\n    const [composerMode, setComposerMode] = useState<ComposerMode<TResource>>({\n        kind: 'idle',\n    });\n    const [isSubmitting, setIsSubmitting] = useState(false);\n    const [formErrors, setFormErrors] = useState<Record<string, string>>({});\n    const [resetKey, setResetKey] = useState(0);\n\n    const helpers: CommentSubmitHelpers = {\n        setErrors: (errors) => setFormErrors(errors),\n        reset: () => {\n            setResetKey((k) => k + 1);\n            setComposerMode({ kind: 'idle' });\n            setFormErrors({});\n        },\n        setSubmitting: setIsSubmitting,\n    };\n\n    const startReply = useCallback(\n        (comment: CommentData<TUser, TMeta, TResource>) => {\n            setComposerMode({\n                kind: 'replying',\n                commentId: comment.id ?? '',\n                authorName: comment.user?.name,\n            });\n        },\n        [],\n    );\n\n    const startEdit = useCallback(\n        (comment: CommentData<TUser, TMeta, TResource>) => {\n            setComposerMode({ kind: 'editing', comment });\n        },\n        [],\n    );\n\n    const cancelComposerMode = useCallback(() => {\n        setComposerMode({ kind: 'idle' });\n        setFormErrors({});\n    }, []);\n\n    const submit = useCallback(\n        (values: CommentFormValues<TResource>) => {\n            setIsSubmitting(true);\n            setFormErrors({});\n\n            if (composerMode.kind === 'editing' && composerMode.comment.id) {\n                if (!onUpdate) {\n                    setIsSubmitting(false);\n                    return;\n                }\n                onUpdate(composerMode.comment.id, values, helpers);\n                return;\n            }\n\n            if (!onSubmit) {\n                setIsSubmitting(false);\n                return;\n            }\n\n            const payload: CommentFormValues<TResource> =\n                composerMode.kind === 'replying'\n                    ? { ...values, replyToId: composerMode.commentId }\n                    : values;\n\n            onSubmit(payload, helpers);\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [composerMode, onSubmit, onUpdate],\n    );\n\n    const deleteComment = useCallback(\n        (id: string) => {\n            if (!onDelete || !id) return;\n            onDelete(id);\n        },\n        [onDelete],\n    );\n\n    const resetComposer = useCallback(() => {\n        setResetKey((k) => k + 1);\n        setComposerMode({ kind: 'idle' });\n        setFormErrors({});\n    }, []);\n\n    return {\n        composerMode,\n        isSubmitting,\n        formErrors,\n        resetKey,\n        startReply,\n        startEdit,\n        cancelComposerMode,\n        submit,\n        deleteComment,\n        resetComposer,\n        helpers,\n    };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA6EA,IAAa,IAA0C;CACnD,OAAO;CACP,UAAU;CACV,OAAO;CACP,WAAW;CAEX,qBAAqB;CACrB,gBAAgB;CAChB,oBAAoB;CACpB,cAAc;CACd,gBAAgB;CAChB,gBAAgB;CAChB,wBAAwB;CACxB,yBAAyB;CAEzB,yBAAyB;CACzB,wBAAwB;CACxB,4BAA4B;CAC5B,oCAAoC;CACpC,wBAAwB;CACxB,0BAA0B;CAE1B,gBAAgB;CAChB,QAAQ;CACR,QAAQ;CACR,aAAa;CACb,WAAW;CACX,YAAY;CACZ,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,oBAAoB;CAEpB,oBAAoB;CACpB,uBAAuB;CACvB,0BAA0B;CAC1B,uBAAuB;CACvB,yBAAyB;CACzB,wBAAwB;CACxB,sBAAsB;CACtB,yBAAyB;CAEzB,kBAAkB;CAElB,kBAAkB;CAClB,kBAAkB;AACtB;AAMA,SAAgB,EACZ,GACA,GACM;CACN,OAAO,EAAS,QAAQ,mBAAmB,GAAG,MAAgB;EAC1D,IAAM,IAAQ,EAAO;EACrB,OAAO,KAAiC,OAAO,KAAK,OAAO,CAAK;CACpE,CAAC;AACL;;;AC5GA,SAAgB,EACZ,GACe;CACf,OAAO,EAAW,GAAwB,CAAW;AACzD;AAQA,SAAgB,GACZ,GACiB;CACjB,IAAM,IAAQ,EAAe,GACvB,IAAQ,EAAe;CAC7B,OAAO,SACI;EACH,aACI,GAAe,iBACb,MACE,EAAM,aAAc,KAAK,CAAC,CAAoC;EACtE,cACI,GAAe,kBACb,MACE,EAAM,cAAe,KAAK,CAAC,CAAuB;EAC1D,gBAAgB,GAAe;EAC/B,oBACI,GAAe,sBAAsB,EAAM;CACnD,IACA;EAAC;EAAe;EAAO,EAAM;CAAkB,CACnD;AACJ;;;AC1BA,SAAS,GAAY,GAA+B;CAIhD,OAHI,OAAO,KAAU,YAAY,KAAS,IAAU,OAChD,IAAQ,OAAa,GAAG,EAAM,MAC9B,IAAQ,OAAO,OAAa,IAAI,IAAQ,MAAM,QAAQ,CAAC,EAAE,OACtD,IAAI,KAAS,OAAO,OAAO,QAAQ,CAAC,EAAE;AACjD;AAEA,SAAS,GAAS,GAAwB;CAKtC,OAJI,EAAI,UAAU,WAAW,QAAQ,IAAU,IAC3C,EAAI,aAAa,qBACjB,EAAI,UAAU,WAAW,OAAO,IAAU,IAC1C,EAAI,WAAiB,IAClB;AACX;AAEA,IAAa,MAAyD,EAClE,eACA,cAAW,IACX,aACA,YACA,cACA,SAAS,GACT,aAAU,IACV,mBACE;CACF,IAAM,IAAU,EAAW,GAAwB,CAAW,GAExD,IAAM,GAAW,cAAc,CAAU,KAAK,EAAW,KACzD,IACF,GAAW,eAAe,CAAU,KACpC,EAAW,QACX,EAAQ,oBACN,IAAO,GAAS,CAAU,GAE1B,IAAc,EAAW,WAAW,aACpC,IAAW,EAAW,WAAW,UACjC,IAAY,GAAY,EAAW,IAAI,GAEvC,IAAO,IACP,EAAQ,4BACP,OAAO,EAAW,YAAa,WAC1B,IAAI,KAAK,MAAM,EAAW,QAAQ,EAAE,KACpC,MACN,IACE,EAAW,SAAS,EAAQ,wBAC5B,GAEF,IAAU,EACZ,8EACA,uCACA,IAAU,sBAAsB,uBAChC,IACM,0EACA,kEACN,CACJ,GAEM,IAAW,IACb,kBAAC,GAAD;EACI,WAAW,EAAG,+CAA+C,UAAU;EACvE,eAAA;CACH,CAAA,IAED,kBAAC,GAAD;EACI,WAAW,EACP,YACA,YACA,IAAW,qBAAqB,uBACpC;EACA,eAAA;CACH,CAAA,GAGC,IACF,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACI,kBAAC,GAAD;GACI,KAAI;GACJ,MAAK;GACL,QAAO;GACP,WAAW,EAAG,YAAY,KAAY,kBAAkB;aAEvD;EACC,CAAA,GACL,IACG,kBAAC,GAAD;GACI,KAAI;GACJ,MAAK;GACL,MAAK;GACL,WAAU;aAET;EACC,CAAA,IACN,IACF;;CAKV,OACI,kBAAC,OAAD;EAAK,WAAW;YAAhB;GACK;GAJe,KAAO,CAAC,KAAe,CAAC,IAMpC,kBAAC,KAAD;IACI,MAAM;IACN,QAAO;IACP,KAAI;IACJ,WAAU;IACV,cAAY,EAAQ;cAEnB;GACF,CAAA,IAEH;GAGH,KAAe,OAAO,EAAW,YAAa,YAC3C,kBAAC,OAAD;IAAK,WAAU;cACX,kBAAC,OAAD;KACI,WAAU;KACV,OAAO,EACH,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,EAAW,QAAQ,CAAC,EAAE,GAC9D;IACH,CAAA;GACA,CAAA;GAGR,KAAY,KACT,kBAAC,GAAD;IACI,MAAK;IACL,SAAQ;IACR,aAAY;IACZ,MAAK;IACL,eAAe,EAAQ,EAAW,EAAE;IACpC,WAAU;cAET,EAAQ;GACL,CAAA;GAGX,KAAY,KACT,kBAAC,GAAD;IACI,MAAK;IACL,SAAQ;IACR,aAAY;IACZ,MAAK;IACL,eAAe,EAAS,EAAW,EAAE;IACrC,WAAU;IACV,cAAY,EAAQ;IACpB,OAAO,EAAQ;cAEf,kBAAC,GAAD,EAAG,WAAU,SAAU,CAAA;GACnB,CAAA;EAEX;;AAEb;;;AChJA,SAAgB,GACZ,IAAsC,CAAC,GACd;CACzB,IAAM,EACF,aACA,YACA,aAIA,aACA,uBACA,aACA,eACA,GAEE,CAAC,GAAa,KAAuB,QACvC,IAAqB,CAAC,GAAG,CAAkB,IAAI,CAAC,CACpD,GACM,IAAc,kBAAmC,IAAI,IAAI,CAAC,GAC1D,IAAe,kBAA0B,IAAI,IAAI,CAAC,GAClD,IAAc,EAAO,CAAQ;CACnC,EAAY,UAAU;CAEtB,IAAM,IAAmB,GACpB,GAAY,MAAsC;EAC/C,GAAqB,MACjB,EAAK,KAAK,MAAO,EAAE,OAAO,IAAK;GAAE,GAAG;GAAG,GAAG;EAAM,IAAI,CAAE,CAC1D;CACJ,GACA,CAAC,CACL,GAEM,IAAiB,GAClB,MAA2C;EACxC,EAAoB,CAAC,GAAG,CAAI,CAAC;CACjC,GACA,CAAC,CACL,GAEM,IAAc,GACf,GAAY,MAAe;EACxB,IAAI,CAAC,GAAU;EACf,IAAM,IAAa,IAAI,gBAAgB;EAavC,AAZA,EAAY,QAAQ,IAAI,GAAI,EAAE,cAAW,CAAC,GAE1C,EAAiB,GAAI;GACjB,QAAQ;GACR,UAAU;GACV,OAAO,KAAA;EACX,CAAC,GAMD,EAAS;GAAE;GAAM,aAJG,MAAqB;IACrC,EAAiB,GAAI,EAAE,YAAS,CAAC;GACrC;GAE6B,QAAQ,EAAW;EAAO,CAAC,EACnD,MAAM,MAAa;GAEhB,AADA,EAAY,QAAQ,OAAO,CAAE,GAC7B,EAAiB,GAAI;IACjB,GAAG;IACH;IACA,QAAQ;IACR,UAAU;IACV,OAAO,KAAA;GACX,CAAC;EACL,CAAC,EACA,OAAO,MAAiB;GAErB,IADA,EAAY,QAAQ,OAAO,CAAE,GACzB,EAAW,OAAO,SAClB;GAEJ,IAAM,IACF,aAAe,QAAQ,EAAI,UAAU;GAKzC,AAJA,EAAiB,GAAI;IACjB,QAAQ;IACR,OAAO;GACX,CAAC,GACD,IAAU,CAAO;EACrB,CAAC;CACT,GACA;EAAC;EAAS;EAAU;CAAgB,CACxC,GAEM,IAAW,GACZ,MAA+C;EAC5C,IAAI,KAAY,CAAC,GAAU;EAC3B,IAAM,IAAQ,MAAM,KAAK,CAAU;EAC/B,EAAM,WAAW,KAErB,GAAqB,MAAS;GAC1B,IAAM,IAAO,CAAC,GAAG,CAAI;GACrB,KAAK,IAAM,KAAQ,GAAO;IACtB,IACI,OAAO,KAAa,YACpB,EAAK,UAAU,GACjB;KACE,IAAU,uBAAuB;KACjC;IACJ;IACA,IACI,OAAO,KAAY,YACnB,EAAK,OAAO,GACd;KACE,IAAU,oBAAoB;KAC9B;IACJ;IAEA,IAAM,IACF,OAAO,SAAW,OAAe,gBAAgB,SAC3C,OAAO,WAAW,IAClB,OAAO,KAAK,IAAI,EAAE,GAAG,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC;IAajE,AAXA,EAAa,QAAQ,IAAI,GAAI,CAAI,GAEjC,EAAK,KAAK;KACN;KACA,MAAM,EAAK;KACX,MAAM,EAAK;KACX,UAAU,EAAK;KACf,QAAQ;KACR,UAAU;IACd,CAAC,GAED,qBAAqB,EAAY,GAAI,CAAI,CAAC;GAC9C;GACA,OAAO;EACX,CAAC;CACL,GACA;EAAC;EAAa;EAAU;EAAU;EAAS;EAAS;CAAQ,CAChE,GAEM,IAAmB,GAAa,MAAe;EACjD,IAAM,IAAQ,EAAY,QAAQ,IAAI,CAAE;EAMxC,AALI,MACA,EAAM,WAAW,MAAM,GACvB,EAAY,QAAQ,OAAO,CAAE,IAEjC,EAAa,QAAQ,OAAO,CAAE,GAC9B,GAAqB,MAAS,EAAK,QAAQ,MAAM,EAAE,OAAO,CAAE,CAAC;CACjE,GAAG,CAAC,CAAC,GAEC,IAAkB,GACnB,MAAe;EACZ,IAAM,IAAO,EAAa,QAAQ,IAAI,CAAE;EACnC,KACL,EAAY,GAAI,CAAI;CACxB,GACA,CAAC,CAAW,CAChB,GAEM,IAAQ,QAAkB;EAC5B,KAAK,IAAM,KAAS,EAAY,QAAQ,OAAO,GAC3C,EAAM,WAAW,MAAM;EAI3B,AAFA,EAAY,QAAQ,MAAM,GAC1B,EAAa,QAAQ,MAAM,GAC3B,EAAoB,CAAC,CAAC;CAC1B,GAAG,CAAC,CAAC;CAyBL,OAvBA,QAAgB;EACZ,EAAY,UAAU,CAAW;CACrC,GAAG,CAAC,CAAW,CAAC,GAEhB,QAAgB;EACZ,IAAM,IAAW,EAAY;EAC7B,aAAa;GACT,KAAK,IAAM,KAAS,EAAS,OAAO,GAChC,EAAM,WAAW,MAAM;EAE/B;CACJ,GAAG,CAAC,CAAC,GAYE;EACH;EACA,qBAZwB,QAClB,EAAY,QAAQ,MAAM,EAAE,WAAW,cAAc,CAAC,EAAE,MAAM,GACpE,CAAC,CAAW,CAUZ;EACA,aARgB,QACV,EAAY,MAAM,MAAM,EAAE,WAAW,WAAW,GACtD,CAAC,CAAW,CAMZ;EACA;EACA;EACA;EACA;EACA;CACJ;AACJ;;;AC7LA,SAAS,GAAqB,GAAuB;CAGjD,OAFI,CAAC,KAAQ,OAAO,KAAS,WAAiB,KACjC,EAAK,QAAQ,YAAY,EAAE,EAAE,KACnC,EAAK,SAAS;AACzB;AAEA,IAAa,KAAkB,EAG7B,SACE,EACI,YACA,gBAAa,IACb,kBAAe,IACf,WACA,cAAW,GACX,aACA,aACA,mBACA,SAAS,GACT,WAAW,GACX,kBAAkB,GAClB,aAAa,GACb,kBACA,eAAY,IACZ,kBAAe,IACf,kBAEJ,GACF;CACE,IAAM,IAAU,EAAmB,CAAW,GAExC,IAAY,GACZ,IAAmB,GACnB,IAAoB,GAEpB,IAAY,EAA6B,IAAI,GAC7C,CAAC,GAAM,MAAW,QACd,GAAe,WAAW,GAAgB,WAAW,EAC/D,GACM,CAAC,GAAc,KAAmB,EAAwB,IAAI,GAO9D,IAAW,GAAY;EACzB;EACA;EACA;EACA,iBACI,GAAe,cAAc,GAAgB;CACrD,CAAC,GAEK,IAAmB,GAAoB;EACzC,GAAG;EACH,oBAAoB,GAAe,eAAe,KAAA;CACtD,CAAC;CAyCD,AAvCA,EACI,UACO;EACH,aAAa,EAAU,SAAS,MAAM;EACtC,aAAa;GAIT,AAHA,EAAU,SAAS,MAAM,GACzB,EAAS,MAAM,GACf,EAAiB,MAAM,GACvB,EAAgB,IAAI;EACxB;EACA,UAAU,MAAS;GACf,EAAU,SAAS,QAAQ,CAAI;EACnC;CACJ,IACA,CAAC,GAAkB,CAAQ,CAC/B,GAGA,QAAgB;EAIZ,AAHA,EAAU,SAAS,QAAQ,GAAe,WAAW,EAAE,GACvD,EAAS,YAAY,GAAe,cAAc,CAAC,CAAC,GACpD,EAAiB,eAAe,GAAe,eAAe,CAAC,CAAC,GAChE,EAAgB,IAAI;CAExB,GAAG;EAAC,EAAQ;EAAI,EAAQ;EAAM;CAAQ,CAAC,GAGvC,QAAgB;EACZ,IAAI,CAAC,GAAgB;EAErB,AADA,EAAU,SAAS,QAAQ,EAAe,WAAW,EAAE,GACvD,EAAS,YAAY,EAAe,cAAc,CAAC,CAAC;EACpD,IAAM,KAAQ,EAAe,eAAe,EAAe,SAAS,CAAC,GAAG,QACnE,MAAkC,CAAC,CAAC,CACzC;EACA,EAAiB,eAAe,CAAI;CAExC,GAAG,CAAC,GAAgB,EAAE,CAAC,GAGvB,QAAgB;EACZ,AAAI,GAAQ,WACR,EAAgB,EAAO,OAAO;CAEtC,GAAG,CAAC,CAAM,CAAC;CAEX,IAAM,KAAgB,MAA4B;EAC9C,GAAO,eAAe;EACtB,IAAM,IAAO,EAAU,SAAS,QAAQ,KAAK;EAC7C,IAAI,CAAC,GAAqB,CAAI,GAAG;GAC7B,EAAgB,EAAQ,cAAc;GACtC;EACJ;EAaA,AAZA,EAAgB,IAAI,GAYpB,EAAS;GATL,SAAS;GACT,eAAe,EAAQ;GACvB,iBAAiB,EAAQ;GACzB,aAAa;GACb,YAAY,EAAS;GACrB,aAAa,EAAiB;GAC9B,WAAW,GAAgB;EAGtB,CAAM;CACnB,GAEM,IAAe,EAAyB,IAAI,GAC5C,WAA8B,EAAa,SAAS,MAAM,GAC1D,MAAe,MAA2B;EACvC,KACL,EAAiB,SAAS,CAAK;CACnC,GAEM,IAAiB,EAAiB,YAAY,SAAS,GACvD,IAAY,CAAC,CAAC,GAEd,IAAc,IACd,EAAQ,qBACR,IACE,EAAQ,eACR,EAAQ,gBAEV,KAAqB,IACvB,kBAAC,IAAD;EACI,OAAO,EAAQ;EACf,YAAY,EAAQ;EACpB,SAAS;CACZ,CAAA,IACD,MAEE,KAAoB,QAAwD;EAC9E,IAAM,IAAqC,CAAC;EAiB5C,OAhBI,KAAa,OAAO,KAAK,CAAS,EAAE,SAAS,KAC7C,EAAM,KAAK;GACP,IAAI;GACJ,MAAM;GACN,OAAO,EAAQ;GACf,eAAe,EAAS,cAAc,EAAI;EAC9C,CAAC,GAED,GAAmB,YAAY,CAAC,EAAkB,YAClD,EAAM,KAAK;GACP,IAAI;GACJ,MAAM;GACN,OAAO,EAAQ;GACf,SAAS;EACb,CAAC,GAEE;CAEX,GAAG;EACC;EACA,GAAmB;EACnB,GAAmB;EACnB,EAAQ;EACR,EAAQ;CACZ,CAAC;CAED,IAAI,CAAC,GAAY,OAAO;CAExB,IAAM,KACF,kBAAC,GAAD;EACI,MAAK;EACL,eAAe,EAAa;EAC5B,UAAU,KAAgB,EAAiB;EAC3C,MAAM,IAAe,IAAU;YAE9B;CACG,CAAA,GAGN,KAAgB,KAAa,IAC/B,kBAAC,GAAD;EACI,MAAK;EACL,SAAQ;EACR,aAAY;EACZ,SAAS;EACT,UAAU;YAET,EAAQ;CACL,CAAA,IACR,MAQE,KAAkB,IACpB,kBAAC,OAAD;EAAK,WAAU;YACV,EAAiB,YAAY,KAAK,MAC/B,kBAAC,IAAD;GAEgB;GACZ,UAAA;GACA,UAAU,EAAiB;GAC3B,SAAS,EAAiB;GAC1B,SAAS;EACZ,GANQ,EAAW,EAMnB,CACJ;CACA,CAAA,IACL,MAEE,IAAa,IAAiB,KAAkB,MAEhD,KAAiB,MAAiB,KAAuB,OAAf,IAC1C,IAAgB,MAAiB,MAAS;CAEhD,OACI,kBAAC,QAAD;EAAM,UAAU;EAAc,WAAU;YAAxC;GACK;GAED,kBAAC,SAAD;IACI,KAAK;IACL,MAAK;IACL,UAAA;IACA,QAAA;IACA,QAAQ,GAAmB;IAC3B,WAAW,MAAM;KAEb,AADA,GAAY,EAAE,OAAO,KAAK,GAC1B,EAAE,OAAO,QAAQ;IACrB;GACH,CAAA;GAKA,CAAC,EAAS,iBACP,kBAAC,GAAD;IAAS,MAAM,EAAS;IAAY,cAAc,EAAS;cAA3D,CACI,kBAAC,GAAD;KACI,QACI,kBAAC,UAAD;MACI,MAAK;MACL,WAAU;MACV,UAAU;KACb,CAAA;eAGJ,EAAQ;IACG,CAAA,GAChB,kBAAC,GAAD;KACI,MAAM,EAAS;KACf,YAAY,EAAS;KACrB,eAAe,EAAS;KACxB,OAAO,EAAS;KACL;KACX,OAAO,EAAS;KAChB,UAAU,EAAS;KACnB,aAAa,EAAS;KACtB,WAAW,EAAS;KACpB,UAAU,EAAS;KACnB,SAAS;MACL,OAAO,EAAQ;MACf,mBAAmB,EAAQ;MAC3B,OAAO,EAAQ;MACf,SAAS,EAAQ;KACrB;IACH,CAAA,CACI;;GAGb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,GAAD;KACI,KAAK;KACL,OAAO;KACP,WAAW,MAAS;MAChB,GAAQ,CAAI;MAOZ,IAAM,IAAS,EAA8B,CAAI,GAC3C,IAAW,EAAS;MAG1B,IAFoB,EAAS,KAAK,MAAM,EAAE,EAAE,EAAE,KAAK,GAE/C,MADe,EAAO,KAAK,MAAM,EAAE,EAAE,EAAE,KAAK,GAC5B,GAAY;OAC5B,IAAM,IAAO,IAAI,IAAI,EAAS,KAAK,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,GAC7C,IAAS,EAAO,KACjB,MAAM,EAAK,IAAI,EAAE,EAAE,KAAK,CAC7B;OACA,EAAS,YAAY,CAAM;MAC/B;KACJ;KACA,aAAa,KAAe,EAAQ;KACpC,SAAS,EACL,aAAa,KAAe,EAAQ,oBACxC;KACA,WAAU;KACV,WAAW,KAAa;KACL;KACnB,iBAAiB;KACL;KACZ,eAAe,EAAS;IAC3B,CAAA,GAED,kBAAC,GAAD;KACI,MAAM,EAAS,iBAAiB,EAAS;KACzC,YAAY,EAAS;KACrB,eAAe,EAAS;KACxB,0BAA0B,EAAS,sBAAsB,EAAI;KAC7D,OAAO,EAAS;KACL;KACX,OAAO,EAAS;KAChB,aAAa,EAAS;KACtB,mBAAmB,EAAS;KAC5B,WAAW,EAAS;KACpB,UAAU,EAAS;KACnB,SAAS;MACL,OAAO,EAAQ;MACf,OAAO,EAAQ;MACf,SAAS,EAAQ;KACrB;IACH,CAAA,CACA;;GAEJ,KACG,kBAAC,GAAD;IAAM,MAAK;IAAK,MAAK;cAChB;GACC,CAAA;GAGT,KACG,kBAAC,OAAD;IAAK,WAAU;cAAf,CACK,IACA,EACA;;EAEP;;AAEd,CAAC;AAMD,SAAS,GAAgB,EACrB,UACA,eACA,cAKD;CACC,OACI,kBAAC,OAAD;EAAK,WAAU;YAAf,CACI,kBAAC,GAAD;GAAM,MAAK;GAAM,MAAK;GAAY,QAAO;GAAS,WAAU;aACvD;EACC,CAAA,GACL,IACG,kBAAC,GAAD;GACI,MAAK;GACL,SAAQ;GACR,aAAY;GACZ,MAAK;GACL,SAAS;GACT,WAAU;GACV,cAAY;aAEZ,kBAAC,GAAD,EAAG,WAAU,SAAU,CAAA;EACnB,CAAA,IACR,IACH;;AAEb;AAGA,SAAgB,GAAiB,GAAkB,GAAuB;CACtE,OAAO,EAAkB,GAAU,EAAE,MAAM,KAAQ,GAAG,CAAC;AAC3D;;;ACxaA,IAAa,KAAuC,EAChD,SAAS,GACT,SACA,mBACE;CACF,IAAM,IAAU,EAAmB,CAAW;CAE9C,OACI,kBAAC,OAAD;EACI,WAAW,EACP,8DACA,CACJ;YAJJ;GAMI,kBAAC,OAAD;IAAK,WAAU;cACV,KACG,kBAAC,GAAD,EAAe,WAAU,mCAAoC,CAAA;GAEhE,CAAA;GACL,kBAAC,GAAD;IAAM,QAAO;cACR,EAAQ;GACP,CAAA;GACL,EAAQ,YACL,kBAAC,GAAD;IAAM,MAAK;IAAK,MAAK;IAAY,WAAU;cACtC,EAAQ;GACP,CAAA,IACN;EACH;;AAEb;;;ACjBA,SAAgB,GACZ,GACS;CACT,OAAO,kBAAC,GAAD,EAAyB,WAAU,CAAA;AAC9C;AAEA,SAAgB,EACZ,GACS;CACT,IAAM,EAAE,YAAS,cAAW,oBAAiB,iBAAc,GACrD,IACF,EAAQ,eACP,EAAoC,gBACrC;CAoBJ,OAlBI,MAAgB,SACT,GAAkB,EAAQ,OAAO,IAGxC,MAAgB,SAEZ,kBAAC,GAAD;EACI,MAAM,EAAQ,WAAW;EACzB,UAAU,EAAQ;EACP;EACX,eAAe;EACJ;CACd,CAAA,IAOL,kBAAC,GAAD;EAAM,WAAU;YAHC,GAAmB,EAAQ,WAAW,EAIlD;CACC,CAAA;AAEd;AAMA,SAAS,GAAkB,GAAkD;CACzE,IAAI,CAAC,GAAY,OAAO;CAExB,IAAI;EACA,IAAM,IAAS,KAAK,MAAM,CAAU;EAQpC,OAJI,CAAC,KAAU,CAAC,MAAM,QAAQ,EAAO,MAAM,KAAK,EAAO,OAAO,WAAW,IAC9D,OAIP,kBAAC,OAAD;GAAK,WAAU;aACV,EAAO,OAAO,KAAK,GAAO,MACvB,kBAAC,GAAD,EAAA,UACK,GAAgB,CAAK,EAChB,GAFK,EAAM,MAAM,GAAG,EAAM,KAAK,GAAG,GAElC,CACb;EACA,CAAA;CAEb,QAAQ;EAEJ,OACI,kBAAC,GAAD;GAAM,WAAU;aAFJ,GAAmB,CAG1B;EACC,CAAA;CAEd;AACJ;AAEA,SAAS,GAAgB,GAAoE;CACzF,IAAM,IAAO,EAAM,QAAQ,CAAC;CAE5B,QAAQ,EAAM,MAAd;EACI,KAAK,aAAa;GACd,IAAM,IAAM,OAAO,EAAK,QAAQ,EAAE,EAAE,KAAK;GAEzC,OADK,IACE,kBAAC,GAAD;IAAM,QAAA;IAAO,SAAS;GAAM,CAAA,IADlB;EAErB;EACA,KAAK,UAAU;GACX,IAAM,IAAO,EAAU,OAAO,EAAK,QAAQ,EAAE,CAAC,GACxC,IAAQ,OAAO,EAAK,SAAS,CAAC;GAGpC,OAFK,IAEE,EACH,GACA,EAAE,KAAK,IAHO,KAAK,IAAI,KAAK,IAAI,GAAO,CAAC,GAAG,CAGhC,IAAmC,GAC9C,CACJ,IANkB;EAOtB;EACA,KAAK,QAAQ;GAET,IAAM,KADQ,MAAM,QAAQ,EAAK,KAAK,IAAI,EAAK,QAAQ,CAAC,GAEnD,KAAK,MAAS,EAAU,OAAO,KAAQ,EAAE,CAAC,CAAC,EAC3C,QAAQ,MAAS,EAAK,SAAS,CAAC;GAcrC,OAZI,EAAe,WAAW,IAAU,OAEpC,EAAK,UAAU,YAEX,kBAAC,MAAD;IAAI,WAAU;cACT,EAAe,KAAK,GAAM,MACvB,kBAAC,MAAD,EAAA,UAA8B,EAAS,GAA9B,GAAG,EAAK,GAAG,GAAmB,CAC1C;GACD,CAAA,IAKR,kBAAC,MAAD;IAAI,WAAU;cACT,EAAe,KAAK,MACjB,kBAAC,MAAD,EAAA,UAAgB,EAAS,GAAhB,CAAgB,CAC5B;GACD,CAAA;EAEZ;EACA,KAAK,SAAS;GACV,IAAM,IAAO,OAAO,EAAK,QAAQ,EAAE,EAAE,KAAK;GAC1C,IAAI,CAAC,GAAM,OAAO;GAClB,IAAM,IAAU,EAAU,OAAO,EAAK,WAAW,EAAE,CAAC;GACpD,OACI,kBAAC,cAAD;IAAY,WAAU;cAAtB,CACI,kBAAC,GAAD;KAAM,QAAA;KAAO,SAAS;IAAO,CAAA,GAC5B,EAAQ,SAAS,KACd,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAyE,MAClE,CACD;MAEF;;EAEpB;EACA,KAAK,aACD,OACI,kBAAC,OAAD;GACI,WAAU;GACV,eAAY;EACf,CAAA;EAET,SAAS;GACL,IAAM,IAAO,EAAU,OAAO,EAAK,QAAQ,EAAE,CAAC;GAE9C,OADK,IAED,kBAAC,GAAD;IAAM,WAAU;cACX;GACC,CAAA,IAJQ;EAMtB;CACJ;AACJ;AAEA,SAAS,EAAU,GAAuB;CACtC,OAAO,EAAM,QAAQ,YAAY,EAAE,EAAE,KAAK;AAC9C;AAEA,SAAS,GAAmB,GAA0C;CAClE,IAAI,OAAO,KAAU,UAAU,OAAO;CACtC,IAAM,IAAU,EAAM,KAAK;CAC3B,IAAI,MAAY,IAAI,OAAO;CAC3B,IAAI,EAAQ,WAAW,GAAG,KAAK,EAAQ,WAAW,GAAG,GAAG,OAAO;CAC/D,IAAI;EACA,IAAM,IAAS,KAAK,MAAM,CAAO;EACjC,IAAI,OAAO,KAAW,UAAU,OAAO;CAC3C,QAAQ,CAER;CAIA,OAHI,EAAQ,WAAW,IAAG,KAAK,EAAQ,SAAS,IAAG,IACxC,EAAQ,MAAM,GAAG,EAAE,IAEvB;AACX;;;ACxKA,IAAM,KAAmB,KAEnB,MAAsB,MAA4C,GAAG,KACrE,MAAuB,MAA4C,GAAG,MACtE,MAAyB,MAC3B,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,EAAE,QAAQ,MAAM,GAAG,GACtD,MAA6B,MAAgB;CAC/C,IAAI;EACA,OAAO,EAAoB,IAAI,KAAK,CAAG,GAAG,EAAE,WAAW,GAAK,CAAC;CACjE,QAAQ;EACJ,OAAO;CACX;AACJ,GAEa,KAAc,EAAK,SAAwD,EACpF,YACA,gBACA,aACA,gBACA,YACA,YACA,SAAS,GACT,gBACA,iBACA,mBACA,uBACA,cACA,qBACA,uBAC8E;CAC9E,IAAM,IAAU,EAAmB,CAAW,GACxC,IAAY,GAAqB;EACnC;EACA;EACA;EACA;CACJ,CAAC,GAEK,IAAsB,EAAU,eAAe,IAC/C,IAAuB,EAAU,gBAAgB,IACjD,IACF,EAAU,kBAAkB,IAC1B,IACF,EAAU,sBAAsB,IAE9B,IAAa,EAAQ,MAAM,QAAQ,EAAQ,gBAC3C,IAAY,EAAQ,MAAM,UAAU,KAAA,GAEpC,IAAe,QACZ,EAAQ,YACN,EAA2B,EAAQ,SAAS,IADpB,KAEhC,CAAC,EAAQ,WAAW,CAA0B,CAAC,GAE5C,IAAkB,QAAc;EAClC,IAAI,CAAC,GAAY,OAAO;EACxB,IAAM,IAAU,EAAW,KAAK;EAChC,OAAO,MAAY,KACb,KACA,EAAQ,OAAO,CAAC,EAAE,YAAY;CACxC,GAAG,CAAC,CAAU,CAAC,GAET,IAAU,QACR,MAAM,QAAQ,EAAQ,SAAS,IACxB,EAAQ,UAAU,QACpB,MAAuB,OAAO,KAAQ,QAC3C,IAEA,EAAQ,aAAa,OAAO,EAAQ,aAAc,WAC3C,OAAO,OAAO,EAAQ,SAAS,EAAE,QACnC,MAA2B,OAAO,KAAU,QACjD,IAEG,CAAC,GACT,CAAC,EAAQ,SAAS,CAAC,GAEhB,IAAc,SACH,EAAQ,eAAe,EAAQ,SAAS,CAAC,GAC1C,QACP,MAA8B,CAAC,CAAC,KAAK,OAAO,KAAM,QACvD,GACD,CAAC,EAAQ,aAAa,EAAQ,KAAK,CAAC,GAEjC,IAAY,EAAQ,aAAa,CAAC,GAElC,IAAW,EAAQ,aAAa,IAChC,IAAW,EAAQ,aAAa,IAChC,IAAa,EAAQ,UAAU,EAAQ,WAAW,UAClD,IACF,KAAc,EAAQ,SAAS,EAAuB,EAAQ,MAAM,IAAI,MACtE,IACF,EAAQ,cAAc,MAAQ,MAAgB,IAC5C,KAAiB,EAAQ,YAAY,MAAQ,MAAgB,IAE7D,IAAiB,EAAY,SAAS;CAE5C,OACI,kBAAC,WAAD;EACI,WAAW,EACP,8FACA,wDACJ;EACA,mBAAiB,EAAQ;YAEzB,kBAAC,OAAD;GAAK,WAAU;aAAf;IACI,kBAAC,GAAD;KAAQ,WAAU;eAAlB,CACK,CAAC,CAAC,KACC,kBAAC,GAAD;MAAa,KAAK;MAAW,KAAK;KAAa,CAAA,GAEnD,kBAAC,GAAD;MAAgB,WAAU;gBACrB;KACW,CAAA,CACZ;;IAER,kBAAC,OAAD;KAAK,WAAU;eAAf;MACI,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACI,kBAAC,GAAD;SACI,KAAI;SACJ,QAAO;SACP,WAAU;mBAET;QACC,CAAA;QAEL,CAAC,CAAC,KACC,kBAAC,GAAD;SAAiB,eAAe;mBAC5B,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,GAAD;UAAgB,QAAQ,kBAAC,QAAD,EAAM,WAAU,mCAAoC,CAAA;oBACxE,kBAAC,GAAD;WAAK,WAAU;WAAsB,eAAA;UAAa,CAAA;SACtC,CAAA,GAChB,kBAAC,GAAD;UACI,MAAK;UACL,WAAU;oBAET,EAAQ;SACG,CAAA,CACX,EAAA,CAAA;QACI,CAAA;QAGrB,kBAAC,GAAD;SACI,KAAI;SACJ,MAAK;SACL,MAAK;SACL,WAAU;mBAET;QACC,CAAA;QAEL,CAAC,CAAC,KACC,kBAAC,GAAD;SACI,KAAI;SACJ,MAAK;SACL,MAAK;SACL,WAAU;mBAET,EAAQ;QACP,CAAA;QAGT,CAAC,CAAC,KAAc,CAAC,CAAC,KACf,kBAAC,GAAD;SAAO,SAAQ;SAAY,WAAU;mBAChC;QACE,CAAA;OAEV;;MAEL,kBAAC,OAAD;OAAK,WAAU;iBACX,kBAAC,GAAD;QACa;QACE;QACM;OACpB,CAAA;MACA,CAAA;MAEJ,EAAQ,SAAS,KACd,kBAAC,OAAD;OAAK,WAAU;iBACV,EAAQ,KAAK,MACV,kBAAC,GAAD;QAAiB,SAAQ;QAAY,WAAU;kBAC1C;OACE,GAFK,CAEL,CACV;MACA,CAAA;MAGR,KACG,kBAAC,OAAD;OAAK,WAAU;iBACV,EAAY,KAAK,MACV,IAEI,kBAAC,OAAD,EAAA,UACK,EAAiB,CAAU,EAC3B,GAFK,EAAW,MAAM,EAAW,IAEjC,IAIT,kBAAC,IAAD;QAEgB;QACZ,WAAW;SACP,aAAa;SACb,cAAc;QAClB;QACA,SAAS;OACZ,GAPQ,EAAW,MAAM,EAAW,IAOpC,CAER;MACA,CAAA;MAGR,EAAU,SAAS,KAChB,kBAAC,OAAD;OAAK,WAAU;iBACV,EAAU,KAAK,MACZ,kBAAC,GAAD;QAEI,MAAK;QACL,SAAQ;QACR,aAAY;QACZ,MAAK;QACL,eACI,KAAW,EAAQ,KACb,EAAQ,EAAQ,IAAI,EAAS,KAAK,IAClC,KAAA;QAEV,OAAO,EAAS,OAAO,KAAK,IAAI;QAChC,WAAU;kBAEV,kBAAC,GAAD;SACI,SAAS,EAAS,OAAO,YAAY;SACrC,WAAU;mBAFd,CAII,kBAAC,QAAD;UAAM,eAAA;UAAY,WAAU;oBACvB,EAAS;SACR,CAAA,GACN,kBAAC,QAAD;UAAM,WAAU;oBAAgB,EAAS;SAAY,CAAA,CAClD;;OACH,GAtBC,EAAS,KAsBV,CACX;MACA,CAAA;KAER;;IAGL,kBAAC,OAAD;KACI,WAAW,EACP,uDACA,oDACA,wFACJ;eALJ;MAOK,CAAC,CAAC,KACC,kBAAC,GAAD;OACI,MAAK;OACL,MAAK;OACL,SAAQ;OACR,aAAY;OACZ,eACI,EAAQ,MAAM,EAAQ,EAAQ,EAAE;OAEpC,OAAO,EAAQ;OACf,cAAY,EAAQ;iBAEpB,kBAAC,IAAD,EAAiB,WAAU,WAAY,CAAA;MACnC,CAAA;MAEX,CAAC,CAAC,KACC,kBAAC,GAAD;OACI,MAAK;OACL,MAAK;OACL,SAAQ;OACR,aAAY;OACZ,eACI,EAAQ,MAAM,EAAQ,EAAQ,IAAI,IAAI;OAE1C,OAAO,EAAQ;OACf,cAAY,EAAQ;iBAEpB,kBAAC,IAAD,EAAO,WAAU,WAAY,CAAA;MACzB,CAAA;MAEX,CAAC,CAAC,KAAe,KACd,kBAAC,GAAD;OACI,MAAK;OACL,MAAK;OACL,SAAQ;OACR,aAAY;OACZ,eAAe,EAAY,CAAO;OAClC,OAAO,IAAW,EAAQ,aAAa,EAAQ;OAC/C,cAAY,IAAW,EAAQ,aAAa,EAAQ;iBAEpD,kBAAC,GAAD,EACI,WAAW,EACP,YACA,KAAY,cAChB,EACH,CAAA;MACG,CAAA;MAEX,CAAC,CAAC,MAAkB,CAAC,CAAC,EAAQ,MAC3B,kBAAC,GAAD;OACI,MAAK;OACL,MAAK;OACL,SAAQ;OACR,aAAY;OACZ,OAAO,EAAQ;OACf,cAAY,EAAQ;iBAEpB,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MAC1B,CAAA;MAEX,CAAC,CAAC,KACC,CAAC,CAAC,KACF,CAAC,CAAC,EAAQ,MACN,kBAAC,GAAD;OACI,MAAK;OACL,MAAK;OACL,SAAQ;OACR,aAAY;OACZ,WAAU;OACV,eACI,EAAS,EAAQ,EAAY;OAEjC,OAAO,EAAQ;OACf,cAAY,EAAQ;iBAEpB,kBAAC,IAAD,EAAQ,WAAU,WAAY,CAAA;MAC1B,CAAA;KAEf;;GACJ;;CACA,CAAA;AAEjB,CAAC,GC3WY,KAAkB,SAE7B,EACE,aACA,gBACA,aACA,gBACA,YACA,YACA,SAAS,GACT,gBACA,iBACA,mBACA,uBACA,cACA,eACA,qBACA,oBACA,gBACsD;CAStD,OARK,EAAS,SASV,kBAAC,OAAD;EAAK,WAAU;YACV,EAAS,KAAK,GAAS,MAAU;GAC9B,IAAM,IACF,kBAAC,IAAD;IACa;IACI;IACH;IACG;IACJ;IACA;IACT,SAAS;IACI;IACC;IACE;IACI;IACT;IACO;IACD;GACpB,CAAA;GAgBL,OAbI,IAEI,kBAAC,OAAD,EAAA,UACK,EAAW;IACR;IACA,aAAa,KAAe;IAC5B;IACA;GACJ,CAAC,EACA,GAPK,EAAQ,MAAM,WAAW,GAO9B,IAKT,kBAAC,OAAD,EAAA,UACK,EACA,GAFK,EAAQ,MAAM,WAAW,GAE9B;EAEb,CAAC;CACA,CAAA,IA/CD,kBAAA,GAAA,EAAA,UACK,KAAa,kBAAC,GAAD,EAAc,SAAS,EAAc,CAAA,EACrD,CAAA;AA+Cd;;;AC3CA,SAAgB,GAId,GAA+C;CAC7C,IAAM,IAAK,EAAsB,GAE3B,IACF,EAAM,oBAAoB,EAAG,oBAAoB,OAE/C,IAAa,EAAM,cAAc,IACjC,IAAc,EAAM,eAAe,IAEnC,IAAW,EAAM,UACjB,IAAW,EAAM,UACjB,IAAc,EAAM,aACpB,IAAU,EAAM,SAChB,IAAU,EAAM,SAEhB,IAAY,EAAM,WAClB,IAAc,EAAM,aAEpB,IAAU,EAAmB,EAAM,OAAO,GAC1C,IAAY,EAAM,UAAU,KAAA,IAAY,EAAQ,QAAQ,EAAM,OAE9D,CAAC,GAAY,KAAiB,EAAiC,CAAC,CAAC,GACjE,CAAC,GAAc,KAAmB,EAAS,EAAK,GAChD,CAAC,GAAU,KAAe,EAAS,CAAC,GAEpC,IAAsC;EACxC,YAAY,MAAW,EAAc,CAAM;EAC3C,aAAa;GAGT,AAFA,GAAa,MAAM,IAAI,CAAC,GACxB,EAAc,CAAC,CAAC,GAChB,EAAgB,EAAK;EACzB;EACA,eAAe;CACnB,GAEM,KAAe,GAChB,MAAyC;EACjC,MACL,EAAgB,EAAI,GACpB,EAAc,CAAC,CAAC,GAChB,EAAS,GAAQ,CAAa;CAClC,GAEA,CAAC,CAAQ,CACb,GAEM,IAAW,EAAM,iBACnB,IACI,kBAAC,IAAD;EACI,SAAS,EAAM;EACH;EACE;EACd,QAAQ;EACE;EAOV,UACI;EAEJ,SAAS,EAAM;EACJ;EACE;CAChB,CAAA,IACD,OAcF,IACF,kBAAC,IAAD;EACI,UAAU,EAAM;EACH;EACH;EACG;EACJ;EACA;EACT,SAAS,EAAM;EACf,aAAa,EAAM;EACnB,cAAc,EAAM;EACpB,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EACf;EAKX,YAAY,EAAM;EAClB,kBAAkB,EAAM;EACxB,iBAAiB,EAAM;EACvB,WACI,EAAM,aAAa,kBAAC,GAAD,EAAc,SAAS,EAAM,QAAU,CAAA;CAEjE,CAAA,GAGC,IAAgB,IAAW,kBAAC,OAAD,EAAA,UAAM,EAAc,CAAA,IAAI,MAEnD,IACF,kBAAC,OAAD;EAAK,WAAU;YAAf;GACK,EAAM;GACN,MAAqB,SAAS;GAC9B;GACA,MAAqB,YAAY;GACjC,EAAM;EACN;;CAOT,OAJI,EAAM,OACC,IAIP,kBAAC,GAAD;EACI,OAAO,MAAc,KAAQ,KAAA,IAAY;EACzC,aAAa,EAAQ,YAAY,KAAA;EACjC,SAAQ;EACR,WAAW,EAAG,uBAAuB,EAAM,SAAS;YAEnD;CACM,CAAA;AAEnB;AAGA,IAAa,KAAe;;;ACvH5B,SAAgB,GAKZ,IAAuD,CAAC,GACd;CAC1C,IAAM,EAAE,aAAU,aAAU,gBAAa,GAEnC,CAAC,GAAc,KAAmB,EAAkC,EACtE,MAAM,OACV,CAAC,GACK,CAAC,GAAc,KAAmB,EAAS,EAAK,GAChD,CAAC,GAAY,KAAiB,EAAiC,CAAC,CAAC,GACjE,CAAC,GAAU,KAAe,EAAS,CAAC,GAEpC,IAAgC;EAClC,YAAY,MAAW,EAAc,CAAM;EAC3C,aAAa;GAGT,AAFA,GAAa,MAAM,IAAI,CAAC,GACxB,EAAgB,EAAE,MAAM,OAAO,CAAC,GAChC,EAAc,CAAC,CAAC;EACpB;EACA,eAAe;CACnB;CAqEA,OAAO;EACH;EACA;EACA;EACA;EACA,YAxEe,GACd,MAAkD;GAC/C,EAAgB;IACZ,MAAM;IACN,WAAW,EAAQ,MAAM;IACzB,YAAY,EAAQ,MAAM;GAC9B,CAAC;EACL,GACA,CAAC,CAgED;EACA,WA9Dc,GACb,MAAkD;GAC/C,EAAgB;IAAE,MAAM;IAAW;GAAQ,CAAC;EAChD,GACA,CAAC,CA0DD;EACA,oBAxDuB,QAAkB;GAEzC,AADA,EAAgB,EAAE,MAAM,OAAO,CAAC,GAChC,EAAc,CAAC,CAAC;EACpB,GAAG,CAAC,CAqDA;EACA,QApDW,GACV,MAAyC;GAItC,IAHA,EAAgB,EAAI,GACpB,EAAc,CAAC,CAAC,GAEZ,EAAa,SAAS,aAAa,EAAa,QAAQ,IAAI;IAC5D,IAAI,CAAC,GAAU;KACX,EAAgB,EAAK;KACrB;IACJ;IACA,EAAS,EAAa,QAAQ,IAAI,GAAQ,CAAO;IACjD;GACJ;GAEA,IAAI,CAAC,GAAU;IACX,EAAgB,EAAK;IACrB;GACJ;GAOA,EAJI,EAAa,SAAS,aAChB;IAAE,GAAG;IAAQ,WAAW,EAAa;GAAU,IAC/C,GAEQ,CAAO;EAC7B,GAEA;GAAC;GAAc;GAAU;EAAQ,CAyBjC;EACA,eAvBkB,GACjB,MAAe;GACR,CAAC,KAAY,CAAC,KAClB,EAAS,CAAE;EACf,GACA,CAAC,CAAQ,CAkBT;EACA,eAhBkB,QAAkB;GAGpC,AAFA,GAAa,MAAM,IAAI,CAAC,GACxB,EAAgB,EAAE,MAAM,OAAO,CAAC,GAChC,EAAc,CAAC,CAAC;EACpB,GAAG,CAAC,CAYA;EACA;CACJ;AACJ"}

package/dist/_shared/copyable-Dopk9pEJ.js

@@ -0,0 +1,38 @@
+import { cn as e } from "../lib/utils.js";
+import { s as t } from "./typography-DE0NGEIE.js";
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Check as a, Copy as o } from "lucide-react";
+import { toast as s } from "sonner";
+//#region src/components/base/copyable/copyable.tsx
+function c({ value: c, displayValue: l, mono: u = !1, truncate: d = !1, className: f, contentClassName: p, successMessage: m = "Copied to clipboard" }) {
+	let [h, g] = n(!1), _ = async () => {
+		try {
+			await navigator.clipboard.writeText(c), g(!0), s.success(m), setTimeout(() => g(!1), 2e3);
+		} catch {
+			s.error("Failed to copy");
+		}
+	}, v = l !== void 0 && typeof l != "string";
+	return /* @__PURE__ */ i("span", {
+		role: "button",
+		tabIndex: 0,
+		onClick: _,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), _());
+		},
+		className: e("copyable--component", "group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted", f),
+		children: [v ? l : /* @__PURE__ */ r(t, {
+			tag: "span",
+			className: e(u && "font-mono", d && "max-w-[300px] truncate", p),
+			children: l ?? c
+		}), /* @__PURE__ */ r("span", {
+			className: "text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100",
+			children: h ? /* @__PURE__ */ r(a, { className: "size-3.5 text-success" }) : /* @__PURE__ */ r(o, { className: "size-3.5" })
+		})]
+	});
+}
+c.displayName = "Copyable";
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=copyable-Dopk9pEJ.js.map

package/dist/_shared/copyable-Dopk9pEJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyable-Dopk9pEJ.js","names":[],"sources":["../../src/components/base/copyable/copyable.tsx"],"sourcesContent":["import { Check, Copy } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nimport { toast } from 'sonner';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\ninterface CopyableProps {\n\t/** The value to copy to clipboard */\n\tvalue: string;\n\t/** Optional display content (if different from value). Can be a string or ReactNode */\n\tdisplayValue?: ReactNode;\n\t/** Use monospace font (only applies when displayValue is not a ReactNode) */\n\tmono?: boolean;\n\t/** Truncate with ellipsis (only applies when displayValue is not a ReactNode) */\n\ttruncate?: boolean;\n\t/** Additional className for the container */\n\tclassName?: string;\n\t/**ClassName for the display content wrapper */\n\tcontentClassName?: string;\n\t/** Success message shown in toast */\n\tsuccessMessage?: string;\n}\n\nexport function Copyable({\n\tvalue,\n\tdisplayValue,\n\tmono = false,\n\ttruncate = false,\n\tclassName,\n\tcontentClassName,\n\tsuccessMessage = 'Copied to clipboard',\n}: CopyableProps) {\n\tconst [copied, setCopied] = useState(false);\n\n\tconst handleCopy = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(value);\n\t\t\tsetCopied(true);\n\t\t\ttoast.success(successMessage);\n\t\t\tsetTimeout(() => setCopied(false), 2000);\n\t\t} catch {\n\t\t\ttoast.error('Failed to copy');\n\t\t}\n\t};\n\n\t// Check if displayValue is a ReactNode (not a string)\n\tconst isReactNode = displayValue !== undefined && typeof displayValue !== 'string';\n\n\treturn (\n\t\t<span\n\t\t\trole=\"button\"\n\t\t\ttabIndex={0}\n\t\t\tonClick={handleCopy}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tvoid handleCopy();\n\t\t\t\t}\n\t\t\t}}\n\t\t\tclassName={cn('copyable--component', \n\t\t\t\t'group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{isReactNode ? (\n\t\t\t\tdisplayValue\n\t\t\t) : (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tmono && 'font-mono',\n\t\t\t\t\t\ttruncate && 'max-w-[300px] truncate',\n\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{displayValue ?? value}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t<span className=\"text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\">\n\t\t\t\t{copied ? (\n\t\t\t\t\t<Check className=\"size-3.5 text-success\" />\n\t\t\t\t) : (\n\t\t\t\t\t<Copy className=\"size-3.5\" />\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</span>\n\t);\n}\n\nexport type { CopyableProps };\n\nCopyable.displayName = 'Copyable';\n"],"mappings":";;;;;;;AAyBA,SAAgB,EAAS,EACxB,UACA,iBACA,UAAO,IACP,cAAW,IACX,cACA,qBACA,oBAAiB,yBACA;CACjB,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAK,GAEpC,IAAa,YAAY;EAC9B,IAAI;GAIH,AAHA,MAAM,UAAU,UAAU,UAAU,CAAK,GACzC,EAAU,EAAI,GACd,EAAM,QAAQ,CAAc,GAC5B,iBAAiB,EAAU,EAAK,GAAG,GAAI;EACxC,QAAQ;GACP,EAAM,MAAM,gBAAgB;EAC7B;CACD,GAGM,IAAc,MAAiB,KAAA,KAAa,OAAO,KAAiB;CAE1E,OACC,kBAAC,QAAD;EACC,MAAK;EACL,UAAU;EACV,SAAS;EACT,YAAY,MAAM;GACjB,CAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SAClC,EAAE,eAAe,GACjB,EAAgB;EAElB;EACA,WAAW,EAAG,uBACb,6GACA,CACD;YAbD,CAeE,IACA,IAEA,kBAAC,GAAD;GACC,KAAI;GACJ,WAAW,EACV,KAAQ,aACR,KAAY,0BACZ,CACD;aAEC,KAAgB;EACZ,CAAA,GAEP,kBAAC,QAAD;GAAM,WAAU;aACd,IACA,kBAAC,GAAD,EAAO,WAAU,wBAAyB,CAAA,IAE1C,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;EAExB,CAAA,CACD;;AAER;AAIA,EAAS,cAAc"}

package/dist/_shared/copyable-rQwxsTJ3.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/utils.cjs"),t=require("./typography-CO9uwZhF.cjs");let n=require("react"),r=require("react/jsx-runtime"),i=require("lucide-react"),a=require("sonner");function o({value:o,displayValue:s,mono:c=!1,truncate:l=!1,className:u,contentClassName:d,successMessage:f=`Copied to clipboard`}){let[p,m]=(0,n.useState)(!1),h=async()=>{try{await navigator.clipboard.writeText(o),m(!0),a.toast.success(f),setTimeout(()=>m(!1),2e3)}catch{a.toast.error(`Failed to copy`)}},g=s!==void 0&&typeof s!=`string`;return(0,r.jsxs)(`span`,{role:`button`,tabIndex:0,onClick:h,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),h())},className:e.cn(`copyable--component`,`group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted`,u),children:[g?s:(0,r.jsx)(t.s,{tag:`span`,className:e.cn(c&&`font-mono`,l&&`max-w-[300px] truncate`,d),children:s??o}),(0,r.jsx)(`span`,{className:`text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100`,children:p?(0,r.jsx)(i.Check,{className:`size-3.5 text-success`}):(0,r.jsx)(i.Copy,{className:`size-3.5`})})]})}o.displayName=`Copyable`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=copyable-rQwxsTJ3.cjs.map

package/dist/_shared/copyable-rQwxsTJ3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyable-rQwxsTJ3.cjs","names":[],"sources":["../../src/components/base/copyable/copyable.tsx"],"sourcesContent":["import { Check, Copy } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nimport { toast } from 'sonner';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\ninterface CopyableProps {\n\t/** The value to copy to clipboard */\n\tvalue: string;\n\t/** Optional display content (if different from value). Can be a string or ReactNode */\n\tdisplayValue?: ReactNode;\n\t/** Use monospace font (only applies when displayValue is not a ReactNode) */\n\tmono?: boolean;\n\t/** Truncate with ellipsis (only applies when displayValue is not a ReactNode) */\n\ttruncate?: boolean;\n\t/** Additional className for the container */\n\tclassName?: string;\n\t/**ClassName for the display content wrapper */\n\tcontentClassName?: string;\n\t/** Success message shown in toast */\n\tsuccessMessage?: string;\n}\n\nexport function Copyable({\n\tvalue,\n\tdisplayValue,\n\tmono = false,\n\ttruncate = false,\n\tclassName,\n\tcontentClassName,\n\tsuccessMessage = 'Copied to clipboard',\n}: CopyableProps) {\n\tconst [copied, setCopied] = useState(false);\n\n\tconst handleCopy = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(value);\n\t\t\tsetCopied(true);\n\t\t\ttoast.success(successMessage);\n\t\t\tsetTimeout(() => setCopied(false), 2000);\n\t\t} catch {\n\t\t\ttoast.error('Failed to copy');\n\t\t}\n\t};\n\n\t// Check if displayValue is a ReactNode (not a string)\n\tconst isReactNode = displayValue !== undefined && typeof displayValue !== 'string';\n\n\treturn (\n\t\t<span\n\t\t\trole=\"button\"\n\t\t\ttabIndex={0}\n\t\t\tonClick={handleCopy}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tvoid handleCopy();\n\t\t\t\t}\n\t\t\t}}\n\t\t\tclassName={cn('copyable--component', \n\t\t\t\t'group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{isReactNode ? (\n\t\t\t\tdisplayValue\n\t\t\t) : (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tmono && 'font-mono',\n\t\t\t\t\t\ttruncate && 'max-w-[300px] truncate',\n\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{displayValue ?? value}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t<span className=\"text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\">\n\t\t\t\t{copied ? (\n\t\t\t\t\t<Check className=\"size-3.5 text-success\" />\n\t\t\t\t) : (\n\t\t\t\t\t<Copy className=\"size-3.5\" />\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</span>\n\t);\n}\n\nexport type { CopyableProps };\n\nCopyable.displayName = 'Copyable';\n"],"mappings":"+KAyBA,SAAgB,EAAS,CACxB,QACA,eACA,OAAO,GACP,WAAW,GACX,YACA,mBACA,iBAAiB,uBACA,CACjB,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,EAAK,EAEpC,EAAa,SAAY,CAC9B,GAAI,CACH,MAAM,UAAU,UAAU,UAAU,CAAK,EACzC,EAAU,EAAI,EACd,EAAA,MAAM,QAAQ,CAAc,EAC5B,eAAiB,EAAU,EAAK,EAAG,GAAI,CACxC,MAAQ,CACP,EAAA,MAAM,MAAM,gBAAgB,CAC7B,CACD,EAGM,EAAc,IAAiB,IAAA,IAAa,OAAO,GAAiB,SAE1E,OACC,EAAA,EAAA,MAAC,OAAD,CACC,KAAK,SACL,SAAU,EACV,QAAS,EACT,UAAY,GAAM,EACb,EAAE,MAAQ,SAAW,EAAE,MAAQ,OAClC,EAAE,eAAe,EACjB,EAAgB,EAElB,EACA,UAAW,EAAA,GAAG,sBACb,4GACA,CACD,WAbD,CAeE,EACA,GAEA,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,IAAI,OACJ,UAAW,EAAA,GACV,GAAQ,YACR,GAAY,yBACZ,CACD,WAEC,GAAgB,CACZ,CAAA,GAEP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sFACd,GACA,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,uBAAyB,CAAA,GAE1C,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,UAAU,UAAY,CAAA,CAExB,CAAA,CACD,GAER,CAIA,EAAS,YAAc"}