@assistant-ui/vue 0.0.0 → 0.0.1

package/dist/primitives/composerAttachments.js

@@ -0,0 +1,132 @@
+import { useAuiState } from "../useAuiState.js";
+import { useAui } from "../useAui.js";
+import { getAttachmentKeys, useStableKeys } from "./stableKeys.js";
+import { isAttrDisabled } from "./attrDisabled.js";
+import { AttachmentByIndexProvider } from "./AttachmentByIndexProvider.js";
+import { defineComponent, h, mergeProps, ref, watch } from "vue";
+//#region src/primitives/composerAttachments.ts
+/**
+* Renders the composer's pending attachments in order, each scoped through
+* {@link AttachmentByIndexProvider}; the `default` slot renders each
+* attachment.
+*/
+const ComposerPrimitiveAttachments = defineComponent({
+	name: "ComposerPrimitiveAttachments",
+	slots: Object,
+	setup(_, { slots }) {
+		const attachments = useAuiState((s) => s.composer.attachments);
+		const attachmentKeys = useStableKeys(() => getAttachmentKeys(attachments.value));
+		return () => attachmentKeys.value.map((key, index) => h(AttachmentByIndexProvider, {
+			source: "composer",
+			index,
+			key
+		}, { default: () => slots.default?.() }));
+	}
+});
+/**
+* A button that opens a file picker and adds the selected files to the
+* composer. Disabled while the composer is not editable. The picker's accept
+* filter follows the composer's `attachmentAccept`.
+*/
+const ComposerPrimitiveAddAttachment = defineComponent({
+	name: "ComposerPrimitiveAddAttachment",
+	inheritAttrs: false,
+	props: { multiple: {
+		type: Boolean,
+		default: true
+	} },
+	slots: Object,
+	setup(props, { attrs, slots }) {
+		const aui = useAui();
+		const disabled = useAuiState((s) => !s.composer.isEditing);
+		const onClick = (event) => {
+			if (event.defaultPrevented || disabled.value || isAttrDisabled(attrs)) return;
+			const input = document.createElement("input");
+			input.type = "file";
+			input.multiple = props.multiple;
+			input.hidden = true;
+			const attachmentAccept = aui.composer.getState().attachmentAccept;
+			if (attachmentAccept !== "*") input.accept = attachmentAccept;
+			document.body.appendChild(input);
+			input.onchange = (e) => {
+				const fileList = e.target.files;
+				if (fileList) for (const file of Array.from(fileList)) aui.composer.addAttachment(file).catch(() => {});
+				input.remove();
+			};
+			input.oncancel = () => input.remove();
+			input.click();
+		};
+		return () => h("button", mergeProps(attrs, {
+			type: "button",
+			disabled: disabled.value || isAttrDisabled(attrs),
+			onClick
+		}), slots.default?.());
+	}
+});
+/**
+* A drop target that adds dropped files to the composer. `data-dragging` is
+* present while a file drag hovers the element. File drags are claimed via
+* `preventDefault` even when the runtime does not support attachments, since
+* an unprevented file drop navigates the tab to the file.
+*/
+const ComposerPrimitiveAttachmentDropzone = defineComponent({
+	name: "ComposerPrimitiveAttachmentDropzone",
+	inheritAttrs: false,
+	props: { disabled: {
+		type: Boolean,
+		default: false
+	} },
+	slots: Object,
+	setup(props, { attrs, slots }) {
+		const aui = useAui();
+		const isDragging = ref(false);
+		watch(() => props.disabled, (disabled) => {
+			if (disabled) isDragging.value = false;
+		});
+		const isFileDrag = (event) => event.dataTransfer?.types.includes("Files") === true;
+		const onDragenterCapture = (event) => {
+			if (props.disabled || !isFileDrag(event)) return;
+			event.preventDefault();
+			if (!aui.thread.getState().capabilities.attachments) {
+				event.dataTransfer.dropEffect = "none";
+				return;
+			}
+			isDragging.value = true;
+		};
+		const onDragoverCapture = (event) => {
+			if (props.disabled || !isFileDrag(event)) return;
+			event.preventDefault();
+			if (!aui.thread.getState().capabilities.attachments) {
+				event.dataTransfer.dropEffect = "none";
+				return;
+			}
+			if (!isDragging.value) isDragging.value = true;
+		};
+		const onDragleaveCapture = (event) => {
+			if (props.disabled || !isFileDrag(event)) return;
+			const related = event.relatedTarget;
+			if (related && event.currentTarget.contains(related)) return;
+			isDragging.value = false;
+		};
+		const onDropCapture = (event) => {
+			if (props.disabled) return;
+			isDragging.value = false;
+			if (!isFileDrag(event)) return;
+			event.preventDefault();
+			const files = Array.from(event.dataTransfer?.files ?? []);
+			if (!aui.thread.getState().capabilities.attachments || files.length === 0) return;
+			for (const file of files) aui.composer.addAttachment(file).catch(() => {});
+		};
+		return () => h("div", mergeProps(attrs, {
+			...!props.disabled && isDragging.value && { "data-dragging": "true" },
+			onDragenterCapture,
+			onDragoverCapture,
+			onDragleaveCapture,
+			onDropCapture
+		}), slots.default?.());
+	}
+});
+//#endregion
+export { ComposerPrimitiveAddAttachment, ComposerPrimitiveAttachmentDropzone, ComposerPrimitiveAttachments };
+
+//# sourceMappingURL=composerAttachments.js.map

