entasis 0.12.0 → 0.13.0

package/dist/components/AIComposer/aiComposer.mcp.d.ts

@@ -1 +1 @@
-export declare const aiComposerDescription = "\n# AIComposer\n\nAIComposer is a Markdown prompt composer built on the existing `RichTextInput`, `VoiceInput`, file-acceptance helpers, `SortableList`, `ScrollArea`, and `AIFilePreview`. It adds AI command, mention, reference, and skill tokens; optional voice capture; raw or managed files; queue editing; steering; submit/stop state; and optional `AIConversation` integration without owning transport.\n\n## Requires\n\nAIComposer embeds RichTextInput, which is built on Lexical. Those packages are optional peer dependencies of entasis, so install them alongside it:\n\n`pnpm add lexical @lexical/history @lexical/link @lexical/list @lexical/markdown @lexical/rich-text @lexical/selection @lexical/utils`\n\n## Import\n\n```svelte\n<script lang=\"ts\">\n  import {\n    AIComposer,\n    type AIComposerAttachment,\n    type AIComposerCommand,\n    type AIComposerHandle,\n    type AIComposerMentionItem,\n    type AIComposerQueuedMessage,\n    type AIComposerSkillItem,\n    type AIComposerSubmitPayload\n  } from './index.ts';\n</script>\n```\n\n## State and defaults\n\n- `value`, `files`, `attachments`, and `queue` are bindable.\n- Omitted `value`, `files`, `attachments`, `busy`, and labels inherit from the nearest `AIConversation`. A supplied direct prop always wins.\n- `defaultValue` initializes an uncontrolled draft once; `onValueChange` reports each library edit once and stays silent for parent updates.\n- Provider queue synchronization is signature-based and idempotent. It never compares proxy queue objects to their raw counterparts.\n\n## Submission\n\n`onSubmit` receives `AIComposerSubmitPayload`: display `markdown`, model-ready `modelInput`, raw files, attachment records, normalized tokens, and command/file/mention/reference/skill id lists. Every submitted token has serialized MDX-style `markdown`.\n\n```svelte\n<AIComposer\n  commands={[\n    {\n      id: 'summarize',\n      label: 'Summarize',\n      prompt: 'Summarize the request and preserve decisions and risks.'\n    }\n  ]}\n  onSubmit={({ markdown, modelInput, tokens, files }) =>\n    sendPrompt({ markdown, modelInput, tokens, files })}\n/>\n```\n\nEnter sends and Shift+Enter inserts a newline (`submitShortcut` defaults to `'enter'`; pass `'none'` to make Enter a newline). When no direct submit callback is supplied, the nearest conversation receives a user message. Either way the draft clears once the send succeeds: a direct `onSubmit` clears it when it returns or its promise resolves, and keeps it when it throws or rejects, showing the error as a danger alert. Focus returns to the editor after every send that started in the composer (Enter, the send button even in Safari, the Queue button, or committing a queued edit), so the next message can be typed straight away. `onStop` overrides `conversation.requestStop()`; stop failures are also visible.\n\nThe handle's `submit(text?)` sends the current draft, or `text` in its place, through the same path (queueing while busy) and focuses the editor; use it for submit-on-select prompt suggestions. For fill-on-select, set the input and call `focus()`: it lands in the editor with the caret after the new text, even when the value changed in the same tick.\n\n## Trigger sources\n\n- `commands` drives `/`; it accepts a Svelte Pro-compatible command array or a trigger-source object.\n- `mentionItems` is the compatibility list for files, references, and skills.\n- `mentions` and `references` compose into `@`; `skills` drives `$`.\n- Trigger-source objects support items, title, empty copy, grouping, token-kind resolution, custom token conversion, sync/async search, and selection.\n- Compatibility callbacks are `onCommandSearch`, `onMentionSearch`, and `onSkillSearch`. Mention search receives `{ query, type }`; skill search falls back to `onMentionSearch({ query, type: 'skill' })`.\n- Synchronous searches stay synchronous. Promise searches expose loading/error/request state through the reused RichTextInput lifecycle and ignore stale responses.\n- A trigger source's `onSelect({ item, context })` is the pick event. The per-kind\n  `onCommandInsert`, `onMentionInsert`, and `onSkillInsert` callbacks run after the token is\n  inserted, so they are named for the insertion rather than the pick: `onSelect` is reserved for\n  \"the user picked this item\" and one component cannot own three of them.\n- Those callbacks and `onSuggestionOpen`, `onSuggestionClose`, `onSuggestionQueryChange`, and `onSuggestionHighlightChange` receive normalized source/lifecycle data.\n\n## Files and attachments\n\nSet `fileDropzone` to enable the chooser, paste, and drag-and-drop intake. The composer delegates to the shared `FileDropzone`, exposes `data-file-drag-state=\"potential | valid | invalid\"`, and renders a default overlay while a file drag is active. Override its copy with `dropLabel` and `dropInvalidLabel`, or replace the overlay content through the `dropzone` slot, which receives `{ state, files, accept, multiple, maxFiles, maxFileSize }`. `fileMultiple`, accepted types, maximum count, and maximum bytes use the shared file acceptance rules and report detailed rejections through `onFileReject`.\n\nWith only `files`, the composer uses raw `File[]`. Supplying `attachments`, an attachment callback, or conversation attachment state activates managed attachments. Managed records use `pending | uploading | uploaded | failed`, keep stable ids across queue edits, show `previewUrl` or `remoteUrl`, and expose add/retry/remove callbacks. Retry failures render as an alert. Rejected files show a short, localized note that names the file and what to attach instead (\"notes.txt isn't supported \u2014 use images or PDF\", built from `accept`), with a dismiss button; it clears itself after a few seconds (a repeated rejection restarts that timer) or on the next accepted file. The note lives in an always-mounted `role=\"status\"` region so screen readers announce each rejection. With `fileMultiple={false}` the limit note reads one file.\n\n## Voice input\n\nSet `voiceInput` to render the existing VoiceInput primitive before the submit control. `voiceInputVariant` is `compact | expandable` and defaults to `compact`. The expandable presentation grows into the remaining footer width while recording; compact remains a mic-sized control.\n\nConfigure capture with `voiceInputMinDuration`, `voiceInputMaxDuration`, `voiceInputColor`, the accessible labels, and `voiceInputTheme`.\n\n`onVoiceInput` is the only voice lifecycle callback. It receives the finalized recording as an `ArrayBuffer` and must return a promise. AIComposer clears the internal recording before playback can render and replaces the voice control with a spinner until the promise settles. Callback failures render on the voice field. AIComposer remains transport-free: the callback owns transcription, upload, or any other application workflow. Replacing the complete `footer` also replaces the integrated voice control.\n\n```svelte\n<AIComposer\n  voiceInput\n  voiceInputVariant=\"expandable\"\n  onVoiceInput={(audioBuffer) => transcribe(audioBuffer)}\n/>\n```\n\n## Queue\n\nWhen `busy` and `queueWhileBusy` are true, submission creates a flat `AIComposerQueuedMessage` and clears the draft. While busy the footer shows a solid stop button in the send position and, once the draft is not empty, a \"Queue message\" button next to it. Queue rows can be reordered, steered (a steered row carries a \"Steering\" badge), edited, restored, cancelled, or have editing cancelled; Escape in the composer cancels an edit unless the suggestion popup handled it; cancelling an edit, by Escape or its button, keeps focus in the editor. Long queued messages truncate inside the composer. The lifecycle callbacks are:\n\n- `onQueueChange`\n- `onQueuedMessageAdd`, `onQueuedMessageCancel`\n- `onQueuedMessageEditStart`, `onQueuedMessageEditCommit`, `onQueuedMessageEditCancel`\n- `onQueuedMessageReorder`, `onSteer`\n\nSingle-message queue callbacks receive `{ message, index }`; edit commits also include `previousMessage`.\n\nAIComposer does not automatically drain the queue when `busy` becomes false. Missing queue targets throw instead of reporting a false success.\n\n## Editor and composition\n\n`submitShortcut` is `none | enter | shift-enter | command-enter` and defaults to `enter`. `toolbar` is `hover | fixed | both | none` and defaults to `none` (no formatting chrome in a chat composer; Markdown shortcuts still work); `formats` and `autoresize` are forwarded to RichTextInput.\n\nThe / @ $ menus show an item's `path` (files and references) or else its `description` as a second line and a leading icon per kind when the item has none. Inline tokens are tinted by kind: commands primary, mentions info, skills success, files and references neutral.\n\n`header`, `prefix`, `suffix`, and `modelSelector` are content slots. `dropzone` customizes the active file-drop overlay. `footerStart`, `actions`, and replacement `footer` receive `{ value, files, attachments, isEmpty, isBusy }`. The default footer puts the attach button at the far start, then `footerStart`; the end holds custom `actions`, the `modelSelector` slot, voice input and the send/stop control, which is always last and keeps priority when the footer is tight. The voice button carries an accessible name only (`voiceInputAriaLabel`), no visible label.\n\nThe component handle exposes `submit`, `focus`, `clear`, `insertText`, `insertItem`, `insertToken`, `insertCommand`, `insertMention`, `insertReference`, and `insertSkill`. `clear()` clears editor Markdown and token metadata, not attached files.\n\n## Look and layout\n\nThe composer is a raised card (raised surface, hairline border, soft lift) that reads on any chat surface. It caps its width at the CSS variable `--ai-chat-content-width` when an ancestor sets it (AIChat does) and centres itself; without the variable it spans its container. The focus ring shows only while the editor has focus, not when a footer button does. On a narrow composer (below 28rem) or a touch screen, editor text steps up to 16px (no iOS focus zoom) and footer buttons, including the voice-input mic, grow to the 36px control height.\n\nThe root accepts native form attributes plus bindable `ref`, `class`, and `theme`; a native `onkeydown` runs before the built-in Escape handling and `preventDefault()` cancels it. Theme parts cover root, dropzone/dropzone icon, header, files, file rows, body, editor, toolbar, errors, the rejected-file `notice`, footer/actions, the voice-input region, and every queue region including `queueBadge` and `queueFiles`. `voiceInputTheme` is forwarded to the reused VoiceInput primitive.\n";
+export declare const aiComposerDescription = "\n# AIComposer\n\nAIComposer is a Markdown prompt composer built on the existing `RichTextInput`, `VoiceInput`, file-acceptance helpers, `SortableList`, `ScrollArea`, and `AIFilePreview`. It adds AI command, mention, reference, and skill tokens; optional voice capture; raw or managed files; queue editing; steering; submit/stop state; and optional `AIConversation` integration without owning transport.\n\n## Requires\n\nAIComposer embeds RichTextInput, which is built on Lexical. Those packages are optional peer dependencies of entasis, so install them alongside it:\n\n`pnpm add lexical @lexical/history @lexical/link @lexical/list @lexical/markdown @lexical/rich-text @lexical/selection @lexical/utils`\n\n## Import\n\n```svelte\n<script lang=\"ts\">\n  import {\n    AIComposer,\n    type AIComposerAttachment,\n    type AIComposerCommand,\n    type AIComposerHandle,\n    type AIComposerMentionItem,\n    type AIComposerQueuedMessage,\n    type AIComposerSkillItem,\n    type AIComposerSubmitPayload\n  } from './index.ts';\n</script>\n```\n\n## State and defaults\n\n- `value`, `files`, `attachments`, and `queue` are bindable.\n- Omitted `value`, `files`, `attachments`, `busy`, and labels inherit from the nearest `AIConversation`. A supplied direct prop always wins.\n- `defaultValue` initializes an uncontrolled draft once; `onValueChange` reports each library edit once and stays silent for parent updates.\n- Provider queue synchronization is signature-based and idempotent. It never compares proxy queue objects to their raw counterparts.\n\n## Submission\n\n`onSubmit` receives `AIComposerSubmitPayload`: display `markdown`, model-ready `modelInput`, raw files, attachment records, normalized tokens, and command/file/mention/reference/skill id lists. Every submitted token has serialized MDX-style `markdown`.\n\n```svelte\n<AIComposer\n  commands={[\n    {\n      id: 'summarize',\n      label: 'Summarize',\n      prompt: 'Summarize the request and preserve decisions and risks.'\n    }\n  ]}\n  onSubmit={({ markdown, modelInput, tokens, files }) =>\n    sendPrompt({ markdown, modelInput, tokens, files })}\n/>\n```\n\nEnter sends and Shift+Enter inserts a newline (`submitShortcut` defaults to `'enter'`; pass `'none'` to make Enter a newline). When no direct submit callback is supplied, the nearest conversation receives a user message. Either way the draft clears once the send succeeds: a direct `onSubmit` clears it when it returns or its promise resolves, and keeps it when it throws or rejects, showing the error as a danger alert. Focus returns to the editor after every send that started in the composer (Enter, the send button even in Safari, the Queue button, or committing a queued edit), so the next message can be typed straight away. `onStop` overrides `conversation.requestStop()`; stop failures are also visible.\n\nThe handle's `submit(text?)` sends the current draft, or `text` in its place, through the same path (queueing while busy) and focuses the editor; use it for submit-on-select prompt suggestions. For fill-on-select, set the input and call `focus()`: it lands in the editor with the caret after the new text, even when the value changed in the same tick.\n\n## Trigger sources\n\n- `commands` drives `/`; it accepts a Svelte Pro-compatible command array or a trigger-source object.\n- `mentionItems` is the compatibility list for files, references, and skills.\n- `mentions` and `references` compose into `@`; `skills` drives `$`.\n- Trigger-source objects support items, title, empty copy, grouping, token-kind resolution, custom token conversion, sync/async search, and selection.\n- Compatibility callbacks are `onCommandSearch`, `onMentionSearch`, and `onSkillSearch`. Mention search receives `{ query, type }`; skill search falls back to `onMentionSearch({ query, type: 'skill' })`.\n- Synchronous searches stay synchronous. Promise searches expose loading/error/request state through the reused RichTextInput lifecycle and ignore stale responses.\n- A trigger source's `onSelect({ item, context })` is the pick event. The per-kind\n  `onCommandInsert`, `onMentionInsert`, and `onSkillInsert` callbacks run after the token is\n  inserted, so they are named for the insertion rather than the pick: `onSelect` is reserved for\n  \"the user picked this item\" and one component cannot own three of them.\n- Those callbacks and `onSuggestionOpen`, `onSuggestionClose`, `onSuggestionQueryChange`, and `onSuggestionHighlightChange` receive normalized source/lifecycle data.\n\n## Files and attachments\n\nSet `fileDropzone` to enable the chooser, paste, and drag-and-drop intake. The composer delegates to the shared `FileDropzone`, exposes `data-file-drag-state=\"potential | valid | invalid\"`, and renders a default overlay while a file drag is active. Override its copy with `dropLabel` and `dropInvalidLabel`, or replace the overlay content through the `dropzone` slot, which receives `{ state, files, accept, multiple, maxFiles, maxFileSize }`. `fileMultiple`, accepted types, maximum count, and maximum bytes use the shared file acceptance rules and report detailed rejections through `onFileReject`.\n\nWith only `files`, the composer uses raw `File[]`. Supplying `attachments`, an attachment callback, or conversation attachment state activates managed attachments. Managed records use `pending | uploading | uploaded | failed`, keep stable ids across queue edits, show `previewUrl` or `remoteUrl`, and expose add/retry/remove callbacks. Retry failures render as an alert. Rejected files show a short, localized note that names the file and what to attach instead (\"notes.txt isn't supported \u2014 use images or PDF\", built from `accept`), with a dismiss button; it clears itself after a few seconds (a repeated rejection restarts that timer) or on the next accepted file. The note lives in an always-mounted `role=\"status\"` region so screen readers announce each rejection. With `fileMultiple={false}` the limit note reads one file.\n\n## Voice input\n\nSet `voiceInput` to render the existing VoiceInput primitive before the submit control. `voiceInputVariant` is `compact | expandable` and defaults to `compact`. The expandable presentation grows into the remaining footer width while recording; compact remains a mic-sized control.\n\nConfigure capture with `voiceInputMinDuration`, `voiceInputMaxDuration`, `voiceInputColor`, the accessible labels, and `voiceInputTheme`.\n\n`onVoiceInput` is the only voice lifecycle callback. It receives the finalized recording as an `ArrayBuffer` and must return a promise. AIComposer clears the internal recording before playback can render and replaces the voice control with a spinner until the promise settles. Callback failures, a denied microphone and recording failures render in the composer's error banner (the same one file and submit errors use); the voice control stays mic-sized, and the next recording clears the message. AIComposer remains transport-free: the callback owns transcription, upload, or any other application workflow. Replacing the complete `footer` also replaces the integrated voice control.\n\n```svelte\n<AIComposer\n  voiceInput\n  voiceInputVariant=\"expandable\"\n  onVoiceInput={(audioBuffer) => transcribe(audioBuffer)}\n/>\n```\n\n## Queue\n\nWhen `busy` and `queueWhileBusy` are true, submission creates a flat `AIComposerQueuedMessage` and clears the draft. While busy the footer shows a solid stop button in the send position and, once the draft is not empty, a \"Queue message\" button next to it. Queue rows can be reordered, steered (a steered row carries a \"Steering\" badge), edited, restored, cancelled, or have editing cancelled; Escape in the composer cancels an edit unless the suggestion popup handled it; cancelling an edit, by Escape or its button, keeps focus in the editor. Long queued messages truncate inside the composer. The lifecycle callbacks are:\n\n- `onQueueChange`\n- `onQueuedMessageAdd`, `onQueuedMessageCancel`\n- `onQueuedMessageEditStart`, `onQueuedMessageEditCommit`, `onQueuedMessageEditCancel`\n- `onQueuedMessageReorder`, `onSteer`\n\nSingle-message queue callbacks receive `{ message, index }`; edit commits also include `previousMessage`.\n\nAIComposer does not automatically drain the queue when `busy` becomes false. Missing queue targets throw instead of reporting a false success.\n\n## Editor and composition\n\n`submitShortcut` is `none | enter | shift-enter | command-enter` and defaults to `enter`. `toolbar` is `hover | fixed | both | none` and defaults to `none` (no formatting chrome in a chat composer; Markdown shortcuts still work); `formats` and `autoresize` are forwarded to RichTextInput.\n\nThe / @ $ menus show an item's `path` (files and references) or else its `description` as a second line and a leading icon per kind when the item has none. Inline tokens are tinted by kind: commands primary, mentions info, skills success, files and references neutral.\n\n`header`, `prefix`, `suffix`, and `modelSelector` are content slots. `dropzone` customizes the active file-drop overlay. `footerStart`, `actions`, and replacement `footer` receive `{ value, files, attachments, isEmpty, isBusy }`. The default footer puts the attach button at the far start, then `footerStart`; the end holds custom `actions`, the `modelSelector` slot, voice input and the send/stop control, which is always last and keeps priority when the footer is tight. The voice button carries an accessible name only (`voiceInputAriaLabel`), no visible label.\n\nThe component handle exposes `submit`, `focus`, `clear`, `insertText`, `insertItem`, `insertToken`, `insertCommand`, `insertMention`, `insertReference`, and `insertSkill`. `clear()` clears editor Markdown and token metadata, not attached files.\n\n## Look and layout\n\nThe composer is a raised card (raised surface, hairline border, soft lift) that reads on any chat surface. It caps its width at the CSS variable `--ai-chat-content-width` when an ancestor sets it (AIChat does) and centres itself; without the variable it spans its container. The focus ring shows only while the editor has focus, not when a footer button does. On a narrow composer (below 28rem) or a touch screen, editor text steps up to 16px (no iOS focus zoom) and footer buttons, including the voice-input mic, grow to the 36px control height.\n\nThe root accepts native form attributes plus bindable `ref`, `class`, and `theme`; a native `onkeydown` runs before the built-in Escape handling and `preventDefault()` cancels it. Theme parts cover root, dropzone/dropzone icon, header, files, file rows, body, editor, toolbar, errors, the rejected-file `notice`, footer/actions, the voice-input region, and every queue region including `queueBadge` and `queueFiles`. `voiceInputTheme` is forwarded to the reused VoiceInput primitive.\n";

