@ulearning/ai-sdk 0.0.0-stage → 1.0.0-next.0

package/dist/primitives/composer/ComposerQuote.d.ts

@@ -0,0 +1,58 @@
+import { type ComponentPublicInstance } from "vue";
+import { type PrimitiveProps } from "../../utils/Primitive.js";
+export declare namespace ComposerPrimitiveQuote {
+    type Element = ComponentPublicInstance;
+    type Props = PrimitiveProps<"div">;
+}
+/**
+ * Renders a container for the quoted text preview in the composer.
+ * Only renders when a quote is set.
+ *
+ * @example
+ * ```tsx
+ * <ComposerPrimitive.Quote>
+ *   <ComposerPrimitive.QuoteText />
+ *   <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>
+ * </ComposerPrimitive.Quote>
+ * ```
+ */
+export declare const ComposerPrimitiveQuote: import("vue").DefineSetupFnComponent<ComposerPrimitiveQuote.Props, {}, {}, import("vue").HTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: import("vue").VNodeChild;
+} & {}, import("vue").PublicProps>;
+export declare namespace ComposerPrimitiveQuoteText {
+    type Element = ComponentPublicInstance;
+    type Props = PrimitiveProps<"span">;
+}
+/**
+ * Renders the quoted text content.
+ *
+ * @example
+ * ```tsx
+ * <ComposerPrimitive.QuoteText />
+ * ```
+ */
+export declare const ComposerPrimitiveQuoteText: import("vue").DefineSetupFnComponent<ComposerPrimitiveQuoteText.Props, {}, {}, import("vue").HTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: import("vue").VNodeChild;
+} & {}, import("vue").PublicProps>;
+export declare namespace ComposerPrimitiveQuoteDismiss {
+    type Element = ComponentPublicInstance;
+    type Props = PrimitiveProps<"button">;
+}
+/**
+ * A button that clears the current quote from the composer.
+ *
+ * @example
+ * ```tsx
+ * <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>
+ * ```
+ */
+export declare const ComposerPrimitiveQuoteDismiss: import("vue").DefineSetupFnComponent<ComposerPrimitiveQuoteDismiss.Props, {}, {}, import("vue").ButtonHTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: import("vue").VNodeChild;
+} & {}, import("vue").PublicProps>;
+//# sourceMappingURL=ComposerQuote.d.ts.map

package/dist/primitives/composer/ComposerQuote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerQuote.d.ts","mappings":"AAEA,OAAO,EAIL,KAAK,uBAAuB,EAC7B,MAAM,KAAK;AAEZ,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,0BAAuB;AAKtE,yBAAiB,sBAAsB,CAAC;IACtC,KAAY,OAAO,GAAG,uBAAuB;IAC7C,KAAY,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC;;AAG3C;;;;;;;;;;;;AAYA,eAAO,MAAM,sBAAsB;;;;kCAyBhC;AAIH,yBAAiB,0BAA0B,CAAC;IAC1C,KAAY,OAAO,GAAG,uBAAuB;IAC7C,KAAY,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC;;AAG5C;;;;;;;;AAQA,eAAO,MAAM,0BAA0B;;;;kCA2BpC;AAIH,yBAAiB,6BAA6B,CAAC;IAC7C,KAAY,OAAO,GAAG,uBAAuB;IAC7C,KAAY,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC;;AAG9C;;;;;;;;AAQA,eAAO,MAAM,6BAA6B;;;;kCAyBvC","names":[],"ignoreList":[],"sources":["../../../src/primitives/composer/ComposerQuote.tsx"],"sourcesContent":[null]}

package/dist/primitives/composer/ComposerQuote.js

@@ -0,0 +1,95 @@
+"use client";
+import { Primitive as Primitive$1 } from "../../utils/Primitive.js";
+import { defineComponent, h, mergeProps } from "vue";
+import { useAui, useAuiState } from "@ulearning/ai-store";
+import { useForwardExpose } from "reka-ui";
+// src/primitives/composer/ComposerQuote.tsx
+/**
+* Renders a container for the quoted text preview in the composer.
+* Only renders when a quote is set.
+*
+* @example
+* ```tsx
+* <ComposerPrimitive.Quote>
+*   <ComposerPrimitive.QuoteText />
+*   <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>
+* </ComposerPrimitive.Quote>
+* ```
+*/
+const ComposerPrimitiveQuote = defineComponent((props, { attrs, slots }) => {
+	const { forwardRef } = useForwardExpose();
+	const value = useAuiState((s) => s.composer.quote);
+	return () => !value.value ? null : h(Primitive$1.div, {
+		...attrs,
+		render: props.render,
+		asChild: props.asChild,
+		children: props.children,
+		ref: forwardRef
+	}, slots);
+}, {
+	name: "ComposerPrimitiveQuote",
+	inheritAttrs: false,
+	props: [
+		"render",
+		"asChild",
+		"children"
+	]
+});
+/**
+* Renders the quoted text content.
+*
+* @example
+* ```tsx
+* <ComposerPrimitive.QuoteText />
+* ```
+*/
+const ComposerPrimitiveQuoteText = defineComponent((props, { attrs, slots }) => {
+	const { forwardRef } = useForwardExpose();
+	const value = useAuiState((s) => s.composer.quote?.text);
+	return () => !value.value ? null : h(Primitive$1.span, {
+		...attrs,
+		render: props.render,
+		asChild: props.asChild,
+		ref: forwardRef
+	}, { default: () => slots.default?.() ?? props.children ?? value.value });
+}, {
+	name: "ComposerPrimitiveQuoteText",
+	inheritAttrs: false,
+	props: [
+		"render",
+		"asChild",
+		"children"
+	]
+});
+/**
+* A button that clears the current quote from the composer.
+*
+* @example
+* ```tsx
+* <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>
+* ```
+*/
+const ComposerPrimitiveQuoteDismiss = defineComponent((props, { attrs, slots }) => {
+	const { forwardRef } = useForwardExpose();
+	const aui = useAui();
+	return () => h(Primitive$1.button, mergeProps({ type: "button" }, attrs, {
+		render: props.render,
+		asChild: props.asChild,
+		children: props.children,
+		ref: forwardRef,
+		onClick: (event) => {
+			if (!event.defaultPrevented) aui.composer.setQuote(void 0);
+		}
+	}), slots);
+}, {
+	name: "ComposerPrimitive.QuoteDismiss",
+	inheritAttrs: false,
+	props: [
+		"render",
+		"asChild",
+		"children"
+	]
+});
+export { ComposerPrimitiveQuote, ComposerPrimitiveQuoteDismiss, ComposerPrimitiveQuoteText };
+
+//# sourceMappingURL=ComposerQuote.js.map