package/dist/primitives/composerAttachments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composerAttachments.js","names":[],"sources":["../../src/primitives/composerAttachments.ts"],"sourcesContent":["import {\n  defineComponent,\n  h,\n  mergeProps,\n  ref,\n  watch,\n  type SlotsType,\n  type VNodeChild,\n} from \"vue\";\nimport { isAttrDisabled } from \"./attrDisabled\";\nimport { useAui } from \"../useAui\";\nimport { useAuiState } from \"../useAuiState\";\nimport { AttachmentByIndexProvider } from \"./AttachmentByIndexProvider\";\nimport { getAttachmentKeys, useStableKeys } from \"./stableKeys\";\n\n/**\n * Renders the composer's pending attachments in order, each scoped through\n * {@link AttachmentByIndexProvider}; the `default` slot renders each\n * attachment.\n */\nexport const ComposerPrimitiveAttachments = defineComponent({\n  name: \"ComposerPrimitiveAttachments\",\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(_, { slots }) {\n    const attachments = useAuiState((s) => s.composer.attachments);\n    const attachmentKeys = useStableKeys(() =>\n      getAttachmentKeys(attachments.value),\n    );\n    return () =>\n      attachmentKeys.value.map((key, index) =>\n        h(\n          AttachmentByIndexProvider,\n          { source: \"composer\", index, key },\n          { default: () => slots.default?.() },\n        ),\n      );\n  },\n});\n\n/**\n * A button that opens a file picker and adds the selected files to the\n * composer. Disabled while the composer is not editable. The picker's accept\n * filter follows the composer's `attachmentAccept`.\n */\nexport const ComposerPrimitiveAddAttachment = defineComponent({\n  name: \"ComposerPrimitiveAddAttachment\",\n  inheritAttrs: false,\n  props: {\n    multiple: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(props, { attrs, slots }) {\n    const aui = useAui();\n    const disabled = useAuiState((s) => !s.composer.isEditing);\n    const onClick = (event: MouseEvent) => {\n      if (event.defaultPrevented || disabled.value || isAttrDisabled(attrs))\n        return;\n\n      const input = document.createElement(\"input\");\n      input.type = \"file\";\n      input.multiple = props.multiple;\n      input.hidden = true;\n\n      const attachmentAccept = aui.composer.getState().attachmentAccept;\n      if (attachmentAccept !== \"*\") {\n        input.accept = attachmentAccept;\n      }\n\n      document.body.appendChild(input);\n\n      input.onchange = (e) => {\n        const fileList = (e.target as HTMLInputElement).files;\n        if (fileList) {\n          for (const file of Array.from(fileList)) {\n            aui.composer.addAttachment(file).catch(() => {});\n          }\n        }\n        input.remove();\n      };\n      input.oncancel = () => input.remove();\n\n      input.click();\n    };\n    return () =>\n      h(\n        \"button\",\n        mergeProps(attrs, {\n          type: \"button\",\n          disabled: disabled.value || isAttrDisabled(attrs),\n          onClick,\n        }),\n        slots.default?.(),\n      );\n  },\n});\n\n/**\n * A drop target that adds dropped files to the composer. `data-dragging` is\n * present while a file drag hovers the element. File drags are claimed via\n * `preventDefault` even when the runtime does not support attachments, since\n * an unprevented file drop navigates the tab to the file.\n */\nexport const ComposerPrimitiveAttachmentDropzone = defineComponent({\n  name: \"ComposerPrimitiveAttachmentDropzone\",\n  inheritAttrs: false,\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(props, { attrs, slots }) {\n    const aui = useAui();\n    const isDragging = ref(false);\n\n    watch(\n      () => props.disabled,\n      (disabled) => {\n        if (disabled) isDragging.value = false;\n      },\n    );\n\n    const isFileDrag = (event: DragEvent) =>\n      event.dataTransfer?.types.includes(\"Files\") === true;\n\n    const onDragenterCapture = (event: DragEvent) => {\n      if (props.disabled || !isFileDrag(event)) return;\n      event.preventDefault();\n      if (!aui.thread.getState().capabilities.attachments) {\n        event.dataTransfer!.dropEffect = \"none\";\n        return;\n      }\n      isDragging.value = true;\n    };\n    const onDragoverCapture = (event: DragEvent) => {\n      if (props.disabled || !isFileDrag(event)) return;\n      event.preventDefault();\n      if (!aui.thread.getState().capabilities.attachments) {\n        event.dataTransfer!.dropEffect = \"none\";\n        return;\n      }\n      if (!isDragging.value) isDragging.value = true;\n    };\n    const onDragleaveCapture = (event: DragEvent) => {\n      if (props.disabled || !isFileDrag(event)) return;\n      const related = event.relatedTarget as Node | null;\n      if (related && (event.currentTarget as Node).contains(related)) return;\n      isDragging.value = false;\n    };\n    const onDropCapture = (event: DragEvent) => {\n      if (props.disabled) return;\n      isDragging.value = false;\n      if (!isFileDrag(event)) return;\n      event.preventDefault();\n      const files = Array.from(event.dataTransfer?.files ?? []);\n      if (!aui.thread.getState().capabilities.attachments || files.length === 0)\n        return;\n      for (const file of files) {\n        aui.composer.addAttachment(file).catch(() => {});\n      }\n    };\n\n    return () =>\n      h(\n        \"div\",\n        mergeProps(attrs, {\n          ...(!props.disabled &&\n            isDragging.value && { \"data-dragging\": \"true\" }),\n          onDragenterCapture,\n          onDragoverCapture,\n          onDragleaveCapture,\n          onDropCapture,\n        }),\n        slots.default?.(),\n      );\n  },\n});\n"],"mappings":"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"}

