admin-ui-starter-kit 0.6.9 → 0.7.0

package/dist/_shared/comments-a3l--GJ-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comments-a3l--GJ-.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=\"xs\"\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-xs 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=\"xs\" 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":"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"}

package/dist/_shared/containers-8ryMAXNr.js

@@ -0,0 +1,48 @@
+import { cn as e } from "../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/layout/containers/content-container.tsx
+var n = {
+	narrow: "max-w-[1040px] mx-auto",
+	default: "",
+	large: "max-w-screen-2xl mx-auto",
+	wide: "max-w-screen-2xl mx-auto",
+	full: ""
+}, r = {
+	none: "p-0",
+	sm: "p-surface-sm md:p-surface",
+	default: "p-surface md:p-space-2xl",
+	lg: "p-space-2xl"
+};
+function i({ children: i, as: a = "div", width: o = "default", padding: s = "default", bare: c = !1, className: l, innerClassName: u, ...d }) {
+	let f = n[o], p = r[s];
+	return c ? /* @__PURE__ */ t(a, {
+		className: e("w-full flex-1 relative overflow-hidden overflow-y-auto @container/main h-full", f, l),
+		...d,
+		children: i
+	}) : /* @__PURE__ */ t(a, {
+		className: e("w-full flex-1 relative overflow-hidden @container/main h-full", l),
+		...d,
+		children: /* @__PURE__ */ t("div", {
+			className: e("flex min-h-full flex-1 flex-col gap-space-2xl rounded-xl", f, p, u),
+			children: i
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/containers/section.tsx
+var a = {
+	tight: "space-y-space-lg",
+	default: "space-y-space-xl",
+	loose: "space-y-space-2xl"
+};
+function o({ children: n, as: r = "section", density: i = "default", className: o, ...s }) {
+	return /* @__PURE__ */ t(r, {
+		className: e(a[i], o),
+		...s,
+		children: n
+	});
+}
+//#endregion
+export { i as n, o as t };
+
+//# sourceMappingURL=containers-8ryMAXNr.js.map

package/dist/_shared/containers-8ryMAXNr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers-8ryMAXNr.js","names":[],"sources":["../../src/components/layout/containers/content-container.tsx","../../src/components/layout/containers/section.tsx"],"sourcesContent":["/**\n * Container — page-level content wrapper.\n *\n * Wraps the page body in a flexbox column with consistent padding and an\n * optional max-width clamp. Use as the outer wrapper inside a `<Page>`, or\n * standalone for content panes that need a centered, padded surface.\n *\n * `bare` skips the padded inner column for edge-to-edge children, while\n * `innerClassName` customizes the clamped column without affecting the outer\n * scroll/container-query wrapper.\n */\nimport { cn } from '@/lib/utils';\n\nimport type { ContainerProps } from './containers.types';\n\nconst WIDTH_CLASS: Record<NonNullable<ContainerProps['width']>, string> = {\n\tnarrow: 'max-w-[1040px] mx-auto',\n\tdefault: '',\n\tlarge: 'max-w-screen-2xl mx-auto',\n\twide: 'max-w-screen-2xl mx-auto',\n\tfull: '',\n};\n\nconst PADDING_CLASS: Record<NonNullable<ContainerProps['padding']>, string> = {\n\tnone: 'p-0',\n\tsm: 'p-surface-sm md:p-surface',\n\tdefault: 'p-surface md:p-space-2xl',\n\tlg: 'p-space-2xl',\n};\n\nexport function Container({\n\tchildren,\n\tas: Component = 'div',\n\twidth = 'default',\n\tpadding = 'default',\n\tbare = false,\n\tclassName,\n\tinnerClassName,\n\t...props\n}: ContainerProps) {\n\tconst widthClass = WIDTH_CLASS[width];\n\tconst paddingClass = PADDING_CLASS[padding];\n\n\tif (bare) {\n\t\treturn (\n\t\t\t<Component\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'w-full flex-1 relative overflow-hidden overflow-y-auto @container/main h-full',\n\t\t\t\t\twidthClass,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Component>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Component\n\t\t\tclassName={cn(\n\t\t\t\t'w-full flex-1 relative overflow-hidden @container/main h-full',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex min-h-full flex-1 flex-col gap-space-2xl rounded-xl',\n\t\t\t\t\twidthClass,\n\t\t\t\t\tpaddingClass,\n\t\t\t\t\tinnerClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</Component>\n\t);\n}\n","/**\n * Section — vertical-spaced wrapper for grouping content blocks inside a page.\n *\n * Use between cards or content groups when you want a consistent vertical\n * rhythm without nesting another `Container`. Three densities scale the\n * top/bottom spacing.\n */\nimport { cn } from '@/lib/utils';\n\nimport type { SectionProps } from './containers.types';\n\nconst DENSITY_CLASS: Record<NonNullable<SectionProps['density']>, string> = {\n\ttight: 'space-y-space-lg',\n\tdefault: 'space-y-space-xl',\n\tloose: 'space-y-space-2xl',\n};\n\nexport function Section({\n\tchildren,\n\tas: Component = 'section',\n\tdensity = 'default',\n\tclassName,\n\t...props\n}: SectionProps) {\n\treturn (\n\t\t<Component className={cn(DENSITY_CLASS[density], className)} {...props}>\n\t\t\t{children}\n\t\t</Component>\n\t);\n}\n"],"mappings":";;;AAeA,IAAM,IAAoE;CACzE,QAAQ;CACR,SAAS;CACT,OAAO;CACP,MAAM;CACN,MAAM;AACP,GAEM,IAAwE;CAC7E,MAAM;CACN,IAAI;CACJ,SAAS;CACT,IAAI;AACL;AAEA,SAAgB,EAAU,EACzB,aACA,IAAI,IAAY,OAChB,WAAQ,WACR,aAAU,WACV,UAAO,IACP,cACA,mBACA,GAAG,KACe;CAClB,IAAM,IAAa,EAAY,IACzB,IAAe,EAAc;CAiBnC,OAfI,IAEF,kBAAC,GAAD;EACC,WAAW,EACV,iFACA,GACA,CACD;EACA,GAAI;EAEH;CACS,CAAA,IAKZ,kBAAC,GAAD;EACC,WAAW,EACV,iEACA,CACD;EACA,GAAI;YAEJ,kBAAC,OAAD;GACC,WAAW,EACV,4DACA,GACA,GACA,CACD;GAEC;EACG,CAAA;CACK,CAAA;AAEb;;;ACnEA,IAAM,IAAsE;CAC3E,OAAO;CACP,SAAS;CACT,OAAO;AACR;AAEA,SAAgB,EAAQ,EACvB,aACA,IAAI,IAAY,WAChB,aAAU,WACV,cACA,GAAG,KACa;CAChB,OACC,kBAAC,GAAD;EAAW,WAAW,EAAG,EAAc,IAAU,CAAS;EAAG,GAAI;EAC/D;CACS,CAAA;AAEb"}

package/dist/_shared/containers-BcrM8-22.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/utils.cjs");let t=require("react/jsx-runtime");var n={narrow:`max-w-[1040px] mx-auto`,default:``,large:`max-w-screen-2xl mx-auto`,wide:`max-w-screen-2xl mx-auto`,full:``},r={none:`p-0`,sm:`p-surface-sm md:p-surface`,default:`p-surface md:p-space-2xl`,lg:`p-space-2xl`};function i({children:i,as:a=`div`,width:o=`default`,padding:s=`default`,bare:c=!1,className:l,innerClassName:u,...d}){let f=n[o],p=r[s];return c?(0,t.jsx)(a,{className:e.cn(`w-full flex-1 relative overflow-hidden overflow-y-auto @container/main h-full`,f,l),...d,children:i}):(0,t.jsx)(a,{className:e.cn(`w-full flex-1 relative overflow-hidden @container/main h-full`,l),...d,children:(0,t.jsx)(`div`,{className:e.cn(`flex min-h-full flex-1 flex-col gap-space-2xl rounded-xl`,f,p,u),children:i})})}var a={tight:`space-y-space-lg`,default:`space-y-space-xl`,loose:`space-y-space-2xl`};function o({children:n,as:r=`section`,density:i=`default`,className:o,...s}){return(0,t.jsx)(r,{className:e.cn(a[i],o),...s,children:n})}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=containers-BcrM8-22.cjs.map

package/dist/_shared/containers-BcrM8-22.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers-BcrM8-22.cjs","names":[],"sources":["../../src/components/layout/containers/content-container.tsx","../../src/components/layout/containers/section.tsx"],"sourcesContent":["/**\n * Container — page-level content wrapper.\n *\n * Wraps the page body in a flexbox column with consistent padding and an\n * optional max-width clamp. Use as the outer wrapper inside a `<Page>`, or\n * standalone for content panes that need a centered, padded surface.\n *\n * `bare` skips the padded inner column for edge-to-edge children, while\n * `innerClassName` customizes the clamped column without affecting the outer\n * scroll/container-query wrapper.\n */\nimport { cn } from '@/lib/utils';\n\nimport type { ContainerProps } from './containers.types';\n\nconst WIDTH_CLASS: Record<NonNullable<ContainerProps['width']>, string> = {\n\tnarrow: 'max-w-[1040px] mx-auto',\n\tdefault: '',\n\tlarge: 'max-w-screen-2xl mx-auto',\n\twide: 'max-w-screen-2xl mx-auto',\n\tfull: '',\n};\n\nconst PADDING_CLASS: Record<NonNullable<ContainerProps['padding']>, string> = {\n\tnone: 'p-0',\n\tsm: 'p-surface-sm md:p-surface',\n\tdefault: 'p-surface md:p-space-2xl',\n\tlg: 'p-space-2xl',\n};\n\nexport function Container({\n\tchildren,\n\tas: Component = 'div',\n\twidth = 'default',\n\tpadding = 'default',\n\tbare = false,\n\tclassName,\n\tinnerClassName,\n\t...props\n}: ContainerProps) {\n\tconst widthClass = WIDTH_CLASS[width];\n\tconst paddingClass = PADDING_CLASS[padding];\n\n\tif (bare) {\n\t\treturn (\n\t\t\t<Component\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'w-full flex-1 relative overflow-hidden overflow-y-auto @container/main h-full',\n\t\t\t\t\twidthClass,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Component>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Component\n\t\t\tclassName={cn(\n\t\t\t\t'w-full flex-1 relative overflow-hidden @container/main h-full',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex min-h-full flex-1 flex-col gap-space-2xl rounded-xl',\n\t\t\t\t\twidthClass,\n\t\t\t\t\tpaddingClass,\n\t\t\t\t\tinnerClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</Component>\n\t);\n}\n","/**\n * Section — vertical-spaced wrapper for grouping content blocks inside a page.\n *\n * Use between cards or content groups when you want a consistent vertical\n * rhythm without nesting another `Container`. Three densities scale the\n * top/bottom spacing.\n */\nimport { cn } from '@/lib/utils';\n\nimport type { SectionProps } from './containers.types';\n\nconst DENSITY_CLASS: Record<NonNullable<SectionProps['density']>, string> = {\n\ttight: 'space-y-space-lg',\n\tdefault: 'space-y-space-xl',\n\tloose: 'space-y-space-2xl',\n};\n\nexport function Section({\n\tchildren,\n\tas: Component = 'section',\n\tdensity = 'default',\n\tclassName,\n\t...props\n}: SectionProps) {\n\treturn (\n\t\t<Component className={cn(DENSITY_CLASS[density], className)} {...props}>\n\t\t\t{children}\n\t\t</Component>\n\t);\n}\n"],"mappings":"uEAeA,IAAM,EAAoE,CACzE,OAAQ,yBACR,QAAS,GACT,MAAO,2BACP,KAAM,2BACN,KAAM,EACP,EAEM,EAAwE,CAC7E,KAAM,MACN,GAAI,4BACJ,QAAS,2BACT,GAAI,aACL,EAEA,SAAgB,EAAU,CACzB,WACA,GAAI,EAAY,MAChB,QAAQ,UACR,UAAU,UACV,OAAO,GACP,YACA,iBACA,GAAG,GACe,CAClB,IAAM,EAAa,EAAY,GACzB,EAAe,EAAc,GAiBnC,OAfI,GAEF,EAAA,EAAA,KAAC,EAAD,CACC,UAAW,EAAA,GACV,gFACA,EACA,CACD,EACA,GAAI,EAEH,UACS,CAAA,GAKZ,EAAA,EAAA,KAAC,EAAD,CACC,UAAW,EAAA,GACV,gEACA,CACD,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GACV,2DACA,EACA,EACA,CACD,EAEC,UACG,CAAA,CACK,CAAA,CAEb,CCnEA,IAAM,EAAsE,CAC3E,MAAO,mBACP,QAAS,mBACT,MAAO,mBACR,EAEA,SAAgB,EAAQ,CACvB,WACA,GAAI,EAAY,UAChB,UAAU,UACV,YACA,GAAG,GACa,CAChB,OACC,EAAA,EAAA,KAAC,EAAD,CAAW,UAAW,EAAA,GAAG,EAAc,GAAU,CAAS,EAAG,GAAI,EAC/D,UACS,CAAA,CAEb"}

package/dist/_shared/copyable-C0KJlRVr.js

@@ -0,0 +1,38 @@
+import { cn as e } from "../lib/utils.js";
+import { s as t } from "./typography-C_kCoR1d.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-C0KJlRVr.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"copyable-C0KJlRVr.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-tJxsOyn-.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/utils.cjs"),t=require("./typography-sXFd02zl.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-tJxsOyn-.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"copyable-tJxsOyn-.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"}

package/dist/_shared/data-display-B9Lciun3.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("./ui-provider-CrsJ_dGn.cjs"),r=require("../lib/utils.cjs"),i=require("./button-CB8e7fui.cjs"),a=require("./tooltip-mvxZV_Lu.cjs"),o=require("./typography-sXFd02zl.cjs"),s=require("./icon-badge-CU6ZkcER.cjs"),c=require("./badge-B0Ashqkn.cjs"),l=require("./cards-DvE5gRFf.cjs"),u=require("./display-DV7n0KA1.cjs"),d=require("./separator-BXn_fnly.cjs"),f=require("./copyable-tJxsOyn-.cjs"),p=require("./avatar-BnKM_o2d.cjs"),m=require("./item-BG2iK1sy.cjs"),h=require("./table-DQA2m2F0.cjs");let g=require("react");g=e.t(g,1);let _=require("react/jsx-runtime"),v=require("lucide-react");function y({items:e,subtotal:t,tax:n,discount:i,total:a,className:s}){return(0,_.jsxs)(`div`,{className:r.cn(`invoice-items--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card shadow-sm`,s),children:[(0,_.jsxs)(`div`,{className:`grid grid-cols-[1fr_72px_96px_96px] gap-3 bg-muted/40 px-4 py-3`,children:[(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,weight:`medium`,children:`Item`}),(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,weight:`medium`,align:`center`,children:`Qty`}),(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,weight:`medium`,align:`right`,children:`Price`}),(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,weight:`medium`,align:`right`,children:`Total`})]}),e.map((t,n)=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`div`,{className:`grid grid-cols-[1fr_72px_96px_96px] items-center gap-3 px-4 py-3`,children:[(0,_.jsxs)(`div`,{className:`flex flex-col gap-0.5`,children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,_.jsx)(o.s,{weight:`medium`,children:t.title}),!!t.badge&&(0,_.jsx)(c.t,{variant:t.badgeVariant??`secondary`,children:t.badge})]}),!!t.description&&(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,className:`line-clamp-1`,children:t.description})]}),(0,_.jsx)(o.s,{align:`center`,type:`secondary`,className:`tabular-nums`,children:t.quantity??1}),(0,_.jsx)(o.s,{align:`right`,className:`tabular-nums`,children:t.unitPrice??t.total}),(0,_.jsx)(o.s,{align:`right`,weight:`semibold`,className:`tabular-nums`,children:t.total})]}),n<e.length-1&&(0,_.jsx)(d.t,{className:`mx-4 !w-auto`})]},t.id)),!!(t||n||i||a)&&(0,_.jsxs)(`div`,{className:`space-y-2 border-t border-border bg-muted/30 px-4 py-3`,children:[!!t&&(0,_.jsx)($,{label:`Subtotal`,value:t,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!i&&(0,_.jsx)($,{label:`Discount`,value:`-${i}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!n&&(0,_.jsx)($,{label:`Tax`,value:n,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!a&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(d.t,{}),(0,_.jsx)($,{className:`pt-1`,label:`Total`,value:(0,_.jsx)(o.s,{weight:`semibold`,className:`tabular-nums`,children:a}),labelClassName:`text-sm font-semibold`})]})]})]})}function b({items:e,total:t,className:n}){return(0,_.jsxs)(`div`,{className:r.cn(`invoice-items--component`,`w-full min-w-0 max-w-full space-y-2`,n),children:[(0,_.jsx)(m.o,{className:`min-w-0 max-w-full`,children:e.map(e=>(0,_.jsxs)(m.t,{className:`min-w-0 bg-card shadow-sm`,children:[(0,_.jsx)(m.c,{children:(0,_.jsx)(s.t,{tone:`muted`,size:`default`,shape:`square`,children:e.icon??(0,_.jsx)(v.Package,{})})}),(0,_.jsxs)(m.r,{className:`min-w-0 basis-0`,children:[(0,_.jsx)(m.u,{className:`w-full min-w-0 max-w-full`,children:(0,_.jsx)(`span`,{className:`block min-w-0 truncate`,children:e.title})}),!!(e.description||e.badge)&&(0,_.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5`,children:[!!e.badge&&(0,_.jsx)(c.t,{variant:e.badgeVariant??`secondary`,className:`shrink-0`,children:e.badge}),!!e.description&&(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,className:`min-w-0 truncate`,children:e.description})]})]}),(0,_.jsxs)(m.n,{className:`ml-auto min-w-0 shrink-0 justify-end`,children:[!!e.quantity&&e.quantity>1&&(0,_.jsxs)(o.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[`x`,e.quantity]}),(0,_.jsx)(o.s,{weight:`semibold`,align:`right`,className:`shrink-0 tabular-nums`,children:e.total})]})]},e.id))}),!!t&&(0,_.jsx)($,{className:`rounded-lg border border-border bg-muted/30 px-4 py-2.5`,label:`Total`,value:(0,_.jsx)(o.s,{weight:`semibold`,className:`tabular-nums`,children:t}),labelClassName:`text-sm font-semibold`})]})}function x({items:e,subtotal:t,tax:n,discount:i,total:a,className:s}){return(0,_.jsxs)(`div`,{className:r.cn(`invoice-items--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card shadow-sm`,s),children:[(0,_.jsx)(`div`,{className:`divide-y divide-border`,children:e.map(e=>(0,_.jsx)(`div`,{className:`px-4 py-3`,children:(0,_.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,_.jsxs)(`div`,{className:`flex items-start gap-3 flex-1 min-w-0`,children:[(0,_.jsx)(`div`,{className:`mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary`,children:e.icon??(0,_.jsx)(v.Package,{className:`size-4`})}),(0,_.jsxs)(`div`,{className:`flex-1 min-w-0 space-y-1`,children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,_.jsx)(o.s,{weight:`semibold`,children:e.title}),!!e.badge&&(0,_.jsx)(c.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,className:`line-clamp-2`,children:e.description}),(0,_.jsxs)(`div`,{className:`flex items-center gap-3 pt-0.5`,children:[!!e.quantity&&(0,_.jsxs)(o.s,{size:`xs`,type:`discrete`,children:[`Qty: `,e.quantity]}),!!e.unitPrice&&(0,_.jsxs)(o.s,{size:`xs`,type:`discrete`,className:`tabular-nums`,children:[`@ `,e.unitPrice]})]})]})]}),(0,_.jsx)(`div`,{className:`flex flex-col items-end gap-1 shrink-0`,children:(0,_.jsx)(o.s,{weight:`semibold`,className:`tabular-nums`,children:e.total})})]})},e.id))}),!!a&&(0,_.jsx)(`div`,{className:`border-t border-border bg-muted/30 px-4 py-3`,children:(0,_.jsxs)(`div`,{className:`space-y-2`,children:[!!t&&(0,_.jsx)($,{label:`Subtotal`,value:t,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!i&&(0,_.jsx)($,{label:`Discount`,value:`-${i}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!n&&(0,_.jsx)($,{label:`Tax (20%)`,value:n,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),(0,_.jsx)(d.t,{}),(0,_.jsx)($,{className:`pt-1`,label:`Total Due`,value:(0,_.jsx)(o.s,{weight:`semibold`,className:`tabular-nums`,children:a}),labelClassName:`text-sm font-semibold`})]})})]})}y.displayName=`InvoiceItemsTable`,b.displayName=`InvoiceItemsCompact`,x.displayName=`InvoiceItemsDetailed`;var S={paid:`Paid`,pending:`Pending`,overdue:`Overdue`,items:e=>e===1?`1 line item`:`${e} line items`,due:`Due`},C={paid:`success`,pending:`warning`,overdue:`error`},w={paid:{label:S.paid,variant:`success`},pending:{label:S.pending,variant:`warning`},overdue:{label:S.overdue,variant:`error`}};function T({invoice:e,className:n,strings:i}){let a=t.mergeStrings(S,i),s={paid:a.paid,pending:a.pending,overdue:a.overdue};return(0,_.jsx)(l.t,{padding:`default`,className:r.cn(`invoice-mini--component min-w-0`,n),children:(0,_.jsxs)(`div`,{className:`space-y-2`,children:[(0,_.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,_.jsx)(o.s,{weight:`semibold`,className:`min-w-0 flex-1 truncate font-mono tracking-wide`,children:e.invoiceNumber}),(0,_.jsx)(c.t,{variant:C[e.status],size:`small`,dot:!0,className:`shrink-0`,children:s[e.status]})]}),(0,_.jsx)(o.s,{type:`secondary`,className:`truncate`,children:e.customerName}),(0,_.jsxs)(`div`,{className:`flex flex-wrap items-end justify-between gap-x-3 gap-y-1 pt-1`,children:[(0,_.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,children:a.items(e.lineItemsCount)}),(0,_.jsxs)(o.s,{size:`xs`,type:`discrete`,className:`whitespace-nowrap tabular-nums`,children:[a.due,` `,e.dueDate]})]}),(0,_.jsx)(o.s,{size:`base`,weight:`bold`,className:r.cn(`ml-auto shrink-0 tabular-nums leading-none`),children:e.totalAmount})]})]})})}T.displayName=`InvoiceMiniCard`;var E={title:`Invoice`,billFrom:`Bill From`,billTo:`Bill To`,issued:`Issued`,due:`Due`,amountDue:`Amount Due`};function D({eyebrow:e,name:t,location:n}){return(0,_.jsxs)(`div`,{className:r.cn(`invoice-header--component`,`space-y-1`),children:[(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,_.jsx)(o.s,{weight:`semibold`,className:`leading-snug`,children:t}),!!n&&(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,className:`leading-snug`,children:n})]})}function O({invoiceNumber:e,status:n,statusVariant:i=`success`,from:a,to:s,issuedDate:u,dueDate:f,amount:p,className:m,strings:h}){let g=t.useStrings(E,h);return(0,_.jsxs)(l.t,{title:g.title,className:m,children:[(0,_.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,_.jsx)(o.s,{weight:`bold`,className:`font-mono tracking-wide`,children:e}),(0,_.jsx)(c.t,{variant:i,children:n})]}),(0,_.jsxs)(`div`,{className:`mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6`,children:[(0,_.jsx)(D,{eyebrow:g.billFrom,name:a.name,location:a.location}),(0,_.jsx)(D,{eyebrow:g.billTo,name:s.name,location:s.location})]}),(0,_.jsx)(d.t,{className:`my-5`}),(0,_.jsxs)(`div`,{className:`flex flex-wrap items-end justify-between gap-4`,children:[(0,_.jsxs)(`div`,{className:`space-y-1`,children:[!!u&&(0,_.jsx)($,{layout:`inline`,label:g.issued,value:u,mono:!0,labelClassName:`text-xs uppercase tracking-wider font-medium`,valueClassName:`text-xs font-medium`}),!!f&&(0,_.jsx)($,{layout:`inline`,label:g.due,value:f,mono:!0,labelClassName:`text-xs uppercase tracking-wider font-medium`,valueClassName:`text-xs font-medium`})]}),(0,_.jsxs)(`div`,{className:`text-right`,children:[(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.amountDue}),(0,_.jsx)(o.o,{tag:`h3`,className:r.cn(`mt-1 text-base tabular-nums leading-none tracking-tight border-none pb-0`),children:p})]})]})]})}O.displayName=`InvoiceHeaderCard`;var k={subtotal:`Subtotal`,tax:`Tax`,total:`Total`},A=`border border-border shadow-sm`,j={left:`text-left justify-start`,right:`text-right justify-end`,center:`text-center justify-center`};function M(e){return[{id:`description`,header:`Item`,width:`minmax(0,1fr)`,cell:e=>(0,_.jsx)(o.s,{className:`truncate`,children:e.description})},{id:`qty`,header:`Qty`,width:`36px`,align:`center`,cell:e=>(0,_.jsx)(o.s,{align:`center`,className:`tabular-nums`,children:e.qty})},{id:`price`,header:`Price`,width:`82px`,align:`right`,cell:t=>(0,_.jsxs)(o.s,{className:`tabular-nums font-mono`,children:[e,t.price.toFixed(2)]})},{id:`total`,header:`Total`,width:`82px`,align:`right`,cell:t=>(0,_.jsxs)(o.s,{weight:`medium`,className:`tabular-nums font-mono`,children:[e,t.total.toFixed(2)]})}]}function N(e,t,n,r){let i=e.reduce((e,t)=>e+t.total,0),a=Math.round(i*t*100)/100,o=Math.round(t*100),s=i+a,c=e=>`${n}${e.toFixed(2)}`;return[{label:r.subtotal,value:c(i)},{label:`${r.tax} (${o}%)`,value:c(a)},{label:r.total,value:c(s),emphasis:`total`}]}function P({items:e,columns:i,footerRows:a,taxRate:s=.2,currency:c,className:l,strings:u}){let f=t.useStrings(k,u),{defaultCurrency:p}=n.l(),m=c??p??`€`,h=i??M(m),g=a??(i?[]:N(e,s,m,f)),v=h.map(e=>e.width??`1fr`).join(` `);return(0,_.jsxs)(`div`,{className:r.cn(`invoice-table--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg bg-card`,A,l),children:[(0,_.jsx)(`div`,{className:`grid min-w-0 gap-2 bg-muted/40 px-4 py-3`,style:{gridTemplateColumns:v},children:h.map(e=>(0,_.jsx)(`div`,{className:r.cn(`flex min-w-0`,j[e.align??`left`],e.headerClassName),children:(0,_.jsx)(o.s,{size:`xs`,weight:`medium`,type:`secondary`,className:`min-w-0 truncate uppercase tracking-wider`,children:e.header})},e.id))}),e.map((e,t)=>(0,_.jsx)(`div`,{className:r.cn(`grid min-w-0 gap-2 px-4 py-3`,t%2==1&&`bg-muted/20`),style:{gridTemplateColumns:v},children:h.map(n=>(0,_.jsx)(`div`,{className:r.cn(`flex min-w-0 items-center`,j[n.align??`left`],n.cellClassName),children:n.cell(e,t)},n.id))},t)),g.length>0&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(d.t,{}),(0,_.jsx)(`div`,{className:`space-y-2 px-4 py-3`,children:g.map((e,t)=>(0,_.jsxs)(`div`,{className:r.cn(`flex justify-between`,e.emphasis===`total`&&`pt-2`),children:[(0,_.jsx)(o.s,{type:e.emphasis===`total`?void 0:`secondary`,weight:e.emphasis===`total`?`bold`:`regular`,children:e.label}),(0,_.jsx)(o.s,{weight:e.emphasis===`total`?`bold`:`regular`,className:`tabular-nums font-mono`,children:e.value})]},t))})]})]})}P.displayName=`InvoiceTable`;function ee({value:e,max:t=5,label:n}){return(0,_.jsxs)(`div`,{className:r.cn(`helpers--component`,`flex items-center gap-1`),children:[Array.from({length:t},(t,n)=>(0,_.jsx)(`div`,{className:r.cn(`h-1.5 w-3 rounded-full`,n<e?`bg-foreground/60`:`bg-muted`)},n)),!!n&&(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,className:`ml-1`,children:n})]})}function te({label:e,value:t,badge:n,badgeVariant:r}){return(0,_.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,_.jsx)(o.s,{size:`xs`,className:`shrink-0 text-muted-foreground`,children:e}),!!n&&(0,_.jsx)(c.t,{variant:r??`secondary`,children:n}),!!t&&!n&&(0,_.jsx)(o.s,{weight:`semibold`,className:`text-right tabular-nums`,children:t})]})}function ne({title:e,description:t,statusBadges:n,rows:r,secondaryRows:i,scale:a,footerBadges:s,footerText:u,actions:f,className:p}){return(0,_.jsx)(l.t,{title:e,description:t,actions:f,className:p,children:(0,_.jsxs)(`div`,{className:`space-y-3`,children:[(0,_.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:n.map(e=>(0,_.jsx)(c.t,{variant:e.variant,children:e.label},e.label))}),(0,_.jsx)(`div`,{className:`space-y-2`,children:r.map(e=>(0,_.jsx)(te,{...e},e.label))}),!!a&&(0,_.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,_.jsx)(o.s,{size:`xs`,className:`text-muted-foreground`,children:a.label}),(0,_.jsx)(ee,{value:a.value,max:a.max,label:`${String(a.value)}/${String(a.max??5)}`})]}),!!i&&i.length>0&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(d.t,{}),(0,_.jsx)(`div`,{className:`space-y-2`,children:i.map(e=>(0,_.jsx)(te,{...e},e.label))})]}),(!!s||!!u)&&(0,_.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 border-t pt-2`,children:[!!s&&s.map(e=>(0,_.jsx)(c.t,{variant:e.variant,children:e.label},e.label)),!!u&&(0,_.jsx)(o.s,{size:`xs`,className:`text-muted-foreground`,children:u})]})]})})}ne.displayName=`DenseInfoDashboard`;function re({title:e,description:t,stats:n,items:i,totalLabel:a,totalValue:s,footerBadges:u,footerText:f,actions:p,className:h}){return(0,_.jsx)(l.t,{title:e,description:t,actions:p,className:h,children:(0,_.jsxs)(`div`,{className:`space-y-3`,children:[(0,_.jsx)(`div`,{className:`grid grid-cols-2 gap-2 sm:grid-cols-3`,children:n.map(e=>(0,_.jsxs)(`div`,{className:`rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5 text-center`,children:[(0,_.jsx)(o.o,{tag:`h4`,className:`border-none pb-0 text-base font-semibold tabular-nums`,children:e.value}),(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`mt-0.5`,children:e.label}),!!e.trendBadge&&(0,_.jsx)(`div`,{className:`mt-1 flex justify-center`,children:(0,_.jsx)(c.t,{variant:e.trendVariant??`secondary`,children:e.trendBadge})})]},e.label))}),(0,_.jsx)(d.t,{}),(0,_.jsx)(m.o,{children:i.map(e=>(0,_.jsxs)(m.t,{size:`small`,children:[(0,_.jsx)(m.c,{children:(0,_.jsx)(`span`,{className:r.cn(`h-2 w-2 shrink-0 rounded-full`,e.dotColor)})}),(0,_.jsx)(m.r,{children:(0,_.jsxs)(m.u,{bold:!1,className:`gap-2`,children:[e.label,!!e.badge&&(0,_.jsx)(c.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]})}),(0,_.jsx)(m.n,{children:(0,_.jsx)(o.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:e.value})})]},e.label))}),!!s&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(d.t,{}),(0,_.jsx)($,{label:a??`Total`,value:s,mono:!0,labelClassName:`text-sm font-bold`,valueClassName:`text-sm font-bold`})]}),(!!u||!!f)&&(0,_.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 border-t pt-2`,children:[!!u&&u.map(e=>(0,_.jsx)(c.t,{variant:e.variant,children:e.label},e.label)),!!f&&(0,_.jsx)(o.s,{size:`xs`,className:`text-muted-foreground`,children:f})]})]})})}re.displayName=`DenseInfoClassification`;function ie({title:e,description:t,headerBadges:n,lineItems:r,totalLabel:i=`Total`,totalAmount:a,footerBadges:s,footerText:u,actions:d,className:f}){return(0,_.jsx)(l.t,{title:e,description:t,actions:d,className:f,children:(0,_.jsxs)(`div`,{className:`space-y-3`,children:[(0,_.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:n.map(e=>(0,_.jsx)(c.t,{variant:e.variant,children:e.label},e.label))}),(0,_.jsx)(m.o,{children:r.map((e,t)=>(0,_.jsxs)(`div`,{children:[t>0&&(0,_.jsx)(m.l,{className:`my-0`}),(0,_.jsxs)(m.t,{size:`small`,children:[(0,_.jsx)(m.r,{children:(0,_.jsxs)(m.u,{className:`gap-2`,children:[e.label,!!e.badge&&(0,_.jsx)(c.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]})}),(0,_.jsx)(m.n,{children:(0,_.jsx)(o.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:e.amount})})]})]},e.label))}),!!a&&(0,_.jsx)($,{className:`rounded-lg bg-muted/50 px-3 py-2.5`,label:i,value:a,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-sm font-semibold`}),(!!s||!!u)&&(0,_.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 border-t pt-2`,children:[!!s&&s.map(e=>(0,_.jsx)(c.t,{variant:e.variant,children:e.label},e.label)),!!u&&(0,_.jsx)(o.s,{size:`xs`,className:`text-muted-foreground`,children:u})]})]})})}ie.displayName=`DenseInfoFinancial`;function F({title:e,description:t,statusLabel:n,statusVariant:r,metaPairs:i,date:a,priority:s,completedTasks:u,totalTasks:f,actions:p,className:m}){let h=f>0?Math.round(u/f*100):0,g=2*Math.PI*7,y=g-h/100*g;return(0,_.jsx)(l.t,{padding:`default`,actions:p,className:m,children:(0,_.jsxs)(`div`,{className:`space-y-3`,children:[(0,_.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,_.jsx)(v.FolderOpen,{className:`h-4 w-4 text-muted-foreground`}),(0,_.jsx)(c.t,{variant:r,dot:!0,children:n})]}),(0,_.jsx)(o.o,{tag:`h5`,className:`font-bold border-none pb-0`,children:e}),!!t&&(0,_.jsx)(o.s,{type:`secondary`,className:`line-clamp-2`,children:t}),!!i&&i.length>0&&(0,_.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:i.map((e,t)=>(0,_.jsxs)(`span`,{className:`flex items-center gap-1`,children:[t>0&&(0,_.jsx)(o.s,{tag:`span`,type:`discrete`,className:`mx-0.5`,children:`•`}),!!e.icon&&(0,_.jsx)(`span`,{className:`text-muted-foreground`,children:e.icon}),(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,children:e.label})]},e.label))}),(!!a||!!s)&&(0,_.jsxs)(`div`,{className:`flex items-center justify-between`,children:[!!a&&(0,_.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,_.jsx)(v.Calendar,{className:`h-3 w-3 text-muted-foreground`}),(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,children:a})]}),!!s&&(0,_.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,_.jsx)(v.BarChart3,{className:`h-3 w-3 text-muted-foreground`}),(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,children:s})]})]}),(0,_.jsx)(d.t,{}),(0,_.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,_.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 20 20`,className:`shrink-0`,children:[(0,_.jsx)(`circle`,{cx:`10`,cy:`10`,r:`7`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,className:`text-muted/50`}),(0,_.jsx)(`circle`,{cx:`10`,cy:`10`,r:`7`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeDasharray:g,strokeDashoffset:y,strokeLinecap:`round`,className:`text-primary`,transform:`rotate(-90 10 10)`})]}),(0,_.jsxs)(o.s,{size:`xs`,weight:`medium`,children:[u,`/`,f,` Tasks`]})]}),(0,_.jsx)(`div`,{className:`h-6 w-6 rounded-full bg-muted`})]})]})})}F.displayName=`DenseInfoProjectCard`;function I({title:e,description:t,statusBadges:n,score:i,scoreLevel:a,scoreFilled:s,scoreTotal:u=10,rows:f,footerBadges:p,actions:m,className:h}){let g=a===`good`?`bg-success`:a===`medium`?`bg-warning`:`bg-destructive`;return(0,_.jsx)(l.t,{title:e,description:t,actions:m,className:h,children:(0,_.jsxs)(`div`,{className:`space-y-3`,children:[(0,_.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:n.map(e=>(0,_.jsx)(c.t,{variant:e.variant,children:e.label},e.label))}),(0,_.jsx)(`div`,{className:`flex items-center justify-center py-2`,children:(0,_.jsx)(o.o,{tag:`h2`,className:`text-base font-bold tabular-nums border-none pb-0`,children:String(i)})}),(0,_.jsx)(`div`,{className:`flex items-center justify-center gap-1`,children:Array.from({length:u},(e,t)=>(0,_.jsx)(`div`,{className:r.cn(`h-5 w-2 rounded-sm`,t<s?g:`bg-muted`)},t))}),(0,_.jsx)(d.t,{}),(0,_.jsx)(`div`,{className:`space-y-2`,children:f.map(e=>(0,_.jsx)($,{label:e.label,value:e.value,mono:!0,labelClassName:`text-xs text-muted-foreground`,valueClassName:`text-sm font-semibold text-right`},e.label))}),!!p&&p.length>0&&(0,_.jsx)(`div`,{className:`flex flex-wrap items-center gap-2 border-t pt-2`,children:p.map(e=>(0,_.jsx)(c.t,{variant:e.variant,children:e.label},e.label))})]})})}I.displayName=`DenseInfoScoreCard`;var L={sm:`gap-1 rounded-full px-2 py-0.5`,md:`gap-1.5 rounded-full px-2.5 py-1`,base:`gap-1.5 rounded-full px-2.5 py-1`,lg:`gap-1.5 rounded-full px-3 py-1`},ae={sm:`xxs`,md:`xxs`,base:`xxs`,lg:`xs`},oe={sm:`xxs`,md:`xs`,base:`xs`,lg:`xs`},se={sm:`xxs`,md:`xxs`,base:`xxs`,lg:`xxs`};function R({metrics:e,className:t}){return(0,_.jsx)(`div`,{className:r.cn(`inline-metric--component`,`flex flex-wrap gap-1.5`,t),children:e.map(e=>{let t=e.size??`base`;return(0,_.jsxs)(`span`,{className:r.cn(`inline-flex items-center bg-card ring-1 ring-border/60`,L[t]??L.base),children:[(0,_.jsx)(o.s,{tag:`span`,size:ae[t]??`xxs`,type:`secondary`,children:e.label}),(0,_.jsx)(o.s,{tag:`span`,size:oe[t]??`xs`,weight:`semibold`,className:`tabular-nums`,children:e.value}),(0,_.jsxs)(o.s,{tag:`span`,size:se[t]??`xxs`,weight:`medium`,className:r.cn(`tabular-nums inline-flex items-center gap-0.5 rounded-full px-1`,e.up?`bg-success/10 text-success`:`bg-destructive/10 text-destructive`),children:[e.up?`↑`:`↓`,e.change]})]},e.label)})})}R.displayName=`InlineMetricBadge`;var ce=`ring-1 ring-border/50 shadow-sm`;function z({kpis:e,className:t}){return(0,_.jsx)(`div`,{className:r.cn(`mini-kpi--component`,`inline-flex items-center divide-x divide-border/50 rounded-xl bg-card px-2 py-2`,ce,t),children:e.map(e=>(0,_.jsxs)(`div`,{className:`flex flex-col items-center px-4`,children:[(0,_.jsx)(o.s,{weight:`bold`,className:`tabular-nums`,children:e.value}),(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,className:`text-xs`,children:e.label})]},e.label))})}z.displayName=`MiniKpiRow`;var B={select:`Select resource`,remove:`Remove resource`,emptyTitle:`No resource selected`,emptyDescription:`Choose a resource to continue.`};function V({resource:e,getKey:n,getTitle:a,getSubtitle:s,getMetadata:c,getBadges:u,getImageUrl:d,getIcon:f,renderResource:p,onSelect:m,onRemove:g,title:y,description:b,emptyTitle:x,emptyDescription:S,selectLabel:C,removeLabel:w,actions:T,padding:E,surface:D,className:O,contentClassName:k,strings:A}){let j=t.useStrings(B,A),M=C??j.select,N=w??j.remove,P=typeof N==`string`?N:j.remove;return(0,_.jsx)(l.t,{"data-component":`resource-selector-card`,"data-slot":`resource-selector-card`,title:y,description:b,headerAction:T??(0,_.jsxs)(`div`,{className:`flex w-full flex-wrap items-center justify-end gap-space-sm sm:w-auto sm:gap-space-md`,children:[!!e&&!!g&&(0,_.jsxs)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,"aria-label":P,onClick:()=>g(e),children:[(0,_.jsx)(v.X,{className:`size-icon`}),(0,_.jsx)(`span`,{className:`hidden sm:inline`,children:N})]}),!!m&&(0,_.jsxs)(i.t,{type:`button`,variant:`secondary`,size:`small`,className:`min-w-0 max-w-full`,onClick:m,children:[(0,_.jsx)(v.Plus,{className:`size-icon`}),(0,_.jsx)(`span`,{className:`truncate`,children:M})]})]}),headerClassName:r.cn(`resource-selector-card--header flex-wrap`,`[&>div:first-child]:basis-full [&>div:last-child]:w-full [&>div:last-child]:justify-end`,`sm:[&>div:first-child]:basis-auto sm:[&>div:last-child]:w-auto`),padding:E,surface:D,className:r.cn(`resource-selector-card--component`,O),contentClassName:r.cn(`resource-selector-card--content`,k),children:e?(0,_.jsx)(`div`,{"data-resource-key":n(e),className:`resource-selector-card--selected min-w-0`,children:p?p(e):(0,_.jsx)(h.u,{title:a(e),subtitle:s?.(e),metadata:c?.(e),badges:u?.(e),imageUrl:d?.(e),icon:f?.(e),mediaClassName:`size-avatar-sm`,contentClassName:`gap-space-2xs`,subtitleClassName:`text-xs`})}):(0,_.jsx)(`div`,{className:`resource-selector-card--empty min-w-0`,children:(0,_.jsxs)(`div`,{className:`min-w-0`,children:[(0,_.jsx)(o.s,{weight:`semibold`,children:x??j.emptyTitle}),(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,className:`mt-space-2xs`,children:S??j.emptyDescription})]})})})}V.displayName=`ResourceSelectorCard`;var H={title:`Nothing here yet`,description:`Once data lands, it will show up in this view.`,ariaLabel:`Empty state`},le={small:`py-empty-state-y-small`,default:`py-empty-state-y`},ue=e=>e===`small`||e==="default"?e:e===`compact`?`small`:`default`,de={none:`default`,icon:`icon`,"icon-soft":`icon`,illustration:`default`},fe={none:void 0,icon:void 0,"icon-soft":`bg-muted/40 text-muted-foreground`,illustration:`mb-4`},U=(0,g.forwardRef)(function({title:e,description:n,media:i,mediaVariant:a=`none`,renderMedia:s,actions:c,footer:l,padding:d=`default`,border:f=!1,className:p,strings:m,ariaLabel:h},g){let v=t.useStrings(H,m),y=e??v.title,b=n===!1?null:n??v.description,x=s?s({mediaVariant:a}):i,S=!!x;return(0,_.jsxs)(u.s,{ref:g,role:`status`,"aria-label":h??v.ariaLabel,className:r.cn(`empty-state--component`,le[ue(d)],f?`border border-dashed`:`border-0`,p),children:[(0,_.jsxs)(u.u,{children:[!!S&&(0,_.jsx)(u.d,{variant:de[a],className:fe[a],children:x}),(0,_.jsx)(o.o,{tag:`h3`,className:`border-0 pb-0 text-base`,"data-slot":`empty-title`,children:y}),!!b&&(0,_.jsx)(o.s,{size:`xs`,type:`secondary`,className:`leading-relaxed [&>a]:text-primary [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:no-underline`,"data-slot":`empty-description`,children:b})]}),(!!c||!!l)&&(0,_.jsxs)(u.c,{children:[!!c&&(0,_.jsx)(`div`,{className:`flex flex-wrap items-center justify-center gap-2`,children:c}),!!l&&(0,_.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:l})]})]})});U.displayName=`EmptyState`;function W({className:e}){return(0,_.jsxs)(`div`,{className:r.cn(`relative h-24 w-32`,e),"aria-hidden":`true`,children:[(0,_.jsxs)(`div`,{className:`bg-muted/70 dark:bg-muted/40 border-border/50 absolute left-1 top-1 flex h-20 w-20 -rotate-6 flex-col gap-1.5 rounded-md border p-2 shadow-sm`,children:[(0,_.jsx)(`div`,{className:`bg-muted h-2 w-12 rounded`}),(0,_.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-10 rounded`}),(0,_.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-9 rounded`})]}),(0,_.jsxs)(`div`,{className:`bg-background border-border absolute right-1 top-2 flex h-20 w-20 rotate-3 flex-col gap-1.5 rounded-md border p-2 shadow-sm`,children:[(0,_.jsx)(`div`,{className:`bg-muted h-2 w-12 rounded`}),(0,_.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-10 rounded`}),(0,_.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-9 rounded`}),(0,_.jsxs)(`div`,{className:`mt-auto flex items-center gap-1`,children:[(0,_.jsx)(`div`,{className:`bg-success size-1.5 rounded-full`}),(0,_.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-8 rounded`})]})]})]})}W.displayName=`DocumentStackIllustration`;function G({className:e}){return(0,_.jsxs)(`div`,{className:r.cn(`relative h-24 w-32`,e),"aria-hidden":`true`,children:[(0,_.jsx)(`div`,{className:`bg-success/12 border-success/30 absolute left-1/2 top-0 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border`,children:(0,_.jsx)(`svg`,{viewBox:`0 0 16 16`,className:`text-success size-3.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,_.jsx)(`path`,{d:`M3 8l3 3 7-7`})})}),(0,_.jsxs)(`div`,{className:`bg-background border-border absolute inset-x-0 bottom-0 flex h-14 flex-col rounded-lg border shadow-sm`,children:[(0,_.jsx)(`div`,{className:`bg-muted/30 h-3 rounded-t-lg`}),(0,_.jsxs)(`div`,{className:`flex flex-1 items-center justify-between px-3`,children:[(0,_.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,_.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-12 rounded`}),(0,_.jsx)(`div`,{className:`bg-muted/40 h-1.5 w-8 rounded`})]}),(0,_.jsx)(`div`,{className:`bg-muted/40 size-3 rounded-full`})]})]})]})}G.displayName=`InboxCleanIllustration`;function K({className:e}){return(0,_.jsx)(`div`,{className:r.cn(`flex size-20 items-center justify-center rounded-full bg-muted/40 ring-8 ring-muted/20`,e),"aria-hidden":`true`,children:(0,_.jsx)(v.Search,{className:`size-8 text-muted-foreground`})})}K.displayName=`SearchGlassIllustration`;function q({className:e}){return(0,_.jsxs)(`div`,{className:r.cn(`relative h-24 w-52`,e),"aria-hidden":`true`,children:[(0,_.jsx)(`div`,{className:`bg-muted/60 dark:bg-muted/30 border-border/50 absolute inset-x-6 top-0 h-6 rounded-t-lg border`}),(0,_.jsx)(`div`,{className:`bg-muted/80 dark:bg-muted/50 border-border/60 absolute inset-x-3 top-3 h-6 rounded-t-lg border`}),(0,_.jsxs)(`div`,{className:`bg-background border-border absolute inset-x-0 top-6 flex h-16 items-center gap-3 rounded-lg border px-4 shadow-sm`,children:[(0,_.jsx)(`div`,{className:`bg-muted size-8 shrink-0 rounded`}),(0,_.jsxs)(`div`,{className:`flex flex-1 flex-col gap-1.5`,children:[(0,_.jsx)(`div`,{className:`bg-muted h-2.5 w-3/4 rounded`}),(0,_.jsx)(`div`,{className:`bg-muted/60 h-2 w-1/2 rounded`})]})]}),(0,_.jsx)(`div`,{className:`from-background/0 via-background/60 to-background pointer-events-none absolute inset-x-0 bottom-0 h-8 bg-linear-to-b`})]})}q.displayName=`StackedCardsIllustration`;function J({className:e}){return(0,_.jsxs)(`div`,{className:r.cn(`relative flex h-24 w-32 items-center justify-center`,e),"aria-hidden":`true`,children:[(0,_.jsx)(`div`,{className:`bg-muted/70 border-border absolute left-2 size-12 rounded-full border-2`}),(0,_.jsx)(`div`,{className:`bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm`}),(0,_.jsx)(`div`,{className:`bg-muted/60 border-border absolute right-2 size-10 rounded-full border-2`})]})}J.displayName=`UsersCircleIllustration`;var pe={copySuccess:`Email copied to clipboard`};function Y({email:e,copyable:i=!0,copySuccessMessage:a,emptyLabel:s=`—`,clickable:c=!0,strings:l,size:u,type:d=`main`,tag:p=`span`,className:m,...h}){let{defaultTextSize:g}=n.p(),v=u??g??`sm`,y=t.useStrings(t.useStrings(pe,a?{copySuccess:a}:void 0),l);if(!e||e.trim().length===0)return(0,_.jsx)(o.s,{size:v,type:`secondary`,tag:p,className:r.cn(`email-display--component`,m),...h,children:s});let b=(0,_.jsx)(o.s,{size:v,type:d,tag:`span`,className:r.cn(`font-medium`,`decoration-dotted decoration-border underline underline-offset-4`,`transition-colors duration-200`,c?`hover:decoration-current`:null,m),children:e});if(i){let t=(0,_.jsx)(f.t,{value:e,displayValue:b,successMessage:y.copySuccess,className:`-mx-0`});return c?(0,_.jsx)(`a`,{href:`mailto:${e}`,className:`inline-flex items-center no-underline`,onClick:e=>e.stopPropagation(),children:t}):t}return c?(0,_.jsx)(`a`,{href:`mailto:${e}`,className:`inline-flex items-center no-underline`,children:b}):b}Y.displayName=`EmailDisplay`;var me={copySuccess:`Phone number copied to clipboard`};function he(e){return e.replace(/[\s().-]/g,``)}function ge({phone:e,copyable:i=!0,copySuccessMessage:a,emptyLabel:s=`—`,clickable:c=!0,strings:l,size:u,type:d=`main`,tag:p=`span`,className:m,...h}){let{defaultTextSize:g}=n.p(),v=u??g??`sm`,y=t.useStrings(t.useStrings(me,a?{copySuccess:a}:void 0),l);if(!e||e.trim().length===0)return(0,_.jsx)(o.s,{size:v,type:`secondary`,tag:p,className:r.cn(`phone-display--component`,m),...h,children:s});let b=(0,_.jsx)(o.s,{size:v,type:d,tag:`span`,className:r.cn(`font-medium`,`decoration-dotted decoration-border underline underline-offset-4`,`transition-colors duration-200`,c?`hover:decoration-current`:null,m),children:e});if(i){let t=(0,_.jsx)(f.t,{value:e,displayValue:b,successMessage:y.copySuccess,className:`-mx-0`});return c?(0,_.jsx)(`a`,{href:`tel:${he(e)}`,className:`inline-flex items-center no-underline`,onClick:e=>e.stopPropagation(),children:t}):t}return c?(0,_.jsx)(`a`,{href:`tel:${he(e)}`,className:`inline-flex items-center no-underline`,children:b}):b}ge.displayName=`PhoneDisplay`;var _e={copySuccess:`URL copied to clipboard`,httpWarning:`This URL uses HTTP which is not secure`};function ve(e){try{return new URL(e).protocol===`http:`}catch{return e.toLowerCase().startsWith(`http://`)}}function ye(e,t,n){if(!t||e.length<=n)return e;try{let t=new URL(e),r=t.hostname,i=n-r.length-5;return i>10?`${r}${t.pathname.slice(0,i)}...`:`${e.slice(0,n-3)}...`}catch{return`${e.slice(0,n-3)}...`}}function be({url:e,copyable:i=!0,copySuccessMessage:s,emptyLabel:c=`—`,clickable:l=!0,truncate:u=!1,maxLength:d=50,showExternalIcon:p=!0,httpWarningMessage:m,strings:h,size:g,type:y=`main`,tag:b=`span`,className:x,...S}){let{defaultTextSize:C}=n.p(),w=g??C??`sm`,T=t.useStrings(t.useStrings(_e,s||m?{copySuccess:s,httpWarning:m}:void 0),h);if(!e||e.trim().length===0)return(0,_.jsx)(o.s,{size:w,type:`secondary`,tag:b,className:r.cn(`url-display--component`,x),...S,children:c});let E=ve(e),D=ye(e,u,d),O=u&&e.length>d,k=(0,_.jsxs)(o.s,{size:w,type:y,tag:`span`,className:`inline-flex items-center gap-1.5`,children:[!!E&&(0,_.jsxs)(a.t,{children:[(0,_.jsx)(a.i,{render:e=>{let{type:t,disabled:n,className:i,...a}=e;return(0,_.jsx)(`span`,{...a,tabIndex:0,role:`img`,"aria-label":T.httpWarning,className:r.cn(`inline-flex items-center text-warning`,i),children:(0,_.jsx)(v.ShieldAlert,{className:`size-3.5`,"aria-hidden":`true`})})}}),(0,_.jsx)(a.n,{side:`top`,className:`max-w-xs`,children:(0,_.jsx)(o.s,{size:`xs`,children:T.httpWarning})})]}),(0,_.jsx)(`span`,{className:r.cn(`decoration-dotted underline underline-offset-4`,`transition-colors duration-200`,E?`decoration-warning`:`decoration-border`,l?`hover:decoration-current`:null),title:O&&e||void 0,children:D}),!!l&&!!p&&(0,_.jsx)(v.ExternalLink,{className:`size-3 text-muted-foreground`})]});if(i){let t=(0,_.jsx)(f.t,{value:e,displayValue:k,successMessage:T.copySuccess,className:r.cn(`-mx-0`,x)});return l?(0,_.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,className:`inline-flex items-center no-underline`,onClick:e=>e.stopPropagation(),children:t}):t}return l?(0,_.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,className:`inline-flex items-center no-underline`,children:k}):k}be.displayName=`UrlDisplay`;var xe={formatInfoAriaLabel:e=>`${e} info`,infoFallback:`Info`},Se={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`},Ce={start:`justify-start`,end:`justify-end`,center:`justify-center`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`},X={start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`},Z=(e,t)=>e.id?e.id:`metadata-${typeof e.label==`string`?e.label:`${t}`}-${t}`;function Q({triggerProps:e,ariaLabel:t}){let{className:n,...a}=e;return(0,_.jsx)(i.t,{...a,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:r.cn(`metadata-list--info-trigger -mx-space-2xs inline-flex size-avatar-sm shrink-0 items-center justify-center rounded-sm`,`text-muted-foreground transition-colors hover:text-foreground`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,n),"aria-label":t,children:(0,_.jsx)(v.Info,{className:`size-icon-sm cursor-help`})})}function we({items:e,columns:n=2,dense:i=!1,emptyLabel:s=`—`,title:c,titleSeparator:l=!1,className:u,gapClassName:f,labelClassName:p,valueClassName:m,descriptionClassName:h,layout:v=`vertical`,justify:y=`start`,align:b=`center`,separator:x=`: `,itemSeparator:S=!1,wrap:C=!0,strings:w}){let T=t.useStrings(xe,w),E=g.default.useMemo(()=>e.filter(Boolean),[e]);if(g.default.useEffect(()=>{},[v,E]),E.length===0)return null;let D=Se[n]??Se[2],O=f??(i?`gap-space-md`:`gap-space-xl`),k=`text-xs`,A=i?`text-xs`:`text-sm`,j=`font-medium text-xs text-muted-foreground uppercase tracking-wide`,M=c!=null,N=M&&l;if(v===`horizontal`){let e=Ce[y]??Ce.start,t=X[b]??X.center,n=typeof S==`string`?S:S?` | `:``,l=i?`gap-space-sm`:`gap-space-md`,f=C?`flex-wrap`:`flex-nowrap`;return(0,_.jsxs)(`div`,{className:r.cn(`metadata-list--component`,`metadata-list-container`,u),children:[!!M&&(0,_.jsx)(o.o,{tag:`h6`,className:r.cn(`mb-space-sm`,j),children:c}),!!N&&(0,_.jsx)(d.t,{className:`mb-2`}),(0,_.jsx)(`div`,{className:r.cn(`flex`,f,e,t,l),children:E.map((e,t)=>{let c=Z(e,t),l=e.emptyLabel??s,u=e.value===null||e.value===void 0,d=e.value??l,f=e.icon,h=e.tooltip!==null&&e.tooltip!==void 0,v=typeof e.render==`function`,y=n&&t<E.length-1;return(0,_.jsxs)(g.default.Fragment,{children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-space-md`,children:[!!f&&(0,_.jsx)(f,{className:r.cn(`flex-shrink-0`,i?`size-icon-sm`:`size-icon`,`text-muted-foreground`)}),(0,_.jsx)(o.s,{size:`inherit`,type:`main`,weight:`semibold`,className:r.cn(`metadata--field tracking-wide whitespace-nowrap`,k,p),children:e.label}),!!h&&(0,_.jsxs)(a.t,{children:[(0,_.jsx)(a.i,{render:t=>(0,_.jsx)(Q,{triggerProps:t,ariaLabel:typeof e.label==`string`?T.formatInfoAriaLabel(e.label):T.infoFallback})}),(0,_.jsx)(a.n,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,_.jsx)(o.s,{type:`inverse`,size:`xs`,children:e.tooltip})})]}),(0,_.jsx)(o.s,{size:`inherit`,type:`secondary`,children:x}),v?e.render?.(e):(0,_.jsx)(o.s,{className:r.cn(A,`leading-tight`,u?`text-foreground/50`:`text-foreground`,m),children:d})]}),!!y&&(0,_.jsx)(o.s,{size:`inherit`,type:`secondary`,children:n})]},c)})})]})}if(v===`rows`){let e=i?`py-row-y-sm`:`py-row-y`;return(0,_.jsxs)(`div`,{className:r.cn(`metadata-list--component`,`metadata-list-container`,u),children:[!!M&&(0,_.jsx)(o.o,{tag:`h6`,className:r.cn(`mb-space-md`,j),children:c}),!!N&&(0,_.jsx)(d.t,{className:`mb-2`}),(0,_.jsx)(`dl`,{className:`divide-y divide-border/50`,children:E.map((t,n)=>{let c=Z(t,n),l=t.emptyLabel??s,u=t.value===null||t.value===void 0,d=t.value??l,f=t.icon,g=t.tooltip!==null&&t.tooltip!==void 0,v=typeof t.render==`function`;return(0,_.jsxs)(`div`,{className:r.cn(`grid items-baseline gap-x-space-xl gap-y-space-sm grid-cols-[minmax(9rem,1fr)_2fr]`,e),children:[(0,_.jsxs)(`dt`,{className:`flex items-center gap-space-sm min-w-0`,children:[!!f&&(0,_.jsx)(f,{className:r.cn(`flex-shrink-0 text-muted-foreground`,i?`size-icon-sm`:`size-icon`)}),(0,_.jsx)(o.s,{type:`main`,weight:`semibold`,className:r.cn(`metadata--field truncate tracking-wide`,k,p),children:t.label}),!!g&&(0,_.jsxs)(a.t,{children:[(0,_.jsx)(a.i,{render:e=>(0,_.jsx)(Q,{triggerProps:e,ariaLabel:typeof t.label==`string`?T.formatInfoAriaLabel(t.label):T.infoFallback})}),(0,_.jsx)(a.n,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,_.jsx)(o.s,{type:`inverse`,size:`xs`,children:t.tooltip})})]})]}),(0,_.jsxs)(`dd`,{className:`min-w-0`,children:[v?t.render?.(t):(0,_.jsx)(o.s,{className:r.cn(A,`break-words leading-tight`,u?`text-foreground/50`:`text-foreground`,m),children:d}),!!t.description&&(0,_.jsx)(o.s,{size:`inherit`,type:`secondary`,className:r.cn(`mt-space-xs text-xs leading-snug`,h),children:t.description})]})]},c)})})]})}return(0,_.jsxs)(`div`,{className:r.cn(`metadata-list--component`,`metadata-list-container`,u),children:[!!M&&(0,_.jsx)(o.o,{tag:`h6`,className:r.cn(`mb-space-sm`,j),children:c}),!!N&&(0,_.jsx)(d.t,{className:`mb-2`}),(0,_.jsx)(`div`,{className:r.cn(`grid`,D,O),children:E.map((e,t)=>{let n=Z(e,t),c=e.emptyLabel??s,l=e.value===null||e.value===void 0,u=e.value??c,d=e.icon,f=e.tooltip!==null&&e.tooltip!==void 0,g=typeof e.render==`function`;return(0,_.jsxs)(`div`,{className:r.cn(`grid min-w-0`,`gap-space-sm`),children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-space-sm`,children:[!!d&&(0,_.jsx)(d,{className:r.cn(`flex-shrink-0`,i?`size-icon-sm`:`size-icon`,`text-muted-foreground`)}),(0,_.jsx)(o.s,{size:`inherit`,type:`main`,weight:`semibold`,className:r.cn(`metadata--field tracking-wide`,k,p),children:e.label}),!!f&&(0,_.jsxs)(a.t,{children:[(0,_.jsx)(a.i,{render:t=>(0,_.jsx)(Q,{triggerProps:t,ariaLabel:typeof e.label==`string`?T.formatInfoAriaLabel(e.label):T.infoFallback})}),(0,_.jsx)(a.n,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,_.jsx)(o.s,{type:`inverse`,size:`xs`,children:e.tooltip})})]})]}),g?e.render?.(e):(0,_.jsx)(o.s,{className:r.cn(A,`leading-tight`,l?`text-foreground/50`:`text-foreground`,m),children:u}),!!e.description&&(0,_.jsx)(o.s,{size:`inherit`,type:`secondary`,className:r.cn(`text-xs leading-snug`,h),children:e.description})]},n)})})]})}we.displayName=`MetadataList`;function $({label:e,value:t,layout:n=`between`,mono:i=!1,className:a,labelClassName:s,valueClassName:c}){return n===`stacked`?(0,_.jsxs)(`div`,{className:r.cn(`inline-stat--component`,`flex flex-col gap-space-2xs`,a),children:[(0,_.jsx)(o.s,{tag:`span`,size:`inherit`,type:`secondary`,className:r.cn(`text-xs leading-tight`,s),children:e}),(0,_.jsx)(o.s,{tag:`span`,size:`inherit`,className:r.cn(`text-sm leading-snug`,i&&`tabular-nums`,c),children:t})]}):(0,_.jsxs)(`div`,{className:r.cn(`inline-stat--component flex items-center gap-space-md`,n===`between`?`justify-between`:`justify-start`,a),children:[(0,_.jsx)(o.s,{tag:`span`,size:`inherit`,type:`secondary`,className:r.cn(`text-xs leading-tight`,s),children:e}),(0,_.jsx)(o.s,{tag:`span`,size:`inherit`,className:r.cn(`text-sm leading-snug`,i&&`tabular-nums`,c),children:t})]})}$.displayName=`InlineStat`;var Te=`—`,Ee=(e,t,n)=>{if(e==null||e===``)return null;if(typeof e==`string`)return e;if(Number.isNaN(e))return null;try{return new Intl.NumberFormat(t,n).format(e)}catch{return String(e)}};function De({value:e,align:t=`right`,locale:i,formatOptions:a,emptyLabel:s=Te,size:c,weight:l,type:u,className:d,...f}){let{defaultTextSize:p}=n.p(),m=c??p??`sm`,h=Ee(e,i,a),g=t===`right`?`text-right`:t===`center`?`text-center`:`text-left`;return h===null?(0,_.jsx)(o.s,{size:m,weight:l,type:u??`secondary`,className:r.cn(`numeric-value--component`,`tabular-nums`,g,d),...f,children:s}):(0,_.jsx)(o.s,{size:m,weight:l,type:u,className:r.cn(`tabular-nums`,g,d),...f,children:h})}De.displayName=`NumericValue`;var Oe={small:{avatar:`size-avatar-sm`,gap:`gap-space-sm`,nameClass:`text-xs`,subtitleClass:`text-xs`},default:{avatar:`size-avatar`,gap:`gap-space-md`,nameClass:`text-sm`,subtitleClass:`text-xs`}};function ke(e){return e===`small`||e==="default"?e:e===`xs`||e===`sm`?`small`:`default`}function Ae({name:e,subtitle:t,avatarUrl:n,avatarAlt:i,initials:a,avatar:s,trailing:c,size:l=`default`,className:u}){let d=Oe[ke(l)],f=s??(0,_.jsxs)(p.t,{className:d.avatar,children:[!!n&&(0,_.jsx)(p.o,{src:n,alt:i??(typeof e==`string`?e:void 0)}),!!a&&(0,_.jsx)(p.r,{children:a})]});return(0,_.jsxs)(`div`,{className:r.cn(`user-cell--component`,`flex items-center`,d.gap,u),children:[f,(0,_.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,_.jsx)(o.s,{size:`inherit`,weight:`semibold`,className:r.cn(`truncate leading-snug`,d.nameClass),children:e}),!!t&&(0,_.jsx)(o.s,{size:`inherit`,type:`secondary`,className:r.cn(`truncate leading-tight`,d.subtitleClass),children:t})]}),!!c&&(0,_.jsx)(`div`,{className:`shrink-0`,children:c})]})}Ae.displayName=`UserCell`;function je({title:e,description:t,badge:n,action:i,dense:a=!1,className:s}){return(0,_.jsxs)(`div`,{className:r.cn(`section-header--component`,`flex items-start justify-between`,a?`gap-2`:`gap-3`,s),children:[(0,_.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,_.jsxs)(`div`,{className:r.cn(`flex items-center`,a?`gap-1.5`:`gap-2`),children:[(0,_.jsx)(o.s,{size:a?`xs`:`sm`,weight:`semibold`,className:`truncate`,children:e}),!!n&&(0,_.jsx)(`span`,{className:`shrink-0`,children:n})]}),!!t&&(0,_.jsx)(o.s,{size:a?`xxs`:`xs`,type:`secondary`,className:a?`mt-0.5`:`mt-1`,children:t})]}),!!i&&(0,_.jsx)(`div`,{className:`shrink-0`,children:i})]})}je.displayName=`SectionHeader`,Object.defineProperty(exports,"A",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"O",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return we}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"j",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"k",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Ae}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return be}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return De}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return je}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return R}});
+//# sourceMappingURL=data-display-B9Lciun3.cjs.map