package/dist/primitives/composer/ComposerQuote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerQuote.js","names":["defineComponent","h","mergeProps","ComponentPublicInstance","useForwardExpose","Primitive","PrimitiveProps","useAui","useAuiState","ComposerPrimitiveQuote","Element","Props","props","attrs","slots","forwardRef","value","s","composer","quote","div","render","asChild","children","ref","name","inheritAttrs","ComposerPrimitiveQuoteText","text","span","default","ComposerPrimitiveQuoteDismiss","aui","button","type","onClick","event","MouseEvent","defaultPrevented","setQuote","undefined","Primitive"],"sources":["../../../src/primitives/composer/ComposerQuote.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  defineComponent,\n  h,\n  mergeProps,\n  type ComponentPublicInstance,\n} from \"vue\";\nimport { useForwardExpose } from \"reka-ui\";\nimport { Primitive, type PrimitiveProps } from \"../../utils/Primitive\";\nimport { useAui, useAuiState } from \"@ulearning/ai-store\";\n\n// ---- Root ----\n\nexport namespace ComposerPrimitiveQuote {\n  export type Element = ComponentPublicInstance;\n  export type Props = PrimitiveProps<\"div\">;\n}\n\n/**\n * Renders a container for the quoted text preview in the composer.\n * Only renders when a quote is set.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Quote>\n *   <ComposerPrimitive.QuoteText />\n *   <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>\n * </ComposerPrimitive.Quote>\n * ```\n */\nexport const ComposerPrimitiveQuote =\n  defineComponent<ComposerPrimitiveQuote.Props>(\n    (props, { attrs, slots }) => {\n      const { forwardRef } = useForwardExpose();\n      const value = useAuiState((s) => s.composer.quote);\n      return () =>\n        !value.value\n          ? null\n          : h(\n              Primitive.div,\n              {\n                ...attrs,\n                render: props.render,\n                asChild: props.asChild,\n                children: props.children,\n                ref: forwardRef,\n              },\n              slots,\n            );\n    },\n    {\n      name: \"ComposerPrimitiveQuote\",\n      inheritAttrs: false,\n      props: [\"render\", \"asChild\", \"children\"],\n    },\n  );\n\n// ---- QuoteText ----\n\nexport namespace ComposerPrimitiveQuoteText {\n  export type Element = ComponentPublicInstance;\n  export type Props = PrimitiveProps<\"span\">;\n}\n\n/**\n * Renders the quoted text content.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.QuoteText />\n * ```\n */\nexport const ComposerPrimitiveQuoteText =\n  defineComponent<ComposerPrimitiveQuoteText.Props>(\n    (props, { attrs, slots }) => {\n      const { forwardRef } = useForwardExpose();\n      const value = useAuiState((s) => s.composer.quote?.text);\n      return () =>\n        !value.value\n          ? null\n          : h(\n              Primitive.span,\n              {\n                ...attrs,\n                render: props.render,\n                asChild: props.asChild,\n                ref: forwardRef,\n              },\n              {\n                default: () =>\n                  slots.default?.() ?? props.children ?? value.value,\n              },\n            );\n    },\n    {\n      name: \"ComposerPrimitiveQuoteText\",\n      inheritAttrs: false,\n      props: [\"render\", \"asChild\", \"children\"],\n    },\n  );\n\n// ---- QuoteDismiss ----\n\nexport namespace ComposerPrimitiveQuoteDismiss {\n  export type Element = ComponentPublicInstance;\n  export type Props = PrimitiveProps<\"button\">;\n}\n\n/**\n * A button that clears the current quote from the composer.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>\n * ```\n */\nexport const ComposerPrimitiveQuoteDismiss =\n  defineComponent<ComposerPrimitiveQuoteDismiss.Props>(\n    (props, { attrs, slots }) => {\n      const { forwardRef } = useForwardExpose();\n      const aui = useAui();\n      return () =>\n        h(\n          Primitive.button,\n          mergeProps({ type: \"button\" }, attrs, {\n            render: props.render,\n            asChild: props.asChild,\n            children: props.children,\n            ref: forwardRef,\n            onClick: (event: MouseEvent) => {\n              if (!event.defaultPrevented) aui.composer.setQuote(undefined);\n            },\n          }),\n          slots,\n        );\n    },\n    {\n      name: \"ComposerPrimitive.QuoteDismiss\",\n      inheritAttrs: false,\n      props: [\"render\", \"asChild\", \"children\"],\n    },\n  );\n"],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,MAAaS,yBACXT,iBACGY,OAAO,EAAEC,OAAOC,YAAY;CAC3B,MAAM,EAAEC,eAAeX,iBAAiB;CACxC,MAAMY,QAAQR,aAAaS,MAAMA,EAAEC,SAASC,KAAK;CACjD,aACE,CAACH,MAAMA,QACH,OACAf,EACEI,YAAUe,KACV;EACE,GAAGP;EACHQ,QAAQT,MAAMS;EACdC,SAASV,MAAMU;EACfC,UAAUX,MAAMW;EAChBC,KAAKT;CACP,GACAD,KACF;AACR,GACA;CACEW,MAAM;CACNC,cAAc;CACdd,OAAO;EAAC;EAAU;EAAW;CAAU;AACzC,CACF;;;;;;;;;AAiBF,MAAae,6BACX3B,iBACGY,OAAO,EAAEC,OAAOC,YAAY;CAC3B,MAAM,EAAEC,eAAeX,iBAAiB;CACxC,MAAMY,QAAQR,aAAaS,MAAMA,EAAEC,SAASC,OAAOS,IAAI;CACvD,aACE,CAACZ,MAAMA,QACH,OACAf,EACEI,YAAUwB,MACV;EACE,GAAGhB;EACHQ,QAAQT,MAAMS;EACdC,SAASV,MAAMU;EACfE,KAAKT;CACP,GACA,EACEe,eACEhB,MAAMgB,UAAU,KAAKlB,MAAMW,YAAYP,MAAMA,MACjD,CACF;AACR,GACA;CACES,MAAM;CACNC,cAAc;CACdd,OAAO;EAAC;EAAU;EAAW;CAAU;AACzC,CACF;;;;;;;;;AAiBF,MAAamB,gCACX/B,iBACGY,OAAO,EAAEC,OAAOC,YAAY;CAC3B,MAAM,EAAEC,eAAeX,iBAAiB;CACxC,MAAM4B,MAAMzB,OAAO;CACnB,aACEN,EACEI,YAAU4B,QACV/B,WAAW,EAAEgC,MAAM,SAAS,GAAGrB,OAAO;EACpCQ,QAAQT,MAAMS;EACdC,SAASV,MAAMU;EACfC,UAAUX,MAAMW;EAChBC,KAAKT;EACLoB,UAAUC,UAAsB;GAC9B,IAAI,CAACA,MAAME,kBAAkBN,IAAId,SAASqB,SAASC,KAAAA,CAAS;EAC9D;CACF,CAAC,GACD1B,KACF;AACJ,GACA;CACEW,MAAM;CACNC,cAAc;CACdd,OAAO;EAAC;EAAU;EAAW;CAAU;AACzC,CACF"}