package/dist/primitives/error.d.ts

@@ -0,0 +1,15 @@
+import { type SlotsType, type VNodeChild } from "vue";
+/** A wrapper element for the current message's error state. */
+export declare const ErrorPrimitiveRoot: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default?: () => VNodeChild[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * Renders the current assistant message's error text (raw text, slot
+ * override supported); renders nothing while the message has no error.
+ */
+export declare const ErrorPrimitiveMessage: import("vue").DefineComponent<{}, () => string | VNodeChild[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default?: () => VNodeChild[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=error.d.ts.map

package/dist/primitives/error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/primitives/error.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AAIb,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB;;;cAGU,MAAM,UAAU,EAAE;yEAKzD,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,qBAAqB;cAEO,MAAM,UAAU,EAAE;yEAQzD,CAAC"}

package/dist/primitives/error.js

@@ -0,0 +1,29 @@
+import { useAuiState } from "../useAuiState.js";
+import { defineComponent, h, mergeProps } from "vue";
+import { messageErrorText } from "@assistant-ui/core/store/internal";
+//#region src/primitives/error.ts
+/** A wrapper element for the current message's error state. */
+const ErrorPrimitiveRoot = defineComponent({
+	name: "ErrorPrimitiveRoot",
+	inheritAttrs: false,
+	slots: Object,
+	setup(_, { attrs, slots }) {
+		return () => h("div", mergeProps({ role: "alert" }, attrs), slots.default?.());
+	}
+});
+/**
+* Renders the current assistant message's error text (raw text, slot
+* override supported); renders nothing while the message has no error.
+*/
+const ErrorPrimitiveMessage = defineComponent({
+	name: "ErrorPrimitiveMessage",
+	slots: Object,
+	setup(_, { slots }) {
+		const error = useAuiState(messageErrorText);
+		return () => error.value === void 0 ? null : slots.default?.() ?? String(error.value);
+	}
+});
+//#endregion
+export { ErrorPrimitiveMessage, ErrorPrimitiveRoot };
+
+//# sourceMappingURL=error.js.map

package/dist/primitives/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","names":[],"sources":["../../src/primitives/error.ts"],"sourcesContent":["import {\n  defineComponent,\n  h,\n  mergeProps,\n  type SlotsType,\n  type VNodeChild,\n} from \"vue\";\nimport { messageErrorText } from \"@assistant-ui/core/store/internal\";\nimport { useAuiState } from \"../useAuiState\";\n\n/** A wrapper element for the current message's error state. */\nexport const ErrorPrimitiveRoot = defineComponent({\n  name: \"ErrorPrimitiveRoot\",\n  inheritAttrs: false,\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(_, { attrs, slots }) {\n    return () =>\n      h(\"div\", mergeProps({ role: \"alert\" }, attrs), slots.default?.());\n  },\n});\n\n/**\n * Renders the current assistant message's error text (raw text, slot\n * override supported); renders nothing while the message has no error.\n */\nexport const ErrorPrimitiveMessage = defineComponent({\n  name: \"ErrorPrimitiveMessage\",\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(_, { slots }) {\n    const error = useAuiState(messageErrorText);\n    return () =>\n      error.value === undefined\n        ? null\n        : (slots.default?.() ?? String(error.value));\n  },\n});\n"],"mappings":";;;;;AAWA,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,cAAc;CACd,OAAO;CACP,MAAM,GAAG,EAAE,OAAO,SAAS;EACzB,aACE,EAAE,OAAO,WAAW,EAAE,MAAM,QAAQ,GAAG,KAAK,GAAG,MAAM,UAAU,CAAC;CACpE;AACF,CAAC;;;;;AAMD,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,OAAO;CACP,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,QAAQ,YAAY,gBAAgB;EAC1C,aACE,MAAM,UAAU,KAAA,IACZ,OACC,MAAM,UAAU,KAAK,OAAO,MAAM,KAAK;CAChD;AACF,CAAC"}

package/dist/primitives/lastValidCache.d.ts

@@ -0,0 +1,6 @@
+import { createStaleReporter } from "@assistant-ui/store/client";
+export declare const createLastValidCache: <T>(reportStale: (() => void) | null) => {
+    resolve: (valid: boolean, resolveItem: () => T) => T;
+};
+export { createStaleReporter };
+//# sourceMappingURL=lastValidCache.d.ts.map

package/dist/primitives/lastValidCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lastValidCache.d.ts","sourceRoot":"","sources":["../../src/primitives/lastValidCache.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,mBAAmB,EACpB,MAAM,4BAA4B,CAAC;AAIpC,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAE,aAAa,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;;CACX,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/primitives/lastValidCache.js

@@ -0,0 +1,9 @@
+import { nextTick } from "vue";
+import { createLastValidCache as createLastValidCache$1, createStaleReporter } from "@assistant-ui/store/client";
+//#region src/primitives/lastValidCache.ts
+const scheduleExpiry = (callback) => void nextTick(callback);
+const createLastValidCache = (reportStale) => createLastValidCache$1(reportStale, scheduleExpiry);
+//#endregion
+export { createLastValidCache, createStaleReporter };
+
+//# sourceMappingURL=lastValidCache.js.map

