@astryx-vue/core 0.3.0 → 0.4.1

package/dist/Chat/index.js

@@ -1,2 +1,2 @@
-import { C as useChatLayoutContext, D as pastedTextLabel, E as PASTE_TOKEN_THRESHOLD, O as useChatPasteAsToken, S as useChatComposerContext, T as useChatMessageContext, _ as _sfc_main$1, a as _sfc_main$15, b as _sfc_main$2, c as _sfc_main$11, d as _sfc_main$8, f as _sfc_main$7, g as _sfc_main$3, h as _sfc_main$4, i as _sfc_main$16, l as _sfc_main$10, m as _sfc_main$6, n as useSpeechRecognition, o as _sfc_main$14, p as _sfc_main$5, r as _sfc_main$17, s as _sfc_main$13, t as useChatDictation, u as _sfc_main$9, v as _sfc_main, w as useChatListContext, x as useChatComposerTokens, y as _sfc_main$12 } from "../Chat-Bmna9EOA.js";
+import { C as useChatLayoutContext, D as pastedTextLabel, E as PASTE_TOKEN_THRESHOLD, O as useChatPasteAsToken, S as useChatComposerContext, T as useChatMessageContext, _ as _sfc_main$1, a as _sfc_main$15, b as _sfc_main$2, c as _sfc_main$11, d as _sfc_main$8, f as _sfc_main$7, g as _sfc_main$3, h as _sfc_main$4, i as _sfc_main$16, l as _sfc_main$10, m as _sfc_main$6, n as useSpeechRecognition, o as _sfc_main$14, p as _sfc_main$5, r as _sfc_main$17, s as _sfc_main$13, t as useChatDictation, u as _sfc_main$9, v as _sfc_main, w as useChatListContext, x as useChatComposerTokens, y as _sfc_main$12 } from "../Chat-DD_mlIP3.js";
 export { _sfc_main as ChatComposer, _sfc_main$1 as ChatComposerDrawer, _sfc_main$2 as ChatComposerInput, _sfc_main$3 as ChatComposerTokenElement, _sfc_main$4 as ChatDictationButton, _sfc_main$5 as ChatLayout, _sfc_main$6 as ChatLayoutScrollButton, _sfc_main$7 as ChatMessage, _sfc_main$8 as ChatMessageBubble, _sfc_main$9 as ChatMessageList, _sfc_main$10 as ChatMessageMetadata, _sfc_main$11 as ChatReasoning, _sfc_main$12 as ChatSendButton, _sfc_main$13 as ChatSystemMessage, _sfc_main$14 as ChatTokenizedText, _sfc_main$15 as ChatToolCalls, _sfc_main$16 as ChatTypingIndicator, _sfc_main$17 as ChatUnreadDivider, PASTE_TOKEN_THRESHOLD, pastedTextLabel, useChatComposerContext, useChatComposerTokens, useChatDictation, useChatLayoutContext, useChatListContext, useChatMessageContext, useChatPasteAsToken, useSpeechRecognition };

package/dist/{Chat-Bmna9EOA.js → Chat-DD_mlIP3.js}

@@ -1,16 +1,20 @@
+import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
 import { t as _sfc_main$24 } from "./VisuallyHidden-C7NN3VEP.js";
-import { t as _sfc_main$25 } from "./Button-B6Hj_O_s.js";
-import { t as useAnnounce } from "./announce-Cnio10Wk.js";
+import { t as _sfc_main$25 } from "./Button-ONOoHdkg.js";
+import { t as useAnnounce } from "./announce-B210eJVf.js";
 import { r as useChatNewMessages, t as useChatStreamScroll } from "./useChatStreamScroll-oDfybEos.js";