package/dist/primitives/composer/ComposerResume.d.ts

@@ -0,0 +1,27 @@
+import { type ActionButtonElement, type ActionButtonProps } from "../../utils/createActionButton.js";
+declare const useComposerResume: () => import("vue").ComputedRef<(() => void) | null>;
+export declare namespace ComposerPrimitiveResume {
+    type Element = ActionButtonElement;
+    type Props = ActionButtonProps<typeof useComposerResume>;
+}
+/**
+ * Resumes an interrupted run when its adapter explicitly reports a checkpoint.
+ *
+ * @example
+ * ```tsx
+ * <ComposerPrimitive.Resume>
+ *   Resume
+ * </ComposerPrimitive.Resume>
+ * ```
+ */
+export declare const ComposerPrimitiveResume: import("vue").DefineSetupFnComponent<import("vue").ButtonHTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: import("vue").VNodeChild;
+}, {}, {}, import("vue").ButtonHTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: import("vue").VNodeChild;
+} & {}, import("vue").PublicProps>;
+export {};
+//# sourceMappingURL=ComposerResume.d.ts.map

package/dist/primitives/composer/ComposerResume.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerResume.d.ts","mappings":"AAIA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,mCAAgC;AAEvC,cAAM,iBAAiB,sDAItB;AAED,yBAAiB,uBAAuB,CAAC;IACvC,KAAY,OAAO,GAAG,mBAAmB;IACzC,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,iBAAiB,CAAC;;AAGjE;;;;;;;;;;AAUA,eAAO,MAAM,uBAAuB;;;;;;;;kCAGnC","names":[],"ignoreList":[],"sources":["../../../src/primitives/composer/ComposerResume.ts"],"sourcesContent":[null]}

package/dist/primitives/composer/ComposerResume.js

@@ -0,0 +1,24 @@
+"use client";
+import { createActionButton } from "../../utils/createActionButton.js";
+import { useComposerResume } from "@ulearning/ai-core/vue";
+import { computed } from "vue";
+// src/primitives/composer/ComposerResume.ts
+const useComposerResume$1 = () => {
+	const { disabled, resume } = useComposerResume();
+	const callback = () => resume();
+	return computed(() => disabled.value ? null : callback);
+};
+/**
+* Resumes an interrupted run when its adapter explicitly reports a checkpoint.
+*
+* @example
+* ```tsx
+* <ComposerPrimitive.Resume>
+*   Resume
+* </ComposerPrimitive.Resume>
+* ```
+*/
+const ComposerPrimitiveResume = createActionButton("ComposerPrimitive.Resume", useComposerResume$1);
+export { ComposerPrimitiveResume };
+
+//# sourceMappingURL=ComposerResume.js.map

package/dist/primitives/composer/ComposerResume.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerResume.js","names":["useComposerResume","useComposerResumeBehavior"],"sources":["../../../src/primitives/composer/ComposerResume.ts"],"sourcesContent":["\"use client\";\n\nimport { computed } from \"vue\";\nimport { useComposerResume as useComposerResumeBehavior } from \"@ulearning/ai-core/vue\";\nimport {\n  createActionButton,\n  type ActionButtonElement,\n  type ActionButtonProps,\n} from \"../../utils/createActionButton\";\n\nconst useComposerResume = () => {\n  const { disabled, resume } = useComposerResumeBehavior();\n  const callback = () => resume();\n  return computed(() => (disabled.value ? null : callback));\n};\n\nexport namespace ComposerPrimitiveResume {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useComposerResume>;\n}\n\n/**\n * Resumes an interrupted run when its adapter explicitly reports a checkpoint.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Resume>\n *   Resume\n * </ComposerPrimitive.Resume>\n * ```\n */\nexport const ComposerPrimitiveResume = createActionButton(\n  \"ComposerPrimitive.Resume\",\n  useComposerResume,\n);\n"],"mappings":";;;;;AAUA,MAAMA,4BAA0B;CAC9B,MAAM,EAAE,UAAU,WAAWC,kBAA0B;CACvD,MAAM,iBAAiB,OAAO;CAC9B,OAAO,eAAgB,SAAS,QAAQ,OAAO,QAAS;AAC1D;;;;;;;;;;;AAiBA,MAAa,0BAA0B,mBACrC,4BACAD,mBACF"}

package/dist/primitives/composer/ComposerRoot.d.ts