package/dist/primitives/lastValidCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lastValidCache.js","names":["createNeutralLastValidCache"],"sources":["../../src/primitives/lastValidCache.ts"],"sourcesContent":["import { nextTick } from \"vue\";\nimport {\n  createLastValidCache as createNeutralLastValidCache,\n  createStaleReporter,\n} from \"@assistant-ui/store/client\";\n\nconst scheduleExpiry = (callback: () => void) => void nextTick(callback);\n\nexport const createLastValidCache = <T>(reportStale: (() => void) | null) =>\n  createNeutralLastValidCache<T>(reportStale, scheduleExpiry);\n\nexport { createStaleReporter };\n"],"mappings":";;;AAMA,MAAM,kBAAkB,aAAyB,KAAK,SAAS,QAAQ;AAEvE,MAAa,wBAA2B,gBACtCA,uBAA+B,aAAa,cAAc"}

package/dist/primitives/message.d.ts

@@ -0,0 +1,12 @@
+import { type SlotsType, type VNodeChild } from "vue";
+/**
+ * A wrapper element for one message. Sets `data-message-id` and tracks
+ * pointer hover into `s.message.isHovering`, including an element already
+ * under the pointer when it mounts.
+ */
+export declare const MessagePrimitiveRoot: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default?: () => VNodeChild[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=message.d.ts.map

package/dist/primitives/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/primitives/message.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AAIb;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;cAGQ,MAAM,UAAU,EAAE;yEAkCzD,CAAC"}

package/dist/primitives/message.js

@@ -0,0 +1,44 @@
+import { useAuiState } from "../useAuiState.js";
+import { useAui } from "../useAui.js";
+import { defineComponent, h, mergeProps, onScopeDispose } from "vue";
+//#region src/primitives/message.ts
+/**
+* A wrapper element for one message. Sets `data-message-id` and tracks
+* pointer hover into `s.message.isHovering`, including an element already
+* under the pointer when it mounts.
+*/
+const MessagePrimitiveRoot = defineComponent({
+	name: "MessagePrimitiveRoot",
+	inheritAttrs: false,
+	slots: Object,
+	setup(_, { attrs, slots }) {
+		const aui = useAui();
+		const messageId = useAuiState((s) => s.message.id);
+		const onMouseenter = () => {
+			aui.message.setIsHovering(true);
+		};
+		const onMouseleave = () => {
+			aui.message.setIsHovering(false);
+		};
+		let active = true;
+		onScopeDispose(() => {
+			active = false;
+			onMouseleave();
+		});
+		const hoverRef = (el) => {
+			if (el instanceof HTMLElement && el.matches(":hover")) queueMicrotask(() => {
+				if (active) onMouseenter();
+			});
+		};
+		return () => h("div", mergeProps(attrs, {
+			ref: hoverRef,
+			"data-message-id": messageId.value,
+			onMouseenter,
+			onMouseleave
+		}), slots.default?.());
+	}
+});
+//#endregion
+export { MessagePrimitiveRoot };
+
+//# sourceMappingURL=message.js.map

package/dist/primitives/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":[],"sources":["../../src/primitives/message.ts"],"sourcesContent":["import {\n  defineComponent,\n  h,\n  mergeProps,\n  onScopeDispose,\n  type SlotsType,\n  type VNodeChild,\n} from \"vue\";\nimport { useAui } from \"../useAui\";\nimport { useAuiState } from \"../useAuiState\";\n\n/**\n * A wrapper element for one message. Sets `data-message-id` and tracks\n * pointer hover into `s.message.isHovering`, including an element already\n * under the pointer when it mounts.\n */\nexport const MessagePrimitiveRoot = defineComponent({\n  name: \"MessagePrimitiveRoot\",\n  inheritAttrs: false,\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(_, { attrs, slots }) {\n    const aui = useAui();\n    const messageId = useAuiState((s) => s.message.id);\n    const onMouseenter = () => {\n      aui.message.setIsHovering(true);\n    };\n    const onMouseleave = () => {\n      aui.message.setIsHovering(false);\n    };\n    let active = true;\n    onScopeDispose(() => {\n      active = false;\n      onMouseleave();\n    });\n    const hoverRef = (el: unknown) => {\n      if (el instanceof HTMLElement && el.matches(\":hover\")) {\n        queueMicrotask(() => {\n          if (active) onMouseenter();\n        });\n      }\n    };\n    return () =>\n      h(\n        \"div\",\n        mergeProps(attrs, {\n          ref: hoverRef,\n          \"data-message-id\": messageId.value,\n          onMouseenter,\n          onMouseleave,\n        }),\n        slots.default?.(),\n      );\n  },\n});\n"],"mappings":";;;;;;;;;AAgBA,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,cAAc;CACd,OAAO;CACP,MAAM,GAAG,EAAE,OAAO,SAAS;EACzB,MAAM,MAAM,OAAO;EACnB,MAAM,YAAY,aAAa,MAAM,EAAE,QAAQ,EAAE;EACjD,MAAM,qBAAqB;GACzB,IAAI,QAAQ,cAAc,IAAI;EAChC;EACA,MAAM,qBAAqB;GACzB,IAAI,QAAQ,cAAc,KAAK;EACjC;EACA,IAAI,SAAS;EACb,qBAAqB;GACnB,SAAS;GACT,aAAa;EACf,CAAC;EACD,MAAM,YAAY,OAAgB;GAChC,IAAI,cAAc,eAAe,GAAG,QAAQ,QAAQ,GAClD,qBAAqB;IACnB,IAAI,QAAQ,aAAa;GAC3B,CAAC;EAEL;EACA,aACE,EACE,OACA,WAAW,OAAO;GAChB,KAAK;GACL,mBAAmB,UAAU;GAC7B;GACA;EACF,CAAC,GACD,MAAM,UAAU,CAClB;CACJ;AACF,CAAC"}