-import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-Cru9_00b.js";
-import { a as useAstryxLocale, o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { a as isImeKeyEvent } from "./layerDepth-CNDh-IHb.js";
+import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-B7cvG-_v.js";
+import { n as isKeyboardModality, r as trackInteractionModality } from "./interactionModality-ACpTMhak.js";
+import { t as _sfc_main$26 } from "./Icon-KDnUyY7f.js";
+import { o as useAstryxLocale, s as useAstryxMessages } from "./context-CM-cjGg_.js";
 import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
-import { t as _sfc_main$26 } from "./Badge-CjDQPF5g.js";
-import { t as _sfc_main$27 } from "./Icon-bteSId7T.js";
-import { t as _sfc_main$28 } from "./Divider-BtwnL18I.js";
-import { t as _sfc_main$29 } from "./HoverCard-ycY50pRN.js";
-import { t as _sfc_main$30 } from "./Spinner-9cYUCnDy.js";
+import { t as _sfc_main$27 } from "./Badge-CjDQPF5g.js";
+import { t as _sfc_main$28 } from "./Divider-mOZ6vIQw.js";
+import { t as _sfc_main$29 } from "./HoverCard-BpJhT0sn.js";
+import { t as _sfc_main$30 } from "./Spinner-BY8iQz--.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, mergeModels, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toValue, unref, useId, useModel, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
+import "../styles/layer.css";
 import "../styles/popover.css";
 import "../styles/chat.css";
 //#region src/Chat/useChatPasteAsToken.ts
@@ -64,7 +68,7 @@ const _sfc_main$23 = /*@__PURE__*/ defineComponent({
 					size: "sm",
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("expand"))
 				}, null, 8, ["label"])])])]),