@@ -0,0 +1,56 @@
+import { type ComponentPublicInstance } from "vue";
+import { type PrimitiveProps } from "../../utils/Primitive.js";
+export declare namespace ComposerPrimitiveRoot {
+    type Element = ComponentPublicInstance;
+    /**
+     * Props for the ComposerPrimitive.Root component.
+     * Accepts all standard form element props.
+     */
+    type Props = PrimitiveProps<"form"> & {
+        /**
+         * Opt the composer into compact mode. While the input holds at most a single
+         * line of text and there are no attachments, quote, queued messages, or
+         * active dictation, the root renders a `data-compact` attribute so styles
+         * can collapse the composer into a single row. It expands automatically
+         * when any of those conditions stop holding.
+         * @default false
+         */
+        compact?: boolean | undefined;
+    };
+}
+/**
+ * The root form container for message composition.
+ *
+ * This component provides a form wrapper that handles message submission when the form
+ * is submitted (e.g., via Enter key or submit button). It automatically prevents the
+ * default form submission and triggers the composer's send functionality.
+ *
+ * Clicking blank form space focuses the composer input (the first textarea or
+ * contenteditable inside the form). Text selection cannot start from blank
+ * areas; descendants that need native mousedown defaults can call
+ * `stopPropagation()` in their own `onMouseDown`.
+ *
+ * @example
+ * ```tsx
+ * <ComposerPrimitive.Root>
+ *   <ComposerPrimitive.Input placeholder="Type your message..." />
+ *   <ComposerPrimitive.Send>Send</ComposerPrimitive.Send>
+ * </ComposerPrimitive.Root>
+ * ```
+ */
+export declare const ComposerPrimitiveRoot: import("vue").DefineSetupFnComponent<ComposerPrimitiveRoot.Props, {}, {}, import("vue").FormHTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: import("vue").VNodeChild;
+} & {
+    /**
+     * Opt the composer into compact mode. While the input holds at most a single
+     * line of text and there are no attachments, quote, queued messages, or
+     * active dictation, the root renders a `data-compact` attribute so styles
+     * can collapse the composer into a single row. It expands automatically
+     * when any of those conditions stop holding.
+     * @default false
+     */
+    compact?: boolean | undefined;
+} & {}, import("vue").PublicProps>;
+//# sourceMappingURL=ComposerRoot.d.ts.map

package/dist/primitives/composer/ComposerRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerRoot.d.ts","mappings":"AAEA,OAAO,EAOL,KAAK,uBAAuB,EAC7B,MAAM,KAAK;AAGZ,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,0BAAuB;AA0BtE,yBAAiB,qBAAqB,CAAC;IACrC,KAAY,OAAO,GAAG,uBAAuB;IAC7C;;;;IAIA,KAAY,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;QAC3C;;;;;;;;QAQA,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS;KAC9B;;AAGH;;;;;;;;;;;;;;;;;;;;AAoBA,eAAO,MAAM,qBAAqB;;;;;IAhC9B;;;;;;;;cAQU,OAAO,GAAG,SAAS;kCAoG9B","names":[],"ignoreList":[],"sources":["../../../src/primitives/composer/ComposerRoot.tsx"],"sourcesContent":[null]}

package/dist/primitives/composer/ComposerRoot.js

@@ -0,0 +1,96 @@
+"use client";
+import { Primitive as Primitive$1 } from "../../utils/Primitive.js";
+import { useComposerSend } from "./ComposerSend.js";
+import { ComposerCompactContext } from "./ComposerCompactContext.js";
+import { COMPOSER_INPUT_SELECTOR, CONTENT_EDITABLE_SELECTOR } from "./composerInputSelector.js";
+import { computed, defineComponent, h, mergeProps, provide, shallowRef } from "vue";
+import { useAuiState } from "@ulearning/ai-store";
+import { useForwardExpose } from "reka-ui";
+// src/primitives/composer/ComposerRoot.tsx
+const INTERACTIVE_ELEMENT_SELECTOR = [
+	"a",
+	"audio[controls]",
+	"button",
+	"details",
+	"embed",
+	"iframe",
+	"input",
+	"label",
+	"select",
+	"summary",
+	"textarea",
+	"video[controls]",
+	CONTENT_EDITABLE_SELECTOR,
+	"[tabindex]"
+].join(", ");
+/**
+* The root form container for message composition.
+*
+* This component provides a form wrapper that handles message submission when the form
+* is submitted (e.g., via Enter key or submit button). It automatically prevents the
+* default form submission and triggers the composer's send functionality.
+*
+* Clicking blank form space focuses the composer input (the first textarea or
+* contenteditable inside the form). Text selection cannot start from blank
+* areas; descendants that need native mousedown defaults can call
+* `stopPropagation()` in their own `onMouseDown`.
+*
+* @example
+* ```tsx
+* <ComposerPrimitive.Root>
+*   <ComposerPrimitive.Input placeholder="Type your message..." />
+*   <ComposerPrimitive.Send>Send</ComposerPrimitive.Send>
+* </ComposerPrimitive.Root>
+* ```
+*/
+const ComposerPrimitiveRoot = defineComponent((props, { attrs, slots }) => {
+	const { forwardRef } = useForwardExpose();
+	const send = useComposerSend();
+	const composerType = useAuiState((s) => s.composer.type);
+	const multiline = shallowRef(false);
+	const compactContext = { setMultiline: (value) => {
+		multiline.value = value;
+	} };
+	provide(ComposerCompactContext, computed(() => props.compact ? compactContext : null));
+	const stateAllowsCompact = useAuiState((s) => !!props.compact && s.composer.attachments.length === 0 && s.composer.quote == null && s.composer.queue.length === 0 && s.composer.dictation == null && !s.composer.text.includes("\n"));
+	const submit = (event) => {
+		if (event.defaultPrevented) return;
+		event.preventDefault();
+		send.value?.();
+	};
+	const mouseDown = (event) => {
+		if (event.defaultPrevented || event.button !== 0) return;
+		const form = event.currentTarget;
+		const target = event.target;
+		if (!(form instanceof HTMLElement) || !(target instanceof Element) || !form.contains(target)) return;
+		const interactive = target.closest(INTERACTIVE_ELEMENT_SELECTOR);
+		if (interactive && form.contains(interactive)) return;
+		const input = form.querySelector(COMPOSER_INPUT_SELECTOR);
+		if (!input) return;
+		event.preventDefault();
+		input.focus();
+	};
+	return () => h(Primitive$1.form, mergeProps(attrs, {
+		render: props.render,
+		asChild: props.asChild,
+		children: props.children,
+		inert: attrs.inert === true ? "" : attrs.inert === false ? void 0 : attrs.inert,
+		ref: forwardRef,
+		"data-aui-composer-type": composerType.value,
+		"data-compact": stateAllowsCompact.value && !multiline.value ? "" : void 0,
+		onSubmit: submit,
+		onMousedown: mouseDown
+	}), slots);
+}, {
+	name: "ComposerPrimitive.Root",
+	inheritAttrs: false,
+	props: [
+		"render",
+		"asChild",
+		"children",
+		"compact"
+	]
+});
+export { ComposerPrimitiveRoot };
+
+//# sourceMappingURL=ComposerRoot.js.map