package/dist/primitives/messageAttachments.d.ts

@@ -0,0 +1,12 @@
+import { type SlotsType, type VNodeChild } from "vue";
+/**
+ * Renders the current message's attachments in order, each scoped through
+ * {@link AttachmentByIndexProvider}; the `default` slot renders each
+ * attachment.
+ */
+export declare const MessagePrimitiveAttachments: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default?: () => VNodeChild[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=messageAttachments.d.ts.map

package/dist/primitives/messageAttachments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageAttachments.d.ts","sourceRoot":"","sources":["../../src/primitives/messageAttachments.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AAK1E;;;;GAIG;AACH,eAAO,MAAM,2BAA2B;;;cAEC,MAAM,UAAU,EAAE;yEAmBzD,CAAC"}

package/dist/primitives/messageAttachments.js

@@ -0,0 +1,27 @@
+import { useAuiState } from "../useAuiState.js";
+import { getAttachmentKeys, useStableKeys } from "./stableKeys.js";
+import { AttachmentByIndexProvider } from "./AttachmentByIndexProvider.js";
+import { defineComponent, h } from "vue";
+//#region src/primitives/messageAttachments.ts
+/**
+* Renders the current message's attachments in order, each scoped through
+* {@link AttachmentByIndexProvider}; the `default` slot renders each
+* attachment.
+*/
+const MessagePrimitiveAttachments = defineComponent({
+	name: "MessagePrimitiveAttachments",
+	slots: Object,
+	setup(_, { slots }) {
+		const attachments = useAuiState((s) => s.message.role === "user" ? s.message.submission?.attachments ?? s.message.attachments : void 0);
+		const attachmentKeys = useStableKeys(() => getAttachmentKeys(attachments.value ?? []));
+		return () => attachmentKeys.value.map((key, index) => h(AttachmentByIndexProvider, {
+			source: "message",
+			index,
+			key
+		}, { default: () => slots.default?.() }));
+	}
+});
+//#endregion
+export { MessagePrimitiveAttachments };
+
+//# sourceMappingURL=messageAttachments.js.map

package/dist/primitives/messageAttachments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageAttachments.js","names":[],"sources":["../../src/primitives/messageAttachments.ts"],"sourcesContent":["import { defineComponent, h, type SlotsType, type VNodeChild } from \"vue\";\nimport { useAuiState } from \"../useAuiState\";\nimport { AttachmentByIndexProvider } from \"./AttachmentByIndexProvider\";\nimport { getAttachmentKeys, useStableKeys } from \"./stableKeys\";\n\n/**\n * Renders the current message's attachments in order, each scoped through\n * {@link AttachmentByIndexProvider}; the `default` slot renders each\n * attachment.\n */\nexport const MessagePrimitiveAttachments = defineComponent({\n  name: \"MessagePrimitiveAttachments\",\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(_, { slots }) {\n    const attachments = useAuiState((s) =>\n      s.message.role === \"user\"\n        ? (s.message.submission?.attachments ?? s.message.attachments)\n        : undefined,\n    );\n    const attachmentKeys = useStableKeys(() =>\n      getAttachmentKeys(attachments.value ?? []),\n    );\n    return () =>\n      attachmentKeys.value.map((key, index) =>\n        h(\n          AttachmentByIndexProvider,\n          { source: \"message\", index, key },\n          { default: () => slots.default?.() },\n        ),\n      );\n  },\n});\n"],"mappings":";;;;;;;;;;AAUA,MAAa,8BAA8B,gBAAgB;CACzD,MAAM;CACN,OAAO;CACP,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,cAAc,aAAa,MAC/B,EAAE,QAAQ,SAAS,SACd,EAAE,QAAQ,YAAY,eAAe,EAAE,QAAQ,cAChD,KAAA,CACN;EACA,MAAM,iBAAiB,oBACrB,kBAAkB,YAAY,SAAS,CAAC,CAAC,CAC3C;EACA,aACE,eAAe,MAAM,KAAK,KAAK,UAC7B,EACE,2BACA;GAAE,QAAQ;GAAW;GAAO;EAAI,GAChC,EAAE,eAAe,MAAM,UAAU,EAAE,CACrC,CACF;CACJ;AACF,CAAC"}

package/dist/primitives/stableKeys.d.ts

@@ -0,0 +1,5 @@
+export declare const useStableKeys: (getKeys: () => string[]) => import("vue").ComputedRef<string[]>;
+export declare const getAttachmentKeys: (attachments: readonly {
+    readonly id: string;
+}[]) => string[];
+//# sourceMappingURL=stableKeys.d.ts.map