-				default: withCtx(() => [createVNode(_sfc_main$26, {
+				default: withCtx(() => [createVNode(_sfc_main$27, {
 					label: label.value,
 					variant: "neutral"
 				}, null, 8, ["label"])]),
@@ -101,16 +105,16 @@ const _sfc_main$22 = /*@__PURE__*/ defineComponent({
 			return icon && !icon.includes(":") ? icon : void 0;
 		});
 		return (_ctx, _cache) => {
-			return view.value ? (openBlock(), createBlock(resolveDynamicComponent(view.value), { key: 0 })) : badge.value ? (openBlock(), createBlock(_sfc_main$26, {
+			return view.value ? (openBlock(), createBlock(resolveDynamicComponent(view.value), { key: 0 })) : badge.value ? (openBlock(), createBlock(_sfc_main$27, {
 				key: 1,
 				label: badge.value.label ?? badge.value.value,
 				variant: badge.value.variant
 			}, createSlots({ _: 2 }, [iconName.value || glyph.value ? {
 				name: "icon",
-				fn: withCtx(() => [iconName.value ? (openBlock(), createBlock(_sfc_main$27, {
+				fn: withCtx(() => [iconName.value ? (openBlock(), createBlock(_sfc_main$26, {
 					key: 0,
 					name: iconName.value
-				}, null, 8, ["name"])) : (openBlock(), createBlock(_sfc_main$27, {
+				}, null, 8, ["name"])) : (openBlock(), createBlock(_sfc_main$26, {
 					key: 1,
 					icon: glyph.value
 				}, null, 8, ["icon"]))]),
@@ -158,6 +162,10 @@ function groupSearchItems(items) {
 		items: ungrouped
 	}] : named;
 }
+/** Same order as the rendered options: named groups first, ungrouped last. */
+function flattenSearchItems(items) {
+	return groupSearchItems(items).flatMap((group) => group.items);
+}
 //#endregion
 //#region src/Chat/ChatTriggerMenu.vue
 const _hoisted_1$18 = ["id", "aria-label"];
@@ -250,7 +258,7 @@ const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 			container: surfaceRef,
 			trigger: anchorWritable,
 			isEnabled: open,
-			enableEscape: computed(() => false),
+			dismissOnEscape: "ignore",
 			onDismiss: () => emit("dismiss")
 		});
 		const groups = computed(() => groupSearchItems(props.items));
@@ -351,13 +359,13 @@ const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 });
 //#endregion
 //#region src/Chat/context.ts
-const chatMessageContextKey = Symbol("astryx-chat-message");
+const chatMessageContextKey = defineLayerScopedKey("astryx-chat-message", void 0);
 function useChatMessageContext() {
-	return inject(chatMessageContextKey, void 0);
+	return readLayerScoped(chatMessageContextKey);
 }
-const chatListContextKey = Symbol("astryx-chat-list");
+const chatListContextKey = defineLayerScopedKey("astryx-chat-list", void 0);
 function useChatListContext() {
-	return inject(chatListContextKey, void 0);
+	return readLayerScoped(chatListContextKey);
 }
 const chatLayoutContextKey = Symbol("astryx-chat-layout");
 function useChatLayoutContext() {
@@ -389,16 +397,6 @@ function wasPropPassed(name) {
 	return Object.hasOwn(props, kebab);
 }
 //#endregion
-//#region src/Chat/ime.ts
-const IME_PROCESSING_KEY_CODE = 229;
-/**
-* Enter and Escape during an IME composition commit the candidate. They are not
-* composer commands. `keyCode` 229 covers engines that have not set `isComposing` yet.
-*/
-function isImeKeyEvent(event) {
-	return event.isComposing === true || event.keyCode === IME_PROCESSING_KEY_CODE;
-}
-//#endregion
 //#region src/Chat/selection.ts
 /**
 * Caret helpers for the contenteditable composer.
@@ -695,8 +693,6 @@ function useComposerHistory(options) {
 		onKeyDown
 	};
 }
-//#endregion
-//#region src/Chat/useTriggerMenu.ts
 function textBeforeCursor(editable) {
 	const selection = window.getSelection();
 	if (!selection || selection.rangeCount === 0 || !selection.getRangeAt(0).collapsed) return null;
@@ -704,22 +700,59 @@ function textBeforeCursor(editable) {
 	if (!editable.contains(range.startContainer) || range.startContainer.nodeType !== Node.TEXT_NODE) return null;
 	return (range.startContainer.textContent ?? "").slice(0, range.startOffset);
 }
-function findActiveTrigger(text, triggers) {
-	for (let index = text.length - 1; index >= 0; index -= 1) {
-		const char = text[index];
-		if (char === " " || char === "\n") return null;
-		for (const trigger of triggers) {
-			if (char !== trigger.character) continue;
-			const previous = index > 0 ? text[index - 1] : null;
-			if (previous === null || previous === " " || previous === "\n") return {
-				trigger,
-				query: text.slice(index + 1),
-				triggerStart: index
-			};
+function caretTextNode(editable) {
+	const selection = window.getSelection();
+	if (!selection || selection.rangeCount === 0) return null;
+	const node = selection.getRangeAt(0).startContainer;
+	return node.nodeType === Node.TEXT_NODE && editable.contains(node) ? node : null;
+}
+function isTriggerBoundary(char) {
+	return char === null || char === " " || char === "	" || char === "\n";
+}
+/**
+* The caret's trigger query.
+* A trigger character starts the text or follows a space, a tab, or a line break.
+* A single-token query ends at a space, a tab, or a line break.
+* A multi-word query ends at a line break, past the length bound, or where the
+* same trigger character starts again. Another trigger's character stays text.
+*/
+function findActiveTrigger(textBefore, triggers) {
+	let active = null;
+	for (let index = 0; index < textBefore.length; index += 1) {
+		const char = textBefore[index];
+		if (char === "\n") {
+			active = null;
+			continue;
+		}
+		if (active && !active.trigger.hasMultiWordQuery) {
+			if (char === " " || char === "	") active = null;
+			continue;
 		}
+		if (active && index - active.triggerStart > 64) active = null;
+		if (!isTriggerBoundary(index > 0 ? textBefore[index - 1] : null)) continue;
+		const trigger = triggers.find((item) => item.character === char);
+		if (!trigger) continue;
+		if (active && trigger.character !== active.trigger.character) continue;
+		active = {
+			trigger,
+			triggerStart: index
+		};
 	}
-	return null;
+	if (!active) return null;
+	const query = textBefore.slice(active.triggerStart + 1);
+	if (active.trigger.hasMultiWordQuery && query.length > 64) return null;
+	return {
+		trigger: active.trigger,
+		query,
+		triggerStart: active.triggerStart
+	};
+}
+/** An unmatched multi-word query hides the menu unless the caller wrote an empty message. */
+function isUnmatchedMultiWordQuery(trigger, items, isLoading) {
+	return trigger?.hasMultiWordQuery === true && trigger.emptySearchText == null && items.length === 0 && !isLoading;
 }
+//#endregion
+//#region src/Chat/useTriggerMenu.ts
 function deleteTriggerText(triggerStart) {
 	const selection = window.getSelection();
 	if (!selection || selection.rangeCount === 0) return;
@@ -739,6 +772,8 @@ function isPromise(value) {
 }
 /**
 * Opens a suggestion list when a trigger character is typed at a word boundary.
+* A trigger may opt into a multi-word query. Results apply only while that
+* query is still the one at the caret.
 */
 function useTriggerMenu(options) {
 	const listboxId = useId();
@@ -748,16 +783,18 @@ function useTriggerMenu(options) {
 		query: "",
 		items: [],
 		highlightedIndex: 0,
-		isLoading: false
+		isLoading: false,
+		isHidden: false
 	});
 	const anchor = ref(null);
 	const keyboardMove = ref(false);
 	let triggerStart = -1;
 	let timer;
 	let requestId = 0;
+	let dismissed = null;
 	const asyncSources = /* @__PURE__ */ new WeakSet();
 	function removeAnchor() {
-		anchor.value?.remove();
+		if (anchor.value?.getAttribute("data-astryx-trigger-anchor") != null) anchor.value.remove();
 		anchor.value = null;
 	}
 	function placeAnchor() {
@@ -792,40 +829,53 @@ function useTriggerMenu(options) {
 		document.body.append(span);
 		anchor.value = span;
 	}
-	function applyItems(items, captured) {
-		if (captured !== requestId) return;
+	function queryStillCurrent(captured, trigger) {
+		if (captured !== requestId) return false;
+		const editable = options.editable.value;
+		const before = editable ? textBeforeCursor(editable) : null;
+		const triggers = options.triggers.value;
+		const found = before == null || !triggers ? null : findActiveTrigger(before, triggers);
+		if (found?.trigger.character !== trigger.character || found.triggerStart !== triggerStart) {
+			reset();
+			return false;
+		}
+		return true;
+	}
+	function applyItems(items, captured, trigger) {
+		if (!queryStillCurrent(captured, trigger)) return;
 		state.items = items;
 		state.highlightedIndex = items.length > 0 ? 0 : -1;
 		state.isLoading = false;
+		state.isHidden = isUnmatchedMultiWordQuery(trigger, items, false);
 	}
-	function runSearch(trigger, query) {
+	function runSearch(trigger, query, captured) {
 		const source = trigger.searchSource;
-		source.cancel?.();
-		const captured = ++requestId;
 		state.isLoading = true;
 		const result = source.search(query);
 		if (isPromise(result)) {
 			asyncSources.add(source);
-			result.then((items) => applyItems(items, captured), () => applyItems([], captured));
+			result.then((items) => applyItems(items, captured, trigger), () => applyItems([], captured, trigger));
 			return;
 		}
-		applyItems(result, captured);
+		applyItems(result, captured, trigger);
 	}
 	function searchItems(trigger, query) {
 		if (timer !== void 0) {
 			clearTimeout(timer);
 			timer = void 0;
 		}
+		const captured = ++requestId;
+		trigger.searchSource.cancel?.();
 		const delay = options.debounceMs?.value ?? 150;
 		if (asyncSources.has(trigger.searchSource) && delay > 0) {
 			state.isLoading = true;
 			timer = setTimeout(() => {
 				timer = void 0;
-				runSearch(trigger, query);
+				runSearch(trigger, query, captured);
 			}, delay);
 			return;
 		}
-		runSearch(trigger, query);
+		runSearch(trigger, query, captured);
 	}
 	function reset() {
 		if (timer !== void 0) {
@@ -836,12 +886,14 @@ function useTriggerMenu(options) {
 		requestId += 1;
 		removeAnchor();
 		triggerStart = -1;
+		dismissed = null;
 		state.isActive = false;
 		state.activeTrigger = null;
 		state.query = "";
 		state.items = [];
 		state.highlightedIndex = 0;
 		state.isLoading = false;
+		state.isHidden = false;
 	}
 	function selectItem(item) {
 		const trigger = state.activeTrigger;
@@ -861,20 +913,28 @@ function useTriggerMenu(options) {
 		if (!triggers || triggers.length === 0 || !editable) return;
 		const before = textBeforeCursor(editable);
 		if (before === null) {
+			dismissed = null;
 			if (state.isActive) reset();
 			return;
 		}
 		const found = findActiveTrigger(before, triggers);
 		if (!found) {
+			dismissed = null;
 			if (state.isActive) reset();
 			return;
 		}
-		if (!state.isActive || state.activeTrigger !== found.trigger) {
+		const remembered = dismissed;
+		if (remembered && remembered.character === found.trigger.character && remembered.triggerStart === found.triggerStart && remembered.textNode !== null && remembered.textNode.isConnected && remembered.textNode === caretTextNode(editable)) {
+			if (found.query.startsWith(remembered.dismissedQuery)) return;
+			dismissed = null;
+		} else dismissed = null;
+		if (!state.isActive || state.activeTrigger?.character !== found.trigger.character || triggerStart !== found.triggerStart) {
 			triggerStart = found.triggerStart;
 			state.isActive = true;
 			state.activeTrigger = found.trigger;
 			state.query = found.query;
 			state.highlightedIndex = 0;
+			state.isHidden = false;
 			placeAnchor();
 			searchItems(found.trigger, found.query);
 			return;
@@ -888,8 +948,33 @@ function useTriggerMenu(options) {
 		keyboardMove.value = true;
 		state.highlightedIndex = next;
 	}
+	function highlightedItem() {
+		return flattenSearchItems(state.items)[state.highlightedIndex];
+	}
+	const isMenuVisible = computed(() => state.isActive && !state.isHidden);
 	function handleKeyDown(event) {
-		if (!state.isActive) return false;
+		if (isImeKeyEvent(event)) return false;
+		if (!isMenuVisible.value) return false;
+		if (event.key === "Escape") {
+			event.preventDefault();
+			const editable = options.editable.value;
+			const nextDismissed = state.activeTrigger ? {
+				character: state.activeTrigger.character,
+				triggerStart,
+				dismissedQuery: state.query,
+				textNode: editable ? caretTextNode(editable) : null
+			} : null;
+			reset();
+			dismissed = nextDismissed;
+			return true;
+		}
+		const hasPickableRows = !state.isLoading && state.items.length > 0;
+		if (!hasPickableRows && (event.key === "ArrowDown" || event.key === "ArrowUp")) {
+			event.preventDefault();
+			return true;
+		}
+		if (!hasPickableRows) return false;
+		if (event.key === "Enter" && event.shiftKey) return false;
 		const last = state.items.length - 1;
 		if (event.key === "ArrowDown") {
 			event.preventDefault();
@@ -902,17 +987,12 @@ function useTriggerMenu(options) {
 			return true;
 		}
 		if (event.key === "Enter" || event.key === "Tab") {
-			const item = state.items[state.highlightedIndex];
+			const item = highlightedItem();
 			if (!item) return false;
 			event.preventDefault();
 			selectItem(item);
 			return true;
 		}
-		if (event.key === "Escape") {
-			event.preventDefault();
-			reset();
-			return true;
-		}
 		return false;
 	}
 	function highlightOnHover(index) {
@@ -930,6 +1010,7 @@ function useTriggerMenu(options) {
 		anchor,
 		keyboardMove,
 		hasTriggers,
+		isMenuVisible,
 		handleInput,
 		handleKeyDown,
 		selectItem,
@@ -1089,8 +1170,9 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 			getValue: readValue
 		};
 		self.value = handle;
+		const menuOpen = computed(() => menu.isMenuVisible.value);
 		const activeDescendant = computed(() => {
-			if (!menu.state.isActive || menu.state.highlightedIndex < 0) return void 0;
+			if (!menuOpen.value || menu.state.highlightedIndex < 0) return void 0;
 			return `${menu.listboxId}-option-${menu.state.highlightedIndex}`;
 		});
 		const menuLabel = computed(() => menu.state.activeTrigger?.menuLabel ?? messages.value.chat.suggestions);
@@ -1126,6 +1208,7 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 				tokens.clearPortals();
 				editable.textContent = "";
 				isEmpty.value = true;
+				menu.reset();
 				publish("");
 				return;
 			}
@@ -1182,6 +1265,7 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 				editable.textContent = next;
 				if (focused) placeCaretAtEnd(editable);
 				isEmpty.value = next.length === 0;
+				menu.handleInput();
 			} else pendingEcho.value = void 0;
 		});
 		onMounted(() => {
@@ -1214,9 +1298,9 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 					"aria-disabled": disabled.value ? "true" : void 0,
 					role: unref(menu).hasTriggers.value ? "combobox" : "textbox",
 					"aria-multiline": unref(menu).hasTriggers.value ? void 0 : "true",
-					"aria-expanded": unref(menu).hasTriggers.value ? unref(menu).state.isActive : void 0,
-					"aria-controls": unref(menu).hasTriggers.value && unref(menu).state.isActive ? unref(menu).listboxId : void 0,
-					"aria-activedescendant": unref(menu).hasTriggers.value && unref(menu).state.isActive ? activeDescendant.value : void 0,
+					"aria-expanded": unref(menu).hasTriggers.value ? menuOpen.value : void 0,
+					"aria-controls": unref(menu).hasTriggers.value && menuOpen.value ? unref(menu).listboxId : void 0,
+					"aria-activedescendant": unref(menu).hasTriggers.value && menuOpen.value ? activeDescendant.value : void 0,
 					"aria-haspopup": unref(menu).hasTriggers.value ? "listbox" : void 0,
 					onInput,
 					onKeydown: onKeyDown,
@@ -1225,7 +1309,7 @@ const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 					onDrop
 				}, null, 44, _hoisted_3$10),
 				createVNode(_sfc_main$21, {
-					open: unref(menu).state.isActive,
+					open: menuOpen.value,
 					anchor: unref(menu).anchor.value,
 					"listbox-id": unref(menu).listboxId,
 					label: menuLabel.value,
@@ -1320,7 +1404,7 @@ const _sfc_main$19 = /*@__PURE__*/ defineComponent({
 				"is-disabled": !stopShown.value && sendDisabled.value,
 				onClick
 			}), {
-				icon: withCtx(() => [stopShown.value ? renderSlot(_ctx.$slots, "stopIcon", {}, () => [createVNode(_sfc_main$27, { icon: "stop" })], void 0, 0) : renderSlot(_ctx.$slots, "sendIcon", {}, () => [createVNode(_sfc_main$27, { icon: "arrowUp" })], void 0, 1)]),
+				icon: withCtx(() => [stopShown.value ? renderSlot(_ctx.$slots, "stopIcon", {}, () => [createVNode(_sfc_main$26, { icon: "stop" })], void 0, 0) : renderSlot(_ctx.$slots, "sendIcon", {}, () => [createVNode(_sfc_main$26, { icon: "arrowUp" })], void 0, 1)]),
 				_: 3
 			}, 16, [
 				"label",
@@ -1332,26 +1416,6 @@ const _sfc_main$19 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-//#region src/Chat/modality.ts
-let modality = "keyboard";
-let listening = false;
-/** Pointer focus must not draw the keyboard ring. `:focus-visible` is not enough: programmatic focus matches it too. */
-function trackInteractionModality() {
-	if (listening || typeof document === "undefined") return;
-	listening = true;
-	document.addEventListener("pointerdown", () => {
-		modality = "pointer";
-	}, true);
-	document.addEventListener("keydown", (event) => {
-		if (event.metaKey || event.altKey || event.ctrlKey) return;
-		modality = "keyboard";
-	}, true);
-}
-function isKeyboardModality() {
-	trackInteractionModality();
-	return modality === "keyboard";
-}
-//#endregion
 //#region src/Chat/ChatComposer.vue
 const _hoisted_1$16 = ["data-disabled", "data-density"];
 const _hoisted_2$11 = ["data-type", "role"];
@@ -1472,7 +1536,7 @@ const _sfc_main$18 = /*@__PURE__*/ defineComponent({
 					"data-place": "top",
 					"data-type": __props.status.type,
 					role: __props.status.type === "error" ? "alert" : "status"
-				}, [createVNode(_sfc_main$27, {
+				}, [createVNode(_sfc_main$26, {
 					icon: __props.status.type === "error" ? "error" : "warning",
 					size: "md",
 					color: __props.status.type === "error" ? "error" : "warning"
@@ -1505,7 +1569,7 @@ const _sfc_main$18 = /*@__PURE__*/ defineComponent({
 					"data-place": "bottom",
 					"data-type": __props.status.type,
 					role: __props.status.type === "error" ? "alert" : "status"
-				}, [createVNode(_sfc_main$27, {
+				}, [createVNode(_sfc_main$26, {
 					icon: __props.status.type === "error" ? "error" : "warning",
 					size: "md",
 					color: __props.status.type === "error" ? "error" : "warning"
@@ -1591,7 +1655,7 @@ const _sfc_main$17 = /*@__PURE__*/ defineComponent({
 				"data-hidden": collapsed.value ? void 0 : "",
 				"aria-hidden": "true",
 				inert: ""
-			}, [renderSlot(_ctx.$slots, "collapsedSummary", {}, () => [createVNode(_sfc_main$26, {
+			}, [renderSlot(_ctx.$slots, "collapsedSummary", {}, () => [createVNode(_sfc_main$27, {
 				variant: "neutral",
 				label: __props.count
 			}, null, 8, ["label"]), createElementVNode("span", _hoisted_4$8, toDisplayString(label.value), 1)])], 8, _hoisted_3$8), createElementVNode("div", {
@@ -1702,7 +1766,7 @@ const _sfc_main$15 = /*@__PURE__*/ defineComponent({
 				onClick: _cache[0] || (_cache[0] = ($event) => __props.dictation.toggle())
 			}, createSlots({ _: 2 }, [!listening.value ? {
 				name: "icon",
-				fn: withCtx(() => [createVNode(_sfc_main$27, { icon: "microphone" })]),
+				fn: withCtx(() => [createVNode(_sfc_main$26, { icon: "microphone" })]),
 				key: "0"
 			} : void 0]), 1032, [
 				"label",
@@ -1747,7 +1811,7 @@ const _sfc_main$14 = /*@__PURE__*/ defineComponent({
 				"is-icon-only": !__props.label,
 				onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
 			}, {
-				icon: withCtx(() => [createVNode(_sfc_main$27, {
+				icon: withCtx(() => [createVNode(_sfc_main$26, {
 					icon: "chevronDown",
 					size: "md"
 				})]),
@@ -2114,7 +2178,7 @@ const _sfc_main$9 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$27, {
+			return openBlock(), createBlock(_sfc_main$26, {
 				size: __props.size,
 				color: "inherit"
 			}, {
@@ -2178,7 +2242,7 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 			return props.status ? labels[props.status] : "";
 		});
 		const spokenStatus = computed(() => {
-			if (locale.value === "en") return statusLabel.value.toLowerCase();
+			if (locale.value.split("-")[0] === "en") return statusLabel.value.toLowerCase();
 			return statusLabel.value;
 		});
 		const hasContent = computed(() => Boolean(props.timestamp) || Boolean(slots.timestamp) || Boolean(props.footer) || Boolean(slots.footer) || props.status != null);
@@ -2203,7 +2267,7 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 					key: 0,
 					name: "clock",
 					size: "xsm"
-				})) : __props.status === "sent" ? (openBlock(), createBlock(_sfc_main$27, {
+				})) : __props.status === "sent" ? (openBlock(), createBlock(_sfc_main$26, {
 					key: 1,
 					icon: "check",
 					size: "xsm",
@@ -2321,7 +2385,7 @@ const _sfc_main$7 = /*@__PURE__*/ defineComponent({
 				createElementVNode("span", {
 					class: "astryx-chat-tool-calls__chevron",
 					"data-open": isExpanded.value || void 0
-				}, [createVNode(_sfc_main$27, {
+				}, [createVNode(_sfc_main$26, {
 					icon: "chevronDown",
 					size: "xsm",
 					color: "inherit"
@@ -2562,7 +2626,7 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 					"error-message": __props.call.errorMessage
 				}, null, 8, ["status", "error-message"]),
 				createElementVNode("span", _hoisted_3$1, toDisplayString(__props.call.name), 1),
-				__props.call.node ? (openBlock(), createBlock(_sfc_main$26, {
+				__props.call.node ? (openBlock(), createBlock(_sfc_main$27, {
 					key: 0,
 					class: "astryx-chat-tool-calls__node",
 					variant: "neutral"
@@ -2580,7 +2644,7 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 				createElementVNode("span", {
 					class: "astryx-chat-tool-calls__chevron",
 					"data-open": isDetailOpen.value || void 0
-				}, [createVNode(_sfc_main$27, {
+				}, [createVNode(_sfc_main$26, {
 					icon: "chevronDown",
 					size: "xsm",
 					color: "inherit"
@@ -2591,7 +2655,7 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 					"error-message": __props.call.errorMessage
 				}, null, 8, ["status", "error-message"]),
 				createElementVNode("span", _hoisted_12, toDisplayString(__props.call.name), 1),
-				__props.call.node ? (openBlock(), createBlock(_sfc_main$26, {
+				__props.call.node ? (openBlock(), createBlock(_sfc_main$27, {
 					key: 0,
 					class: "astryx-chat-tool-calls__node",
 					variant: "neutral"
@@ -2715,7 +2779,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 				createElementVNode("span", {
 					class: "astryx-chat-tool-calls__chevron",
 					"data-open": isExpanded.value || void 0
-				}, [createVNode(_sfc_main$27, {
+				}, [createVNode(_sfc_main$26, {
 					icon: "chevronDown",
 					size: "xsm",
 					color: "inherit"

package/dist/CheckboxIndicator/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../CheckboxIndicator-D37cm2Rh.js";
+import { t as _sfc_main } from "../CheckboxIndicator-fH4d-JE1.js";
 export { _sfc_main as CheckboxIndicator };

package/dist/{CheckboxIndicator-D37cm2Rh.js → CheckboxIndicator-fH4d-JE1.js}

@@ -26,6 +26,8 @@ const _hoisted_1 = [
 	"data-size",
 	"data-disabled"
 ];
+const _hoisted_2 = ["data-size"];
+const _hoisted_3 = ["data-size"];
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxCheckboxIndicator",
 	inheritAttrs: false,
@@ -49,18 +51,22 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"data-state": __props.state,
 				"data-size": props.size,
 				"data-disabled": __props.isDisabled || void 0
-			}), [createCommentVNode("\n      An empty slot, including a spinner hidden by v-if, falls through to the\n      marks. A real element in the slot replaces them.\n    "), renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+			}), [createCommentVNode("\n      An empty slot, including a spinner hidden by v-if, falls through to the\n      marks. A real element in the slot replaces them.\n    "), renderSlot(_ctx.$slots, "default", {}, () => [(openBlock(), createElementBlock("svg", {
 				class: "astryx-checkbox-indicator-check",
+				"data-size": __props.size,
 				viewBox: "0 0 10 10",
 				focusable: "false"
-			}, [createElementVNode("path", {
+			}, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
 				d: "M8.5 2.5L4 7.5L1.5 5",
 				stroke: "currentColor",
 				"stroke-width": "1.5",
 				fill: "none",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			})], -1)), _cache[1] || (_cache[1] = createElementVNode("span", { class: "astryx-checkbox-indicator-dash" }, null, -1))])], 16, _hoisted_1);
+			}, null, -1)])], 8, _hoisted_2)), createElementVNode("span", {
+				class: "astryx-checkbox-indicator-dash",
+				"data-size": __props.size
+			}, null, 8, _hoisted_3)])], 16, _hoisted_1);
 		};
 	}
 });

package/dist/CheckboxInput/index.d.ts

@@ -1,2 +1,2 @@
-import { Aa as CheckboxInputProps, Da as CheckboxInputChangeAction, Ea as _default, Ma as CheckboxValue, Oa as CheckboxInputChangeEvent, ja as CheckboxInputSlots, ka as CheckboxInputEmits } from "../index-DUaLJO7l.js";
+import { Aa as CheckboxInputEmits, Da as _default, Ma as CheckboxInputSlots, Na as CheckboxValue, Oa as CheckboxInputChangeAction, ja as CheckboxInputProps, ka as CheckboxInputChangeEvent } from "../index-UA93Im7H.js";
 export { _default as CheckboxInput, type CheckboxInputChangeAction, type CheckboxInputChangeEvent, type CheckboxInputEmits, type CheckboxInputProps, type CheckboxInputSlots, type CheckboxValue };

package/dist/CheckboxInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../CheckboxInput-BS9J6edf.js";
+import { t as _sfc_main } from "../CheckboxInput-D8vTmAMZ.js";
 export { _sfc_main as CheckboxInput };