tempest-react-sdk 0.78.0 → 0.80.0

package/dist/components/AIChat/AIChatTurn.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIChatTurn.js","names":[],"sources":["../../../src/components/AIChat/AIChatTurn.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — one turn renders six\n * things that each have their own state: Markdown body, collapsible reasoning,\n * attachments, streaming caret, inline edit form and the action row. The 13 props\n * are the callbacks those actions need plus the render slots, and the body is long\n * because the edit form and the action row share the turn's message and its pending\n * state.\n */\nimport { ChevronRight, Copy, Pencil, RefreshCw, ThumbsDown, ThumbsUp } from \"lucide-react\";\nimport { useMemo, useState, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport { formatBytes } from \"@/utils/numbers\";\n\nimport { Collapsible } from \"../Collapsible\";\nimport { CopyButton } from \"../CopyButton\";\nimport { Markdown } from \"../Markdown\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport {\n    aiChatStrings,\n    roleLabel,\n    turnTime,\n    type AIChatMessage,\n    type AIChatVote,\n} from \"./ai-chat-turns\";\nimport styles from \"./AIChat.module.css\";\n\nexport interface AIChatTurnProps {\n    /** The turn to render. */\n    message: AIChatMessage;\n    /** Locale for the labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /**\n     * Offer the regenerate control.\n     *\n     * Only the newest assistant turn should get it — re-asking an older one throws\n     * away every turn after it, which is a different operation and needs its own\n     * confirmation.\n     */\n    canRegenerate?: boolean;\n    onRegenerate?: (message: AIChatMessage) => void;\n    onFeedback?: (message: AIChatMessage, vote: AIChatVote) => void;\n    /** Enables the edit control on a user turn. Receives the edited prompt. */\n    onEditSubmit?: (message: AIChatMessage, text: string) => void | Promise<void>;\n    /**\n     * Called when `onEditSubmit` rejects. The editor stays open with the draft either\n     * way.\n     *\n     * Without it the rejection is swallowed after the draft is preserved: re-throwing\n     * out of a click handler surfaces as an unhandled promise rejection, which is\n     * console noise for the developer and nothing the user can act on.\n     */\n    onEditError?: (error: unknown) => void;\n    /** Enables the retry control on a turn that carries an `error`. */\n    onRetry?: (message: AIChatMessage) => void;\n    renderAvatar?: (message: AIChatMessage) => ReactNode;\n    /** Render the body yourself — a tool-call card, a chart, a citation list. */\n    renderContent?: (message: AIChatMessage) => ReactNode;\n    /**\n     * Rating to show as pressed.\n     *\n     * Pass it to keep votes in app state (persisted across a reload); leave it out\n     * and the pressed state is kept locally, which is enough for a fire-and-forget\n     * `onFeedback`.\n     */\n    vote?: AIChatVote;\n    /** Reasoning blocks start expanded. Default `false`. */\n    defaultReasoningOpen?: boolean;\n    /** Show line numbers in fenced code. Default `false`. */\n    showLineNumbers?: boolean;\n}\n\n/**\n * One turn of a conversation with a model.\n *\n * Exported for apps that build their own transcript layout (a split view, a diff of\n * two answers) but still want the SDK's turn: Markdown body, reasoning block,\n * attachments, streaming caret, error state and the action row.\n *\n * @example\n * <AIChatTurn message={turn} canRegenerate onRegenerate={(m) => reask(m)} />\n */\nexport function AIChatTurn({\n    message,\n    locale = \"pt-BR\",\n    canRegenerate = false,\n    onRegenerate,\n    onFeedback,\n    onEditSubmit,\n    onEditError,\n    onRetry,\n    renderAvatar,\n    renderContent,\n    vote,\n    defaultReasoningOpen = false,\n    showLineNumbers = false,\n}: AIChatTurnProps) {\n    const strings = aiChatStrings(locale);\n    const { role, content, reasoning, streaming, error, model, createdAt, attachments } = message;\n    const [localVote, setLocalVote] = useState<AIChatVote | null>(null);\n    const [editing, setEditing] = useState(false);\n    const [draft, setDraft] = useState(content);\n    const [saving, setSaving] = useState(false);\n\n    const currentVote = vote ?? localVote;\n    const isUser = role === \"user\";\n\n    /**\n     * Memoised so a streaming answer re-parses **only the turn that is growing**.\n     *\n     * `Markdown` parses in its own render, and React skips re-rendering a child whose\n     * element is referentially identical to the previous one. Holding the element\n     * across renders is therefore what keeps a fifty-turn transcript from re-parsing\n     * every finished answer on every token of the newest one.\n     */\n    const markdown = useMemo(\n        () => (\n            <Markdown\n                source={content}\n                showLineNumbers={showLineNumbers}\n                className={styles.markdownRoot}\n            />\n        ),\n        [content, showLineNumbers],\n    );\n\n    /**\n     * Body of the turn.\n     *\n     * A user turn is plain text with newlines preserved, an assistant turn is\n     * Markdown. A model emits Markdown by contract; a person typing `2 * 3 * 4` did\n     * not mean to open an emphasis span.\n     */\n    const body = ((): ReactNode => {\n        if (renderContent) return renderContent(message);\n        if (isUser) return <div className={styles.plain}>{content}</div>;\n        if (content === \"\") return null;\n        return markdown;\n    })();\n\n    const submitEdit = async (): Promise<void> => {\n        const text = draft.trim();\n        if (!text || saving || !onEditSubmit) return;\n        setSaving(true);\n        try {\n            await onEditSubmit(message, text);\n            setEditing(false);\n        } catch (error) {\n            onEditError?.(error);\n        } finally {\n            setSaving(false);\n        }\n    };\n\n    const rate = (next: AIChatVote): void => {\n        if (currentVote === next) return;\n        setLocalVote(next);\n        onFeedback?.(message, next);\n    };\n\n    const showActions = !streaming && !editing;\n    const hasAssistantActions =\n        onFeedback !== undefined || (canRegenerate && onRegenerate !== undefined);\n\n    return (\n        <article\n            className={cn(\n                styles.turn,\n                isUser && styles.userTurn,\n                role === \"system\" && styles.systemTurn,\n            )}\n            aria-busy={streaming || undefined}\n            data-role={role}\n        >\n            <header className={styles.turnHeader}>\n                {renderAvatar && (\n                    <span className={styles.avatar} aria-hidden=\"true\">\n                        {renderAvatar(message)}\n                    </span>\n                )}\n                <span className={cn(styles.role, isUser && styles.visuallyHiddenRole)}>\n                    {roleLabel(role, strings)}\n                </span>\n                {model && !isUser && <span className={styles.model}>{model}</span>}\n                {createdAt !== undefined && (\n                    <time className={styles.time} dateTime={new Date(createdAt).toISOString()}>\n                        {turnTime(createdAt, locale)}\n                    </time>\n                )}\n            </header>\n\n            {attachments && attachments.length > 0 && (\n                <ul className={styles.attachments}>\n                    {attachments.map((attachment) => (\n                        <li key={attachment.id} className={styles.attachment}>\n                            {attachment.url ? (\n                                <img\n                                    className={styles.thumb}\n                                    src={attachment.url}\n                                    alt={attachment.name}\n                                />\n                            ) : (\n                                <>\n                                    <span className={styles.attachmentName}>{attachment.name}</span>\n                                    <span className={styles.attachmentMeta}>\n                                        {attachment.size !== undefined\n                                            ? formatBytes(attachment.size)\n                                            : attachment.mimeType}\n                                    </span>\n                                </>\n                            )}\n                        </li>\n                    ))}\n                </ul>\n            )}\n\n            {reasoning && (\n                <Collapsible\n                    className={styles.reasoning}\n                    defaultOpen={defaultReasoningOpen || (streaming === true && content === \"\")}\n                    trigger={\n                        <>\n                            <ChevronRight\n                                className={styles.reasoningChevron}\n                                size={14}\n                                aria-hidden\n                            />\n                            {strings.reasoning}\n                        </>\n                    }\n                >\n                    <div className={styles.reasoningBody}>{reasoning}</div>\n                </Collapsible>\n            )}\n\n            {editing ? (\n                <div className={styles.editor}>\n                    <VisuallyHidden>\n                        <label htmlFor={`${message.id}-edit`}>{strings.editing}</label>\n                    </VisuallyHidden>\n                    <textarea\n                        id={`${message.id}-edit`}\n                        className={styles.editField}\n                        value={draft}\n                        rows={Math.min(draft.split(\"\\n\").length + 1, 10)}\n                        onChange={(event) => setDraft(event.target.value)}\n                    />\n                    <div className={styles.editActions}>\n                        <button\n                            type=\"button\"\n                            className={styles.ghost}\n                            onClick={() => {\n                                setDraft(content);\n                                setEditing(false);\n                            }}\n                        >\n                            {strings.cancel}\n                        </button>\n                        <button\n                            type=\"button\"\n                            className={styles.primary}\n                            disabled={saving || draft.trim() === \"\"}\n                            onClick={() => void submitEdit()}\n                        >\n                            {strings.save}\n                        </button>\n                    </div>\n                </div>\n            ) : (\n                <div className={cn(styles.body, streaming && styles.streamingBody)}>\n                    {body}\n                    {streaming === true && content === \"\" && (\n                        <span className={styles.dots} aria-hidden=\"true\">\n                            <span />\n                            <span />\n                            <span />\n                        </span>\n                    )}\n                </div>\n            )}\n\n            {error && (\n                <p className={styles.error} role=\"alert\">\n                    <span>{error}</span>\n                    {onRetry && (\n                        <button\n                            type=\"button\"\n                            className={styles.retry}\n                            onClick={() => onRetry(message)}\n                        >\n                            {strings.retry}\n                        </button>\n                    )}\n                </p>\n            )}\n\n            {showActions && (\n                <div className={styles.actions} aria-label={strings.turnActions} role=\"group\">\n                    <CopyButton\n                        className={styles.action}\n                        value={content}\n                        aria-label={strings.copy}\n                        title={strings.copy}\n                    >\n                        <Copy size={14} aria-hidden />\n                    </CopyButton>\n\n                    {isUser && onEditSubmit && (\n                        <button\n                            type=\"button\"\n                            className={styles.action}\n                            aria-label={strings.edit}\n                            title={strings.edit}\n                            onClick={() => {\n                                setDraft(content);\n                                setEditing(true);\n                            }}\n                        >\n                            <Pencil size={14} aria-hidden />\n                        </button>\n                    )}\n\n                    {!isUser && hasAssistantActions && (\n                        <>\n                            {canRegenerate && onRegenerate && (\n                                <button\n                                    type=\"button\"\n                                    className={styles.action}\n                                    aria-label={strings.regenerate}\n                                    title={strings.regenerate}\n                                    onClick={() => onRegenerate(message)}\n                                >\n                                    <RefreshCw size={14} aria-hidden />\n                                </button>\n                            )}\n                            {onFeedback && (\n                                <>\n                                    <button\n                                        type=\"button\"\n                                        className={cn(\n                                            styles.action,\n                                            currentVote === \"up\" && styles.actionActive,\n                                        )}\n                                        aria-label={strings.good}\n                                        title={strings.good}\n                                        aria-pressed={currentVote === \"up\"}\n                                        onClick={() => rate(\"up\")}\n                                    >\n                                        <ThumbsUp size={14} aria-hidden />\n                                    </button>\n                                    <button\n                                        type=\"button\"\n                                        className={cn(\n                                            styles.action,\n                                            currentVote === \"down\" && styles.actionActive,\n                                        )}\n                                        aria-label={strings.bad}\n                                        title={strings.bad}\n                                        aria-pressed={currentVote === \"down\"}\n                                        onClick={() => rate(\"down\")}\n                                    >\n                                        <ThumbsDown size={14} aria-hidden />\n                                    </button>\n                                </>\n                            )}\n                        </>\n                    )}\n                </div>\n            )}\n        </article>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AIChatTurn.js","names":["styles","_Fragment","AIChat_module_default","Fragment$1","AIChatTurn","strings","aiChatStrings","locale","message","localVote","setLocalVote","useState","editing","setEditing","draft","setDraft","content","saving","setSaving","currentVote","vote","isUser","role","markdown","useMemo","Markdown","showLineNumbers","body","renderContent","submitEdit","text","onEditSubmit","error","rate","next","onFeedback","showActions","streaming","hasAssistantActions","canRegenerate","onRegenerate","cn","renderAvatar","roleLabel","model","createdAt","turnTime","attachments","attachment","formatBytes","reasoning","Collapsible","defaultReasoningOpen","ChevronRight","VisuallyHidden","event","onRetry","CopyButton","Copy","Pencil","RefreshCw","ThumbsUp","ThumbsDown"],"sources":["../../../src/components/AIChat/AIChatTurn.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — one turn renders six\n * things that each have their own state: Markdown body, collapsible reasoning,\n * attachments, streaming caret, inline edit form and the action row. The 13 props\n * are the callbacks those actions need plus the render slots, and the body is long\n * because the edit form and the action row share the turn's message and its pending\n * state.\n */\nimport { ChevronRight, Copy, Pencil, RefreshCw, ThumbsDown, ThumbsUp } from \"lucide-react\";\nimport { useMemo, useState, type ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport { formatBytes } from \"@/utils/numbers\";\n\nimport { Collapsible } from \"../Collapsible\";\nimport { CopyButton } from \"../CopyButton\";\nimport { Markdown } from \"../Markdown\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport {\n    aiChatStrings,\n    roleLabel,\n    turnTime,\n    type AIChatMessage,\n    type AIChatVote,\n} from \"./ai-chat-turns\";\nimport styles from \"./AIChat.module.css\";\n\nexport interface AIChatTurnProps {\n    /** The turn to render. */\n    message: AIChatMessage;\n    /** Locale for the labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /**\n     * Offer the regenerate control.\n     *\n     * Only the newest assistant turn should get it — re-asking an older one throws\n     * away every turn after it, which is a different operation and needs its own\n     * confirmation.\n     */\n    canRegenerate?: boolean;\n    onRegenerate?: (message: AIChatMessage) => void;\n    onFeedback?: (message: AIChatMessage, vote: AIChatVote) => void;\n    /** Enables the edit control on a user turn. Receives the edited prompt. */\n    onEditSubmit?: (message: AIChatMessage, text: string) => void | Promise<void>;\n    /**\n     * Called when `onEditSubmit` rejects. The editor stays open with the draft either\n     * way.\n     *\n     * Without it the rejection is swallowed after the draft is preserved: re-throwing\n     * out of a click handler surfaces as an unhandled promise rejection, which is\n     * console noise for the developer and nothing the user can act on.\n     */\n    onEditError?: (error: unknown) => void;\n    /** Enables the retry control on a turn that carries an `error`. */\n    onRetry?: (message: AIChatMessage) => void;\n    renderAvatar?: (message: AIChatMessage) => ReactNode;\n    /** Render the body yourself — a tool-call card, a chart, a citation list. */\n    renderContent?: (message: AIChatMessage) => ReactNode;\n    /**\n     * Rating to show as pressed.\n     *\n     * Pass it to keep votes in app state (persisted across a reload); leave it out\n     * and the pressed state is kept locally, which is enough for a fire-and-forget\n     * `onFeedback`.\n     */\n    vote?: AIChatVote;\n    /** Reasoning blocks start expanded. Default `false`. */\n    defaultReasoningOpen?: boolean;\n    /** Show line numbers in fenced code. Default `false`. */\n    showLineNumbers?: boolean;\n}\n\n/**\n * One turn of a conversation with a model.\n *\n * Exported for apps that build their own transcript layout (a split view, a diff of\n * two answers) but still want the SDK's turn: Markdown body, reasoning block,\n * attachments, streaming caret, error state and the action row.\n *\n * @example\n * <AIChatTurn message={turn} canRegenerate onRegenerate={(m) => reask(m)} />\n */\nexport function AIChatTurn({\n    message,\n    locale = \"pt-BR\",\n    canRegenerate = false,\n    onRegenerate,\n    onFeedback,\n    onEditSubmit,\n    onEditError,\n    onRetry,\n    renderAvatar,\n    renderContent,\n    vote,\n    defaultReasoningOpen = false,\n    showLineNumbers = false,\n}: AIChatTurnProps) {\n    const strings = aiChatStrings(locale);\n    const { role, content, reasoning, streaming, error, model, createdAt, attachments } = message;\n    const [localVote, setLocalVote] = useState<AIChatVote | null>(null);\n    const [editing, setEditing] = useState(false);\n    const [draft, setDraft] = useState(content);\n    const [saving, setSaving] = useState(false);\n\n    const currentVote = vote ?? localVote;\n    const isUser = role === \"user\";\n\n    /**\n     * Memoised so a streaming answer re-parses **only the turn that is growing**.\n     *\n     * `Markdown` parses in its own render, and React skips re-rendering a child whose\n     * element is referentially identical to the previous one. Holding the element\n     * across renders is therefore what keeps a fifty-turn transcript from re-parsing\n     * every finished answer on every token of the newest one.\n     */\n    const markdown = useMemo(\n        () => (\n            <Markdown\n                source={content}\n                showLineNumbers={showLineNumbers}\n                className={styles.markdownRoot}\n            />\n        ),\n        [content, showLineNumbers],\n    );\n\n    /**\n     * Body of the turn.\n     *\n     * A user turn is plain text with newlines preserved, an assistant turn is\n     * Markdown. A model emits Markdown by contract; a person typing `2 * 3 * 4` did\n     * not mean to open an emphasis span.\n     */\n    const body = ((): ReactNode => {\n        if (renderContent) return renderContent(message);\n        if (isUser) return <div className={styles.plain}>{content}</div>;\n        if (content === \"\") return null;\n        return markdown;\n    })();\n\n    const submitEdit = async (): Promise<void> => {\n        const text = draft.trim();\n        if (!text || saving || !onEditSubmit) return;\n        setSaving(true);\n        try {\n            await onEditSubmit(message, text);\n            setEditing(false);\n        } catch (error) {\n            onEditError?.(error);\n        } finally {\n            setSaving(false);\n        }\n    };\n\n    const rate = (next: AIChatVote): void => {\n        if (currentVote === next) return;\n        setLocalVote(next);\n        onFeedback?.(message, next);\n    };\n\n    const showActions = !streaming && !editing;\n    const hasAssistantActions =\n        onFeedback !== undefined || (canRegenerate && onRegenerate !== undefined);\n\n    return (\n        <article\n            className={cn(\n                styles.turn,\n                isUser && styles.userTurn,\n                role === \"system\" && styles.systemTurn,\n            )}\n            aria-busy={streaming || undefined}\n            data-role={role}\n        >\n            <header className={styles.turnHeader}>\n                {renderAvatar && (\n                    <span className={styles.avatar} aria-hidden=\"true\">\n                        {renderAvatar(message)}\n                    </span>\n                )}\n                <span className={cn(styles.role, isUser && styles.visuallyHiddenRole)}>\n                    {roleLabel(role, strings)}\n                </span>\n                {model && !isUser && <span className={styles.model}>{model}</span>}\n                {createdAt !== undefined && (\n                    <time className={styles.time} dateTime={new Date(createdAt).toISOString()}>\n                        {turnTime(createdAt, locale)}\n                    </time>\n                )}\n            </header>\n\n            {attachments && attachments.length > 0 && (\n                <ul className={styles.attachments}>\n                    {attachments.map((attachment) => (\n                        <li key={attachment.id} className={styles.attachment}>\n                            {attachment.url ? (\n                                <img\n                                    className={styles.thumb}\n                                    src={attachment.url}\n                                    alt={attachment.name}\n                                />\n                            ) : (\n                                <>\n                                    <span className={styles.attachmentName}>{attachment.name}</span>\n                                    <span className={styles.attachmentMeta}>\n                                        {attachment.size !== undefined\n                                            ? formatBytes(attachment.size)\n                                            : attachment.mimeType}\n                                    </span>\n                                </>\n                            )}\n                        </li>\n                    ))}\n                </ul>\n            )}\n\n            {reasoning && (\n                <Collapsible\n                    className={styles.reasoning}\n                    defaultOpen={defaultReasoningOpen || (streaming === true && content === \"\")}\n                    trigger={\n                        <>\n                            <ChevronRight\n                                className={styles.reasoningChevron}\n                                size={14}\n                                aria-hidden\n                            />\n                            {strings.reasoning}\n                        </>\n                    }\n                >\n                    <div className={styles.reasoningBody}>{reasoning}</div>\n                </Collapsible>\n            )}\n\n            {editing ? (\n                <div className={styles.editor}>\n                    <VisuallyHidden>\n                        <label htmlFor={`${message.id}-edit`}>{strings.editing}</label>\n                    </VisuallyHidden>\n                    <textarea\n                        id={`${message.id}-edit`}\n                        className={styles.editField}\n                        value={draft}\n                        rows={Math.min(draft.split(\"\\n\").length + 1, 10)}\n                        onChange={(event) => setDraft(event.target.value)}\n                    />\n                    <div className={styles.editActions}>\n                        <button\n                            type=\"button\"\n                            className={styles.ghost}\n                            onClick={() => {\n                                setDraft(content);\n                                setEditing(false);\n                            }}\n                        >\n                            {strings.cancel}\n                        </button>\n                        <button\n                            type=\"button\"\n                            className={styles.primary}\n                            disabled={saving || draft.trim() === \"\"}\n                            onClick={() => void submitEdit()}\n                        >\n                            {strings.save}\n                        </button>\n                    </div>\n                </div>\n            ) : (\n                <div className={cn(styles.body, streaming && styles.streamingBody)}>\n                    {body}\n                    {streaming === true && content === \"\" && (\n                        <span className={styles.dots} aria-hidden=\"true\">\n                            <span />\n                            <span />\n                            <span />\n                        </span>\n                    )}\n                </div>\n            )}\n\n            {error && (\n                <p className={styles.error} role=\"alert\">\n                    <span>{error}</span>\n                    {onRetry && (\n                        <button\n                            type=\"button\"\n                            className={styles.retry}\n                            onClick={() => onRetry(message)}\n                        >\n                            {strings.retry}\n                        </button>\n                    )}\n                </p>\n            )}\n\n            {showActions && (\n                <div className={styles.actions} aria-label={strings.turnActions} role=\"group\">\n                    <CopyButton\n                        className={styles.action}\n                        value={content}\n                        aria-label={strings.copy}\n                        title={strings.copy}\n                    >\n                        <Copy size={14} aria-hidden />\n                    </CopyButton>\n\n                    {isUser && onEditSubmit && (\n                        <button\n                            type=\"button\"\n                            className={styles.action}\n                            aria-label={strings.edit}\n                            title={strings.edit}\n                            onClick={() => {\n                                setDraft(content);\n                                setEditing(true);\n                            }}\n                        >\n                            <Pencil size={14} aria-hidden />\n                        </button>\n                    )}\n\n                    {!isUser && hasAssistantActions && (\n                        <>\n                            {canRegenerate && onRegenerate && (\n                                <button\n                                    type=\"button\"\n                                    className={styles.action}\n                                    aria-label={strings.regenerate}\n                                    title={strings.regenerate}\n                                    onClick={() => onRegenerate(message)}\n                                >\n                                    <RefreshCw size={14} aria-hidden />\n                                </button>\n                            )}\n                            {onFeedback && (\n                                <>\n                                    <button\n                                        type=\"button\"\n                                        className={cn(\n                                            styles.action,\n                                            currentVote === \"up\" && styles.actionActive,\n                                        )}\n                                        aria-label={strings.good}\n                                        title={strings.good}\n                                        aria-pressed={currentVote === \"up\"}\n                                        onClick={() => rate(\"up\")}\n                                    >\n                                        <ThumbsUp size={14} aria-hidden />\n                                    </button>\n                                    <button\n                                        type=\"button\"\n                                        className={cn(\n                                            styles.action,\n                                            currentVote === \"down\" && styles.actionActive,\n                                        )}\n                                        aria-label={strings.bad}\n                                        title={strings.bad}\n                                        aria-pressed={currentVote === \"down\"}\n                                        onClick={() => rate(\"down\")}\n                                    >\n                                        <ThumbsDown size={14} aria-hidden />\n                                    </button>\n                                </>\n                            )}\n                        </>\n                    )}\n                </div>\n            )}\n        </article>\n    );\n}\n"],"mappings":"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"}

package/dist/components/AIChat/ai-chat-turns.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ai-chat-turns.cjs","names":[],"sources":["../../../src/components/AIChat/ai-chat-turns.ts"],"sourcesContent":["/** Who produced a turn. */\nexport type AIChatRole = \"user\" | \"assistant\" | \"system\";\n\n/** Rating an app can collect on an assistant turn. */\nexport type AIChatVote = \"up\" | \"down\";\n\n/** A file carried by a turn — an upload on the way in, a document on the way out. */\nexport interface AIChatAttachment {\n    /** Stable identity. Used as the React key. */\n    id: string;\n    /** Name shown in the chip. */\n    name: string;\n    /** Size in bytes. Formatted for display when given. */\n    size?: number;\n    /** Image URL. When set the attachment renders as a thumbnail instead of a chip. */\n    url?: string;\n    /** MIME type. Used as the chip's secondary label when there is no size. */\n    mimeType?: string;\n}\n\n/** One turn of a conversation with a model. */\nexport interface AIChatMessage {\n    /** Stable identity. Used as the React key and by every callback. */\n    id: string;\n    role: AIChatRole;\n    /**\n     * The text of the turn.\n     *\n     * An assistant turn is rendered as Markdown; a user turn is rendered as plain\n     * text with newlines preserved. That asymmetry is deliberate: a model emits\n     * Markdown by contract, while a person typing `2 * 3 * 4` did not mean to open\n     * an emphasis span.\n     */\n    content: string;\n    /**\n     * Reasoning the model exposed before answering — extended thinking, a\n     * chain-of-thought trace.\n     *\n     * Rendered in its own collapsible block above the answer, so a long trace never\n     * pushes the answer off screen.\n     */\n    reasoning?: string;\n    /**\n     * The turn is still arriving.\n     *\n     * Shows the caret, marks the block `aria-busy`, and hides the action row —\n     * copying or rating half an answer is never what somebody meant to do.\n     */\n    streaming?: boolean;\n    /** Generation failed. Shown under whatever streamed, with the retry control. */\n    error?: string;\n    /** Epoch milliseconds. */\n    createdAt?: number;\n    /** Model that produced the turn. Shown in the meta row of an assistant turn. */\n    model?: string;\n    attachments?: readonly AIChatAttachment[];\n    /** Anything the app wants to carry through to its own renderers. */\n    data?: Record<string, unknown>;\n}\n\n/**\n * Turns to render, in order.\n *\n * System turns are dropped unless asked for: a system prompt is configuration, and\n * an app that shows it by default leaks its own instructions into the transcript.\n *\n * @param params.messages - The thread, oldest first. Never reordered.\n * @param params.showSystem - Keep `\"system\"` turns. Default `false`.\n * @returns The visible turns, in the given order.\n */\nexport function visibleTurns({\n    messages,\n    showSystem = false,\n}: {\n    messages: readonly AIChatMessage[];\n    showSystem?: boolean;\n}): AIChatMessage[] {\n    return messages.filter((message) => showSystem || message.role !== \"system\");\n}\n\n/** Whether any turn in the thread is still streaming. */\nexport function isGenerating(messages: readonly AIChatMessage[]): boolean {\n    return messages.some((message) => message.streaming === true);\n}\n\n/**\n * Id of the newest assistant turn, or `null` when there is none.\n *\n * Only that turn gets the regenerate control: re-asking an older one would throw\n * away every turn after it, which is a different operation (\"branch here\") and\n * needs its own confirmation.\n */\nexport function lastAssistantId(messages: readonly AIChatMessage[]): string | null {\n    for (let index = messages.length - 1; index >= 0; index -= 1) {\n        if (messages[index].role === \"assistant\") return messages[index].id;\n    }\n    return null;\n}\n\n/**\n * A value that changes whenever the tail of the thread grows.\n *\n * The scroll effect cannot depend on the `messages` array alone. Streaming appends\n * to the **last** turn, and an app that mutates that object in place — or that\n * re-renders from a store holding the same array identity — would keep the same\n * dependency while the text grows, so the view would stop following the answer.\n * Length of the array, identity of the tail and length of its text together cover\n * both shapes.\n *\n * @param messages - The thread, oldest first.\n * @returns An opaque signature; compare with `===`.\n */\nexport function tailSignature(messages: readonly AIChatMessage[]): string {\n    const tail = messages[messages.length - 1];\n    if (!tail) return \"0\";\n    const reasoning = tail.reasoning?.length ?? 0;\n    return `${messages.length}:${tail.id}:${tail.content.length}:${reasoning}:${tail.streaming ? 1 : 0}`;\n}\n\n/** Labels the conversation needs, per locale. */\nexport interface AIChatStrings {\n    thread: string;\n    empty: string;\n    emptyHint: string;\n    placeholder: string;\n    send: string;\n    stop: string;\n    regenerate: string;\n    copy: string;\n    copied: string;\n    edit: string;\n    save: string;\n    cancel: string;\n    editing: string;\n    good: string;\n    bad: string;\n    reasoning: string;\n    thinking: string;\n    generating: string;\n    done: string;\n    stopped: string;\n    you: string;\n    assistant: string;\n    system: string;\n    retry: string;\n    jumpToLatest: string;\n    attachment: string;\n    turnActions: string;\n}\n\nconst PT_BR: AIChatStrings = {\n    thread: \"Conversa\",\n    empty: \"Comece a conversa\",\n    emptyHint: \"Pergunte qualquer coisa.\",\n    placeholder: \"Pergunte alguma coisa…\",\n    send: \"Enviar\",\n    stop: \"Parar\",\n    regenerate: \"Gerar de novo\",\n    copy: \"Copiar\",\n    copied: \"Copiado\",\n    edit: \"Editar\",\n    save: \"Enviar edição\",\n    cancel: \"Cancelar\",\n    editing: \"Editando a mensagem\",\n    good: \"Boa resposta\",\n    bad: \"Resposta ruim\",\n    reasoning: \"Raciocínio\",\n    thinking: \"Pensando…\",\n    generating: \"Gerando resposta\",\n    done: \"Resposta concluída\",\n    stopped: \"Geração interrompida\",\n    you: \"Você\",\n    assistant: \"Assistente\",\n    system: \"Sistema\",\n    retry: \"Tentar de novo\",\n    jumpToLatest: \"Ir para a última mensagem\",\n    attachment: \"Anexo\",\n    turnActions: \"Ações da mensagem\",\n};\n\nconst EN: AIChatStrings = {\n    thread: \"Conversation\",\n    empty: \"Start the conversation\",\n    emptyHint: \"Ask anything.\",\n    placeholder: \"Ask anything…\",\n    send: \"Send\",\n    stop: \"Stop\",\n    regenerate: \"Regenerate\",\n    copy: \"Copy\",\n    copied: \"Copied\",\n    edit: \"Edit\",\n    save: \"Send edit\",\n    cancel: \"Cancel\",\n    editing: \"Editing the message\",\n    good: \"Good response\",\n    bad: \"Bad response\",\n    reasoning: \"Reasoning\",\n    thinking: \"Thinking…\",\n    generating: \"Generating a response\",\n    done: \"Response complete\",\n    stopped: \"Generation stopped\",\n    you: \"You\",\n    assistant: \"Assistant\",\n    system: \"System\",\n    retry: \"Try again\",\n    jumpToLatest: \"Jump to the latest message\",\n    attachment: \"Attachment\",\n    turnActions: \"Message actions\",\n};\n\n/** Locale strings for the conversation. */\nexport function aiChatStrings(locale: \"pt-BR\" | \"en\"): AIChatStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n\n/** Role label used in the turn header and by screen readers. */\nexport function roleLabel(role: AIChatRole, strings: AIChatStrings): string {\n    if (role === \"user\") return strings.you;\n    if (role === \"assistant\") return strings.assistant;\n    return strings.system;\n}\n\n/**\n * Clock label for a turn — the time, not a relative phrase.\n *\n * A transcript is read top to bottom in one sitting, so \"há 2 minutos\" on every turn\n * is noise that also has to be re-rendered on a timer. The wall clock is stable and\n * enough to answer the only question anyone asks of it (\"was this today?\").\n */\nexport function turnTime(timestamp: number, locale: \"pt-BR\" | \"en\" = \"pt-BR\"): string {\n    return new Date(timestamp).toLocaleTimeString(locale === \"en\" ? \"en-US\" : \"pt-BR\", {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n    });\n}\n"],"mappings":"AAsEA,SAAgB,EAAa,CACzB,WACA,aAAa,IAIG,CAChB,OAAO,EAAS,OAAQ,GAAY,GAAc,EAAQ,OAAS,QAAQ,CAC/E,CAGA,SAAgB,EAAa,EAA6C,CACtE,OAAO,EAAS,KAAM,GAAY,EAAQ,YAAc,EAAI,CAChE,CASA,SAAgB,EAAgB,EAAmD,CAC/E,IAAK,IAAI,EAAQ,EAAS,OAAS,EAAG,GAAS,EAAG,IAC9C,GAAI,EAAS,EAAM,CAAC,OAAS,YAAa,OAAO,EAAS,EAAM,CAAC,GAErE,OAAO,IACX,CAeA,SAAgB,EAAc,EAA4C,CACtE,IAAM,EAAO,EAAS,EAAS,OAAS,GACxC,GAAI,CAAC,EAAM,MAAO,IAClB,IAAM,EAAY,EAAK,WAAW,QAAU,EAC5C,MAAO,GAAG,EAAS,OAAO,GAAG,EAAK,GAAG,GAAG,EAAK,QAAQ,OAAO,GAAG,EAAU,GAAG,KAAK,WACrF,CAiCA,IAAM,EAAuB,CACzB,OAAQ,WACR,MAAO,oBACP,UAAW,2BACX,YAAa,yBACb,KAAM,SACN,KAAM,QACN,WAAY,gBACZ,KAAM,SACN,OAAQ,UACR,KAAM,SACN,KAAM,gBACN,OAAQ,WACR,QAAS,sBACT,KAAM,eACN,IAAK,gBACL,UAAW,aACX,SAAU,YACV,WAAY,mBACZ,KAAM,qBACN,QAAS,uBACT,IAAK,OACL,UAAW,aACX,OAAQ,UACR,MAAO,iBACP,aAAc,4BACd,WAAY,QACZ,YAAa,mBACjB,EAEM,EAAoB,CACtB,OAAQ,eACR,MAAO,yBACP,UAAW,gBACX,YAAa,gBACb,KAAM,OACN,KAAM,OACN,WAAY,aACZ,KAAM,OACN,OAAQ,SACR,KAAM,OACN,KAAM,YACN,OAAQ,SACR,QAAS,sBACT,KAAM,gBACN,IAAK,eACL,UAAW,YACX,SAAU,YACV,WAAY,wBACZ,KAAM,oBACN,QAAS,qBACT,IAAK,MACL,UAAW,YACX,OAAQ,SACR,MAAO,YACP,aAAc,6BACd,WAAY,aACZ,YAAa,iBACjB,EAGA,SAAgB,EAAc,EAAuC,CACjE,OAAO,IAAW,KAAO,EAAK,CAClC,CAGA,SAAgB,EAAU,EAAkB,EAAgC,CAGxE,OAFI,IAAS,OAAe,EAAQ,IAChC,IAAS,YAAoB,EAAQ,UAClC,EAAQ,MACnB,CASA,SAAgB,EAAS,EAAmB,EAAyB,QAAiB,CAClF,OAAO,IAAI,KAAK,CAAS,CAAC,CAAC,mBAAmB,IAAW,KAAO,QAAU,QAAS,CAC/E,KAAM,UACN,OAAQ,SACZ,CAAC,CACL"}
+{"version":3,"file":"ai-chat-turns.cjs","names":["visibleTurns","messages","showSystem","message","isGenerating","lastAssistantId","index","tailSignature","tail","reasoning","PT_BR","EN","aiChatStrings","locale","roleLabel","role","strings","turnTime","timestamp"],"sources":["../../../src/components/AIChat/ai-chat-turns.ts"],"sourcesContent":["/** Who produced a turn. */\nexport type AIChatRole = \"user\" | \"assistant\" | \"system\";\n\n/** Rating an app can collect on an assistant turn. */\nexport type AIChatVote = \"up\" | \"down\";\n\n/** A file carried by a turn — an upload on the way in, a document on the way out. */\nexport interface AIChatAttachment {\n    /** Stable identity. Used as the React key. */\n    id: string;\n    /** Name shown in the chip. */\n    name: string;\n    /** Size in bytes. Formatted for display when given. */\n    size?: number;\n    /** Image URL. When set the attachment renders as a thumbnail instead of a chip. */\n    url?: string;\n    /** MIME type. Used as the chip's secondary label when there is no size. */\n    mimeType?: string;\n}\n\n/** One turn of a conversation with a model. */\nexport interface AIChatMessage {\n    /** Stable identity. Used as the React key and by every callback. */\n    id: string;\n    role: AIChatRole;\n    /**\n     * The text of the turn.\n     *\n     * An assistant turn is rendered as Markdown; a user turn is rendered as plain\n     * text with newlines preserved. That asymmetry is deliberate: a model emits\n     * Markdown by contract, while a person typing `2 * 3 * 4` did not mean to open\n     * an emphasis span.\n     */\n    content: string;\n    /**\n     * Reasoning the model exposed before answering — extended thinking, a\n     * chain-of-thought trace.\n     *\n     * Rendered in its own collapsible block above the answer, so a long trace never\n     * pushes the answer off screen.\n     */\n    reasoning?: string;\n    /**\n     * The turn is still arriving.\n     *\n     * Shows the caret, marks the block `aria-busy`, and hides the action row —\n     * copying or rating half an answer is never what somebody meant to do.\n     */\n    streaming?: boolean;\n    /** Generation failed. Shown under whatever streamed, with the retry control. */\n    error?: string;\n    /** Epoch milliseconds. */\n    createdAt?: number;\n    /** Model that produced the turn. Shown in the meta row of an assistant turn. */\n    model?: string;\n    attachments?: readonly AIChatAttachment[];\n    /** Anything the app wants to carry through to its own renderers. */\n    data?: Record<string, unknown>;\n}\n\n/**\n * Turns to render, in order.\n *\n * System turns are dropped unless asked for: a system prompt is configuration, and\n * an app that shows it by default leaks its own instructions into the transcript.\n *\n * @param params.messages - The thread, oldest first. Never reordered.\n * @param params.showSystem - Keep `\"system\"` turns. Default `false`.\n * @returns The visible turns, in the given order.\n */\nexport function visibleTurns({\n    messages,\n    showSystem = false,\n}: {\n    messages: readonly AIChatMessage[];\n    showSystem?: boolean;\n}): AIChatMessage[] {\n    return messages.filter((message) => showSystem || message.role !== \"system\");\n}\n\n/** Whether any turn in the thread is still streaming. */\nexport function isGenerating(messages: readonly AIChatMessage[]): boolean {\n    return messages.some((message) => message.streaming === true);\n}\n\n/**\n * Id of the newest assistant turn, or `null` when there is none.\n *\n * Only that turn gets the regenerate control: re-asking an older one would throw\n * away every turn after it, which is a different operation (\"branch here\") and\n * needs its own confirmation.\n */\nexport function lastAssistantId(messages: readonly AIChatMessage[]): string | null {\n    for (let index = messages.length - 1; index >= 0; index -= 1) {\n        if (messages[index].role === \"assistant\") return messages[index].id;\n    }\n    return null;\n}\n\n/**\n * A value that changes whenever the tail of the thread grows.\n *\n * The scroll effect cannot depend on the `messages` array alone. Streaming appends\n * to the **last** turn, and an app that mutates that object in place — or that\n * re-renders from a store holding the same array identity — would keep the same\n * dependency while the text grows, so the view would stop following the answer.\n * Length of the array, identity of the tail and length of its text together cover\n * both shapes.\n *\n * @param messages - The thread, oldest first.\n * @returns An opaque signature; compare with `===`.\n */\nexport function tailSignature(messages: readonly AIChatMessage[]): string {\n    const tail = messages[messages.length - 1];\n    if (!tail) return \"0\";\n    const reasoning = tail.reasoning?.length ?? 0;\n    return `${messages.length}:${tail.id}:${tail.content.length}:${reasoning}:${tail.streaming ? 1 : 0}`;\n}\n\n/** Labels the conversation needs, per locale. */\nexport interface AIChatStrings {\n    thread: string;\n    empty: string;\n    emptyHint: string;\n    placeholder: string;\n    send: string;\n    stop: string;\n    regenerate: string;\n    copy: string;\n    copied: string;\n    edit: string;\n    save: string;\n    cancel: string;\n    editing: string;\n    good: string;\n    bad: string;\n    reasoning: string;\n    thinking: string;\n    generating: string;\n    done: string;\n    stopped: string;\n    you: string;\n    assistant: string;\n    system: string;\n    retry: string;\n    jumpToLatest: string;\n    attachment: string;\n    turnActions: string;\n}\n\nconst PT_BR: AIChatStrings = {\n    thread: \"Conversa\",\n    empty: \"Comece a conversa\",\n    emptyHint: \"Pergunte qualquer coisa.\",\n    placeholder: \"Pergunte alguma coisa…\",\n    send: \"Enviar\",\n    stop: \"Parar\",\n    regenerate: \"Gerar de novo\",\n    copy: \"Copiar\",\n    copied: \"Copiado\",\n    edit: \"Editar\",\n    save: \"Enviar edição\",\n    cancel: \"Cancelar\",\n    editing: \"Editando a mensagem\",\n    good: \"Boa resposta\",\n    bad: \"Resposta ruim\",\n    reasoning: \"Raciocínio\",\n    thinking: \"Pensando…\",\n    generating: \"Gerando resposta\",\n    done: \"Resposta concluída\",\n    stopped: \"Geração interrompida\",\n    you: \"Você\",\n    assistant: \"Assistente\",\n    system: \"Sistema\",\n    retry: \"Tentar de novo\",\n    jumpToLatest: \"Ir para a última mensagem\",\n    attachment: \"Anexo\",\n    turnActions: \"Ações da mensagem\",\n};\n\nconst EN: AIChatStrings = {\n    thread: \"Conversation\",\n    empty: \"Start the conversation\",\n    emptyHint: \"Ask anything.\",\n    placeholder: \"Ask anything…\",\n    send: \"Send\",\n    stop: \"Stop\",\n    regenerate: \"Regenerate\",\n    copy: \"Copy\",\n    copied: \"Copied\",\n    edit: \"Edit\",\n    save: \"Send edit\",\n    cancel: \"Cancel\",\n    editing: \"Editing the message\",\n    good: \"Good response\",\n    bad: \"Bad response\",\n    reasoning: \"Reasoning\",\n    thinking: \"Thinking…\",\n    generating: \"Generating a response\",\n    done: \"Response complete\",\n    stopped: \"Generation stopped\",\n    you: \"You\",\n    assistant: \"Assistant\",\n    system: \"System\",\n    retry: \"Try again\",\n    jumpToLatest: \"Jump to the latest message\",\n    attachment: \"Attachment\",\n    turnActions: \"Message actions\",\n};\n\n/** Locale strings for the conversation. */\nexport function aiChatStrings(locale: \"pt-BR\" | \"en\"): AIChatStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n\n/** Role label used in the turn header and by screen readers. */\nexport function roleLabel(role: AIChatRole, strings: AIChatStrings): string {\n    if (role === \"user\") return strings.you;\n    if (role === \"assistant\") return strings.assistant;\n    return strings.system;\n}\n\n/**\n * Clock label for a turn — the time, not a relative phrase.\n *\n * A transcript is read top to bottom in one sitting, so \"há 2 minutos\" on every turn\n * is noise that also has to be re-rendered on a timer. The wall clock is stable and\n * enough to answer the only question anyone asks of it (\"was this today?\").\n */\nexport function turnTime(timestamp: number, locale: \"pt-BR\" | \"en\" = \"pt-BR\"): string {\n    return new Date(timestamp).toLocaleTimeString(locale === \"en\" ? \"en-US\" : \"pt-BR\", {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n    });\n}\n"],"mappings":"AAsEA,SAAgBA,EAAa,CACzB,WACA,aAAa,IAIG,CAChB,OAAOC,EAAS,OAAQ,GAAYC,GAAcC,EAAQ,OAAS,QAAQ,CAC/E,CAGA,SAAgBC,EAAa,EAA6C,CACtE,OAAOH,EAAS,KAAM,GAAYE,EAAQ,YAAc,EAAI,CAChE,CASA,SAAgBE,EAAgB,EAAmD,CAC/E,IAAK,IAAIC,EAAQL,EAAS,OAAS,EAAGK,GAAS,EAAG,IAC9C,GAAIL,EAASK,EAAM,CAAC,OAAS,YAAa,OAAOL,EAASK,EAAM,CAAC,GAErE,OAAO,IACX,CAeA,SAAgBC,EAAc,EAA4C,CACtE,IAAMC,EAAOP,EAASA,EAAS,OAAS,GACxC,GAAI,CAACO,EAAM,MAAO,IAClB,IAAMC,EAAYD,EAAK,WAAW,QAAU,EAC5C,MAAO,GAAGP,EAAS,OAAO,GAAGO,EAAK,GAAG,GAAGA,EAAK,QAAQ,OAAO,GAAGC,EAAU,GAAG,KAAK,WACrF,CAiCA,IAAMC,EAAuB,CACzB,OAAQ,WACR,MAAO,oBACP,UAAW,2BACX,YAAa,yBACb,KAAM,SACN,KAAM,QACN,WAAY,gBACZ,KAAM,SACN,OAAQ,UACR,KAAM,SACN,KAAM,gBACN,OAAQ,WACR,QAAS,sBACT,KAAM,eACN,IAAK,gBACL,UAAW,aACX,SAAU,YACV,WAAY,mBACZ,KAAM,qBACN,QAAS,uBACT,IAAK,OACL,UAAW,aACX,OAAQ,UACR,MAAO,iBACP,aAAc,4BACd,WAAY,QACZ,YAAa,mBACjB,EAEMC,EAAoB,CACtB,OAAQ,eACR,MAAO,yBACP,UAAW,gBACX,YAAa,gBACb,KAAM,OACN,KAAM,OACN,WAAY,aACZ,KAAM,OACN,OAAQ,SACR,KAAM,OACN,KAAM,YACN,OAAQ,SACR,QAAS,sBACT,KAAM,gBACN,IAAK,eACL,UAAW,YACX,SAAU,YACV,WAAY,wBACZ,KAAM,oBACN,QAAS,qBACT,IAAK,MACL,UAAW,YACX,OAAQ,SACR,MAAO,YACP,aAAc,6BACd,WAAY,aACZ,YAAa,iBACjB,EAGA,SAAgBC,EAAc,EAAuC,CACjE,OAAOC,IAAW,KAAOF,EAAKD,CAClC,CAGA,SAAgBI,EAAU,EAAkB,EAAgC,CAGxE,OAFIC,IAAS,OAAeC,EAAQ,IAChCD,IAAS,YAAoBC,EAAQ,UAClCA,EAAQ,MACnB,CASA,SAAgBC,EAAS,EAAmB,EAAyB,QAAiB,CAClF,OAAO,IAAI,KAAKC,CAAS,CAAC,CAAC,mBAAmBL,IAAW,KAAO,QAAU,QAAS,CAC/E,KAAM,UACN,OAAQ,SACZ,CAAC,CACL,C"}