package/dist/primitives/stableKeys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stableKeys.d.ts","sourceRoot":"","sources":["../../src/primitives/stableKeys.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,SAAS,MAAM,MAAM,EAAE,wCAOjD,CAAC;AAEL,eAAO,MAAM,iBAAiB,GAC5B,aAAa,SAAS;IAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,aAQhD,CAAC"}

package/dist/primitives/stableKeys.js

@@ -0,0 +1,14 @@
+import { computed } from "vue";
+//#region src/primitives/stableKeys.ts
+const useStableKeys = (getKeys) => computed((previous) => {
+	const keys = getKeys();
+	return previous?.length === keys.length && previous.every((key, index) => key === keys[index]) ? previous : keys;
+});
+const getAttachmentKeys = (attachments) => {
+	const ids = attachments.map((attachment) => attachment.id);
+	return ids.map((id, index) => ids.indexOf(id) === ids.lastIndexOf(id) ? `attachment:${id}` : `attachment@${index}`);
+};
+//#endregion
+export { getAttachmentKeys, useStableKeys };
+
+//# sourceMappingURL=stableKeys.js.map

package/dist/primitives/stableKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stableKeys.js","names":[],"sources":["../../src/primitives/stableKeys.ts"],"sourcesContent":["import { computed } from \"vue\";\n\nexport const useStableKeys = (getKeys: () => string[]) =>\n  computed<string[]>((previous) => {\n    const keys = getKeys();\n    return previous?.length === keys.length &&\n      previous.every((key, index) => key === keys[index])\n      ? previous\n      : keys;\n  });\n\nexport const getAttachmentKeys = (\n  attachments: readonly { readonly id: string }[],\n) => {\n  const ids = attachments.map((attachment) => attachment.id);\n  return ids.map((id, index) =>\n    ids.indexOf(id) === ids.lastIndexOf(id)\n      ? `attachment:${id}`\n      : `attachment@${index}`,\n  );\n};\n"],"mappings":";;AAEA,MAAa,iBAAiB,YAC5B,UAAoB,aAAa;CAC/B,MAAM,OAAO,QAAQ;CACrB,OAAO,UAAU,WAAW,KAAK,UAC/B,SAAS,OAAO,KAAK,UAAU,QAAQ,KAAK,MAAM,IAChD,WACA;AACN,CAAC;AAEH,MAAa,qBACX,gBACG;CACH,MAAM,MAAM,YAAY,KAAK,eAAe,WAAW,EAAE;CACzD,OAAO,IAAI,KAAK,IAAI,UAClB,IAAI,QAAQ,EAAE,MAAM,IAAI,YAAY,EAAE,IAClC,cAAc,OACd,cAAc,OACpB;AACF"}

package/dist/primitives/suggestions.d.ts