package/dist/primitives/composer/ComposerRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerRoot.js","names":["computed","defineComponent","h","mergeProps","provide","shallowRef","ComponentPublicInstance","useForwardExpose","useAuiState","Primitive","PrimitiveProps","useComposerSend","ComposerCompactContext","COMPOSER_INPUT_SELECTOR","CONTENT_EDITABLE_SELECTOR","INTERACTIVE_ELEMENT_SELECTOR","join","ComposerPrimitiveRoot","Element","Props","compact","props","attrs","slots","forwardRef","send","composerType","s","composer","type","multiline","compactContext","setMultiline","value","stateAllowsCompact","attachments","length","quote","queue","dictation","text","includes","submit","event","Event","defaultPrevented","preventDefault","mouseDown","MouseEvent","button","form","currentTarget","target","HTMLElement","contains","interactive","closest","input","querySelector","focus","render","asChild","children","inert","undefined","ref","onSubmit","onMousedown","name","inheritAttrs","Primitive"],"sources":["../../../src/primitives/composer/ComposerRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  computed,\n  defineComponent,\n  h,\n  mergeProps,\n  provide,\n  shallowRef,\n  type ComponentPublicInstance,\n} from \"vue\";\nimport { useForwardExpose } from \"reka-ui\";\nimport { useAuiState } from \"@ulearning/ai-store\";\nimport { Primitive, type PrimitiveProps } from \"../../utils/Primitive\";\nimport { useComposerSend } from \"./ComposerSend\";\nimport { ComposerCompactContext } from \"./ComposerCompactContext\";\nimport {\n  COMPOSER_INPUT_SELECTOR,\n  CONTENT_EDITABLE_SELECTOR,\n} from \"./composerInputSelector\";\n\n// Keeps tabindex=\"-1\": roving-tabindex widgets click-focus items at -1.\nconst INTERACTIVE_ELEMENT_SELECTOR = [\n  \"a\",\n  \"audio[controls]\",\n  \"button\",\n  \"details\",\n  \"embed\",\n  \"iframe\",\n  \"input\",\n  \"label\",\n  \"select\",\n  \"summary\",\n  \"textarea\",\n  \"video[controls]\",\n  CONTENT_EDITABLE_SELECTOR,\n  \"[tabindex]\",\n].join(\", \");\n\nexport namespace ComposerPrimitiveRoot {\n  export type Element = ComponentPublicInstance;\n  /**\n   * Props for the ComposerPrimitive.Root component.\n   * Accepts all standard form element props.\n   */\n  export type Props = PrimitiveProps<\"form\"> & {\n    /**\n     * Opt the composer into compact mode. While the input holds at most a single\n     * line of text and there are no attachments, quote, queued messages, or\n     * active dictation, the root renders a `data-compact` attribute so styles\n     * can collapse the composer into a single row. It expands automatically\n     * when any of those conditions stop holding.\n     * @default false\n     */\n    compact?: boolean | undefined;\n  };\n}\n\n/**\n * The root form container for message composition.\n *\n * This component provides a form wrapper that handles message submission when the form\n * is submitted (e.g., via Enter key or submit button). It automatically prevents the\n * default form submission and triggers the composer's send functionality.\n *\n * Clicking blank form space focuses the composer input (the first textarea or\n * contenteditable inside the form). Text selection cannot start from blank\n * areas; descendants that need native mousedown defaults can call\n * `stopPropagation()` in their own `onMouseDown`.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Root>\n *   <ComposerPrimitive.Input placeholder=\"Type your message...\" />\n *   <ComposerPrimitive.Send>Send</ComposerPrimitive.Send>\n * </ComposerPrimitive.Root>\n * ```\n */\nexport const ComposerPrimitiveRoot =\n  defineComponent<ComposerPrimitiveRoot.Props>(\n    (props, { attrs, slots }) => {\n      const { forwardRef } = useForwardExpose();\n      const send = useComposerSend();\n      const composerType = useAuiState((s) => s.composer.type);\n      const multiline = shallowRef(false);\n      const compactContext = {\n        setMultiline: (value: boolean) => {\n          multiline.value = value;\n        },\n      };\n      provide(\n        ComposerCompactContext,\n        computed(() => (props.compact ? compactContext : null)),\n      );\n      const stateAllowsCompact = useAuiState(\n        (s) =>\n          !!props.compact &&\n          s.composer.attachments.length === 0 &&\n          s.composer.quote == null &&\n          s.composer.queue.length === 0 &&\n          s.composer.dictation == null &&\n          !s.composer.text.includes(\"\\n\"),\n      );\n      const submit = (event: Event) => {\n        if (event.defaultPrevented) return;\n        event.preventDefault();\n        send.value?.();\n      };\n      const mouseDown = (event: MouseEvent) => {\n        if (event.defaultPrevented || event.button !== 0) return;\n        const form = event.currentTarget;\n        const target = event.target;\n        if (\n          !(form instanceof HTMLElement) ||\n          !(target instanceof Element) ||\n          !form.contains(target)\n        )\n          return;\n        const interactive = target.closest(INTERACTIVE_ELEMENT_SELECTOR);\n        if (interactive && form.contains(interactive)) return;\n        const input = form.querySelector<HTMLElement>(COMPOSER_INPUT_SELECTOR);\n        if (!input) return;\n        event.preventDefault();\n        input.focus();\n      };\n      return () =>\n        h(\n          Primitive.form,\n          mergeProps(attrs, {\n            render: props.render,\n            asChild: props.asChild,\n            children: props.children,\n            // Vue 3.5.0 predates inert's boolean-attribute handling.\n            inert:\n              attrs.inert === true\n                ? \"\"\n                : attrs.inert === false\n                  ? undefined\n                  : attrs.inert,\n            ref: forwardRef,\n            \"data-aui-composer-type\": composerType.value,\n            \"data-compact\":\n              stateAllowsCompact.value && !multiline.value ? \"\" : undefined,\n            onSubmit: submit,\n            onMousedown: mouseDown,\n          }),\n          slots,\n        );\n    },\n    {\n      name: \"ComposerPrimitive.Root\",\n      inheritAttrs: false,\n      props: [\"render\", \"asChild\", \"children\", \"compact\"],\n    },\n  );\n"],"mappings":";;;;;;;;;AAsBA,MAAMe,+BAA+B;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACAD;CACA;AAAY,CACb,CAACE,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;AAyCX,MAAaC,wBACXhB,iBACGoB,OAAO,EAAEC,OAAOC,YAAY;CAC3B,MAAM,EAAEC,eAAejB,iBAAiB;CACxC,MAAMkB,OAAOd,gBAAgB;CAC7B,MAAMe,eAAelB,aAAamB,MAAMA,EAAEC,SAASC,IAAI;CACvD,MAAMC,YAAYzB,WAAW,KAAK;CAClC,MAAM0B,iBAAiB,EACrBC,eAAeC,UAAmB;EAChCH,UAAUG,QAAQA;CACpB,EACF;CACA7B,QACEQ,wBACAZ,eAAgBqB,MAAMD,UAAUW,iBAAiB,IAAK,CACxD;CACA,MAAMG,qBAAqB1B,aACxBmB,MACC,CAAC,CAACN,MAAMD,WACRO,EAAEC,SAASO,YAAYC,WAAW,KAClCT,EAAEC,SAASS,SAAS,QACpBV,EAAEC,SAASU,MAAMF,WAAW,KAC5BT,EAAEC,SAASW,aAAa,QACxB,CAACZ,EAAEC,SAASY,KAAKC,SAAS,IAAI,CAClC;CACA,MAAMC,UAAUC,UAAiB;EAC/B,IAAIA,MAAME,kBAAkB;EAC5BF,MAAMG,eAAe;EACrBrB,KAAKQ,QAAQ;CACf;CACA,MAAMc,aAAaJ,UAAsB;EACvC,IAAIA,MAAME,oBAAoBF,MAAMM,WAAW,GAAG;EAClD,MAAMC,OAAOP,MAAMQ;EACnB,MAAMC,SAAST,MAAMS;EACrB,IACE,EAAEF,gBAAgBG,gBAClB,EAAED,kBAAkBlC,YACpB,CAACgC,KAAKI,SAASF,MAAM,GAErB;EACF,MAAMG,cAAcH,OAAOI,QAAQzC,4BAA4B;EAC/D,IAAIwC,eAAeL,KAAKI,SAASC,WAAW,GAAG;EAC/C,MAAME,QAAQP,KAAKQ,cAA2B7C,uBAAuB;EACrE,IAAI,CAAC4C,OAAO;EACZd,MAAMG,eAAe;EACrBW,MAAME,MAAM;CACd;CACA,aACEzD,EACEO,YAAUyC,MACV/C,WAAWmB,OAAO;EAChBsC,QAAQvC,MAAMuC;EACdC,SAASxC,MAAMwC;EACfC,UAAUzC,MAAMyC;EAEhBC,OACEzC,MAAMyC,UAAU,OACZ,KACAzC,MAAMyC,UAAU,QACdC,KAAAA,IACA1C,MAAMyC;EACdE,KAAKzC;EACL,0BAA0BE,aAAaO;EACvC,gBACEC,mBAAmBD,SAAS,CAACH,UAAUG,QAAQ,KAAK+B,KAAAA;EACtDE,UAAUxB;EACVyB,aAAapB;CACf,CAAC,GACDxB,KACF;AACJ,GACA;CACE6C,MAAM;CACNC,cAAc;CACdhD,OAAO;EAAC;EAAU;EAAW;EAAY;CAAS;AACpD,CACF"}