package/dist/components/AIChat/ai-chat-turns.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-chat-turns.js","names":[],"sources":["../../../src/components/AIChat/ai-chat-turns.ts"],"sourcesContent":["/** Who produced a turn. */\nexport type AIChatRole = \"user\" | \"assistant\" | \"system\";\n\n/** Rating an app can collect on an assistant turn. */\nexport type AIChatVote = \"up\" | \"down\";\n\n/** A file carried by a turn — an upload on the way in, a document on the way out. */\nexport interface AIChatAttachment {\n    /** Stable identity. Used as the React key. */\n    id: string;\n    /** Name shown in the chip. */\n    name: string;\n    /** Size in bytes. Formatted for display when given. */\n    size?: number;\n    /** Image URL. When set the attachment renders as a thumbnail instead of a chip. */\n    url?: string;\n    /** MIME type. Used as the chip's secondary label when there is no size. */\n    mimeType?: string;\n}\n\n/** One turn of a conversation with a model. */\nexport interface AIChatMessage {\n    /** Stable identity. Used as the React key and by every callback. */\n    id: string;\n    role: AIChatRole;\n    /**\n     * The text of the turn.\n     *\n     * An assistant turn is rendered as Markdown; a user turn is rendered as plain\n     * text with newlines preserved. That asymmetry is deliberate: a model emits\n     * Markdown by contract, while a person typing `2 * 3 * 4` did not mean to open\n     * an emphasis span.\n     */\n    content: string;\n    /**\n     * Reasoning the model exposed before answering — extended thinking, a\n     * chain-of-thought trace.\n     *\n     * Rendered in its own collapsible block above the answer, so a long trace never\n     * pushes the answer off screen.\n     */\n    reasoning?: string;\n    /**\n     * The turn is still arriving.\n     *\n     * Shows the caret, marks the block `aria-busy`, and hides the action row —\n     * copying or rating half an answer is never what somebody meant to do.\n     */\n    streaming?: boolean;\n    /** Generation failed. Shown under whatever streamed, with the retry control. */\n    error?: string;\n    /** Epoch milliseconds. */\n    createdAt?: number;\n    /** Model that produced the turn. Shown in the meta row of an assistant turn. */\n    model?: string;\n    attachments?: readonly AIChatAttachment[];\n    /** Anything the app wants to carry through to its own renderers. */\n    data?: Record<string, unknown>;\n}\n\n/**\n * Turns to render, in order.\n *\n * System turns are dropped unless asked for: a system prompt is configuration, and\n * an app that shows it by default leaks its own instructions into the transcript.\n *\n * @param params.messages - The thread, oldest first. Never reordered.\n * @param params.showSystem - Keep `\"system\"` turns. Default `false`.\n * @returns The visible turns, in the given order.\n */\nexport function visibleTurns({\n    messages,\n    showSystem = false,\n}: {\n    messages: readonly AIChatMessage[];\n    showSystem?: boolean;\n}): AIChatMessage[] {\n    return messages.filter((message) => showSystem || message.role !== \"system\");\n}\n\n/** Whether any turn in the thread is still streaming. */\nexport function isGenerating(messages: readonly AIChatMessage[]): boolean {\n    return messages.some((message) => message.streaming === true);\n}\n\n/**\n * Id of the newest assistant turn, or `null` when there is none.\n *\n * Only that turn gets the regenerate control: re-asking an older one would throw\n * away every turn after it, which is a different operation (\"branch here\") and\n * needs its own confirmation.\n */\nexport function lastAssistantId(messages: readonly AIChatMessage[]): string | null {\n    for (let index = messages.length - 1; index >= 0; index -= 1) {\n        if (messages[index].role === \"assistant\") return messages[index].id;\n    }\n    return null;\n}\n\n/**\n * A value that changes whenever the tail of the thread grows.\n *\n * The scroll effect cannot depend on the `messages` array alone. Streaming appends\n * to the **last** turn, and an app that mutates that object in place — or that\n * re-renders from a store holding the same array identity — would keep the same\n * dependency while the text grows, so the view would stop following the answer.\n * Length of the array, identity of the tail and length of its text together cover\n * both shapes.\n *\n * @param messages - The thread, oldest first.\n * @returns An opaque signature; compare with `===`.\n */\nexport function tailSignature(messages: readonly AIChatMessage[]): string {\n    const tail = messages[messages.length - 1];\n    if (!tail) return \"0\";\n    const reasoning = tail.reasoning?.length ?? 0;\n    return `${messages.length}:${tail.id}:${tail.content.length}:${reasoning}:${tail.streaming ? 1 : 0}`;\n}\n\n/** Labels the conversation needs, per locale. */\nexport interface AIChatStrings {\n    thread: string;\n    empty: string;\n    emptyHint: string;\n    placeholder: string;\n    send: string;\n    stop: string;\n    regenerate: string;\n    copy: string;\n    copied: string;\n    edit: string;\n    save: string;\n    cancel: string;\n    editing: string;\n    good: string;\n    bad: string;\n    reasoning: string;\n    thinking: string;\n    generating: string;\n    done: string;\n    stopped: string;\n    you: string;\n    assistant: string;\n    system: string;\n    retry: string;\n    jumpToLatest: string;\n    attachment: string;\n    turnActions: string;\n}\n\nconst PT_BR: AIChatStrings = {\n    thread: \"Conversa\",\n    empty: \"Comece a conversa\",\n    emptyHint: \"Pergunte qualquer coisa.\",\n    placeholder: \"Pergunte alguma coisa…\",\n    send: \"Enviar\",\n    stop: \"Parar\",\n    regenerate: \"Gerar de novo\",\n    copy: \"Copiar\",\n    copied: \"Copiado\",\n    edit: \"Editar\",\n    save: \"Enviar edição\",\n    cancel: \"Cancelar\",\n    editing: \"Editando a mensagem\",\n    good: \"Boa resposta\",\n    bad: \"Resposta ruim\",\n    reasoning: \"Raciocínio\",\n    thinking: \"Pensando…\",\n    generating: \"Gerando resposta\",\n    done: \"Resposta concluída\",\n    stopped: \"Geração interrompida\",\n    you: \"Você\",\n    assistant: \"Assistente\",\n    system: \"Sistema\",\n    retry: \"Tentar de novo\",\n    jumpToLatest: \"Ir para a última mensagem\",\n    attachment: \"Anexo\",\n    turnActions: \"Ações da mensagem\",\n};\n\nconst EN: AIChatStrings = {\n    thread: \"Conversation\",\n    empty: \"Start the conversation\",\n    emptyHint: \"Ask anything.\",\n    placeholder: \"Ask anything…\",\n    send: \"Send\",\n    stop: \"Stop\",\n    regenerate: \"Regenerate\",\n    copy: \"Copy\",\n    copied: \"Copied\",\n    edit: \"Edit\",\n    save: \"Send edit\",\n    cancel: \"Cancel\",\n    editing: \"Editing the message\",\n    good: \"Good response\",\n    bad: \"Bad response\",\n    reasoning: \"Reasoning\",\n    thinking: \"Thinking…\",\n    generating: \"Generating a response\",\n    done: \"Response complete\",\n    stopped: \"Generation stopped\",\n    you: \"You\",\n    assistant: \"Assistant\",\n    system: \"System\",\n    retry: \"Try again\",\n    jumpToLatest: \"Jump to the latest message\",\n    attachment: \"Attachment\",\n    turnActions: \"Message actions\",\n};\n\n/** Locale strings for the conversation. */\nexport function aiChatStrings(locale: \"pt-BR\" | \"en\"): AIChatStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n\n/** Role label used in the turn header and by screen readers. */\nexport function roleLabel(role: AIChatRole, strings: AIChatStrings): string {\n    if (role === \"user\") return strings.you;\n    if (role === \"assistant\") return strings.assistant;\n    return strings.system;\n}\n\n/**\n * Clock label for a turn — the time, not a relative phrase.\n *\n * A transcript is read top to bottom in one sitting, so \"há 2 minutos\" on every turn\n * is noise that also has to be re-rendered on a timer. The wall clock is stable and\n * enough to answer the only question anyone asks of it (\"was this today?\").\n */\nexport function turnTime(timestamp: number, locale: \"pt-BR\" | \"en\" = \"pt-BR\"): string {\n    return new Date(timestamp).toLocaleTimeString(locale === \"en\" ? \"en-US\" : \"pt-BR\", {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n    });\n}\n"],"mappings":";AAsEA,SAAgB,EAAa,EACzB,aACA,gBAAa,MAIG;CAChB,OAAO,EAAS,QAAQ,MAAY,KAAc,EAAQ,SAAS,QAAQ;AAC/E;AAGA,SAAgB,EAAa,GAA6C;CACtE,OAAO,EAAS,MAAM,MAAY,EAAQ,cAAc,EAAI;AAChE;AASA,SAAgB,EAAgB,GAAmD;CAC/E,KAAK,IAAI,IAAQ,EAAS,SAAS,GAAG,KAAS,GAAG,KAC9C,IAAI,EAAS,EAAM,CAAC,SAAS,aAAa,OAAO,EAAS,EAAM,CAAC;CAErE,OAAO;AACX;AAeA,SAAgB,EAAc,GAA4C;CACtE,IAAM,IAAO,EAAS,EAAS,SAAS;CACxC,IAAI,CAAC,GAAM,OAAO;CAClB,IAAM,IAAY,EAAK,WAAW,UAAU;CAC5C,OAAO,GAAG,EAAS,OAAO,GAAG,EAAK,GAAG,GAAG,EAAK,QAAQ,OAAO,GAAG,EAAU,GAAG,KAAK;AACrF;AAiCA,IAAM,IAAuB;CACzB,QAAQ;CACR,OAAO;CACP,WAAW;CACX,aAAa;CACb,MAAM;CACN,MAAM;CACN,YAAY;CACZ,MAAM;CACN,QAAQ;CACR,MAAM;CACN,MAAM;CACN,QAAQ;CACR,SAAS;CACT,MAAM;CACN,KAAK;CACL,WAAW;CACX,UAAU;CACV,YAAY;CACZ,MAAM;CACN,SAAS;CACT,KAAK;CACL,WAAW;CACX,QAAQ;CACR,OAAO;CACP,cAAc;CACd,YAAY;CACZ,aAAa;AACjB,GAEM,IAAoB;CACtB,QAAQ;CACR,OAAO;CACP,WAAW;CACX,aAAa;CACb,MAAM;CACN,MAAM;CACN,YAAY;CACZ,MAAM;CACN,QAAQ;CACR,MAAM;CACN,MAAM;CACN,QAAQ;CACR,SAAS;CACT,MAAM;CACN,KAAK;CACL,WAAW;CACX,UAAU;CACV,YAAY;CACZ,MAAM;CACN,SAAS;CACT,KAAK;CACL,WAAW;CACX,QAAQ;CACR,OAAO;CACP,cAAc;CACd,YAAY;CACZ,aAAa;AACjB;AAGA,SAAgB,EAAc,GAAuC;CACjE,OAAO,MAAW,OAAO,IAAK;AAClC;AAGA,SAAgB,EAAU,GAAkB,GAAgC;CAGxE,OAFI,MAAS,SAAe,EAAQ,MAChC,MAAS,cAAoB,EAAQ,YAClC,EAAQ;AACnB;AASA,SAAgB,EAAS,GAAmB,IAAyB,SAAiB;CAClF,OAAO,IAAI,KAAK,CAAS,CAAC,CAAC,mBAAmB,MAAW,OAAO,UAAU,SAAS;EAC/E,MAAM;EACN,QAAQ;CACZ,CAAC;AACL"}
+{"version":3,"file":"ai-chat-turns.js","names":["visibleTurns","messages","showSystem","message","isGenerating","lastAssistantId","index","tailSignature","tail","reasoning","PT_BR","EN","aiChatStrings","locale","roleLabel","role","strings","turnTime","timestamp"],"sources":["../../../src/components/AIChat/ai-chat-turns.ts"],"sourcesContent":["/** Who produced a turn. */\nexport type AIChatRole = \"user\" | \"assistant\" | \"system\";\n\n/** Rating an app can collect on an assistant turn. */\nexport type AIChatVote = \"up\" | \"down\";\n\n/** A file carried by a turn — an upload on the way in, a document on the way out. */\nexport interface AIChatAttachment {\n    /** Stable identity. Used as the React key. */\n    id: string;\n    /** Name shown in the chip. */\n    name: string;\n    /** Size in bytes. Formatted for display when given. */\n    size?: number;\n    /** Image URL. When set the attachment renders as a thumbnail instead of a chip. */\n    url?: string;\n    /** MIME type. Used as the chip's secondary label when there is no size. */\n    mimeType?: string;\n}\n\n/** One turn of a conversation with a model. */\nexport interface AIChatMessage {\n    /** Stable identity. Used as the React key and by every callback. */\n    id: string;\n    role: AIChatRole;\n    /**\n     * The text of the turn.\n     *\n     * An assistant turn is rendered as Markdown; a user turn is rendered as plain\n     * text with newlines preserved. That asymmetry is deliberate: a model emits\n     * Markdown by contract, while a person typing `2 * 3 * 4` did not mean to open\n     * an emphasis span.\n     */\n    content: string;\n    /**\n     * Reasoning the model exposed before answering — extended thinking, a\n     * chain-of-thought trace.\n     *\n     * Rendered in its own collapsible block above the answer, so a long trace never\n     * pushes the answer off screen.\n     */\n    reasoning?: string;\n    /**\n     * The turn is still arriving.\n     *\n     * Shows the caret, marks the block `aria-busy`, and hides the action row —\n     * copying or rating half an answer is never what somebody meant to do.\n     */\n    streaming?: boolean;\n    /** Generation failed. Shown under whatever streamed, with the retry control. */\n    error?: string;\n    /** Epoch milliseconds. */\n    createdAt?: number;\n    /** Model that produced the turn. Shown in the meta row of an assistant turn. */\n    model?: string;\n    attachments?: readonly AIChatAttachment[];\n    /** Anything the app wants to carry through to its own renderers. */\n    data?: Record<string, unknown>;\n}\n\n/**\n * Turns to render, in order.\n *\n * System turns are dropped unless asked for: a system prompt is configuration, and\n * an app that shows it by default leaks its own instructions into the transcript.\n *\n * @param params.messages - The thread, oldest first. Never reordered.\n * @param params.showSystem - Keep `\"system\"` turns. Default `false`.\n * @returns The visible turns, in the given order.\n */\nexport function visibleTurns({\n    messages,\n    showSystem = false,\n}: {\n    messages: readonly AIChatMessage[];\n    showSystem?: boolean;\n}): AIChatMessage[] {\n    return messages.filter((message) => showSystem || message.role !== \"system\");\n}\n\n/** Whether any turn in the thread is still streaming. */\nexport function isGenerating(messages: readonly AIChatMessage[]): boolean {\n    return messages.some((message) => message.streaming === true);\n}\n\n/**\n * Id of the newest assistant turn, or `null` when there is none.\n *\n * Only that turn gets the regenerate control: re-asking an older one would throw\n * away every turn after it, which is a different operation (\"branch here\") and\n * needs its own confirmation.\n */\nexport function lastAssistantId(messages: readonly AIChatMessage[]): string | null {\n    for (let index = messages.length - 1; index >= 0; index -= 1) {\n        if (messages[index].role === \"assistant\") return messages[index].id;\n    }\n    return null;\n}\n\n/**\n * A value that changes whenever the tail of the thread grows.\n *\n * The scroll effect cannot depend on the `messages` array alone. Streaming appends\n * to the **last** turn, and an app that mutates that object in place — or that\n * re-renders from a store holding the same array identity — would keep the same\n * dependency while the text grows, so the view would stop following the answer.\n * Length of the array, identity of the tail and length of its text together cover\n * both shapes.\n *\n * @param messages - The thread, oldest first.\n * @returns An opaque signature; compare with `===`.\n */\nexport function tailSignature(messages: readonly AIChatMessage[]): string {\n    const tail = messages[messages.length - 1];\n    if (!tail) return \"0\";\n    const reasoning = tail.reasoning?.length ?? 0;\n    return `${messages.length}:${tail.id}:${tail.content.length}:${reasoning}:${tail.streaming ? 1 : 0}`;\n}\n\n/** Labels the conversation needs, per locale. */\nexport interface AIChatStrings {\n    thread: string;\n    empty: string;\n    emptyHint: string;\n    placeholder: string;\n    send: string;\n    stop: string;\n    regenerate: string;\n    copy: string;\n    copied: string;\n    edit: string;\n    save: string;\n    cancel: string;\n    editing: string;\n    good: string;\n    bad: string;\n    reasoning: string;\n    thinking: string;\n    generating: string;\n    done: string;\n    stopped: string;\n    you: string;\n    assistant: string;\n    system: string;\n    retry: string;\n    jumpToLatest: string;\n    attachment: string;\n    turnActions: string;\n}\n\nconst PT_BR: AIChatStrings = {\n    thread: \"Conversa\",\n    empty: \"Comece a conversa\",\n    emptyHint: \"Pergunte qualquer coisa.\",\n    placeholder: \"Pergunte alguma coisa…\",\n    send: \"Enviar\",\n    stop: \"Parar\",\n    regenerate: \"Gerar de novo\",\n    copy: \"Copiar\",\n    copied: \"Copiado\",\n    edit: \"Editar\",\n    save: \"Enviar edição\",\n    cancel: \"Cancelar\",\n    editing: \"Editando a mensagem\",\n    good: \"Boa resposta\",\n    bad: \"Resposta ruim\",\n    reasoning: \"Raciocínio\",\n    thinking: \"Pensando…\",\n    generating: \"Gerando resposta\",\n    done: \"Resposta concluída\",\n    stopped: \"Geração interrompida\",\n    you: \"Você\",\n    assistant: \"Assistente\",\n    system: \"Sistema\",\n    retry: \"Tentar de novo\",\n    jumpToLatest: \"Ir para a última mensagem\",\n    attachment: \"Anexo\",\n    turnActions: \"Ações da mensagem\",\n};\n\nconst EN: AIChatStrings = {\n    thread: \"Conversation\",\n    empty: \"Start the conversation\",\n    emptyHint: \"Ask anything.\",\n    placeholder: \"Ask anything…\",\n    send: \"Send\",\n    stop: \"Stop\",\n    regenerate: \"Regenerate\",\n    copy: \"Copy\",\n    copied: \"Copied\",\n    edit: \"Edit\",\n    save: \"Send edit\",\n    cancel: \"Cancel\",\n    editing: \"Editing the message\",\n    good: \"Good response\",\n    bad: \"Bad response\",\n    reasoning: \"Reasoning\",\n    thinking: \"Thinking…\",\n    generating: \"Generating a response\",\n    done: \"Response complete\",\n    stopped: \"Generation stopped\",\n    you: \"You\",\n    assistant: \"Assistant\",\n    system: \"System\",\n    retry: \"Try again\",\n    jumpToLatest: \"Jump to the latest message\",\n    attachment: \"Attachment\",\n    turnActions: \"Message actions\",\n};\n\n/** Locale strings for the conversation. */\nexport function aiChatStrings(locale: \"pt-BR\" | \"en\"): AIChatStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n\n/** Role label used in the turn header and by screen readers. */\nexport function roleLabel(role: AIChatRole, strings: AIChatStrings): string {\n    if (role === \"user\") return strings.you;\n    if (role === \"assistant\") return strings.assistant;\n    return strings.system;\n}\n\n/**\n * Clock label for a turn — the time, not a relative phrase.\n *\n * A transcript is read top to bottom in one sitting, so \"há 2 minutos\" on every turn\n * is noise that also has to be re-rendered on a timer. The wall clock is stable and\n * enough to answer the only question anyone asks of it (\"was this today?\").\n */\nexport function turnTime(timestamp: number, locale: \"pt-BR\" | \"en\" = \"pt-BR\"): string {\n    return new Date(timestamp).toLocaleTimeString(locale === \"en\" ? \"en-US\" : \"pt-BR\", {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n    });\n}\n"],"mappings":";AAsEA,SAAgBA,EAAa,EACzB,aACA,gBAAa,MAIG;CAChB,OAAOC,EAAS,QAAQ,MAAYC,KAAcC,EAAQ,SAAS,QAAQ;AAC/E;AAGA,SAAgBC,EAAa,GAA6C;CACtE,OAAOH,EAAS,MAAM,MAAYE,EAAQ,cAAc,EAAI;AAChE;AASA,SAAgBE,EAAgB,GAAmD;CAC/E,KAAK,IAAIC,IAAQL,EAAS,SAAS,GAAGK,KAAS,GAAG,KAC9C,IAAIL,EAASK,EAAM,CAAC,SAAS,aAAa,OAAOL,EAASK,EAAM,CAAC;CAErE,OAAO;AACX;AAeA,SAAgBC,EAAc,GAA4C;CACtE,IAAMC,IAAOP,EAASA,EAAS,SAAS;CACxC,IAAI,CAACO,GAAM,OAAO;CAClB,IAAMC,IAAYD,EAAK,WAAW,UAAU;CAC5C,OAAO,GAAGP,EAAS,OAAO,GAAGO,EAAK,GAAG,GAAGA,EAAK,QAAQ,OAAO,GAAGC,EAAU,GAAG,KAAK;AACrF;AAiCA,IAAMC,IAAuB;CACzB,QAAQ;CACR,OAAO;CACP,WAAW;CACX,aAAa;CACb,MAAM;CACN,MAAM;CACN,YAAY;CACZ,MAAM;CACN,QAAQ;CACR,MAAM;CACN,MAAM;CACN,QAAQ;CACR,SAAS;CACT,MAAM;CACN,KAAK;CACL,WAAW;CACX,UAAU;CACV,YAAY;CACZ,MAAM;CACN,SAAS;CACT,KAAK;CACL,WAAW;CACX,QAAQ;CACR,OAAO;CACP,cAAc;CACd,YAAY;CACZ,aAAa;AACjB,GAEMC,IAAoB;CACtB,QAAQ;CACR,OAAO;CACP,WAAW;CACX,aAAa;CACb,MAAM;CACN,MAAM;CACN,YAAY;CACZ,MAAM;CACN,QAAQ;CACR,MAAM;CACN,MAAM;CACN,QAAQ;CACR,SAAS;CACT,MAAM;CACN,KAAK;CACL,WAAW;CACX,UAAU;CACV,YAAY;CACZ,MAAM;CACN,SAAS;CACT,KAAK;CACL,WAAW;CACX,QAAQ;CACR,OAAO;CACP,cAAc;CACd,YAAY;CACZ,aAAa;AACjB;AAGA,SAAgBC,EAAc,GAAuC;CACjE,OAAOC,MAAW,OAAOF,IAAKD;AAClC;AAGA,SAAgBI,EAAU,GAAkB,GAAgC;CAGxE,OAFIC,MAAS,SAAeC,EAAQ,MAChCD,MAAS,cAAoBC,EAAQ,YAClCA,EAAQ;AACnB;AASA,SAAgBC,EAAS,GAAmB,IAAyB,SAAiB;CAClF,OAAO,IAAI,KAAKC,CAAS,CAAC,CAAC,mBAAmBL,MAAW,OAAO,UAAU,SAAS;EAC/E,MAAM;EACN,QAAQ;CACZ,CAAC;AACL"}