@@ -0,0 +1,66 @@
+import { type SlotsType, type VNodeChild } from "vue";
+/**
+ * Scopes the subtree to the suggestion at `index`: descendants read it
+ * through `s.suggestion`.
+ */
+export declare const SuggestionByIndexProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, SlotsType<{
+    default?: () => VNodeChild[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * Renders the default slot once per thread suggestion, each instance scoped
+ * through {@link SuggestionByIndexProvider}.
+ */
+export declare const ThreadPrimitiveSuggestions: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default?: () => VNodeChild[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * A button that triggers the current suggestion. With `send`, the prompt is
+ * appended as a message (queued sends never clear a draft the user is still
+ * composing); without it, the prompt replaces the composer text, or is
+ * appended to it when `clearComposer` is false.
+ */
+export declare const SuggestionPrimitiveTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    send: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearComposer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    send: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearComposer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    send: boolean;
+    clearComposer: boolean;
+}, SlotsType<{
+    default?: () => VNodeChild[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Renders the current suggestion's title as text. */
+export declare const SuggestionPrimitiveTitle: import("vue").DefineComponent<{}, () => string, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Renders the current suggestion's label as text. */
+export declare const SuggestionPrimitiveDescription: import("vue").DefineComponent<{}, () => string, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=suggestions.d.ts.map

package/dist/primitives/suggestions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions.d.ts","sourceRoot":"","sources":["../../src/primitives/suggestions.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AAgBb;;;GAGG;AACH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;cAQG,MAAM,UAAU,EAAE;yEAoCzD,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,0BAA0B;;;cAEE,MAAM,UAAU,EAAE;yEAezD,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;cAaE,MAAM,UAAU,EAAE;yEA4CzD,CAAC;AAEH,sDAAsD;AACtD,eAAO,MAAM,wBAAwB,yRAMnC,CAAC;AAEH,sDAAsD;AACtD,eAAO,MAAM,8BAA8B,yRAMzC,CAAC"}

package/dist/primitives/suggestions.js

@@ -0,0 +1,137 @@
+import { useAuiState } from "../useAuiState.js";
+import { AuiProvider } from "../AuiProvider.js";
+import { useAui } from "../useAui.js";
+import { createLastValidCache as createLastValidCache$1, createStaleReporter } from "./lastValidCache.js";
+import { useStableKeys } from "./stableKeys.js";
+import { isAttrDisabled } from "./attrDisabled.js";
+import { computed, defineComponent, h, mergeProps, onScopeDispose } from "vue";
+import { AuiConfig, Derived } from "@assistant-ui/store/client";
+import { suggestionSendMode, suggestionTriggerDisabled } from "@assistant-ui/core/store/internal";
+import { getSuggestionKeys } from "@assistant-ui/core/internal";
+import { flushTapSync } from "@assistant-ui/tap";
+//#region src/primitives/suggestions.ts
+/**
+* Scopes the subtree to the suggestion at `index`: descendants read it
+* through `s.suggestion`.
+*/
+const SuggestionByIndexProvider = defineComponent({
+	name: "SuggestionByIndexProvider",
+	props: { index: {
+		type: Number,
+		required: true
+	} },
+	slots: Object,
+	setup(props, { slots }) {
+		const aui = useAui();
+		let disposed = false;
+		onScopeDispose(() => {
+			disposed = true;
+		});
+		const config = computed(() => {
+			const index = props.index;
+			const cache = createLastValidCache$1(createStaleReporter({
+				name: "SuggestionByIndexProvider",
+				index,
+				isCurrent: () => !disposed && index === props.index,
+				isValid: () => index < aui.suggestions.getState().suggestions.length
+			}));
+			return AuiConfig({ suggestion: Derived({
+				source: "suggestions",
+				query: { index },
+				get: (aui) => cache.resolve(index < aui.suggestions.getState().suggestions.length, () => aui.suggestions.suggestion({ index }))
+			}) });
+		});
+		return () => h(AuiProvider, {
+			config: config.value,
+			extends: aui
+		}, { default: () => slots.default?.() });
+	}
+});
+/**
+* Renders the default slot once per thread suggestion, each instance scoped
+* through {@link SuggestionByIndexProvider}.
+*/
+const ThreadPrimitiveSuggestions = defineComponent({
+	name: "ThreadPrimitiveSuggestions",
+	slots: Object,
+	setup(_, { slots }) {
+		const suggestions = useAuiState((s) => s.suggestions.suggestions);
+		const suggestionKeys = useStableKeys(() => getSuggestionKeys(suggestions.value));
+		return () => suggestionKeys.value.map((key, index) => h(SuggestionByIndexProvider, {
+			index,
+			key
+		}, { default: () => slots.default?.() }));
+	}
+});
+/**
+* A button that triggers the current suggestion. With `send`, the prompt is
+* appended as a message (queued sends never clear a draft the user is still
+* composing); without it, the prompt replaces the composer text, or is
+* appended to it when `clearComposer` is false.
+*/
+const SuggestionPrimitiveTrigger = defineComponent({
+	name: "SuggestionPrimitiveTrigger",
+	inheritAttrs: false,
+	props: {
+		send: {
+			type: Boolean,
+			default: false
+		},
+		clearComposer: {
+			type: Boolean,
+			default: true
+		}
+	},
+	slots: Object,
+	setup(props, { attrs, slots }) {
+		const aui = useAui();
+		const prompt = useAuiState((s) => s.suggestion.prompt);
+		const disabled = useAuiState((s) => suggestionTriggerDisabled(s, props.send));
+		const onClick = (event) => {
+			if (event.defaultPrevented || disabled.value || isAttrDisabled(attrs)) return;
+			flushTapSync(() => {
+				if (props.send) {
+					const mode = suggestionSendMode(aui.thread.getState());
+					if (mode === "blocked") return;
+					aui.thread.append({
+						content: [{
+							type: "text",
+							text: prompt.value
+						}],
+						runConfig: aui.composer.getState().runConfig
+					});
+					if (props.clearComposer && mode === "now") aui.composer.setText("");
+				} else if (props.clearComposer) aui.composer.setText(prompt.value);
+				else {
+					const currentText = aui.composer.getState().text;
+					aui.composer.setText([currentText, prompt.value].filter((part) => part.trim()).join(" "));
+				}
+			});
+		};
+		return () => h("button", mergeProps(attrs, {
+			type: "button",
+			disabled: disabled.value || isAttrDisabled(attrs),
+			onClick
+		}), slots.default?.());
+	}
+});
+/** Renders the current suggestion's title as text. */
+const SuggestionPrimitiveTitle = defineComponent({
+	name: "SuggestionPrimitiveTitle",
+	setup() {
+		const title = useAuiState((s) => s.suggestion.title);
+		return () => title.value;
+	}
+});
+/** Renders the current suggestion's label as text. */
+const SuggestionPrimitiveDescription = defineComponent({
+	name: "SuggestionPrimitiveDescription",
+	setup() {
+		const label = useAuiState((s) => s.suggestion.label);
+		return () => label.value;
+	}
+});
+//#endregion
+export { SuggestionByIndexProvider, SuggestionPrimitiveDescription, SuggestionPrimitiveTitle, SuggestionPrimitiveTrigger, ThreadPrimitiveSuggestions };
+
+//# sourceMappingURL=suggestions.js.map

package/dist/primitives/suggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions.js","names":["createLastValidCache"],"sources":["../../src/primitives/suggestions.ts"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  h,\n  mergeProps,\n  onScopeDispose,\n  type SlotsType,\n  type VNodeChild,\n} from \"vue\";\nimport { AuiConfig, Derived } from \"@assistant-ui/store/client\";\nimport { flushTapSync } from \"@assistant-ui/tap\";\nimport type { SuggestionMethods } from \"@assistant-ui/core/store\";\nimport { getSuggestionKeys } from \"@assistant-ui/core/internal\";\nimport {\n  suggestionSendMode,\n  suggestionTriggerDisabled,\n} from \"@assistant-ui/core/store/internal\";\nimport { AuiProvider } from \"../AuiProvider\";\nimport { isAttrDisabled } from \"./attrDisabled\";\nimport { createLastValidCache, createStaleReporter } from \"./lastValidCache\";\nimport { useStableKeys } from \"./stableKeys\";\nimport { useAui } from \"../useAui\";\nimport { useAuiState } from \"../useAuiState\";\n\n/**\n * Scopes the subtree to the suggestion at `index`: descendants read it\n * through `s.suggestion`.\n */\nexport const SuggestionByIndexProvider = defineComponent({\n  name: \"SuggestionByIndexProvider\",\n  props: {\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(props, { slots }) {\n    const aui = useAui();\n    let disposed = false;\n    onScopeDispose(() => {\n      disposed = true;\n    });\n    const config = computed(() => {\n      const index = props.index;\n      const cache = createLastValidCache<SuggestionMethods>(\n        createStaleReporter({\n          name: \"SuggestionByIndexProvider\",\n          index,\n          isCurrent: () => !disposed && index === props.index,\n          isValid: () => index < aui.suggestions.getState().suggestions.length,\n        }),\n      );\n      return AuiConfig({\n        suggestion: Derived({\n          source: \"suggestions\",\n          query: { index },\n          get: (aui) =>\n            cache.resolve(\n              index < aui.suggestions.getState().suggestions.length,\n              () => aui.suggestions.suggestion({ index }),\n            ),\n        }),\n      });\n    });\n    return () =>\n      h(\n        AuiProvider,\n        { config: config.value, extends: aui },\n        { default: () => slots.default?.() },\n      );\n  },\n});\n\n/**\n * Renders the default slot once per thread suggestion, each instance scoped\n * through {@link SuggestionByIndexProvider}.\n */\nexport const ThreadPrimitiveSuggestions = defineComponent({\n  name: \"ThreadPrimitiveSuggestions\",\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(_, { slots }) {\n    const suggestions = useAuiState((s) => s.suggestions.suggestions);\n    const suggestionKeys = useStableKeys(() =>\n      getSuggestionKeys(suggestions.value),\n    );\n    return () =>\n      suggestionKeys.value.map((key, index) =>\n        h(\n          SuggestionByIndexProvider,\n          { index, key },\n          { default: () => slots.default?.() },\n        ),\n      );\n  },\n});\n\n/**\n * A button that triggers the current suggestion. With `send`, the prompt is\n * appended as a message (queued sends never clear a draft the user is still\n * composing); without it, the prompt replaces the composer text, or is\n * appended to it when `clearComposer` is false.\n */\nexport const SuggestionPrimitiveTrigger = defineComponent({\n  name: \"SuggestionPrimitiveTrigger\",\n  inheritAttrs: false,\n  props: {\n    send: {\n      type: Boolean,\n      default: false,\n    },\n    clearComposer: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  slots: Object as SlotsType<{ default?: () => VNodeChild[] }>,\n  setup(props, { attrs, slots }) {\n    const aui = useAui();\n    const prompt = useAuiState((s) => s.suggestion.prompt);\n    const disabled = useAuiState((s) =>\n      suggestionTriggerDisabled(s, props.send),\n    );\n\n    const onClick = (event: MouseEvent) => {\n      if (event.defaultPrevented || disabled.value || isAttrDisabled(attrs))\n        return;\n      flushTapSync(() => {\n        if (props.send) {\n          const mode = suggestionSendMode(aui.thread.getState());\n          if (mode === \"blocked\") return;\n          aui.thread.append({\n            content: [{ type: \"text\", text: prompt.value }],\n            runConfig: aui.composer.getState().runConfig,\n          });\n          if (props.clearComposer && mode === \"now\") {\n            aui.composer.setText(\"\");\n          }\n        } else if (props.clearComposer) {\n          aui.composer.setText(prompt.value);\n        } else {\n          const currentText = aui.composer.getState().text;\n          aui.composer.setText(\n            [currentText, prompt.value].filter((part) => part.trim()).join(\" \"),\n          );\n        }\n      });\n    };\n\n    return () =>\n      h(\n        \"button\",\n        mergeProps(attrs, {\n          type: \"button\",\n          disabled: disabled.value || isAttrDisabled(attrs),\n          onClick,\n        }),\n        slots.default?.(),\n      );\n  },\n});\n\n/** Renders the current suggestion's title as text. */\nexport const SuggestionPrimitiveTitle = defineComponent({\n  name: \"SuggestionPrimitiveTitle\",\n  setup() {\n    const title = useAuiState((s) => s.suggestion.title);\n    return () => title.value;\n  },\n});\n\n/** Renders the current suggestion's label as text. */\nexport const SuggestionPrimitiveDescription = defineComponent({\n  name: \"SuggestionPrimitiveDescription\",\n  setup() {\n    const label = useAuiState((s) => s.suggestion.label);\n    return () => label.value;\n  },\n});\n"],"mappings":"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"}

package/dist/primitives/thread.d.ts

@@ -0,0 +1,11 @@
+import { type SlotsType, type VNodeChild } from "vue";
+/**
+ * A wrapper element for the thread. While mounted, Escape stops an active
+ * speech synthesis run.
+ */
+export declare const ThreadPrimitiveRoot: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+    default?: () => VNodeChild[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=thread.d.ts.map

package/dist/primitives/thread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread.d.ts","sourceRoot":"","sources":["../../src/primitives/thread.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AAGb;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;cAGS,MAAM,UAAU,EAAE;yEA2BzD,CAAC"}