package/dist/primitives/composer/ComposerSend.d.ts

@@ -0,0 +1,34 @@
+import { type ActionButtonElement, type ActionButtonProps } from "../../utils/createActionButton.js";
+export declare const useComposerSend: () => import("vue").ComputedRef<(() => void) | null>;
+export declare namespace ComposerPrimitiveSend {
+    type Element = ActionButtonElement;
+    /**
+     * Props for the ComposerPrimitive.Send component.
+     * Inherits all button element props and action button functionality.
+     */
+    type Props = ActionButtonProps<typeof useComposerSend>;
+}
+/**
+ * A button component that sends the current message in the composer.
+ *
+ * This component automatically handles the send functionality and is disabled
+ * when sending is not available (e.g., when the thread is running, the composer
+ * is empty, or not in editing mode).
+ *
+ * @example
+ * ```tsx
+ * <ComposerPrimitive.Send>
+ *   Send Message
+ * </ComposerPrimitive.Send>
+ * ```
+ */
+export declare const ComposerPrimitiveSend: import("vue").DefineSetupFnComponent<import("vue").ButtonHTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: import("vue").VNodeChild;
+}, {}, {}, import("vue").ButtonHTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: import("vue").VNodeChild;
+} & {}, import("vue").PublicProps>;
+//# sourceMappingURL=ComposerSend.d.ts.map

package/dist/primitives/composer/ComposerSend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerSend.d.ts","mappings":"AAGA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EAEvB,MAAM,mCAAgC;AAGvC,eAAO,MAAM,eAAe,sDAI3B;AAED,yBAAiB,qBAAqB,CAAC;IACrC,KAAY,OAAO,GAAG,mBAAmB;IACzC;;;;IAIA,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,eAAe,CAAC;;AAG/D;;;;;;;;;;;;;;AAcA,eAAO,MAAM,qBAAqB;;;;;;;;kCAGjC","names":[],"ignoreList":[],"sources":["../../../src/primitives/composer/ComposerSend.ts"],"sourcesContent":[null]}

package/dist/primitives/composer/ComposerSend.js

@@ -0,0 +1,28 @@
+"use client";
+import { createActionButton } from "../../utils/createActionButton.js";
+import { useComposerSend as useComposerSend$1 } from "@ulearning/ai-core/vue";
+import { computed } from "vue";
+// src/primitives/composer/ComposerSend.ts
+const useComposerSend = () => {
+	const { disabled, send } = useComposerSend$1();
+	const callback = () => send();
+	return computed(() => disabled.value ? null : callback);
+};
+/**
+* A button component that sends the current message in the composer.
+*
+* This component automatically handles the send functionality and is disabled
+* when sending is not available (e.g., when the thread is running, the composer
+* is empty, or not in editing mode).
+*
+* @example
+* ```tsx
+* <ComposerPrimitive.Send>
+*   Send Message
+* </ComposerPrimitive.Send>
+* ```
+*/
+const ComposerPrimitiveSend = createActionButton("ComposerPrimitive.Send", useComposerSend);
+export { ComposerPrimitiveSend, useComposerSend };
+
+//# sourceMappingURL=ComposerSend.js.map