package/dist/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","names":[],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Accordion.module.css\";\n\nexport interface AccordionItem {\n    /** Stable identifier. */\n    id: string;\n    title: ReactNode;\n    children: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface AccordionProps {\n    items: AccordionItem[];\n    /** When `true` multiple items can be open simultaneously. Default `false`. */\n    multiple?: boolean;\n    /** Controlled open ids. */\n    value?: string[];\n    /** Uncontrolled default open ids. */\n    defaultValue?: string[];\n    onChange?: (openIds: string[]) => void;\n    className?: string;\n}\n\n/**\n * Accessible accordion. Each item collapses/expands its content. Single-mode by\n * default — pass `multiple` to allow more than one item open at a time. Can be\n * controlled via `value` + `onChange`, or uncontrolled via `defaultValue`.\n */\nexport function Accordion({\n    items,\n    multiple = false,\n    value,\n    defaultValue = [],\n    onChange,\n    className,\n}: AccordionProps) {\n    const reactId = useId();\n    const isControlled = value !== undefined;\n    const [internalOpen, setInternalOpen] = useState<string[]>(defaultValue);\n    const openIds = isControlled ? value : internalOpen;\n\n    const toggle = useCallback(\n        (id: string): void => {\n            const isOpen = openIds.includes(id);\n            const next = multiple\n                ? isOpen\n                    ? openIds.filter((x) => x !== id)\n                    : [...openIds, id]\n                : isOpen\n                  ? []\n                  : [id];\n            if (!isControlled) setInternalOpen(next);\n            onChange?.(next);\n        },\n        [openIds, multiple, isControlled, onChange],\n    );\n\n    return (\n        <div className={cn(styles.accordion, className)}>\n            {items.map((item) => {\n                const open = openIds.includes(item.id);\n                const panelId = `${reactId}-${item.id}-panel`;\n                const triggerId = `${reactId}-${item.id}-trigger`;\n                return (\n                    <div key={item.id} className={cn(styles.item, open && styles.open)}>\n                        <h3 className={styles.header}>\n                            <button\n                                type=\"button\"\n                                id={triggerId}\n                                className={styles.trigger}\n                                aria-expanded={open}\n                                aria-controls={panelId}\n                                disabled={item.disabled}\n                                onClick={() => toggle(item.id)}\n                            >\n                                <span>{item.title}</span>\n                                <ChevronIcon className={styles.chevron} />\n                            </button>\n                        </h3>\n                        {open && (\n                            <div\n                                id={panelId}\n                                role=\"region\"\n                                aria-labelledby={triggerId}\n                                className={styles.panel}\n                            >\n                                {item.children}\n                            </div>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n\nfunction ChevronIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            className={className}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden\n        >\n            <path\n                d=\"M6 9l6 6 6-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"gIA8BA,SAAgB,EAAU,CACtB,QACA,WAAW,GACX,QACA,eAAe,CAAC,EAChB,WACA,aACe,CACf,IAAM,GAAA,EAAU,EAAA,MAAA,CAAM,EAChB,EAAe,IAAU,IAAA,GACzB,CAAC,EAAc,IAAA,EAAmB,EAAA,SAAA,CAAmB,CAAY,EACjE,EAAU,EAAe,EAAQ,EAEjC,GAAA,EAAS,EAAA,YAAA,CACV,GAAqB,CAClB,IAAM,EAAS,EAAQ,SAAS,CAAE,EAC5B,EAAO,EACP,EACI,EAAQ,OAAQ,GAAM,IAAM,CAAE,EAC9B,CAAC,GAAG,EAAS,CAAE,EACnB,EACE,CAAC,EACD,CAAC,CAAE,EACN,GAAc,EAAgB,CAAI,EACvC,IAAW,CAAI,CACnB,EACA,CAAC,EAAS,EAAU,EAAc,CAAQ,CAC9C,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,UAAW,CAAS,EACzC,SAAA,EAAM,IAAK,GAAS,CACjB,IAAM,EAAO,EAAQ,SAAS,EAAK,EAAE,EAC/B,EAAU,GAAG,EAAQ,GAAG,EAAK,GAAG,QAChC,EAAY,GAAG,EAAQ,GAAG,EAAK,GAAG,UACxC,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAmB,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAQ,EAAA,QAAO,IAAI,EAAjE,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,OAClB,UAAA,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,KAAK,SACL,GAAI,EACJ,UAAW,EAAA,QAAO,QAClB,gBAAe,EACf,gBAAe,EACf,SAAU,EAAK,SACf,YAAe,EAAO,EAAK,EAAE,EAPjC,SAAA,EASI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,EAAK,KAAY,CAAA,GACxB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAa,UAAW,EAAA,QAAO,OAAU,CAAA,CACrC,GACR,CAAA,EACH,IACG,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,GAAI,EACJ,KAAK,SACL,kBAAiB,EACjB,UAAW,EAAA,QAAO,MAEjB,SAAA,EAAK,QACL,CAAA,CAER,CAzBK,EAAA,EAAK,EAyBV,CAEb,CAAC,CACA,CAAA,CAEb,CAEA,SAAS,EAAY,CAAE,aAAqC,CACxD,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACe,YACX,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,cAAA,GAEA,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,eACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb"}
+{"version":3,"file":"Accordion.cjs","names":["useId","useState","useCallback","cn","styles","require_cn","require_Accordion_module","react","react_jsx_runtime","Accordion","reactId","isControlled","value","internalOpen","setInternalOpen","defaultValue","openIds","toggle","isOpen","id","next","multiple","x","onChange","className","items","open","item","panelId","triggerId","ChevronIcon"],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Accordion.module.css\";\n\nexport interface AccordionItem {\n    /** Stable identifier. */\n    id: string;\n    title: ReactNode;\n    children: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface AccordionProps {\n    items: AccordionItem[];\n    /** When `true` multiple items can be open simultaneously. Default `false`. */\n    multiple?: boolean;\n    /** Controlled open ids. */\n    value?: string[];\n    /** Uncontrolled default open ids. */\n    defaultValue?: string[];\n    onChange?: (openIds: string[]) => void;\n    className?: string;\n}\n\n/**\n * Accessible accordion. Each item collapses/expands its content. Single-mode by\n * default — pass `multiple` to allow more than one item open at a time. Can be\n * controlled via `value` + `onChange`, or uncontrolled via `defaultValue`.\n */\nexport function Accordion({\n    items,\n    multiple = false,\n    value,\n    defaultValue = [],\n    onChange,\n    className,\n}: AccordionProps) {\n    const reactId = useId();\n    const isControlled = value !== undefined;\n    const [internalOpen, setInternalOpen] = useState<string[]>(defaultValue);\n    const openIds = isControlled ? value : internalOpen;\n\n    const toggle = useCallback(\n        (id: string): void => {\n            const isOpen = openIds.includes(id);\n            const next = multiple\n                ? isOpen\n                    ? openIds.filter((x) => x !== id)\n                    : [...openIds, id]\n                : isOpen\n                  ? []\n                  : [id];\n            if (!isControlled) setInternalOpen(next);\n            onChange?.(next);\n        },\n        [openIds, multiple, isControlled, onChange],\n    );\n\n    return (\n        <div className={cn(styles.accordion, className)}>\n            {items.map((item) => {\n                const open = openIds.includes(item.id);\n                const panelId = `${reactId}-${item.id}-panel`;\n                const triggerId = `${reactId}-${item.id}-trigger`;\n                return (\n                    <div key={item.id} className={cn(styles.item, open && styles.open)}>\n                        <h3 className={styles.header}>\n                            <button\n                                type=\"button\"\n                                id={triggerId}\n                                className={styles.trigger}\n                                aria-expanded={open}\n                                aria-controls={panelId}\n                                disabled={item.disabled}\n                                onClick={() => toggle(item.id)}\n                            >\n                                <span>{item.title}</span>\n                                <ChevronIcon className={styles.chevron} />\n                            </button>\n                        </h3>\n                        {open && (\n                            <div\n                                id={panelId}\n                                role=\"region\"\n                                aria-labelledby={triggerId}\n                                className={styles.panel}\n                            >\n                                {item.children}\n                            </div>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n\nfunction ChevronIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            className={className}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden\n        >\n            <path\n                d=\"M6 9l6 6 6-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"A,gIA8BA,SAAgBS,EAAU,CACtB,QACA,WAAW,GACX,QACA,eAAe,CAAC,EAChB,WACA,aACe,CACf,IAAMC,GAAA,EAAUV,EAAAA,MAAAA,CAAM,EAChBW,EAAeC,IAAU,IAAA,GACzB,CAACC,EAAcC,IAAA,EAAmBb,EAAAA,SAAAA,CAAmBc,CAAY,EACjEC,EAAUL,EAAeC,EAAQC,EAEjCI,GAAA,EAASf,EAAAA,YAAAA,CACV,GAAqB,CAClB,IAAMgB,EAASF,EAAQ,SAASG,CAAE,EAC5BC,EAAOC,EACPH,EACIF,EAAQ,OAAQ,GAAMM,IAAMH,CAAE,EAC9B,CAAC,GAAGH,EAASG,CAAE,EACnBD,EACE,CAAC,EACD,CAACC,CAAE,EACNR,GAAcG,EAAgBM,CAAI,EACvCG,IAAWH,CAAI,CACnB,EACA,CAACJ,EAASK,EAAUV,EAAcY,CAAQ,CAC9C,EAEA,OACI,EAAAf,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,GAAGC,EAAAA,QAAO,UAAWoB,CAAS,EACzC,SAAAC,EAAM,IAAK,GAAS,CACjB,IAAMC,EAAOV,EAAQ,SAASW,EAAK,EAAE,EAC/BC,EAAU,GAAGlB,EAAQ,GAAGiB,EAAK,GAAG,QAChCE,EAAY,GAAGnB,EAAQ,GAAGiB,EAAK,GAAG,UACxC,OACI,EAAAnB,EAAA,KAAA,CAAC,MAAD,CAAmB,UAAWL,EAAAA,GAAGC,EAAAA,QAAO,KAAMsB,GAAQtB,EAAAA,QAAO,IAAI,EAAjE,SAAA,EACI,EAAAI,EAAA,IAAA,CAAC,KAAD,CAAI,UAAWJ,EAAAA,QAAO,OAClB,UAAA,EAAAI,EAAA,KAAA,CAAC,SAAD,CACI,KAAK,SACL,GAAIqB,EACJ,UAAWzB,EAAAA,QAAO,QAClB,gBAAesB,EACf,gBAAeE,EACf,SAAUD,EAAK,SACf,YAAeV,EAAOU,EAAK,EAAE,EAPjC,SAAA,EASI,EAAAnB,EAAA,IAAA,CAAC,OAAD,CAAA,SAAOmB,EAAK,KAAY,CAAA,GACxB,EAAAnB,EAAA,IAAA,CAACsB,EAAD,CAAa,UAAW1B,EAAAA,QAAO,OAAU,CAAA,CACrC,C,EACR,CAAA,EACHsB,IACG,EAAAlB,EAAA,IAAA,CAAC,MAAD,CACI,GAAIoB,EACJ,KAAK,SACL,kBAAiBC,EACjB,UAAWzB,EAAAA,QAAO,MAEjB,SAAAuB,EAAK,QACL,CAAA,CAER,CAzBK,EAAAA,EAAK,EAyBV,CAEb,CAAC,CACA,CAAA,CAEb,CAEA,SAASG,EAAY,CAAE,aAAqC,CACxD,OACI,EAAAtB,EAAA,IAAA,CAAC,MAAD,CACe,YACX,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,cAAA,GAEA,UAAA,EAAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,eACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb,C"}

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Accordion.module.css\";\n\nexport interface AccordionItem {\n    /** Stable identifier. */\n    id: string;\n    title: ReactNode;\n    children: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface AccordionProps {\n    items: AccordionItem[];\n    /** When `true` multiple items can be open simultaneously. Default `false`. */\n    multiple?: boolean;\n    /** Controlled open ids. */\n    value?: string[];\n    /** Uncontrolled default open ids. */\n    defaultValue?: string[];\n    onChange?: (openIds: string[]) => void;\n    className?: string;\n}\n\n/**\n * Accessible accordion. Each item collapses/expands its content. Single-mode by\n * default — pass `multiple` to allow more than one item open at a time. Can be\n * controlled via `value` + `onChange`, or uncontrolled via `defaultValue`.\n */\nexport function Accordion({\n    items,\n    multiple = false,\n    value,\n    defaultValue = [],\n    onChange,\n    className,\n}: AccordionProps) {\n    const reactId = useId();\n    const isControlled = value !== undefined;\n    const [internalOpen, setInternalOpen] = useState<string[]>(defaultValue);\n    const openIds = isControlled ? value : internalOpen;\n\n    const toggle = useCallback(\n        (id: string): void => {\n            const isOpen = openIds.includes(id);\n            const next = multiple\n                ? isOpen\n                    ? openIds.filter((x) => x !== id)\n                    : [...openIds, id]\n                : isOpen\n                  ? []\n                  : [id];\n            if (!isControlled) setInternalOpen(next);\n            onChange?.(next);\n        },\n        [openIds, multiple, isControlled, onChange],\n    );\n\n    return (\n        <div className={cn(styles.accordion, className)}>\n            {items.map((item) => {\n                const open = openIds.includes(item.id);\n                const panelId = `${reactId}-${item.id}-panel`;\n                const triggerId = `${reactId}-${item.id}-trigger`;\n                return (\n                    <div key={item.id} className={cn(styles.item, open && styles.open)}>\n                        <h3 className={styles.header}>\n                            <button\n                                type=\"button\"\n                                id={triggerId}\n                                className={styles.trigger}\n                                aria-expanded={open}\n                                aria-controls={panelId}\n                                disabled={item.disabled}\n                                onClick={() => toggle(item.id)}\n                            >\n                                <span>{item.title}</span>\n                                <ChevronIcon className={styles.chevron} />\n                            </button>\n                        </h3>\n                        {open && (\n                            <div\n                                id={panelId}\n                                role=\"region\"\n                                aria-labelledby={triggerId}\n                                className={styles.panel}\n                            >\n                                {item.children}\n                            </div>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n\nfunction ChevronIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            className={className}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden\n        >\n            <path\n                d=\"M6 9l6 6 6-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AA8BA,SAAgB,EAAU,EACtB,UACA,cAAW,IACX,UACA,kBAAe,CAAC,GAChB,aACA,gBACe;CACf,IAAM,IAAU,EAAM,GAChB,IAAe,MAAU,KAAA,GACzB,CAAC,GAAc,KAAmB,EAAmB,CAAY,GACjE,IAAU,IAAe,IAAQ,GAEjC,IAAS,GACV,MAAqB;EAClB,IAAM,IAAS,EAAQ,SAAS,CAAE,GAC5B,IAAO,IACP,IACI,EAAQ,QAAQ,MAAM,MAAM,CAAE,IAC9B,CAAC,GAAG,GAAS,CAAE,IACnB,IACE,CAAC,IACD,CAAC,CAAE;EAEX,AADK,KAAc,EAAgB,CAAI,GACvC,IAAW,CAAI;CACnB,GACA;EAAC;EAAS;EAAU;EAAc;CAAQ,CAC9C;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,WAAW,CAAS;EACzC,UAAA,EAAM,KAAK,MAAS;GACjB,IAAM,IAAO,EAAQ,SAAS,EAAK,EAAE,GAC/B,IAAU,GAAG,EAAQ,GAAG,EAAK,GAAG,SAChC,IAAY,GAAG,EAAQ,GAAG,EAAK,GAAG;GACxC,OACI,kBAAC,OAAD;IAAmB,WAAW,EAAG,EAAO,MAAM,KAAQ,EAAO,IAAI;IAAjE,UAAA,CACI,kBAAC,MAAD;KAAI,WAAW,EAAO;KAClB,UAAA,kBAAC,UAAD;MACI,MAAK;MACL,IAAI;MACJ,WAAW,EAAO;MAClB,iBAAe;MACf,iBAAe;MACf,UAAU,EAAK;MACf,eAAe,EAAO,EAAK,EAAE;MAPjC,UAAA,CASI,kBAAC,QAAD,EAAA,UAAO,EAAK,MAAY,CAAA,GACxB,kBAAC,GAAD,EAAa,WAAW,EAAO,QAAU,CAAA,CACrC;;IACR,CAAA,GACH,KACG,kBAAC,OAAD;KACI,IAAI;KACJ,MAAK;KACL,mBAAiB;KACjB,WAAW,EAAO;KAEjB,UAAA,EAAK;IACL,CAAA,CAER;GAzBK,GAAA,EAAK,EAyBV;EAEb,CAAC;CACA,CAAA;AAEb;AAEA,SAAS,EAAY,EAAE,gBAAqC;CACxD,OACI,kBAAC,OAAD;EACe;EACX,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,eAAA;EAEA,UAAA,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb"}
+{"version":3,"file":"Accordion.js","names":["styles","Accordion_module_default","Accordion","reactId","useId","isControlled","value","internalOpen","setInternalOpen","useState","defaultValue","openIds","toggle","useCallback","isOpen","id","next","multiple","x","onChange","cn","className","items","open","item","panelId","triggerId","ChevronIcon"],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Accordion.module.css\";\n\nexport interface AccordionItem {\n    /** Stable identifier. */\n    id: string;\n    title: ReactNode;\n    children: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface AccordionProps {\n    items: AccordionItem[];\n    /** When `true` multiple items can be open simultaneously. Default `false`. */\n    multiple?: boolean;\n    /** Controlled open ids. */\n    value?: string[];\n    /** Uncontrolled default open ids. */\n    defaultValue?: string[];\n    onChange?: (openIds: string[]) => void;\n    className?: string;\n}\n\n/**\n * Accessible accordion. Each item collapses/expands its content. Single-mode by\n * default — pass `multiple` to allow more than one item open at a time. Can be\n * controlled via `value` + `onChange`, or uncontrolled via `defaultValue`.\n */\nexport function Accordion({\n    items,\n    multiple = false,\n    value,\n    defaultValue = [],\n    onChange,\n    className,\n}: AccordionProps) {\n    const reactId = useId();\n    const isControlled = value !== undefined;\n    const [internalOpen, setInternalOpen] = useState<string[]>(defaultValue);\n    const openIds = isControlled ? value : internalOpen;\n\n    const toggle = useCallback(\n        (id: string): void => {\n            const isOpen = openIds.includes(id);\n            const next = multiple\n                ? isOpen\n                    ? openIds.filter((x) => x !== id)\n                    : [...openIds, id]\n                : isOpen\n                  ? []\n                  : [id];\n            if (!isControlled) setInternalOpen(next);\n            onChange?.(next);\n        },\n        [openIds, multiple, isControlled, onChange],\n    );\n\n    return (\n        <div className={cn(styles.accordion, className)}>\n            {items.map((item) => {\n                const open = openIds.includes(item.id);\n                const panelId = `${reactId}-${item.id}-panel`;\n                const triggerId = `${reactId}-${item.id}-trigger`;\n                return (\n                    <div key={item.id} className={cn(styles.item, open && styles.open)}>\n                        <h3 className={styles.header}>\n                            <button\n                                type=\"button\"\n                                id={triggerId}\n                                className={styles.trigger}\n                                aria-expanded={open}\n                                aria-controls={panelId}\n                                disabled={item.disabled}\n                                onClick={() => toggle(item.id)}\n                            >\n                                <span>{item.title}</span>\n                                <ChevronIcon className={styles.chevron} />\n                            </button>\n                        </h3>\n                        {open && (\n                            <div\n                                id={panelId}\n                                role=\"region\"\n                                aria-labelledby={triggerId}\n                                className={styles.panel}\n                            >\n                                {item.children}\n                            </div>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n\nfunction ChevronIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            className={className}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden\n        >\n            <path\n                d=\"M6 9l6 6 6-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AA8BA,SAAgBE,EAAU,EACtB,UACA,cAAW,IACX,UACA,kBAAe,CAAC,GAChB,aACA,gBACe;CACf,IAAMC,IAAUC,EAAM,GAChBC,IAAeC,MAAU,KAAA,GACzB,CAACC,GAAcC,KAAmBC,EAAmBC,CAAY,GACjEC,IAAUN,IAAeC,IAAQC,GAEjCK,IAASC,GACV,MAAqB;EAClB,IAAMC,IAASH,EAAQ,SAASI,CAAE,GAC5BC,IAAOC,IACPH,IACIH,EAAQ,QAAQ,MAAMO,MAAMH,CAAE,IAC9B,CAAC,GAAGJ,GAASI,CAAE,IACnBD,IACE,CAAC,IACD,CAACC,CAAE;EAEX,AADKV,KAAcG,EAAgBQ,CAAI,GACvCG,IAAWH,CAAI;CACnB,GACA;EAACL;EAASM;EAAUZ;EAAcc;CAAQ,CAC9C;CAEA,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGpB,EAAO,WAAWqB,CAAS;EACzC,UAAAC,EAAM,KAAK,MAAS;GACjB,IAAMC,IAAOZ,EAAQ,SAASa,EAAK,EAAE,GAC/BC,IAAU,GAAGtB,EAAQ,GAAGqB,EAAK,GAAG,SAChCE,IAAY,GAAGvB,EAAQ,GAAGqB,EAAK,GAAG;GACxC,OACI,kBAAC,OAAD;IAAmB,WAAWJ,EAAGpB,EAAO,MAAMuB,KAAQvB,EAAO,IAAI;IAAjE,UAAA,CACI,kBAAC,MAAD;KAAI,WAAWA,EAAO;KAClB,UAAA,kBAAC,UAAD;MACI,MAAK;MACL,IAAI0B;MACJ,WAAW1B,EAAO;MAClB,iBAAeuB;MACf,iBAAeE;MACf,UAAUD,EAAK;MACf,eAAeZ,EAAOY,EAAK,EAAE;MAPjC,UAAA,CASI,kBAAC,QAAD,EAAA,UAAOA,EAAK,MAAY,CAAA,GACxB,kBAACG,GAAD,EAAa,WAAW3B,EAAO,QAAU,CAAA,CACrC;;IACR,CAAA,GACHuB,KACG,kBAAC,OAAD;KACI,IAAIE;KACJ,MAAK;KACL,mBAAiBC;KACjB,WAAW1B,EAAO;KAEjB,UAAAwB,EAAK;IACL,CAAA,CAER;GAzBK,GAAAA,EAAK,EAyBV;EAEb,CAAC;CACA,CAAA;AAEb;AAEA,SAASG,EAAY,EAAE,gBAAqC;CACxD,OACI,kBAAC,OAAD;EACe;EACX,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,eAAA;EAEA,UAAA,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb"}