package/dist/components/AIComposer/aiComposer.mcp.js

@@ -81,7 +81,7 @@ Set \`voiceInput\` to render the existing VoiceInput primitive before the submit
 
 Configure capture with \`voiceInputMinDuration\`, \`voiceInputMaxDuration\`, \`voiceInputColor\`, the accessible labels, and \`voiceInputTheme\`.
 
-\`onVoiceInput\` is the only voice lifecycle callback. It receives the finalized recording as an \`ArrayBuffer\` and must return a promise. AIComposer clears the internal recording before playback can render and replaces the voice control with a spinner until the promise settles. Callback failures render on the voice field. AIComposer remains transport-free: the callback owns transcription, upload, or any other application workflow. Replacing the complete \`footer\` also replaces the integrated voice control.
+\`onVoiceInput\` is the only voice lifecycle callback. It receives the finalized recording as an \`ArrayBuffer\` and must return a promise. AIComposer clears the internal recording before playback can render and replaces the voice control with a spinner until the promise settles. Callback failures, a denied microphone and recording failures render in the composer's error banner (the same one file and submit errors use); the voice control stays mic-sized, and the next recording clears the message. AIComposer remains transport-free: the callback owns transcription, upload, or any other application workflow. Replacing the complete \`footer\` also replaces the integrated voice control.
 
 \`\`\`svelte
 <AIComposer

package/dist/components/AIComposer/aiComposer.theme.d.ts

@@ -1,189 +1,189 @@
 import { type InferComponentTheme } from '../../utils/cva/index.js';
 export declare const aiComposerTheme: {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    root: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         dragState: {
             idle: string;
             potential: string;
             valid: string;
             invalid: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    dropzone: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    dropzone: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         state: {
             idle: string;
             potential: string;
             valid: string;
             invalid: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    dropzoneIcon: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    header: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    files: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    body: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    editor: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    dropzoneIcon: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    header: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    files: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    body: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    editor: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         autoresize: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    toolbar: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    file: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    error: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    notice: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    toolbar: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    file: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    error: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    notice: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         empty: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    footer: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    actions: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    footer: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    actions: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         side: {
             start: string;
             end: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    voiceInput: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    voiceInput: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             compact: string;
             expandable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    queue: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueEditing: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueList: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueItem: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    queue: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueEditing: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueList: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueItem: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         steered: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    queueBadge: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueFiles: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueText: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    queueBadge: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueFiles: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueText: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
 };
 export type AIComposerTheme = typeof aiComposerTheme;
 export type AIComposerThemeProps = InferComponentTheme<AIComposerTheme>;
 export declare const setAIComposerTheme: (theme: InferComponentTheme<{
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    root: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         dragState: {
             idle: string;
             potential: string;
             valid: string;
             invalid: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    dropzone: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    dropzone: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         state: {
             idle: string;
             potential: string;
             valid: string;
             invalid: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    dropzoneIcon: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    header: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    files: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    body: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    editor: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    dropzoneIcon: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    header: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    files: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    body: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    editor: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         autoresize: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    toolbar: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    file: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    error: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    notice: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    toolbar: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    file: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    error: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    notice: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         empty: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    footer: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    actions: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    footer: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    actions: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         side: {
             start: string;
             end: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    voiceInput: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    voiceInput: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             compact: string;
             expandable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    queue: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueEditing: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueList: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueItem: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    queue: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueEditing: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueList: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueItem: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         steered: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    queueBadge: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueFiles: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueText: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    queueBadge: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueFiles: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueText: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
 }>) => void;
-export declare const useAIComposerTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+export declare const useAIComposerTheme: import("../../utils/cva/theme.ts").UseComponentTheme<{
+    root: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         dragState: {
             idle: string;
             potential: string;
             valid: string;
             invalid: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    dropzone: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    dropzone: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         state: {
             idle: string;
             potential: string;
             valid: string;
             invalid: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    dropzoneIcon: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    header: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    files: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    body: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    editor: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    dropzoneIcon: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    header: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    files: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    body: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    editor: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         autoresize: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    toolbar: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    file: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    error: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    notice: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    toolbar: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    file: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    error: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    notice: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         empty: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    footer: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    actions: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    footer: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    actions: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         side: {
             start: string;
             end: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    voiceInput: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    voiceInput: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             compact: string;
             expandable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    queue: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueEditing: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueList: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueItem: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    queue: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueEditing: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueList: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueItem: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         steered: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    queueBadge: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueFiles: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    queueText: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    queueBadge: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueFiles: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    queueText: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
 }>;

package/dist/components/AIContext/AIContext.svelte

@@ -65,6 +65,11 @@
 		formattedRemaining: formatTokens(remainingTokens),
 		labels: resolvedLabels
 	});
+	// What the trigger shows; its accessible name starts with it so a speech user can say it
+	// (WCAG 2.5.3, axe label-content-name-mismatch).
+	const triggerText = $derived(
+		compact ? `${Math.round(clampedPercent)}%` : `${state.formattedUsed} / ${state.formattedMax}`
+	);
 	const rows = $derived(
 		[
 			{
@@ -130,11 +135,11 @@
 			data-slot="ai-context-trigger"
 			data-compact={compact || undefined}
 			data-tone={tone}
-			aria-label={resolvedLabels.label(
+			aria-label={`${triggerText}, ${resolvedLabels.label(
 				state.formattedUsed,
 				state.formattedMax,
 				state.formattedRemaining
-			)}
+			)}`}
 			class={classes.trigger({ compact, tone })}
 		>
 			<ProgressCircle
@@ -146,10 +151,10 @@
 			/>
 			{#if compact}
 				<span data-slot="ai-context-trigger-percent" class={classes.triggerPercent()}
-					>{Math.round(clampedPercent)}%</span
+					>{triggerText}</span
 				>
 			{:else}
-				<span class={classes.triggerValue()}>{state.formattedUsed} / {state.formattedMax}</span>
+				<span class={classes.triggerValue()}>{triggerText}</span>
 			{/if}
 		</button>
 	{/if}

package/dist/components/AIContext/aiContext.theme.d.ts

@@ -1,10 +1,10 @@
 import { type InferComponentTheme } from '../../utils/cva/index.js';
 export declare const aiContextTheme: {
-    root: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    popover: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    card: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    cardContent: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    trigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    root: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    popover: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    card: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    cardContent: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    trigger: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         compact: {
             true: string;
             false: string;
@@ -14,36 +14,36 @@ export declare const aiContextTheme: {
             warning: string;
             danger: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    progress: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    triggerValue: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    triggerPercent: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    content: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    summary: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    title: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    remaining: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    percent: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    meter: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    bar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    progress: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    triggerValue: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    triggerPercent: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    content: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    summary: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    title: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    remaining: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    percent: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    meter: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    bar: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         tone: {
             default: string;
             warning: string;
             danger: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    rows: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    row: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    rowLabel: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    rowValue: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    rows: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    row: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    rowLabel: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    rowValue: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
 };
 export type AIContextTheme = typeof aiContextTheme;
 export type AIContextThemeProps = InferComponentTheme<AIContextTheme>;
 export declare const setAIContextTheme: (theme: InferComponentTheme<{
-    root: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    popover: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    card: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    cardContent: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    trigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    root: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    popover: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    card: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    cardContent: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    trigger: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         compact: {
             true: string;
             false: string;
@@ -53,34 +53,34 @@ export declare const setAIContextTheme: (theme: InferComponentTheme<{
             warning: string;
             danger: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    progress: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    triggerValue: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    triggerPercent: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    content: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    summary: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    title: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    remaining: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    percent: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    meter: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    bar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    progress: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    triggerValue: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    triggerPercent: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    content: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    summary: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    title: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    remaining: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    percent: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    meter: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    bar: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         tone: {
             default: string;
             warning: string;
             danger: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    rows: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    row: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    rowLabel: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    rowValue: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    rows: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    row: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    rowLabel: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    rowValue: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
 }>) => void;
-export declare const useAIContextTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
-    root: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    popover: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    card: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    cardContent: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    trigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+export declare const useAIContextTheme: import("../../utils/cva/theme.ts").UseComponentTheme<{
+    root: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    popover: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    card: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    cardContent: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    trigger: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         compact: {
             true: string;
             false: string;
@@ -90,25 +90,25 @@ export declare const useAIContextTheme: import("../../utils/cva/theme.js").UseCo
             warning: string;
             danger: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    progress: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    triggerValue: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    triggerPercent: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    content: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    summary: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    title: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    remaining: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    percent: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    meter: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    bar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    progress: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    triggerValue: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    triggerPercent: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    content: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    summary: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    title: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    remaining: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    percent: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    meter: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    bar: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         tone: {
             default: string;
             warning: string;
             danger: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    rows: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    row: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    rowLabel: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    rowValue: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    rows: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    row: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    rowLabel: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    rowValue: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
 }>;

package/dist/components/AIConversation/AIConversation.svelte.d.ts

@@ -3,7 +3,7 @@ import type { AIConversationProps } from './aiConversation.props.js';
 declare function $$render<TMessage extends AIThreadItem = AIThreadItem>(): {
     props: AIConversationProps<TMessage>;
     exports: {};
-    bindings: "error" | "attachments" | "files" | "messages" | "suggestions" | "status" | "api" | "streaming" | "queuedMessage" | "currentInput" | "liveText" | "contextUsage" | "selectedModel" | "activeAskUserQuestion";
+    bindings: "error" | "messages" | "files" | "suggestions" | "status" | "api" | "streaming" | "currentInput" | "attachments" | "selectedModel" | "liveText" | "queuedMessage" | "contextUsage" | "activeAskUserQuestion";
     slots: {};
     events: {};
 };
@@ -11,7 +11,7 @@ declare class __sveltets_Render<TMessage extends AIThreadItem = AIThreadItem> {
     props(): ReturnType<typeof $$render<TMessage>>['props'];
     events(): ReturnType<typeof $$render<TMessage>>['events'];
     slots(): ReturnType<typeof $$render<TMessage>>['slots'];
-    bindings(): "error" | "attachments" | "files" | "messages" | "suggestions" | "status" | "api" | "streaming" | "queuedMessage" | "currentInput" | "liveText" | "contextUsage" | "selectedModel" | "activeAskUserQuestion";
+    bindings(): "error" | "messages" | "files" | "suggestions" | "status" | "api" | "streaming" | "currentInput" | "attachments" | "selectedModel" | "liveText" | "queuedMessage" | "contextUsage" | "activeAskUserQuestion";
     exports(): {};
 }
 interface $$IsomorphicComponent {