package/dist/primitives/composer/ComposerSend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerSend.js","names":["useComposerSendBehavior"],"sources":["../../../src/primitives/composer/ComposerSend.ts"],"sourcesContent":["\"use client\";\n\nimport { computed } from \"vue\";\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useComposerSend as useComposerSendBehavior } from \"@ulearning/ai-core/vue\";\n\nexport const useComposerSend = () => {\n  const { disabled, send } = useComposerSendBehavior();\n  const callback = () => send();\n  return computed(() => (disabled.value ? null : callback));\n};\n\nexport namespace ComposerPrimitiveSend {\n  export type Element = ActionButtonElement;\n  /**\n   * Props for the ComposerPrimitive.Send component.\n   * Inherits all button element props and action button functionality.\n   */\n  export type Props = ActionButtonProps<typeof useComposerSend>;\n}\n\n/**\n * A button component that sends the current message in the composer.\n *\n * This component automatically handles the send functionality and is disabled\n * when sending is not available (e.g., when the thread is running, the composer\n * is empty, or not in editing mode).\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Send>\n *   Send Message\n * </ComposerPrimitive.Send>\n * ```\n */\nexport const ComposerPrimitiveSend = createActionButton(\n  \"ComposerPrimitive.Send\",\n  useComposerSend,\n);\n"],"mappings":";;;;;AAUA,MAAa,wBAAwB;CACnC,MAAM,EAAE,UAAU,SAASA,kBAAwB;CACnD,MAAM,iBAAiB,KAAK;CAC5B,OAAO,eAAgB,SAAS,QAAQ,OAAO,QAAS;AAC1D;;;;;;;;;;;;;;;AAyBA,MAAa,wBAAwB,mBACnC,0BACA,eACF"}

package/dist/primitives/composer/ComposerStopDictation.d.ts

@@ -0,0 +1,29 @@
+import type { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton.js";
+declare const useComposerStopDictation: () => import("vue").ComputedRef<(() => void) | null>;
+export declare namespace ComposerPrimitiveStopDictation {
+    type Element = ActionButtonElement;
+    type Props = ActionButtonProps<typeof useComposerStopDictation>;
+}
+/**
+ * A button that stops the current dictation session.
+ *
+ * Only rendered when dictation is active.
+ *
+ * @example
+ * ```tsx
+ * <ComposerPrimitive.StopDictation>
+ *   <StopIcon />
+ * </ComposerPrimitive.StopDictation>
+ * ```
+ */
+export declare const ComposerPrimitiveStopDictation: import("vue").DefineSetupFnComponent<import("vue").ButtonHTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: import("vue").VNodeChild;
+}, {}, {}, import("vue").ButtonHTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: import("vue").VNodeChild;
+} & {}, import("vue").PublicProps>;
+export {};
+//# sourceMappingURL=ComposerStopDictation.d.ts.map

package/dist/primitives/composer/ComposerStopDictation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerStopDictation.d.ts","mappings":"AAIA,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,mCAAgC;AAIvC,cAAM,wBAAwB,sDAS7B;AAED,yBAAiB,8BAA8B,CAAC;IAC9C,KAAY,OAAO,GAAG,mBAAmB;IACzC,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,wBAAwB,CAAC;;AAGxE;;;;;;;;;;;;AAYA,eAAO,MAAM,8BAA8B;;;;;;;;kCAG1C","names":[],"ignoreList":[],"sources":["../../../src/primitives/composer/ComposerStopDictation.ts"],"sourcesContent":[null]}

package/dist/primitives/composer/ComposerStopDictation.js

@@ -0,0 +1,29 @@
+"use client";
+import { createActionButton } from "../../utils/createActionButton.js";
+import { computed } from "vue";
+import { useAui, useAuiState } from "@ulearning/ai-store";
+// src/primitives/composer/ComposerStopDictation.ts
+const useComposerStopDictation = () => {
+	const aui = useAui();
+	const isDictating = useAuiState((s) => s.composer.dictation != null);
+	const callback = () => {
+		aui.composer.stopDictation();
+	};
+	return computed(() => isDictating.value ? callback : null);
+};
+/**
+* A button that stops the current dictation session.
+*
+* Only rendered when dictation is active.
+*
+* @example
+* ```tsx
+* <ComposerPrimitive.StopDictation>
+*   <StopIcon />
+* </ComposerPrimitive.StopDictation>
+* ```
+*/
+const ComposerPrimitiveStopDictation = createActionButton("ComposerPrimitive.StopDictation", useComposerStopDictation);
+export { ComposerPrimitiveStopDictation };
+
+//# sourceMappingURL=ComposerStopDictation.js.map

package/dist/primitives/composer/ComposerStopDictation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerStopDictation.js","names":[],"sources":["../../../src/primitives/composer/ComposerStopDictation.ts"],"sourcesContent":["\"use client\";\n\nimport { computed } from \"vue\";\nimport { useAui } from \"@ulearning/ai-store\";\nimport type {\n  ActionButtonElement,\n  ActionButtonProps,\n} from \"../../utils/createActionButton\";\nimport { createActionButton } from \"../../utils/createActionButton\";\nimport { useAuiState } from \"@ulearning/ai-store\";\n\nconst useComposerStopDictation = () => {\n  const aui = useAui();\n  const isDictating = useAuiState((s) => s.composer.dictation != null);\n\n  const callback = () => {\n    aui.composer.stopDictation();\n  };\n\n  return computed(() => (isDictating.value ? callback : null));\n};\n\nexport namespace ComposerPrimitiveStopDictation {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useComposerStopDictation>;\n}\n\n/**\n * A button that stops the current dictation session.\n *\n * Only rendered when dictation is active.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.StopDictation>\n *   <StopIcon />\n * </ComposerPrimitive.StopDictation>\n * ```\n */\nexport const ComposerPrimitiveStopDictation = createActionButton(\n  \"ComposerPrimitive.StopDictation\",\n  useComposerStopDictation,\n);\n"],"mappings":";;;;;AAWA,MAAM,iCAAiC;CACrC,MAAM,MAAM,OAAO;CACnB,MAAM,cAAc,aAAa,MAAM,EAAE,SAAS,aAAa,IAAI;CAEnE,MAAM,iBAAiB;EACrB,IAAI,SAAS,cAAc;CAC7B;CAEA,OAAO,eAAgB,YAAY,QAAQ,WAAW,IAAK;AAC7D;;;;;;;;;;;;;AAmBA,MAAa,iCAAiC,mBAC5C,mCACA,wBACF"}