package/dist/components/Accordion/Accordion.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.module.cjs","names":[],"sources":["../../../src/components/Accordion/Accordion.module.css"],"sourcesContent":[".accordion {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    overflow: hidden;\n    background-color: var(--tempest-bg);\n}\n\n.item {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.item:last-child {\n    border-bottom: none;\n}\n\n.header {\n    margin: 0;\n}\n\n.trigger {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.trigger:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.chevron {\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n    flex-shrink: 0;\n    color: var(--tempest-text-muted);\n}\n\n.open .chevron {\n    transform: rotate(180deg);\n}\n\n.panel {\n    padding: 0 var(--tempest-space-4) var(--tempest-space-4);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":";"}
+{"version":3,"file":"Accordion.module.cjs","names":["accordion","item","header","trigger","chevron","open","panel","Accordion_module_default"],"sources":["../../../src/components/Accordion/Accordion.module.css"],"sourcesContent":[".accordion {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    overflow: hidden;\n    background-color: var(--tempest-bg);\n}\n\n.item {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.item:last-child {\n    border-bottom: none;\n}\n\n.header {\n    margin: 0;\n}\n\n.trigger {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.trigger:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.chevron {\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n    flex-shrink: 0;\n    color: var(--tempest-text-muted);\n}\n\n.open .chevron {\n    transform: rotate(180deg);\n}\n\n.panel {\n    padding: 0 var(--tempest-space-4) var(--tempest-space-4);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":";"}

package/dist/components/Accordion/Accordion.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.module.js","names":[],"sources":["../../../src/components/Accordion/Accordion.module.css"],"sourcesContent":[".accordion {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    overflow: hidden;\n    background-color: var(--tempest-bg);\n}\n\n.item {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.item:last-child {\n    border-bottom: none;\n}\n\n.header {\n    margin: 0;\n}\n\n.trigger {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.trigger:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.chevron {\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n    flex-shrink: 0;\n    color: var(--tempest-text-muted);\n}\n\n.open .chevron {\n    transform: rotate(180deg);\n}\n\n.panel {\n    padding: 0 var(--tempest-space-4) var(--tempest-space-4);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":";"}
+{"version":3,"file":"Accordion.module.js","names":["accordion","item","header","trigger","chevron","open","panel","Accordion_module_default"],"sources":["../../../src/components/Accordion/Accordion.module.css"],"sourcesContent":[".accordion {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    overflow: hidden;\n    background-color: var(--tempest-bg);\n}\n\n.item {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.item:last-child {\n    border-bottom: none;\n}\n\n.header {\n    margin: 0;\n}\n\n.trigger {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.trigger:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.chevron {\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n    flex-shrink: 0;\n    color: var(--tempest-text-muted);\n}\n\n.open .chevron {\n    transform: rotate(180deg);\n}\n\n.panel {\n    padding: 0 var(--tempest-space-4) var(--tempest-space-4);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":";"}

package/dist/components/Alert/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","names":[],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Alert.module.css\";\n\nexport type AlertVariant = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\nexport type AlertAppearance = \"soft\" | \"solid\" | \"outline\";\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    variant?: AlertVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: AlertAppearance;\n    title?: ReactNode;\n    description?: ReactNode;\n    icon?: ReactNode;\n    /** Show a close button and invoke this when clicked. */\n    onClose?: () => void;\n    /** Custom close button label for screen readers. */\n    closeLabel?: string;\n}\n\n/**\n * Inline alert / notice with tone (info/success/warning/danger) and appearance\n * (soft/solid/outline). Accepts optional `icon`, `title`, `description` and\n * a dismiss button via `onClose`.\n */\nexport function Alert({\n    variant = \"info\",\n    appearance = \"soft\",\n    title,\n    description,\n    icon,\n    onClose,\n    closeLabel = \"Dismiss\",\n    className,\n    children,\n    ...props\n}: AlertProps) {\n    return (\n        <div\n            role=\"alert\"\n            className={cn(\n                styles.alert,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                className,\n            )}\n            {...props}\n        >\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.content}>\n                {title && <p className={styles.title}>{title}</p>}\n                {description && <p className={styles.description}>{description}</p>}\n                {children}\n            </div>\n            {onClose && (\n                <button\n                    type=\"button\"\n                    className={styles.close}\n                    onClick={onClose}\n                    aria-label={closeLabel}\n                >\n                    <CloseIcon />\n                </button>\n            )}\n        </div>\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden>\n            <path\n                d=\"M6 6l12 12M18 6L6 18\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"yGAyBA,SAAgB,EAAM,CAClB,UAAU,OACV,aAAa,OACb,QACA,cACA,OACA,UACA,aAAa,UACb,YACA,WACA,GAAG,GACQ,CACX,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,QACL,UAAW,EAAA,GACP,EAAA,QAAO,MACP,EAAA,QAAO,GACP,IAAe,SAAW,EAAA,QAAO,MACjC,IAAe,WAAa,EAAA,QAAO,QACnC,CACJ,EACA,GAAI,EATR,SAAA,CAWK,IAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAO,SAAA,CAAW,CAAA,GACnD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAvB,SAAA,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAS,CAAA,EAC/C,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,YAAc,SAAA,CAAe,CAAA,EACjE,CACA,IACJ,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,MAClB,QAAS,EACT,aAAY,EAEZ,UAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CACR,CAAA,CAEX,GAEb,CAEA,SAAS,GAAY,CACjB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAA,GACxD,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,uBACF,OAAO,eACP,YAAY,IACZ,cAAc,OACjB,CAAA,CACA,CAAA,CAEb"}
+{"version":3,"file":"Alert.cjs","names":["cn","styles","require_cn","require_Alert_module","react_jsx_runtime","Alert","props","variant","appearance","className","icon","title","description","children","onClose","closeLabel","CloseIcon"],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Alert.module.css\";\n\nexport type AlertVariant = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\nexport type AlertAppearance = \"soft\" | \"solid\" | \"outline\";\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    variant?: AlertVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: AlertAppearance;\n    title?: ReactNode;\n    description?: ReactNode;\n    icon?: ReactNode;\n    /** Show a close button and invoke this when clicked. */\n    onClose?: () => void;\n    /** Custom close button label for screen readers. */\n    closeLabel?: string;\n}\n\n/**\n * Inline alert / notice with tone (info/success/warning/danger) and appearance\n * (soft/solid/outline). Accepts optional `icon`, `title`, `description` and\n * a dismiss button via `onClose`.\n */\nexport function Alert({\n    variant = \"info\",\n    appearance = \"soft\",\n    title,\n    description,\n    icon,\n    onClose,\n    closeLabel = \"Dismiss\",\n    className,\n    children,\n    ...props\n}: AlertProps) {\n    return (\n        <div\n            role=\"alert\"\n            className={cn(\n                styles.alert,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                className,\n            )}\n            {...props}\n        >\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.content}>\n                {title && <p className={styles.title}>{title}</p>}\n                {description && <p className={styles.description}>{description}</p>}\n                {children}\n            </div>\n            {onClose && (\n                <button\n                    type=\"button\"\n                    className={styles.close}\n                    onClick={onClose}\n                    aria-label={closeLabel}\n                >\n                    <CloseIcon />\n                </button>\n            )}\n        </div>\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden>\n            <path\n                d=\"M6 6l12 12M18 6L6 18\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"A,yGAyBA,SAAgBK,EAAM,CAClB,UAAU,OACV,aAAa,OACb,QACA,cACA,OACA,UACA,aAAa,UACb,YACA,WACA,GAAGC,GACQ,CACX,OACI,EAAAF,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,QACL,UAAWJ,EAAAA,GACPC,EAAAA,QAAO,MACPA,EAAAA,QAAOM,GACPC,IAAe,SAAWP,EAAAA,QAAO,MACjCO,IAAe,WAAaP,EAAAA,QAAO,QACnCQ,CACJ,EACA,GAAIH,EATR,SAAA,CAWKI,IAAQ,EAAAN,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWH,EAAAA,QAAO,KAAO,SAAAS,CAAW,CAAA,GACnD,EAAAN,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWH,EAAAA,QAAO,QAAvB,SAAA,CACKU,IAAS,EAAAP,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWH,EAAAA,QAAO,MAAQ,SAAAU,CAAS,CAAA,EAC/CC,IAAe,EAAAR,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWH,EAAAA,QAAO,YAAc,SAAAW,CAAe,CAAA,EACjEC,CACA,C,GACJC,IACG,EAAAV,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAWH,EAAAA,QAAO,MAClB,QAASa,EACT,aAAYC,EAEZ,UAAA,EAAAX,EAAA,IAAA,CAACY,EAAD,CAAY,CAAA,CACR,CAAA,CAEX,C,EAEb,CAEA,SAASA,GAAY,CACjB,OACI,EAAAZ,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAA,GACxD,UAAA,EAAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,uBACF,OAAO,eACP,YAAY,IACZ,cAAc,OACjB,CAAA,CACA,CAAA,CAEb,C"}

package/dist/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":[],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Alert.module.css\";\n\nexport type AlertVariant = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\nexport type AlertAppearance = \"soft\" | \"solid\" | \"outline\";\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    variant?: AlertVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: AlertAppearance;\n    title?: ReactNode;\n    description?: ReactNode;\n    icon?: ReactNode;\n    /** Show a close button and invoke this when clicked. */\n    onClose?: () => void;\n    /** Custom close button label for screen readers. */\n    closeLabel?: string;\n}\n\n/**\n * Inline alert / notice with tone (info/success/warning/danger) and appearance\n * (soft/solid/outline). Accepts optional `icon`, `title`, `description` and\n * a dismiss button via `onClose`.\n */\nexport function Alert({\n    variant = \"info\",\n    appearance = \"soft\",\n    title,\n    description,\n    icon,\n    onClose,\n    closeLabel = \"Dismiss\",\n    className,\n    children,\n    ...props\n}: AlertProps) {\n    return (\n        <div\n            role=\"alert\"\n            className={cn(\n                styles.alert,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                className,\n            )}\n            {...props}\n        >\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.content}>\n                {title && <p className={styles.title}>{title}</p>}\n                {description && <p className={styles.description}>{description}</p>}\n                {children}\n            </div>\n            {onClose && (\n                <button\n                    type=\"button\"\n                    className={styles.close}\n                    onClick={onClose}\n                    aria-label={closeLabel}\n                >\n                    <CloseIcon />\n                </button>\n            )}\n        </div>\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden>\n            <path\n                d=\"M6 6l12 12M18 6L6 18\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;AAyBA,SAAgB,EAAM,EAClB,aAAU,QACV,gBAAa,QACb,UACA,gBACA,SACA,YACA,gBAAa,WACb,cACA,aACA,GAAG,KACQ;CACX,OACI,kBAAC,OAAD;EACI,MAAK;EACL,WAAW,EACP,EAAO,OACP,EAAO,IACP,MAAe,WAAW,EAAO,OACjC,MAAe,aAAa,EAAO,SACnC,CACJ;EACA,GAAI;EATR,UAAA;GAWK,KAAQ,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAO,UAAA;GAAW,CAAA;GACnD,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAvB,UAAA;KACK,KAAS,kBAAC,KAAD;MAAG,WAAW,EAAO;MAAQ,UAAA;KAAS,CAAA;KAC/C,KAAe,kBAAC,KAAD;MAAG,WAAW,EAAO;MAAc,UAAA;KAAe,CAAA;KACjE;IACA;;GACJ,KACG,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAO;IAClB,SAAS;IACT,cAAY;IAEZ,UAAA,kBAAC,GAAD,CAAY,CAAA;GACR,CAAA;EAEX;;AAEb;AAEA,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,eAAA;EACxD,UAAA,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACjB,CAAA;CACA,CAAA;AAEb"}
+{"version":3,"file":"Alert.js","names":["styles","Alert_module_default","Alert","props","cn","variant","appearance","className","icon","title","description","children","onClose","closeLabel","CloseIcon"],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Alert.module.css\";\n\nexport type AlertVariant = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\nexport type AlertAppearance = \"soft\" | \"solid\" | \"outline\";\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    variant?: AlertVariant;\n    /** Visual style: soft (default tinted bg), solid (filled), outline (bordered). */\n    appearance?: AlertAppearance;\n    title?: ReactNode;\n    description?: ReactNode;\n    icon?: ReactNode;\n    /** Show a close button and invoke this when clicked. */\n    onClose?: () => void;\n    /** Custom close button label for screen readers. */\n    closeLabel?: string;\n}\n\n/**\n * Inline alert / notice with tone (info/success/warning/danger) and appearance\n * (soft/solid/outline). Accepts optional `icon`, `title`, `description` and\n * a dismiss button via `onClose`.\n */\nexport function Alert({\n    variant = \"info\",\n    appearance = \"soft\",\n    title,\n    description,\n    icon,\n    onClose,\n    closeLabel = \"Dismiss\",\n    className,\n    children,\n    ...props\n}: AlertProps) {\n    return (\n        <div\n            role=\"alert\"\n            className={cn(\n                styles.alert,\n                styles[variant],\n                appearance === \"solid\" && styles.solid,\n                appearance === \"outline\" && styles.outline,\n                className,\n            )}\n            {...props}\n        >\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.content}>\n                {title && <p className={styles.title}>{title}</p>}\n                {description && <p className={styles.description}>{description}</p>}\n                {children}\n            </div>\n            {onClose && (\n                <button\n                    type=\"button\"\n                    className={styles.close}\n                    onClick={onClose}\n                    aria-label={closeLabel}\n                >\n                    <CloseIcon />\n                </button>\n            )}\n        </div>\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden>\n            <path\n                d=\"M6 6l12 12M18 6L6 18\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;AAyBA,SAAgBE,EAAM,EAClB,aAAU,QACV,gBAAa,QACb,UACA,gBACA,SACA,YACA,gBAAa,WACb,cACA,aACA,GAAGC,KACQ;CACX,OACI,kBAAC,OAAD;EACI,MAAK;EACL,WAAWC,EACPJ,EAAO,OACPA,EAAOK,IACPC,MAAe,WAAWN,EAAO,OACjCM,MAAe,aAAaN,EAAO,SACnCO,CACJ;EACA,GAAIJ;EATR,UAAA;GAWKK,KAAQ,kBAAC,QAAD;IAAM,WAAWR,EAAO;IAAO,UAAAQ;GAAW,CAAA;GACnD,kBAAC,OAAD;IAAK,WAAWR,EAAO;IAAvB,UAAA;KACKS,KAAS,kBAAC,KAAD;MAAG,WAAWT,EAAO;MAAQ,UAAAS;KAAS,CAAA;KAC/CC,KAAe,kBAAC,KAAD;MAAG,WAAWV,EAAO;MAAc,UAAAU;KAAe,CAAA;KACjEC;IACA;;GACJC,KACG,kBAAC,UAAD;IACI,MAAK;IACL,WAAWZ,EAAO;IAClB,SAASY;IACT,cAAYC;IAEZ,UAAA,kBAACC,GAAD,CAAY,CAAA;GACR,CAAA;EAEX;;AAEb;AAEA,SAASA,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,eAAA;EACxD,UAAA,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACjB,CAAA;CACA,CAAA;AAEb"}

package/dist/components/Alert/Alert.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.module.cjs","names":[],"sources":["../../../src/components/Alert/Alert.module.css"],"sourcesContent":[".alert {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n    width: 100%;\n}\n\n.content {\n    flex: 1;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 2px 0 0 0;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text-muted);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    margin-top: 1px;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: inherit;\n    opacity: 0.7;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition:\n        var(--tempest-transition-color),\n        opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.close:hover {\n    opacity: 1;\n    background-color: rgba(15, 23, 42, 0.06);\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n/* ============================================================\n * Tone × Appearance matrix\n * ============================================================ */\n\n/* neutral */\n.neutral {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: var(--tempest-neutral-on-solid);\n    border-color: transparent;\n}\n.neutral.outline {\n    background-color: transparent;\n    border-color: var(--tempest-border-strong);\n}\n\n/* info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n.info .description {\n    color: var(--tempest-info-fg);\n    opacity: 0.85;\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: var(--tempest-info-on-solid);\n    border-color: transparent;\n}\n.info.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info);\n}\n\n/* success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n.success .description {\n    color: var(--tempest-success-fg);\n    opacity: 0.85;\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n    border-color: transparent;\n}\n.success.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success);\n}\n\n/* warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n.warning .description {\n    color: var(--tempest-warning-fg);\n    opacity: 0.85;\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: var(--tempest-warning-on-solid);\n    border-color: transparent;\n}\n.warning.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning);\n}\n\n/* danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n.danger .description {\n    color: var(--tempest-danger-fg);\n    opacity: 0.85;\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    border-color: transparent;\n}\n.danger.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger);\n}\n"],"mappings":";"}
+{"version":3,"file":"Alert.module.cjs","names":["alert","content","title","description","icon","close","neutral","solid","outline","info","success","warning","danger","Alert_module_default"],"sources":["../../../src/components/Alert/Alert.module.css"],"sourcesContent":[".alert {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n    width: 100%;\n}\n\n.content {\n    flex: 1;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 2px 0 0 0;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text-muted);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    margin-top: 1px;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: inherit;\n    opacity: 0.7;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition:\n        var(--tempest-transition-color),\n        opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.close:hover {\n    opacity: 1;\n    background-color: rgba(15, 23, 42, 0.06);\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n/* ============================================================\n * Tone × Appearance matrix\n * ============================================================ */\n\n/* neutral */\n.neutral {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: var(--tempest-neutral-on-solid);\n    border-color: transparent;\n}\n.neutral.outline {\n    background-color: transparent;\n    border-color: var(--tempest-border-strong);\n}\n\n/* info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n.info .description {\n    color: var(--tempest-info-fg);\n    opacity: 0.85;\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: var(--tempest-info-on-solid);\n    border-color: transparent;\n}\n.info.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info);\n}\n\n/* success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n.success .description {\n    color: var(--tempest-success-fg);\n    opacity: 0.85;\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n    border-color: transparent;\n}\n.success.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success);\n}\n\n/* warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n.warning .description {\n    color: var(--tempest-warning-fg);\n    opacity: 0.85;\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: var(--tempest-warning-on-solid);\n    border-color: transparent;\n}\n.warning.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning);\n}\n\n/* danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n.danger .description {\n    color: var(--tempest-danger-fg);\n    opacity: 0.85;\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    border-color: transparent;\n}\n.danger.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger);\n}\n"],"mappings":";"}

package/dist/components/Alert/Alert.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.module.js","names":[],"sources":["../../../src/components/Alert/Alert.module.css"],"sourcesContent":[".alert {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n    width: 100%;\n}\n\n.content {\n    flex: 1;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 2px 0 0 0;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text-muted);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    margin-top: 1px;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: inherit;\n    opacity: 0.7;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition:\n        var(--tempest-transition-color),\n        opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.close:hover {\n    opacity: 1;\n    background-color: rgba(15, 23, 42, 0.06);\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n/* ============================================================\n * Tone × Appearance matrix\n * ============================================================ */\n\n/* neutral */\n.neutral {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: var(--tempest-neutral-on-solid);\n    border-color: transparent;\n}\n.neutral.outline {\n    background-color: transparent;\n    border-color: var(--tempest-border-strong);\n}\n\n/* info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n.info .description {\n    color: var(--tempest-info-fg);\n    opacity: 0.85;\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: var(--tempest-info-on-solid);\n    border-color: transparent;\n}\n.info.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info);\n}\n\n/* success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n.success .description {\n    color: var(--tempest-success-fg);\n    opacity: 0.85;\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n    border-color: transparent;\n}\n.success.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success);\n}\n\n/* warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n.warning .description {\n    color: var(--tempest-warning-fg);\n    opacity: 0.85;\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: var(--tempest-warning-on-solid);\n    border-color: transparent;\n}\n.warning.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning);\n}\n\n/* danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n.danger .description {\n    color: var(--tempest-danger-fg);\n    opacity: 0.85;\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    border-color: transparent;\n}\n.danger.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger);\n}\n"],"mappings":";"}
+{"version":3,"file":"Alert.module.js","names":["alert","content","title","description","icon","close","neutral","solid","outline","info","success","warning","danger","Alert_module_default"],"sources":["../../../src/components/Alert/Alert.module.css"],"sourcesContent":[".alert {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n    width: 100%;\n}\n\n.content {\n    flex: 1;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 2px 0 0 0;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text-muted);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    margin-top: 1px;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: inherit;\n    opacity: 0.7;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition:\n        var(--tempest-transition-color),\n        opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.close:hover {\n    opacity: 1;\n    background-color: rgba(15, 23, 42, 0.06);\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n/* ============================================================\n * Tone × Appearance matrix\n * ============================================================ */\n\n/* neutral */\n.neutral {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: var(--tempest-neutral-on-solid);\n    border-color: transparent;\n}\n.neutral.outline {\n    background-color: transparent;\n    border-color: var(--tempest-border-strong);\n}\n\n/* info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n.info .description {\n    color: var(--tempest-info-fg);\n    opacity: 0.85;\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: var(--tempest-info-on-solid);\n    border-color: transparent;\n}\n.info.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info);\n}\n\n/* success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n.success .description {\n    color: var(--tempest-success-fg);\n    opacity: 0.85;\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n    border-color: transparent;\n}\n.success.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success);\n}\n\n/* warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n.warning .description {\n    color: var(--tempest-warning-fg);\n    opacity: 0.85;\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: var(--tempest-warning-on-solid);\n    border-color: transparent;\n}\n.warning.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning);\n}\n\n/* danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n.danger .description {\n    color: var(--tempest-danger-fg);\n    opacity: 0.85;\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    border-color: transparent;\n}\n.danger.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger);\n}\n"],"mappings":";"}

package/dist/components/AppBar/AppBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.cjs","names":[],"sources":["../../../src/components/AppBar/AppBar.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — a top bar is a slot layout: leading (leading,\n * showBack, onBack, backLabel, backIcon, brand), centre (title, centered) and\n * trailing (actions), plus the chrome it sits in (sticky, tone, bordered, safeArea).\n * Every one of those is a real decision an app makes per screen, and the alternative\n * to accepting them is the app rebuilding the bar around the parts it wanted to\n * change.\n */\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { useStickyBodyWarning } from \"./use-sticky-body-warning\";\nimport styles from \"./AppBar.module.css\";\n\n/**\n * Visual tone of an {@link AppBar}.\n *\n * - `\"surface\"` — the page's surface and text.\n * - `\"primary\"` — the brand fill (`--tempest-primary`) with\n *   `--tempest-primary-foreground` ink. Only the bar's own text and back button\n *   follow the fill: components in `actions` keep the page's tokens. Measured in\n *   Chromium over the SDK's `#0066ff`, a primary `Button` inside it has the same\n *   color as the bar (1:1) and its focus ring reads 1.41:1.\n * - `\"inverse\"` — the inverse surface: every color token inverted inside the bar,\n *   so the components in it are measured against the fill. See\n *   {@link AppBarProps.tone}.\n * - `\"transparent\"` — no background; the text inherits.\n */\nexport type AppBarTone = \"surface\" | \"primary\" | \"inverse\" | \"transparent\";\n\nexport interface AppBarProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title — string or any node. Rendered as the bar's `<h1>`. */\n    title?: ReactNode;\n    /**\n     * Replace the whole left slot. When set, the auto back button and `brand`\n     * are ignored — you own the leading content.\n     */\n    leading?: ReactNode;\n    /** Show a back button in the left slot. Ignored when `leading` is set. */\n    showBack?: boolean;\n    /**\n     * Back-button handler. Defaults to `window.history.back()`. With a router,\n     * pass `onBack={() => navigate(-1)}`.\n     */\n    onBack?: () => void;\n    /** Accessible label for the back button. Default `\"Go back\"`. */\n    backLabel?: string;\n    /** Custom back icon. Default a left arrow. */\n    backIcon?: ReactNode;\n    /** Brand / logo node shown in the left slot (after the back button). */\n    brand?: ReactNode;\n    /** Right slot — action buttons / menu. One node or many. */\n    actions?: ReactNode;\n    /** Center the title (three-column grid). Default `false` (left-aligned). */\n    centered?: boolean;\n    /**\n     * Stick to the top of the scroll container. Default `true`.\n     *\n     * The page has to leave the body out of the scrolling: `body { overflow-x:\n     * hidden }` makes the body a scroll container and the bar scrolls away with\n     * the content. Use `overflow-x: clip` on `html` and `body` instead — in\n     * development the bar says so in the console when it detects it.\n     */\n    sticky?: boolean;\n    /**\n     * Visual tone. Default `\"surface\"`.\n     *\n     * `\"inverse\"` writes `data-tempest-tone=\"inverse\"` and paints the bar with the\n     * inverse surface's `--tempest-bg`, so the back button, the title and the\n     * components in `actions` invert with it. The tokens are opt-in:\n     * `tempest-react-sdk/styles/inverse.css` for the SDK's own blue, or\n     * `createTheme({ primary, inverse: createInverseSurface })` for yours. With\n     * neither loaded the bar falls back to the page's `--tempest-bg` and\n     * `--tempest-text` — legible, not inverted.\n     *\n     * A separate tone rather than a change to `\"primary\"`, because the inverse\n     * fill is not always the brand's `500`: for `#0066ff` it is the `800`\n     * (`#042e75`), and turning `\"primary\"` into it would repaint every bar that\n     * uses it today.\n     */\n    tone?: AppBarTone;\n    /** Thin bottom border. Default `true`. */\n    bordered?: boolean;\n    /** Add `env(safe-area-inset-top)` padding (iOS notch / PWA). Default `true`. */\n    safeArea?: boolean;\n}\n\n/**\n * Mobile-first top app bar for PWAs — leading (back / brand) + title +\n * trailing actions, sticky with safe-area padding out of the box.\n *\n * Consumers customise via tokens (`--tempest-*`) and slots; the SDK ships the\n * layout, sticky/safe-area behaviour, and accessible back button so apps don't\n * hand-roll one per screen. For a desktop three-slot nav use [[Navbar]].\n *\n * @example\n * // Detail screen with back + a trailing action\n * <AppBar\n *     title=\"Profile\"\n *     showBack\n *     onBack={() => navigate(-1)}\n *     actions={<IconButton icon={<Settings />} onClick={openSettings} />}\n * />\n *\n * @example\n * // Home screen — brand left, centered title disabled\n * <AppBar brand={<Logo />} actions={<UserMenu />} />\n */\nexport function AppBar({\n    title,\n    leading,\n    showBack = false,\n    onBack,\n    backLabel = \"Go back\",\n    backIcon,\n    brand,\n    actions,\n    centered = false,\n    sticky = true,\n    tone = \"surface\",\n    bordered = true,\n    safeArea = true,\n    className,\n    ...props\n}: AppBarProps) {\n    useStickyBodyWarning(sticky);\n\n    const handleBack = onBack ?? (() => window.history.back());\n\n    const leadingContent = leading ?? (\n        <>\n            {showBack && (\n                <button\n                    type=\"button\"\n                    className={styles.iconBtn}\n                    onClick={handleBack}\n                    aria-label={backLabel}\n                >\n                    {backIcon ?? <ArrowLeft size={22} aria-hidden=\"true\" />}\n                </button>\n            )}\n            {brand && <span className={styles.brand}>{brand}</span>}\n        </>\n    );\n\n    return (\n        <header\n            className={cn(\n                styles.bar,\n                styles[tone],\n                centered && styles.centered,\n                sticky && styles.sticky,\n                bordered && styles.bordered,\n                safeArea && styles.safeArea,\n                className,\n            )}\n            data-tempest-tone={tone === \"inverse\" ? \"inverse\" : undefined}\n            {...props}\n        >\n            <div className={styles.leading}>{leadingContent}</div>\n            {title != null && title !== \"\" && (\n                <h1 className={styles.title} aria-live=\"polite\">\n                    {title}\n                </h1>\n            )}\n            <div className={styles.actions}>{actions}</div>\n        </header>\n    );\n}\n"],"mappings":"+KA4GA,SAAgB,EAAO,CACnB,QACA,UACA,WAAW,GACX,SACA,YAAY,UACZ,WACA,QACA,UACA,WAAW,GACX,SAAS,GACT,OAAO,UACP,WAAW,GACX,WAAW,GACX,YACA,GAAG,GACS,CACZ,EAAA,qBAAqB,CAAM,EAE3B,IAAM,EAAa,QAAiB,OAAO,QAAQ,KAAK,GAElD,EAAiB,IACnB,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CACK,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,QAClB,QAAS,EACT,aAAY,EAEX,SAAA,IAAY,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CAAW,KAAM,GAAI,cAAY,MAAQ,CAAA,CAClD,CAAA,EAEX,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAY,CAAA,CACxD,CAAA,CAAA,EAGN,OACI,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,IACP,EAAA,QAAO,GACP,GAAY,EAAA,QAAO,SACnB,GAAU,EAAA,QAAO,OACjB,GAAY,EAAA,QAAO,SACnB,GAAY,EAAA,QAAO,SACnB,CACJ,EACA,oBAAmB,IAAS,UAAY,UAAY,IAAA,GACpD,GAAI,EAXR,SAAA,EAaI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,SAAA,CAAoB,CAAA,EACpD,GAAS,MAAQ,IAAU,KACxB,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,MAAO,YAAU,SAClC,SAAA,CACD,CAAA,GAER,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,SAAA,CAAa,CAAA,CAC1C,GAEhB"}
+{"version":3,"file":"AppBar.cjs","names":["_Fragment","styles","ArrowLeft","cn","require_cn","require_use_sticky_body_warning","require_AppBar_module","react_jsx_runtime","lucide_react","AppBar","props","sticky","handleBack","onBack","leadingContent","leading","showBack","backLabel","backIcon","brand","tone","centered","bordered","safeArea","className","title","actions"],"sources":["../../../src/components/AppBar/AppBar.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — a top bar is a slot layout: leading (leading,\n * showBack, onBack, backLabel, backIcon, brand), centre (title, centered) and\n * trailing (actions), plus the chrome it sits in (sticky, tone, bordered, safeArea).\n * Every one of those is a real decision an app makes per screen, and the alternative\n * to accepting them is the app rebuilding the bar around the parts it wanted to\n * change.\n */\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { useStickyBodyWarning } from \"./use-sticky-body-warning\";\nimport styles from \"./AppBar.module.css\";\n\n/**\n * Visual tone of an {@link AppBar}.\n *\n * - `\"surface\"` — the page's surface and text.\n * - `\"primary\"` — the brand fill (`--tempest-primary`) with\n *   `--tempest-primary-foreground` ink. Only the bar's own text and back button\n *   follow the fill: components in `actions` keep the page's tokens. Measured in\n *   Chromium over the SDK's `#0066ff`, a primary `Button` inside it has the same\n *   color as the bar (1:1) and its focus ring reads 1.41:1.\n * - `\"inverse\"` — the inverse surface: every color token inverted inside the bar,\n *   so the components in it are measured against the fill. See\n *   {@link AppBarProps.tone}.\n * - `\"transparent\"` — no background; the text inherits.\n */\nexport type AppBarTone = \"surface\" | \"primary\" | \"inverse\" | \"transparent\";\n\nexport interface AppBarProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title — string or any node. Rendered as the bar's `<h1>`. */\n    title?: ReactNode;\n    /**\n     * Replace the whole left slot. When set, the auto back button and `brand`\n     * are ignored — you own the leading content.\n     */\n    leading?: ReactNode;\n    /** Show a back button in the left slot. Ignored when `leading` is set. */\n    showBack?: boolean;\n    /**\n     * Back-button handler. Defaults to `window.history.back()`. With a router,\n     * pass `onBack={() => navigate(-1)}`.\n     */\n    onBack?: () => void;\n    /** Accessible label for the back button. Default `\"Go back\"`. */\n    backLabel?: string;\n    /** Custom back icon. Default a left arrow. */\n    backIcon?: ReactNode;\n    /** Brand / logo node shown in the left slot (after the back button). */\n    brand?: ReactNode;\n    /** Right slot — action buttons / menu. One node or many. */\n    actions?: ReactNode;\n    /** Center the title (three-column grid). Default `false` (left-aligned). */\n    centered?: boolean;\n    /**\n     * Stick to the top of the scroll container. Default `true`.\n     *\n     * The page has to leave the body out of the scrolling: `body { overflow-x:\n     * hidden }` makes the body a scroll container and the bar scrolls away with\n     * the content. Use `overflow-x: clip` on `html` and `body` instead — in\n     * development the bar says so in the console when it detects it.\n     */\n    sticky?: boolean;\n    /**\n     * Visual tone. Default `\"surface\"`.\n     *\n     * `\"inverse\"` writes `data-tempest-tone=\"inverse\"` and paints the bar with the\n     * inverse surface's `--tempest-bg`, so the back button, the title and the\n     * components in `actions` invert with it. The tokens are opt-in:\n     * `tempest-react-sdk/styles/inverse.css` for the SDK's own blue, or\n     * `createTheme({ primary, inverse: createInverseSurface })` for yours. With\n     * neither loaded the bar falls back to the page's `--tempest-bg` and\n     * `--tempest-text` — legible, not inverted.\n     *\n     * A separate tone rather than a change to `\"primary\"`, because the inverse\n     * fill is not always the brand's `500`: for `#0066ff` it is the `800`\n     * (`#042e75`), and turning `\"primary\"` into it would repaint every bar that\n     * uses it today.\n     */\n    tone?: AppBarTone;\n    /** Thin bottom border. Default `true`. */\n    bordered?: boolean;\n    /** Add `env(safe-area-inset-top)` padding (iOS notch / PWA). Default `true`. */\n    safeArea?: boolean;\n}\n\n/**\n * Mobile-first top app bar for PWAs — leading (back / brand) + title +\n * trailing actions, sticky with safe-area padding out of the box.\n *\n * Consumers customise via tokens (`--tempest-*`) and slots; the SDK ships the\n * layout, sticky/safe-area behaviour, and accessible back button so apps don't\n * hand-roll one per screen. For a desktop three-slot nav use [[Navbar]].\n *\n * @example\n * // Detail screen with back + a trailing action\n * <AppBar\n *     title=\"Profile\"\n *     showBack\n *     onBack={() => navigate(-1)}\n *     actions={<IconButton icon={<Settings />} onClick={openSettings} />}\n * />\n *\n * @example\n * // Home screen — brand left, centered title disabled\n * <AppBar brand={<Logo />} actions={<UserMenu />} />\n */\nexport function AppBar({\n    title,\n    leading,\n    showBack = false,\n    onBack,\n    backLabel = \"Go back\",\n    backIcon,\n    brand,\n    actions,\n    centered = false,\n    sticky = true,\n    tone = \"surface\",\n    bordered = true,\n    safeArea = true,\n    className,\n    ...props\n}: AppBarProps) {\n    useStickyBodyWarning(sticky);\n\n    const handleBack = onBack ?? (() => window.history.back());\n\n    const leadingContent = leading ?? (\n        <>\n            {showBack && (\n                <button\n                    type=\"button\"\n                    className={styles.iconBtn}\n                    onClick={handleBack}\n                    aria-label={backLabel}\n                >\n                    {backIcon ?? <ArrowLeft size={22} aria-hidden=\"true\" />}\n                </button>\n            )}\n            {brand && <span className={styles.brand}>{brand}</span>}\n        </>\n    );\n\n    return (\n        <header\n            className={cn(\n                styles.bar,\n                styles[tone],\n                centered && styles.centered,\n                sticky && styles.sticky,\n                bordered && styles.bordered,\n                safeArea && styles.safeArea,\n                className,\n            )}\n            data-tempest-tone={tone === \"inverse\" ? \"inverse\" : undefined}\n            {...props}\n        >\n            <div className={styles.leading}>{leadingContent}</div>\n            {title != null && title !== \"\" && (\n                <h1 className={styles.title} aria-live=\"polite\">\n                    {title}\n                </h1>\n            )}\n            <div className={styles.actions}>{actions}</div>\n        </header>\n    );\n}\n"],"mappings":"A,+KA4GA,SAAgBS,EAAO,CACnB,QACA,UACA,WAAW,GACX,SACA,YAAY,UACZ,WACA,QACA,UACA,WAAW,GACX,SAAS,GACT,OAAO,UACP,WAAW,GACX,WAAW,GACX,YACA,GAAGC,GACS,CACZL,EAAA,qBAAqBM,CAAM,EAE3B,IAAMC,EAAaC,QAAiB,OAAO,QAAQ,KAAK,GAElDC,EAAiBC,IACnB,EAAAR,EAAA,KAAA,CAAAP,EAAAA,SAAA,CAAA,SAAA,CACKgB,IACG,EAAAT,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAWN,EAAAA,QAAO,QAClB,QAASW,EACT,aAAYK,EAEX,SAAAC,IAAY,EAAAX,EAAA,IAAA,CAACL,EAAAA,UAAD,CAAW,KAAM,GAAI,cAAY,MAAQ,CAAA,CAClD,CAAA,EAEXiB,IAAS,EAAAZ,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWN,EAAAA,QAAO,MAAQ,SAAAkB,CAAY,CAAA,CACxD,CAAA,CAAA,EAGN,OACI,EAAAZ,EAAA,KAAA,CAAC,SAAD,CACI,UAAWJ,EAAAA,GACPF,EAAAA,QAAO,IACPA,EAAAA,QAAOmB,GACPC,GAAYpB,EAAAA,QAAO,SACnBU,GAAUV,EAAAA,QAAO,OACjBqB,GAAYrB,EAAAA,QAAO,SACnBsB,GAAYtB,EAAAA,QAAO,SACnBuB,CACJ,EACA,oBAAmBJ,IAAS,UAAY,UAAY,IAAA,GACpD,GAAIV,EAXR,SAAA,EAaI,EAAAH,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWN,EAAAA,QAAO,QAAU,SAAAa,CAAoB,CAAA,EACpDW,GAAS,MAAQA,IAAU,KACxB,EAAAlB,EAAA,IAAA,CAAC,KAAD,CAAI,UAAWN,EAAAA,QAAO,MAAO,YAAU,SAClC,SAAAwB,CACD,CAAA,GAER,EAAAlB,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWN,EAAAA,QAAO,QAAU,SAAAyB,CAAa,CAAA,CAC1C,C,EAEhB,C"}

package/dist/components/AppBar/AppBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.js","names":[],"sources":["../../../src/components/AppBar/AppBar.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — a top bar is a slot layout: leading (leading,\n * showBack, onBack, backLabel, backIcon, brand), centre (title, centered) and\n * trailing (actions), plus the chrome it sits in (sticky, tone, bordered, safeArea).\n * Every one of those is a real decision an app makes per screen, and the alternative\n * to accepting them is the app rebuilding the bar around the parts it wanted to\n * change.\n */\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { useStickyBodyWarning } from \"./use-sticky-body-warning\";\nimport styles from \"./AppBar.module.css\";\n\n/**\n * Visual tone of an {@link AppBar}.\n *\n * - `\"surface\"` — the page's surface and text.\n * - `\"primary\"` — the brand fill (`--tempest-primary`) with\n *   `--tempest-primary-foreground` ink. Only the bar's own text and back button\n *   follow the fill: components in `actions` keep the page's tokens. Measured in\n *   Chromium over the SDK's `#0066ff`, a primary `Button` inside it has the same\n *   color as the bar (1:1) and its focus ring reads 1.41:1.\n * - `\"inverse\"` — the inverse surface: every color token inverted inside the bar,\n *   so the components in it are measured against the fill. See\n *   {@link AppBarProps.tone}.\n * - `\"transparent\"` — no background; the text inherits.\n */\nexport type AppBarTone = \"surface\" | \"primary\" | \"inverse\" | \"transparent\";\n\nexport interface AppBarProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title — string or any node. Rendered as the bar's `<h1>`. */\n    title?: ReactNode;\n    /**\n     * Replace the whole left slot. When set, the auto back button and `brand`\n     * are ignored — you own the leading content.\n     */\n    leading?: ReactNode;\n    /** Show a back button in the left slot. Ignored when `leading` is set. */\n    showBack?: boolean;\n    /**\n     * Back-button handler. Defaults to `window.history.back()`. With a router,\n     * pass `onBack={() => navigate(-1)}`.\n     */\n    onBack?: () => void;\n    /** Accessible label for the back button. Default `\"Go back\"`. */\n    backLabel?: string;\n    /** Custom back icon. Default a left arrow. */\n    backIcon?: ReactNode;\n    /** Brand / logo node shown in the left slot (after the back button). */\n    brand?: ReactNode;\n    /** Right slot — action buttons / menu. One node or many. */\n    actions?: ReactNode;\n    /** Center the title (three-column grid). Default `false` (left-aligned). */\n    centered?: boolean;\n    /**\n     * Stick to the top of the scroll container. Default `true`.\n     *\n     * The page has to leave the body out of the scrolling: `body { overflow-x:\n     * hidden }` makes the body a scroll container and the bar scrolls away with\n     * the content. Use `overflow-x: clip` on `html` and `body` instead — in\n     * development the bar says so in the console when it detects it.\n     */\n    sticky?: boolean;\n    /**\n     * Visual tone. Default `\"surface\"`.\n     *\n     * `\"inverse\"` writes `data-tempest-tone=\"inverse\"` and paints the bar with the\n     * inverse surface's `--tempest-bg`, so the back button, the title and the\n     * components in `actions` invert with it. The tokens are opt-in:\n     * `tempest-react-sdk/styles/inverse.css` for the SDK's own blue, or\n     * `createTheme({ primary, inverse: createInverseSurface })` for yours. With\n     * neither loaded the bar falls back to the page's `--tempest-bg` and\n     * `--tempest-text` — legible, not inverted.\n     *\n     * A separate tone rather than a change to `\"primary\"`, because the inverse\n     * fill is not always the brand's `500`: for `#0066ff` it is the `800`\n     * (`#042e75`), and turning `\"primary\"` into it would repaint every bar that\n     * uses it today.\n     */\n    tone?: AppBarTone;\n    /** Thin bottom border. Default `true`. */\n    bordered?: boolean;\n    /** Add `env(safe-area-inset-top)` padding (iOS notch / PWA). Default `true`. */\n    safeArea?: boolean;\n}\n\n/**\n * Mobile-first top app bar for PWAs — leading (back / brand) + title +\n * trailing actions, sticky with safe-area padding out of the box.\n *\n * Consumers customise via tokens (`--tempest-*`) and slots; the SDK ships the\n * layout, sticky/safe-area behaviour, and accessible back button so apps don't\n * hand-roll one per screen. For a desktop three-slot nav use [[Navbar]].\n *\n * @example\n * // Detail screen with back + a trailing action\n * <AppBar\n *     title=\"Profile\"\n *     showBack\n *     onBack={() => navigate(-1)}\n *     actions={<IconButton icon={<Settings />} onClick={openSettings} />}\n * />\n *\n * @example\n * // Home screen — brand left, centered title disabled\n * <AppBar brand={<Logo />} actions={<UserMenu />} />\n */\nexport function AppBar({\n    title,\n    leading,\n    showBack = false,\n    onBack,\n    backLabel = \"Go back\",\n    backIcon,\n    brand,\n    actions,\n    centered = false,\n    sticky = true,\n    tone = \"surface\",\n    bordered = true,\n    safeArea = true,\n    className,\n    ...props\n}: AppBarProps) {\n    useStickyBodyWarning(sticky);\n\n    const handleBack = onBack ?? (() => window.history.back());\n\n    const leadingContent = leading ?? (\n        <>\n            {showBack && (\n                <button\n                    type=\"button\"\n                    className={styles.iconBtn}\n                    onClick={handleBack}\n                    aria-label={backLabel}\n                >\n                    {backIcon ?? <ArrowLeft size={22} aria-hidden=\"true\" />}\n                </button>\n            )}\n            {brand && <span className={styles.brand}>{brand}</span>}\n        </>\n    );\n\n    return (\n        <header\n            className={cn(\n                styles.bar,\n                styles[tone],\n                centered && styles.centered,\n                sticky && styles.sticky,\n                bordered && styles.bordered,\n                safeArea && styles.safeArea,\n                className,\n            )}\n            data-tempest-tone={tone === \"inverse\" ? \"inverse\" : undefined}\n            {...props}\n        >\n            <div className={styles.leading}>{leadingContent}</div>\n            {title != null && title !== \"\" && (\n                <h1 className={styles.title} aria-live=\"polite\">\n                    {title}\n                </h1>\n            )}\n            <div className={styles.actions}>{actions}</div>\n        </header>\n    );\n}\n"],"mappings":";;;;;;AA4GA,SAAgB,EAAO,EACnB,UACA,YACA,cAAW,IACX,WACA,eAAY,WACZ,aACA,UACA,YACA,cAAW,IACX,YAAS,IACT,UAAO,WACP,cAAW,IACX,cAAW,IACX,cACA,GAAG,KACS;CACZ,EAAqB,CAAM;CAE3B,IAAM,IAAa,YAAiB,OAAO,QAAQ,KAAK,IAElD,IAAiB,KACnB,kBAAA,GAAA,EAAA,UAAA,CACK,KACG,kBAAC,UAAD;EACI,MAAK;EACL,WAAW,EAAO;EAClB,SAAS;EACT,cAAY;EAEX,UAAA,KAAY,kBAAC,GAAD;GAAW,MAAM;GAAI,eAAY;EAAQ,CAAA;CAClD,CAAA,GAEX,KAAS,kBAAC,QAAD;EAAM,WAAW,EAAO;EAAQ,UAAA;CAAY,CAAA,CACxD,EAAA,CAAA;CAGN,OACI,kBAAC,UAAD;EACI,WAAW,EACP,EAAO,KACP,EAAO,IACP,KAAY,EAAO,UACnB,KAAU,EAAO,QACjB,KAAY,EAAO,UACnB,KAAY,EAAO,UACnB,CACJ;EACA,qBAAmB,MAAS,YAAY,YAAY,KAAA;EACpD,GAAI;EAXR,UAAA;GAaI,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU,UAAA;GAAoB,CAAA;GACpD,KAAS,QAAQ,MAAU,MACxB,kBAAC,MAAD;IAAI,WAAW,EAAO;IAAO,aAAU;IAClC,UAAA;GACD,CAAA;GAER,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU,UAAA;GAAa,CAAA;EAC1C;;AAEhB"}
+{"version":3,"file":"AppBar.js","names":["_Fragment","styles","AppBar_module_default","AppBar","props","sticky","handleBack","onBack","leadingContent","leading","Fragment","showBack","backLabel","backIcon","ArrowLeft","brand","cn","tone","centered","bordered","safeArea","className","title","actions"],"sources":["../../../src/components/AppBar/AppBar.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — a top bar is a slot layout: leading (leading,\n * showBack, onBack, backLabel, backIcon, brand), centre (title, centered) and\n * trailing (actions), plus the chrome it sits in (sticky, tone, bordered, safeArea).\n * Every one of those is a real decision an app makes per screen, and the alternative\n * to accepting them is the app rebuilding the bar around the parts it wanted to\n * change.\n */\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { useStickyBodyWarning } from \"./use-sticky-body-warning\";\nimport styles from \"./AppBar.module.css\";\n\n/**\n * Visual tone of an {@link AppBar}.\n *\n * - `\"surface\"` — the page's surface and text.\n * - `\"primary\"` — the brand fill (`--tempest-primary`) with\n *   `--tempest-primary-foreground` ink. Only the bar's own text and back button\n *   follow the fill: components in `actions` keep the page's tokens. Measured in\n *   Chromium over the SDK's `#0066ff`, a primary `Button` inside it has the same\n *   color as the bar (1:1) and its focus ring reads 1.41:1.\n * - `\"inverse\"` — the inverse surface: every color token inverted inside the bar,\n *   so the components in it are measured against the fill. See\n *   {@link AppBarProps.tone}.\n * - `\"transparent\"` — no background; the text inherits.\n */\nexport type AppBarTone = \"surface\" | \"primary\" | \"inverse\" | \"transparent\";\n\nexport interface AppBarProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title — string or any node. Rendered as the bar's `<h1>`. */\n    title?: ReactNode;\n    /**\n     * Replace the whole left slot. When set, the auto back button and `brand`\n     * are ignored — you own the leading content.\n     */\n    leading?: ReactNode;\n    /** Show a back button in the left slot. Ignored when `leading` is set. */\n    showBack?: boolean;\n    /**\n     * Back-button handler. Defaults to `window.history.back()`. With a router,\n     * pass `onBack={() => navigate(-1)}`.\n     */\n    onBack?: () => void;\n    /** Accessible label for the back button. Default `\"Go back\"`. */\n    backLabel?: string;\n    /** Custom back icon. Default a left arrow. */\n    backIcon?: ReactNode;\n    /** Brand / logo node shown in the left slot (after the back button). */\n    brand?: ReactNode;\n    /** Right slot — action buttons / menu. One node or many. */\n    actions?: ReactNode;\n    /** Center the title (three-column grid). Default `false` (left-aligned). */\n    centered?: boolean;\n    /**\n     * Stick to the top of the scroll container. Default `true`.\n     *\n     * The page has to leave the body out of the scrolling: `body { overflow-x:\n     * hidden }` makes the body a scroll container and the bar scrolls away with\n     * the content. Use `overflow-x: clip` on `html` and `body` instead — in\n     * development the bar says so in the console when it detects it.\n     */\n    sticky?: boolean;\n    /**\n     * Visual tone. Default `\"surface\"`.\n     *\n     * `\"inverse\"` writes `data-tempest-tone=\"inverse\"` and paints the bar with the\n     * inverse surface's `--tempest-bg`, so the back button, the title and the\n     * components in `actions` invert with it. The tokens are opt-in:\n     * `tempest-react-sdk/styles/inverse.css` for the SDK's own blue, or\n     * `createTheme({ primary, inverse: createInverseSurface })` for yours. With\n     * neither loaded the bar falls back to the page's `--tempest-bg` and\n     * `--tempest-text` — legible, not inverted.\n     *\n     * A separate tone rather than a change to `\"primary\"`, because the inverse\n     * fill is not always the brand's `500`: for `#0066ff` it is the `800`\n     * (`#042e75`), and turning `\"primary\"` into it would repaint every bar that\n     * uses it today.\n     */\n    tone?: AppBarTone;\n    /** Thin bottom border. Default `true`. */\n    bordered?: boolean;\n    /** Add `env(safe-area-inset-top)` padding (iOS notch / PWA). Default `true`. */\n    safeArea?: boolean;\n}\n\n/**\n * Mobile-first top app bar for PWAs — leading (back / brand) + title +\n * trailing actions, sticky with safe-area padding out of the box.\n *\n * Consumers customise via tokens (`--tempest-*`) and slots; the SDK ships the\n * layout, sticky/safe-area behaviour, and accessible back button so apps don't\n * hand-roll one per screen. For a desktop three-slot nav use [[Navbar]].\n *\n * @example\n * // Detail screen with back + a trailing action\n * <AppBar\n *     title=\"Profile\"\n *     showBack\n *     onBack={() => navigate(-1)}\n *     actions={<IconButton icon={<Settings />} onClick={openSettings} />}\n * />\n *\n * @example\n * // Home screen — brand left, centered title disabled\n * <AppBar brand={<Logo />} actions={<UserMenu />} />\n */\nexport function AppBar({\n    title,\n    leading,\n    showBack = false,\n    onBack,\n    backLabel = \"Go back\",\n    backIcon,\n    brand,\n    actions,\n    centered = false,\n    sticky = true,\n    tone = \"surface\",\n    bordered = true,\n    safeArea = true,\n    className,\n    ...props\n}: AppBarProps) {\n    useStickyBodyWarning(sticky);\n\n    const handleBack = onBack ?? (() => window.history.back());\n\n    const leadingContent = leading ?? (\n        <>\n            {showBack && (\n                <button\n                    type=\"button\"\n                    className={styles.iconBtn}\n                    onClick={handleBack}\n                    aria-label={backLabel}\n                >\n                    {backIcon ?? <ArrowLeft size={22} aria-hidden=\"true\" />}\n                </button>\n            )}\n            {brand && <span className={styles.brand}>{brand}</span>}\n        </>\n    );\n\n    return (\n        <header\n            className={cn(\n                styles.bar,\n                styles[tone],\n                centered && styles.centered,\n                sticky && styles.sticky,\n                bordered && styles.bordered,\n                safeArea && styles.safeArea,\n                className,\n            )}\n            data-tempest-tone={tone === \"inverse\" ? \"inverse\" : undefined}\n            {...props}\n        >\n            <div className={styles.leading}>{leadingContent}</div>\n            {title != null && title !== \"\" && (\n                <h1 className={styles.title} aria-live=\"polite\">\n                    {title}\n                </h1>\n            )}\n            <div className={styles.actions}>{actions}</div>\n        </header>\n    );\n}\n"],"mappings":";;;;;;AA4GA,SAAgBG,EAAO,EACnB,UACA,YACA,cAAW,IACX,WACA,eAAY,WACZ,aACA,UACA,YACA,cAAW,IACX,YAAS,IACT,UAAO,WACP,cAAW,IACX,cAAW,IACX,cACA,GAAGC,KACS;CACZ,EAAqBC,CAAM;CAE3B,IAAMC,IAAaC,YAAiB,OAAO,QAAQ,KAAK,IAElDC,IAAiBC,KACnB,kBAAAT,GAAA,EAAA,UAAA,CACKW,KACG,kBAAC,UAAD;EACI,MAAK;EACL,WAAWV,EAAO;EAClB,SAASK;EACT,cAAYM;EAEX,UAAAC,KAAY,kBAACC,GAAD;GAAW,MAAM;GAAI,eAAY;EAAQ,CAAA;CAClD,CAAA,GAEXC,KAAS,kBAAC,QAAD;EAAM,WAAWd,EAAO;EAAQ,UAAAc;CAAY,CAAA,CACxD,EAAA,CAAA;CAGN,OACI,kBAAC,UAAD;EACI,WAAWC,EACPf,EAAO,KACPA,EAAOgB,IACPC,KAAYjB,EAAO,UACnBI,KAAUJ,EAAO,QACjBkB,KAAYlB,EAAO,UACnBmB,KAAYnB,EAAO,UACnBoB,CACJ;EACA,qBAAmBJ,MAAS,YAAY,YAAY,KAAA;EACpD,GAAIb;EAXR,UAAA;GAaI,kBAAC,OAAD;IAAK,WAAWH,EAAO;IAAU,UAAAO;GAAoB,CAAA;GACpDc,KAAS,QAAQA,MAAU,MACxB,kBAAC,MAAD;IAAI,WAAWrB,EAAO;IAAO,aAAU;IAClC,UAAAqB;GACD,CAAA;GAER,kBAAC,OAAD;IAAK,WAAWrB,EAAO;IAAU,UAAAsB;GAAa,CAAA;EAC1C;;AAEhB"}

package/dist/components/AppBar/AppBar.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.module.cjs","names":[],"sources":["../../../src/components/AppBar/AppBar.module.css"],"sourcesContent":[".bar {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    min-height: 56px;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n}\n\n/* Symmetric side columns so the title is truly centered. */\n.bar.centered {\n    grid-template-columns: 1fr auto 1fr;\n}\n\n.bar.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.bar.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.bar.inverse {\n    background: var(--tempest-bg);\n    color: var(--tempest-text);\n}\n\n.bar.transparent {\n    background: transparent;\n    color: inherit;\n}\n\n.bar.bordered {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.bar.sticky {\n    position: sticky;\n    top: 0;\n    z-index: 30;\n}\n\n.bar.safeArea {\n    padding-top: max(var(--tempest-space-3), env(safe-area-inset-top, 0px));\n}\n\n.leading {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-1);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    min-width: 0;\n    font-size: var(--tempest-text-xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: 1.2;\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.bar.centered .title {\n    text-align: center;\n}\n\n.brand {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-bold);\n    color: inherit;\n    white-space: nowrap;\n}\n\n.iconBtn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\n.iconBtn:hover {\n    background: var(--tempest-surface-2);\n}\n\n.iconBtn:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n"],"mappings":";"}
+{"version":3,"file":"AppBar.module.cjs","names":["bar","centered","surface","primary","inverse","transparent","bordered","sticky","safeArea","leading","actions","title","brand","iconBtn","AppBar_module_default"],"sources":["../../../src/components/AppBar/AppBar.module.css"],"sourcesContent":[".bar {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    min-height: 56px;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n}\n\n/* Symmetric side columns so the title is truly centered. */\n.bar.centered {\n    grid-template-columns: 1fr auto 1fr;\n}\n\n.bar.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.bar.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.bar.inverse {\n    background: var(--tempest-bg);\n    color: var(--tempest-text);\n}\n\n.bar.transparent {\n    background: transparent;\n    color: inherit;\n}\n\n.bar.bordered {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.bar.sticky {\n    position: sticky;\n    top: 0;\n    z-index: 30;\n}\n\n.bar.safeArea {\n    padding-top: max(var(--tempest-space-3), env(safe-area-inset-top, 0px));\n}\n\n.leading {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-1);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    min-width: 0;\n    font-size: var(--tempest-text-xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: 1.2;\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.bar.centered .title {\n    text-align: center;\n}\n\n.brand {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-bold);\n    color: inherit;\n    white-space: nowrap;\n}\n\n.iconBtn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\n.iconBtn:hover {\n    background: var(--tempest-surface-2);\n}\n\n.iconBtn:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n"],"mappings":";"}

package/dist/components/AppBar/AppBar.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.module.js","names":[],"sources":["../../../src/components/AppBar/AppBar.module.css"],"sourcesContent":[".bar {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    min-height: 56px;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n}\n\n/* Symmetric side columns so the title is truly centered. */\n.bar.centered {\n    grid-template-columns: 1fr auto 1fr;\n}\n\n.bar.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.bar.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.bar.inverse {\n    background: var(--tempest-bg);\n    color: var(--tempest-text);\n}\n\n.bar.transparent {\n    background: transparent;\n    color: inherit;\n}\n\n.bar.bordered {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.bar.sticky {\n    position: sticky;\n    top: 0;\n    z-index: 30;\n}\n\n.bar.safeArea {\n    padding-top: max(var(--tempest-space-3), env(safe-area-inset-top, 0px));\n}\n\n.leading {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-1);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    min-width: 0;\n    font-size: var(--tempest-text-xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: 1.2;\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.bar.centered .title {\n    text-align: center;\n}\n\n.brand {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-bold);\n    color: inherit;\n    white-space: nowrap;\n}\n\n.iconBtn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\n.iconBtn:hover {\n    background: var(--tempest-surface-2);\n}\n\n.iconBtn:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n"],"mappings":";"}
+{"version":3,"file":"AppBar.module.js","names":["bar","centered","surface","primary","inverse","transparent","bordered","sticky","safeArea","leading","actions","title","brand","iconBtn","AppBar_module_default"],"sources":["../../../src/components/AppBar/AppBar.module.css"],"sourcesContent":[".bar {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    min-height: 56px;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n}\n\n/* Symmetric side columns so the title is truly centered. */\n.bar.centered {\n    grid-template-columns: 1fr auto 1fr;\n}\n\n.bar.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.bar.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.bar.inverse {\n    background: var(--tempest-bg);\n    color: var(--tempest-text);\n}\n\n.bar.transparent {\n    background: transparent;\n    color: inherit;\n}\n\n.bar.bordered {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.bar.sticky {\n    position: sticky;\n    top: 0;\n    z-index: 30;\n}\n\n.bar.safeArea {\n    padding-top: max(var(--tempest-space-3), env(safe-area-inset-top, 0px));\n}\n\n.leading {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-1);\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    min-width: 0;\n    font-size: var(--tempest-text-xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: 1.2;\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.bar.centered .title {\n    text-align: center;\n}\n\n.brand {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-bold);\n    color: inherit;\n    white-space: nowrap;\n}\n\n.iconBtn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\n.iconBtn:hover {\n    background: var(--tempest-surface-2);\n}\n\n.iconBtn:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n"],"mappings":";"}

package/dist/components/AppBar/use-sticky-body-warning.cjs

@@ -1,2 +1,2 @@
-const e=require("../../utils/dev-mode.cjs");let t=require("react");var n="[tempest-react-sdk] <AppBar sticky /> will not stick: `document.body` has `overflow-x: hidden`, which forces its computed `overflow-y` to `auto` and makes the body a scroll container. The bar then pins to the body's scrollport instead of the viewport and scrolls off the top with the content — most visibly on Chrome Android. Fix: `html, body { overflow-x: clip }`, on both elements, since neither clamps alone. Pass `sticky={false}` if the bar is meant to scroll away.",r=!1;function i(i){(0,t.useEffect)(()=>{i&&!r&&e.isDevBuild()&&(typeof document>`u`||!document.body||getComputedStyle(document.body).overflowX===`hidden`&&(r=!0,console.warn(n)))},[i])}exports.useStickyBodyWarning=i;
+const e=require("../../utils/dev-mode.cjs");let t=require("react");var n="[tempest-react-sdk] <AppBar sticky /> will not stick: `document.body` has `overflow-x: hidden`, which forces its computed `overflow-y` to `auto` and makes the body a scroll container. The bar then pins to the body's scrollport instead of the viewport and scrolls off the top with the content — most visibly on Chrome Android. Fix: `html, body { overflow-x: clip }`, on both elements, since neither clamps alone. Pass `sticky={false}` if the bar is meant to scroll away.",r=!1;function i(i){(0,t.useEffect)(()=>{i&&!r&&e.isDevBuild()&&typeof document<`u`&&document.body&&getComputedStyle(document.body).overflowX===`hidden`&&(r=!0,console.warn(n))},[i])}exports.useStickyBodyWarning=i;
 //# sourceMappingURL=use-sticky-body-warning.cjs.map

package/dist/components/AppBar/use-sticky-body-warning.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-sticky-body-warning.cjs","names":[],"sources":["../../../src/components/AppBar/use-sticky-body-warning.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { isDevBuild } from \"../../utils/dev-mode\";\n\n/**\n * The one line of the app's own CSS that silently defeats `sticky`.\n *\n * `body { overflow-x: hidden }` is how most apps stop a too-wide child from\n * panning the page sideways. It also, per CSS Overflow 3, forces the computed\n * `overflow-y` to `auto` — a value the author never wrote — which makes the\n * body a **scroll container**. Every sticky descendant then pins to the body's\n * scrollport instead of the viewport, and that scrollport travels with the\n * document: measured in Chromium at 390px with a long page, the bar sat at\n * `top: -900px` after scrolling 900px, i.e. off screen.\n *\n * Nothing about that reads as a CSS problem from the app's side. The bar still\n * reports `position: sticky` in DevTools, the markup is unchanged, and on\n * desktop the screens usually fit without scrolling so the bug never shows. It\n * surfaces on Chrome Android, where the collapsing URL bar makes every screen a\n * scrolling screen — and it gets reported as \"the app bar is broken\", because\n * that is what the user sees.\n *\n * Hence this warning: the SDK cannot fix it from inside the component (a sticky\n * element has no way to opt out of its scroll container, and a rule the SDK\n * ships in its reset loses to the app's own stylesheet, which is imported\n * after), but it can name the cause in one console line.\n *\n * `clip` is the fix because it clamps the same horizontal overflow without\n * creating a scroll container. It has to be on `html` **and** `body` — with it\n * on only one of them the document still panned to `x: 500` in the same\n * measurement.\n */\nconst MESSAGE =\n    \"[tempest-react-sdk] <AppBar sticky /> will not stick: `document.body` has \" +\n    \"`overflow-x: hidden`, which forces its computed `overflow-y` to `auto` and makes the \" +\n    \"body a scroll container. The bar then pins to the body's scrollport instead of the \" +\n    \"viewport and scrolls off the top with the content — most visibly on Chrome Android. \" +\n    \"Fix: `html, body { overflow-x: clip }`, on both elements, since neither clamps alone. \" +\n    \"Pass `sticky={false}` if the bar is meant to scroll away.\";\n\n/** Set once the warning has been printed, so re-renders do not bury the console. */\nlet warned = false;\n\n/**\n * Reset the warn-once latch. Test-only — the latch is module state, and a suite\n * that renders more than one bar would otherwise see the warning only once.\n */\nexport function resetStickyBodyWarning(): void {\n    warned = false;\n}\n\n/**\n * Warn once, in development, when the page's own CSS will keep a sticky bar\n * from sticking.\n *\n * Reads the body's `overflow-x` rather than walking the ancestors, because that\n * single declaration is the whole failure mode: an app that genuinely wants the\n * body to scroll writes `overflow-y: auto` itself, and a sticky bar inside a\n * scroll container the app chose on purpose behaves exactly as intended. What\n * is never intentional is acquiring that scroll container as a side effect of\n * clamping the other axis.\n *\n * @param enabled - Whether the bar is actually sticky. A bar rendered with\n *   `sticky={false}` has nothing to lose and stays quiet.\n */\nexport function useStickyBodyWarning(enabled: boolean): void {\n    useEffect(() => {\n        if (!enabled || warned || !isDevBuild()) return;\n        if (typeof document === \"undefined\" || !document.body) return;\n        if (getComputedStyle(document.body).overflowX !== \"hidden\") return;\n        warned = true;\n        console.warn(MESSAGE);\n    }, [enabled]);\n}\n"],"mappings":"mEAgCA,IAAM,EACF,wdAQA,EAAS,GAwBb,SAAgB,EAAqB,EAAwB,EACzD,EAAA,EAAA,UAAA,KAAgB,CACP,GAAW,IAAW,EAAA,WAAW,IAClC,OAAO,SAAa,KAAe,CAAC,SAAS,MAC7C,iBAAiB,SAAS,IAAI,CAAC,CAAC,YAAc,WAClD,EAAS,GACT,QAAQ,KAAK,CAAO,GACxB,EAAG,CAAC,CAAO,CAAC,CAChB"}
+{"version":3,"file":"use-sticky-body-warning.cjs","names":["isDevBuild","require_dev_mode","react","MESSAGE","warned","useStickyBodyWarning","enabled"],"sources":["../../../src/components/AppBar/use-sticky-body-warning.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { isDevBuild } from \"../../utils/dev-mode\";\n\n/**\n * The one line of the app's own CSS that silently defeats `sticky`.\n *\n * `body { overflow-x: hidden }` is how most apps stop a too-wide child from\n * panning the page sideways. It also, per CSS Overflow 3, forces the computed\n * `overflow-y` to `auto` — a value the author never wrote — which makes the\n * body a **scroll container**. Every sticky descendant then pins to the body's\n * scrollport instead of the viewport, and that scrollport travels with the\n * document: measured in Chromium at 390px with a long page, the bar sat at\n * `top: -900px` after scrolling 900px, i.e. off screen.\n *\n * Nothing about that reads as a CSS problem from the app's side. The bar still\n * reports `position: sticky` in DevTools, the markup is unchanged, and on\n * desktop the screens usually fit without scrolling so the bug never shows. It\n * surfaces on Chrome Android, where the collapsing URL bar makes every screen a\n * scrolling screen — and it gets reported as \"the app bar is broken\", because\n * that is what the user sees.\n *\n * Hence this warning: the SDK cannot fix it from inside the component (a sticky\n * element has no way to opt out of its scroll container, and a rule the SDK\n * ships in its reset loses to the app's own stylesheet, which is imported\n * after), but it can name the cause in one console line.\n *\n * `clip` is the fix because it clamps the same horizontal overflow without\n * creating a scroll container. It has to be on `html` **and** `body` — with it\n * on only one of them the document still panned to `x: 500` in the same\n * measurement.\n */\nconst MESSAGE =\n    \"[tempest-react-sdk] <AppBar sticky /> will not stick: `document.body` has \" +\n    \"`overflow-x: hidden`, which forces its computed `overflow-y` to `auto` and makes the \" +\n    \"body a scroll container. The bar then pins to the body's scrollport instead of the \" +\n    \"viewport and scrolls off the top with the content — most visibly on Chrome Android. \" +\n    \"Fix: `html, body { overflow-x: clip }`, on both elements, since neither clamps alone. \" +\n    \"Pass `sticky={false}` if the bar is meant to scroll away.\";\n\n/** Set once the warning has been printed, so re-renders do not bury the console. */\nlet warned = false;\n\n/**\n * Reset the warn-once latch. Test-only — the latch is module state, and a suite\n * that renders more than one bar would otherwise see the warning only once.\n */\nexport function resetStickyBodyWarning(): void {\n    warned = false;\n}\n\n/**\n * Warn once, in development, when the page's own CSS will keep a sticky bar\n * from sticking.\n *\n * Reads the body's `overflow-x` rather than walking the ancestors, because that\n * single declaration is the whole failure mode: an app that genuinely wants the\n * body to scroll writes `overflow-y: auto` itself, and a sticky bar inside a\n * scroll container the app chose on purpose behaves exactly as intended. What\n * is never intentional is acquiring that scroll container as a side effect of\n * clamping the other axis.\n *\n * @param enabled - Whether the bar is actually sticky. A bar rendered with\n *   `sticky={false}` has nothing to lose and stays quiet.\n */\nexport function useStickyBodyWarning(enabled: boolean): void {\n    useEffect(() => {\n        if (!enabled || warned || !isDevBuild()) return;\n        if (typeof document === \"undefined\" || !document.body) return;\n        if (getComputedStyle(document.body).overflowX !== \"hidden\") return;\n        warned = true;\n        console.warn(MESSAGE);\n    }, [enabled]);\n}\n"],"mappings":"A,mEAgCA,IAAMG,EACF,wdAQAC,EAAS,GAwBb,SAAgBC,EAAqB,EAAwB,EACzD,EAAAH,EAAA,UAAA,KAAgB,CACPI,GAAW,IAAWN,EAAAA,WAAW,GAClC,OAAO,SAAa,KAAgB,SAAS,MAC7C,iBAAiB,SAAS,IAAI,CAAC,CAAC,YAAc,WAClD,EAAS,GACT,QAAQ,KAAKG,CAAO,EACxB,EAAG,CAACG,CAAO,CAAC,CAChB,C"}