package/dist/primitives/composer/composerInputSelector.d.ts

@@ -0,0 +1,3 @@
+export declare const CONTENT_EDITABLE_SELECTOR = "[contenteditable]:not([contenteditable='false'])";
+export declare const COMPOSER_INPUT_SELECTOR = "textarea:not(:disabled), [contenteditable]:not([contenteditable='false'])";
+//# sourceMappingURL=composerInputSelector.d.ts.map

package/dist/primitives/composer/composerInputSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composerInputSelector.d.ts","mappings":"AAAA,eAAO,MAAM,yBAAyB,qDACc;AAEpD,eAAO,MAAM,uBAAuB,8EAA0D","names":[],"ignoreList":[],"sources":["../../../src/primitives/composer/composerInputSelector.ts"],"sourcesContent":[null]}

package/dist/primitives/composer/composerInputSelector.js

@@ -0,0 +1,6 @@
+// src/primitives/composer/composerInputSelector.ts
+const CONTENT_EDITABLE_SELECTOR = "[contenteditable]:not([contenteditable='false'])";
+const COMPOSER_INPUT_SELECTOR = `textarea:not(:disabled), ${CONTENT_EDITABLE_SELECTOR}`;
+export { COMPOSER_INPUT_SELECTOR, CONTENT_EDITABLE_SELECTOR };
+
+//# sourceMappingURL=composerInputSelector.js.map

package/dist/primitives/composer/composerInputSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composerInputSelector.js","names":[],"sources":["../../../src/primitives/composer/composerInputSelector.ts"],"sourcesContent":["export const CONTENT_EDITABLE_SELECTOR =\n  \"[contenteditable]:not([contenteditable='false'])\";\n\nexport const COMPOSER_INPUT_SELECTOR = `textarea:not(:disabled), ${CONTENT_EDITABLE_SELECTOR}`;\n"],"mappings":";AAAA,MAAa,4BACX;AAEF,MAAa,0BAA0B,4BAA4B"}

package/dist/primitives/composer/trigger/TriggerPopover.d.ts

@@ -0,0 +1,63 @@
+import type { TriggerAdapter } from "@ulearning/ai-core";
+import { type ComponentPublicInstance, type ShallowRef } from "vue";
+import { type PrimitiveProps } from "../../../utils/Primitive.js";
+import { type TriggerPopoverResourceOutput } from "./TriggerPopoverResource.js";
+import type { TriggerBehavior } from "./triggerSelectionResource.js";
+import type { TriggerMatcher } from "./detectTrigger.js";
+export declare const useTriggerPopoverScopeContextOptional: () => Readonly<ShallowRef<TriggerPopoverResourceOutput>> | null;
+export declare const useTriggerPopoverScopeContext: () => Readonly<ShallowRef<TriggerPopoverResourceOutput>>;
+export type TriggerBehaviorRegistration = {
+    register(behavior: TriggerBehavior): () => void;
+};
+export declare const useTriggerBehaviorRegistration: () => TriggerBehaviorRegistration;
+export declare namespace ComposerPrimitiveTriggerPopover {
+    type Element = ComponentPublicInstance;
+    type Props = Omit<PrimitiveProps<"div">, "onSelect"> & {
+        /** The character(s) that activate this trigger (e.g. `"@"`, `"/"`). Also serves as the trigger identity within the root. */
+        readonly char: string;
+        /** Overrides trigger detection for both textarea and Lexical inputs. `endOffset` is the exclusive replace bound. */
+        readonly matcher?: TriggerMatcher | undefined;
+        /** Adapter providing categories and items. */
+        readonly adapter?: TriggerAdapter | undefined;
+        /** Whether the adapter is resolving items, surfaced to the popover scope for async sources. @default false */
+        readonly isLoading?: boolean | undefined;
+    };
+}
+/**
+ * Declares a trigger and renders its popover container. The popover only
+ * renders its DOM (and children) when the trigger character is active in the
+ * composer input and a behavior sub-primitive has been registered.
+ *
+ * A behavior is contributed by rendering exactly one of
+ * `<TriggerPopover.Directive>` or `<TriggerPopover.Action>` as a child. Without
+ * a behavior the trigger stays closed.
+ *
+ * Must be placed inside `ComposerPrimitive.TriggerPopoverRoot`.
+ *
+ * @example
+ * ```tsx
+ * <ComposerPrimitive.TriggerPopover
+ *   char="@"
+ *   adapter={mentionAdapter}
+ * >
+ *   <ComposerPrimitive.TriggerPopover.Directive formatter={formatter} />
+ *   <ComposerPrimitive.TriggerPopoverCategories>
+ *     {(cats) => cats.map(...)}
+ *   </ComposerPrimitive.TriggerPopoverCategories>
+ *   <ComposerPrimitive.TriggerPopoverItems>
+ *     {(items) => items.map(...)}
+ *   </ComposerPrimitive.TriggerPopoverItems>
+ * </ComposerPrimitive.TriggerPopover>
+ * ```
+ */
+export declare const ComposerPrimitiveTriggerPopover: import("vue").DefineSetupFnComponent<ComposerPrimitiveTriggerPopover.Props, {}, {}, Omit<PrimitiveProps<"div">, "onSelect"> & {
+    /** The character(s) that activate this trigger (e.g. `"@"`, `"/"`). Also serves as the trigger identity within the root. */
+    readonly char: string;
+    /** Overrides trigger detection for both textarea and Lexical inputs. `endOffset` is the exclusive replace bound. */
+    readonly matcher?: TriggerMatcher | undefined;
+    /** Adapter providing categories and items. */
+    readonly adapter?: TriggerAdapter | undefined;
+    /** Whether the adapter is resolving items, surfaced to the popover scope for async sources. @default false */
+    readonly isLoading?: boolean | undefined;
+} & {}, import("vue").PublicProps>;
+//# sourceMappingURL=TriggerPopover.d.ts.map