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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPopover.d.ts","mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB;AACxD,OAAO,EASL,KAAK,uBAAuB,EAE5B,KAAK,UAAU,EAEhB,MAAM,KAAK;AAGZ,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,6BAA0B;AAEzE,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,6BAA0B;AACjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA4B;AAKjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAiB;AAKrD,eAAO,MAAM,qCAAqC,iEACR;AAC1C,eAAO,MAAM,6BAA6B,0DAOzC;AACD,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,CAAC,QAAQ,EAAE,eAAe,GAAG,MAAM,IAAI;CAChD;AAGD,eAAO,MAAM,8BAA8B,mCAO1C;AAED,yBAAiB,+BAA+B,CAAC;IAC/C,KAAY,OAAO,GAAG,uBAAuB;IAC7C,KAAY,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;QAC5D;QACA,QAAQ,CAAC,IAAI,EAAE,MAAM;QACrB;QACA,QAAQ,CAAC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS;QAC7C;QACA,QAAQ,CAAC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS;QAC7C;QACA,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS;KACzC;;AAGH;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,eAAO,MAAM,+BAA+B;IAtCxC;mBACe,MAAM;IACrB;uBACmB,cAAc,GAAG,SAAS;IAC7C;uBACmB,cAAc,GAAG,SAAS;IAC7C;yBACqB,OAAO,GAAG,SAAS;kCAgLzC","names":[],"ignoreList":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopover.tsx"],"sourcesContent":[null]}

package/dist/primitives/composer/trigger/TriggerPopover.js

@@ -0,0 +1,161 @@
+"use client";
+import { Primitive as Primitive$1 } from "../../../utils/Primitive.js";
+import { useComposerInputPluginRegistryOptional } from "../ComposerInputPluginContext.js";
+import { useTriggerPopoverAriaPublish, useTriggerPopoverRootContext } from "./TriggerPopoverRootContext.js";
+import { TriggerPopoverResource } from "./TriggerPopoverResource.js";
+import { Teleport, computed, defineComponent, h, inject, provide, shallowRef, useId } from "vue";
+import { useAui, useAuiState } from "@ulearning/ai-store";
+import { useIsomorphicLayoutEffect } from "@ulearning/ai-store/internal";
+import { useForwardExpose } from "reka-ui";
+import { useResource, useTapRoot } from "@ulearning/ai-tap";
+// src/primitives/composer/trigger/TriggerPopover.tsx
+const TriggerPopoverScopeContext = Symbol("TriggerPopoverScope");
+const useTriggerPopoverScopeContextOptional = () => inject(TriggerPopoverScopeContext, null);
+const useTriggerPopoverScopeContext = () => {
+	const ctx = useTriggerPopoverScopeContextOptional();
+	if (!ctx) throw new Error("useTriggerPopoverScopeContext must be used within ComposerPrimitive.TriggerPopover");
+	return ctx;
+};
+const TriggerBehaviorRegistrationContext = Symbol("TriggerBehaviorRegistration");
+const useTriggerBehaviorRegistration = () => {
+	const ctx = inject(TriggerBehaviorRegistrationContext, null);
+	if (!ctx) throw new Error("TriggerPopover.Directive / TriggerPopover.Action must be rendered inside ComposerPrimitive.TriggerPopover");
+	return ctx;
+};
+/**
+* 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>
+* ```
+*/
+const ComposerPrimitiveTriggerPopover = defineComponent((props, { attrs, slots }) => {
+	const { forwardRef, currentElement } = useForwardExpose();
+	const aui = useAui();
+	const text = useAuiState((s) => s.composer.text);
+	const popoverId = useId();
+	if (popoverId === void 0) throw new Error("ComposerPrimitive.TriggerPopover requires a Vue component owner.");
+	const behavior = shallowRef(null);
+	let registrationCount = 0;
+	const registration = { register(next) {
+		registrationCount++;
+		if (process.env.NODE_ENV !== "production" && registrationCount > 1) console.warn(`[assistant-ui] TriggerPopover "${props.char}" received more than one behavior child. Exactly one <TriggerPopover.Directive> or <TriggerPopover.Action> is allowed per TriggerPopover; the last registration wins.`);
+		behavior.value = next;
+		let active = true;
+		return () => {
+			if (!active) return;
+			active = false;
+			registrationCount--;
+			if (behavior.value === next) behavior.value = null;
+		};
+	} };
+	const controller = useTapRoot(function useTriggerPopoverRootResource() {
+		return useResource(TriggerPopoverResource({
+			text: text.value,
+			triggerChar: props.char,
+			adapter: props.adapter,
+			matcher: props.matcher,
+			behavior: behavior.value ?? void 0,
+			aui,
+			popoverId,
+			isLoading: props.isLoading ?? false
+		}));
+	});
+	const state = shallowRef(controller.getValue());
+	useIsomorphicLayoutEffect(() => {
+		const refresh = () => {
+			state.value = controller.getValue();
+		};
+		const unsubscribe = controller.subscribe(refresh);
+		refresh();
+		return unsubscribe;
+	}, []);
+	provide(TriggerBehaviorRegistrationContext, registration);
+	provide(TriggerPopoverScopeContext, state);
+	const root = useTriggerPopoverRootContext();
+	useIsomorphicLayoutEffect(() => root.register({
+		char: props.char,
+		...props.matcher ? { matcher: props.matcher } : {},
+		...behavior.value ? { behavior: behavior.value } : {},
+		get resource() {
+			return state.value;
+		}
+	}), () => [
+		props.char,
+		props.matcher,
+		behavior.value
+	]);
+	const plugins = useComposerInputPluginRegistryOptional();
+	useIsomorphicLayoutEffect(() => plugins?.register({
+		handleKeyDown: (event) => controller.getValue().handleKeyDown(event),
+		setCursorPosition: (position) => controller.getValue().setCursorPosition(position)
+	}), []);
+	const open = computed(() => behavior.value !== null && state.value.open);
+	const aria = useTriggerPopoverAriaPublish();
+	useIsomorphicLayoutEffect(() => {
+		const char = props.char;
+		if (!open.value) return void 0;
+		aria.setActiveAria(char, {
+			popoverId,
+			highlightedItemId: state.value.highlightedItemId
+		});
+		return () => aria.setActiveAria(char, null);
+	});
+	return () => {
+		const children = slots.default?.() ?? props.children;
+		const highlightedItemId = state.value.highlightedItemId;
+		const render = props.render;
+		const asChild = props.asChild;
+		const containerProps = {
+			role: "listbox",
+			id: popoverId,
+			"aria-label": "Suggestions",
+			...highlightedItemId !== void 0 ? { "aria-activedescendant": highlightedItemId } : {},
+			"data-state": "open",
+			...attrs,
+			...render !== void 0 ? { render } : {},
+			...asChild !== void 0 ? { asChild } : {},
+			ref: forwardRef
+		};
+		if (props.asChild && !props.render) return h(Primitive$1.div, open.value ? containerProps : { asChild: true }, { default: () => children });
+		return [open.value ? h(Primitive$1.div, containerProps) : null, h(Teleport, {
+			to: currentElement.value ?? "body",
+			disabled: !open.value || !currentElement.value
+		}, Array.isArray(children) ? children : [children])];
+	};
+}, {
+	name: "ComposerPrimitive.TriggerPopover",
+	inheritAttrs: false,
+	props: [
+		"char",
+		"matcher",
+		"adapter",
+		"isLoading",
+		"render",
+		"asChild",
+		"children"
+	]
+});
+export { ComposerPrimitiveTriggerPopover, useTriggerBehaviorRegistration, useTriggerPopoverScopeContext, useTriggerPopoverScopeContextOptional };
+
+//# sourceMappingURL=TriggerPopover.js.map

package/dist/primitives/composer/trigger/TriggerPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPopover.js","names":["useAui","useAuiState","useResource","useTapRoot","TriggerAdapter","computed","defineComponent","h","inject","provide","shallowRef","Teleport","useId","ComponentPublicInstance","InjectionKey","ShallowRef","VNodeProps","useForwardExpose","useIsomorphicLayoutEffect","Primitive","PrimitiveProps","useComposerInputPluginRegistryOptional","TriggerPopoverResource","TriggerPopoverResourceOutput","TriggerBehavior","useTriggerPopoverAriaPublish","useTriggerPopoverRootContext","TriggerMatcher","TriggerPopoverScopeContext","Readonly","Symbol","useTriggerPopoverScopeContextOptional","useTriggerPopoverScopeContext","ctx","Error","TriggerBehaviorRegistration","register","behavior","TriggerBehaviorRegistrationContext","useTriggerBehaviorRegistration","ComposerPrimitiveTriggerPopover","Element","Props","Omit","char","matcher","adapter","isLoading","props","attrs","slots","forwardRef","currentElement","aui","text","s","composer","popoverId","undefined","registrationCount","registration","next","process","env","NODE_ENV","console","warn","value","active","controller","useTriggerPopoverRootResource","triggerChar","state","getValue","refresh","unsubscribe","subscribe","root","resource","plugins","handleKeyDown","event","setCursorPosition","position","open","aria","setActiveAria","highlightedItemId","children","default","render","asChild","containerProps","role","id","ref","Record","div","to","disabled","Array","isArray","name","inheritAttrs","Primitive"],"sources":["../../../../src/primitives/composer/trigger/TriggerPopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAui, useAuiState } from \"@ulearning/ai-store\";\nimport { useResource, useTapRoot } from \"@ulearning/ai-tap\";\nimport type { TriggerAdapter } from \"@ulearning/ai-core\";\nimport {\n  computed,\n  defineComponent,\n  h,\n  inject,\n  provide,\n  shallowRef,\n  Teleport,\n  useId,\n  type ComponentPublicInstance,\n  type InjectionKey,\n  type ShallowRef,\n  type VNodeProps,\n} from \"vue\";\nimport { useForwardExpose } from \"reka-ui\";\nimport { useIsomorphicLayoutEffect } from \"@ulearning/ai-store/internal\";\nimport { Primitive, type PrimitiveProps } from \"../../../utils/Primitive\";\nimport { useComposerInputPluginRegistryOptional } from \"../ComposerInputPluginContext\";\nimport {\n  TriggerPopoverResource,\n  type TriggerPopoverResourceOutput,\n} from \"./TriggerPopoverResource\";\nimport type { TriggerBehavior } from \"./triggerSelectionResource\";\nimport {\n  useTriggerPopoverAriaPublish,\n  useTriggerPopoverRootContext,\n} from \"./TriggerPopoverRootContext\";\nimport type { TriggerMatcher } from \"./detectTrigger\";\n\nconst TriggerPopoverScopeContext: InjectionKey<\n  Readonly<ShallowRef<TriggerPopoverResourceOutput>>\n> = Symbol(\"TriggerPopoverScope\");\nexport const useTriggerPopoverScopeContextOptional = () =>\n  inject(TriggerPopoverScopeContext, null);\nexport const useTriggerPopoverScopeContext = () => {\n  const ctx = useTriggerPopoverScopeContextOptional();\n  if (!ctx)\n    throw new Error(\n      \"useTriggerPopoverScopeContext must be used within ComposerPrimitive.TriggerPopover\",\n    );\n  return ctx;\n};\nexport type TriggerBehaviorRegistration = {\n  register(behavior: TriggerBehavior): () => void;\n};\nconst TriggerBehaviorRegistrationContext: InjectionKey<TriggerBehaviorRegistration> =\n  Symbol(\"TriggerBehaviorRegistration\");\nexport const useTriggerBehaviorRegistration = () => {\n  const ctx = inject(TriggerBehaviorRegistrationContext, null);\n  if (!ctx)\n    throw new Error(\n      \"TriggerPopover.Directive / TriggerPopover.Action must be rendered inside ComposerPrimitive.TriggerPopover\",\n    );\n  return ctx;\n};\n\nexport namespace ComposerPrimitiveTriggerPopover {\n  export type Element = ComponentPublicInstance;\n  export type Props = Omit<PrimitiveProps<\"div\">, \"onSelect\"> & {\n    /** The character(s) that activate this trigger (e.g. `\"@\"`, `\"/\"`). Also serves as the trigger identity within the root. */\n    readonly char: string;\n    /** Overrides trigger detection for both textarea and Lexical inputs. `endOffset` is the exclusive replace bound. */\n    readonly matcher?: TriggerMatcher | undefined;\n    /** Adapter providing categories and items. */\n    readonly adapter?: TriggerAdapter | undefined;\n    /** Whether the adapter is resolving items, surfaced to the popover scope for async sources. @default false */\n    readonly isLoading?: boolean | undefined;\n  };\n}\n\n/**\n * Declares a trigger and renders its popover container. The popover only\n * renders its DOM (and children) when the trigger character is active in the\n * composer input and a behavior sub-primitive has been registered.\n *\n * A behavior is contributed by rendering exactly one of\n * `<TriggerPopover.Directive>` or `<TriggerPopover.Action>` as a child. Without\n * a behavior the trigger stays closed.\n *\n * Must be placed inside `ComposerPrimitive.TriggerPopoverRoot`.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.TriggerPopover\n *   char=\"@\"\n *   adapter={mentionAdapter}\n * >\n *   <ComposerPrimitive.TriggerPopover.Directive formatter={formatter} />\n *   <ComposerPrimitive.TriggerPopoverCategories>\n *     {(cats) => cats.map(...)}\n *   </ComposerPrimitive.TriggerPopoverCategories>\n *   <ComposerPrimitive.TriggerPopoverItems>\n *     {(items) => items.map(...)}\n *   </ComposerPrimitive.TriggerPopoverItems>\n * </ComposerPrimitive.TriggerPopover>\n * ```\n */\nexport const ComposerPrimitiveTriggerPopover =\n  defineComponent<ComposerPrimitiveTriggerPopover.Props>(\n    (props, { attrs, slots }) => {\n      const { forwardRef, currentElement } = useForwardExpose();\n      const aui = useAui();\n      const text = useAuiState((s) => s.composer.text);\n      const popoverId = useId();\n      if (popoverId === undefined)\n        throw new Error(\n          \"ComposerPrimitive.TriggerPopover requires a Vue component owner.\",\n        );\n      const behavior = shallowRef<TriggerBehavior | null>(null);\n      let registrationCount = 0;\n      const registration: TriggerBehaviorRegistration = {\n        register(next) {\n          registrationCount++;\n          if (process.env.NODE_ENV !== \"production\" && registrationCount > 1)\n            console.warn(\n              `[assistant-ui] TriggerPopover \"${props.char}\" received more than one behavior child. Exactly one <TriggerPopover.Directive> or <TriggerPopover.Action> is allowed per TriggerPopover; the last registration wins.`,\n            );\n          behavior.value = next;\n          let active = true;\n          return () => {\n            if (!active) return;\n            active = false;\n            registrationCount--;\n            if (behavior.value === next) behavior.value = null;\n          };\n        },\n      };\n      const controller = useTapRoot(function useTriggerPopoverRootResource() {\n        return useResource(\n          TriggerPopoverResource({\n            text: text.value,\n            triggerChar: props.char,\n            adapter: props.adapter,\n            matcher: props.matcher,\n            behavior: behavior.value ?? undefined,\n            aui,\n            popoverId,\n            isLoading: props.isLoading ?? false,\n          }),\n        );\n      });\n      const state = shallowRef(controller.getValue());\n      useIsomorphicLayoutEffect(() => {\n        const refresh = () => {\n          state.value = controller.getValue();\n        };\n        const unsubscribe = controller.subscribe(refresh);\n        refresh();\n        return unsubscribe;\n      }, []);\n      provide(TriggerBehaviorRegistrationContext, registration);\n      provide(TriggerPopoverScopeContext, state);\n      const root = useTriggerPopoverRootContext();\n      useIsomorphicLayoutEffect(\n        () =>\n          root.register({\n            char: props.char,\n            ...(props.matcher ? { matcher: props.matcher } : {}),\n            ...(behavior.value ? { behavior: behavior.value } : {}),\n            get resource() {\n              return state.value;\n            },\n          }),\n        () => [props.char, props.matcher, behavior.value],\n      );\n      const plugins = useComposerInputPluginRegistryOptional();\n      useIsomorphicLayoutEffect(\n        () =>\n          plugins?.register({\n            handleKeyDown: (event) =>\n              controller.getValue().handleKeyDown(event),\n            setCursorPosition: (position) =>\n              controller.getValue().setCursorPosition(position),\n          }),\n        [],\n      );\n      const open = computed(() => behavior.value !== null && state.value.open);\n      const aria = useTriggerPopoverAriaPublish();\n      useIsomorphicLayoutEffect(() => {\n        const char = props.char;\n        if (!open.value) return undefined;\n        aria.setActiveAria(char, {\n          popoverId,\n          highlightedItemId: state.value.highlightedItemId,\n        });\n        return () => aria.setActiveAria(char, null);\n      });\n      return () => {\n        const children = slots.default?.() ?? props.children;\n        const highlightedItemId = state.value.highlightedItemId;\n        const render = props.render;\n        const asChild = props.asChild;\n        const containerProps = {\n          role: \"listbox\",\n          id: popoverId,\n          \"aria-label\": \"Suggestions\",\n          ...(highlightedItemId !== undefined\n            ? { \"aria-activedescendant\": highlightedItemId }\n            : {}),\n          \"data-state\": \"open\",\n          ...attrs,\n          ...(render !== undefined ? { render } : {}),\n          ...(asChild !== undefined ? { asChild } : {}),\n          ref: forwardRef,\n        } satisfies PrimitiveProps<\"div\"> &\n          VNodeProps &\n          Record<string, unknown>;\n        if (props.asChild && !props.render) {\n          return h(\n            Primitive.div,\n            open.value ? containerProps : { asChild: true },\n            { default: () => children },\n          );\n        }\n        // Moving the same children preserves behavior registrations when the\n        // container appears. Recreating them would close and reopen the trigger.\n        return [\n          open.value ? h(Primitive.div, containerProps) : null,\n          h(\n            Teleport,\n            {\n              to: currentElement.value ?? \"body\",\n              disabled: !open.value || !currentElement.value,\n            },\n            Array.isArray(children) ? children : [children],\n          ),\n        ];\n      };\n    },\n    {\n      name: \"ComposerPrimitive.TriggerPopover\",\n      inheritAttrs: false,\n      props: [\n        \"char\",\n        \"matcher\",\n        \"adapter\",\n        \"isLoading\",\n        \"render\",\n        \"asChild\",\n        \"children\",\n      ],\n    },\n  );\n"],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+import type { DirectiveFormatter, TriggerItem } from "@ulearning/ai-core";
+export declare namespace ComposerPrimitiveTriggerPopoverAction {
+    type Props = {
+        /** Defaults to `defaultDirectiveFormatter`. */
+        readonly formatter?: DirectiveFormatter | undefined;
+        /** Fires the moment an item is selected; runs regardless of `removeOnExecute`. */
+        readonly onExecute: (item: TriggerItem) => void;
+        /** When true, strips the trigger text after executing. Defaults to `false` (keeps audit-trail chip). */
+        readonly removeOnExecute?: boolean | undefined;
+    };
+}
+/**
+ * Configures a `<TriggerPopover>` to fire a handler when an item is selected,
+ * optionally leaving a directive chip behind as an audit trail. Render exactly
+ * one behavior sub-primitive per `<TriggerPopover>`.
+ *
+ * Exposed as `ComposerPrimitive.TriggerPopover.Action`.
+ *
+ * @example
+ * ```tsx
+ * <ComposerPrimitive.TriggerPopover char="/" adapter={slashAdapter}>
+ *   <ComposerPrimitive.TriggerPopover.Action
+ *     onExecute={(item) => commandHandlers[item.id]?.()}
+ *     removeOnExecute={false}
+ *   />
+ * </ComposerPrimitive.TriggerPopover>
+ * ```
+ */
+export declare const ComposerPrimitiveTriggerPopoverAction: import("vue").DefineSetupFnComponent<ComposerPrimitiveTriggerPopoverAction.Props, {}, {}, ComposerPrimitiveTriggerPopoverAction.Props & {}, import("vue").PublicProps>;
+//# sourceMappingURL=TriggerPopoverAction.d.ts.map

package/dist/primitives/composer/trigger/TriggerPopoverAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPopoverAction.d.ts","mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,oBAAoB;AAOzE,yBAAiB,qCAAqC,CAAC;IACrD,KAAY,KAAK,GAAG;QAClB;QACA,QAAQ,CAAC,SAAS,CAAC,EAAE,kBAAkB,GAAG,SAAS;QACnD;QACA,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI;QAC/C;QACA,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS;KAC/C;;AAGH;;;;;;;;;;;;;;;;;AAiBA,eAAO,MAAM,qCAAqC,wKAuB/C","names":[],"ignoreList":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverAction.tsx"],"sourcesContent":[null]}

package/dist/primitives/composer/trigger/TriggerPopoverAction.js

@@ -0,0 +1,49 @@
+"use client";
+import { useTriggerBehaviorRegistration } from "./TriggerPopover.js";
+import { defaultDirectiveFormatter } from "@ulearning/ai-core";
+import { defineComponent } from "vue";
+import { useIsomorphicLayoutEffect } from "@ulearning/ai-store/internal";
+// src/primitives/composer/trigger/TriggerPopoverAction.tsx
+/**
+* Configures a `<TriggerPopover>` to fire a handler when an item is selected,
+* optionally leaving a directive chip behind as an audit trail. Render exactly
+* one behavior sub-primitive per `<TriggerPopover>`.
+*
+* Exposed as `ComposerPrimitive.TriggerPopover.Action`.
+*
+* @example
+* ```tsx
+* <ComposerPrimitive.TriggerPopover char="/" adapter={slashAdapter}>
+*   <ComposerPrimitive.TriggerPopover.Action
+*     onExecute={(item) => commandHandlers[item.id]?.()}
+*     removeOnExecute={false}
+*   />
+* </ComposerPrimitive.TriggerPopover>
+* ```
+*/
+const ComposerPrimitiveTriggerPopoverAction = defineComponent((props) => {
+	const { register } = useTriggerBehaviorRegistration();
+	useIsomorphicLayoutEffect(() => {
+		return register({
+			kind: "action",
+			get formatter() {
+				return props.formatter ?? defaultDirectiveFormatter;
+			},
+			onExecute: (item) => props.onExecute(item),
+			get removeOnExecute() {
+				return props.removeOnExecute ?? false;
+			}
+		});
+	}, []);
+	return () => null;
+}, {
+	name: "ComposerPrimitiveTriggerPopoverAction",
+	props: [
+		"formatter",
+		"onExecute",
+		"removeOnExecute"
+	]
+});
+export { ComposerPrimitiveTriggerPopoverAction };
+
+//# sourceMappingURL=TriggerPopoverAction.js.map

package/dist/primitives/composer/trigger/TriggerPopoverAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPopoverAction.js","names":["DirectiveFormatter","TriggerItem","defaultDirectiveFormatter","defineComponent","useIsomorphicLayoutEffect","useTriggerBehaviorRegistration","TriggerBehavior","ComposerPrimitiveTriggerPopoverAction","Props","formatter","onExecute","item","removeOnExecute","props","register","behavior","kind","name"],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverAction.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DirectiveFormatter, TriggerItem } from \"@ulearning/ai-core\";\nimport { defaultDirectiveFormatter } from \"@ulearning/ai-core\";\nimport { defineComponent } from \"vue\";\nimport { useIsomorphicLayoutEffect } from \"@ulearning/ai-store/internal\";\nimport { useTriggerBehaviorRegistration } from \"./TriggerPopover\";\nimport type { TriggerBehavior } from \"./triggerSelectionResource\";\n\nexport namespace ComposerPrimitiveTriggerPopoverAction {\n  export type Props = {\n    /** Defaults to `defaultDirectiveFormatter`. */\n    readonly formatter?: DirectiveFormatter | undefined;\n    /** Fires the moment an item is selected; runs regardless of `removeOnExecute`. */\n    readonly onExecute: (item: TriggerItem) => void;\n    /** When true, strips the trigger text after executing. Defaults to `false` (keeps audit-trail chip). */\n    readonly removeOnExecute?: boolean | undefined;\n  };\n}\n\n/**\n * Configures a `<TriggerPopover>` to fire a handler when an item is selected,\n * optionally leaving a directive chip behind as an audit trail. Render exactly\n * one behavior sub-primitive per `<TriggerPopover>`.\n *\n * Exposed as `ComposerPrimitive.TriggerPopover.Action`.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.TriggerPopover char=\"/\" adapter={slashAdapter}>\n *   <ComposerPrimitive.TriggerPopover.Action\n *     onExecute={(item) => commandHandlers[item.id]?.()}\n *     removeOnExecute={false}\n *   />\n * </ComposerPrimitive.TriggerPopover>\n * ```\n */\nexport const ComposerPrimitiveTriggerPopoverAction =\n  defineComponent<ComposerPrimitiveTriggerPopoverAction.Props>(\n    (props) => {\n      const { register } = useTriggerBehaviorRegistration();\n      useIsomorphicLayoutEffect(() => {\n        const behavior: TriggerBehavior = {\n          kind: \"action\",\n          get formatter() {\n            return props.formatter ?? defaultDirectiveFormatter;\n          },\n          onExecute: (item) => props.onExecute(item),\n          get removeOnExecute() {\n            return props.removeOnExecute ?? false;\n          },\n        };\n        return register(behavior);\n      }, []);\n      return () => null;\n    },\n    {\n      name: \"ComposerPrimitiveTriggerPopoverAction\",\n      props: [\"formatter\", \"onExecute\", \"removeOnExecute\"],\n    },\n  );\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAaO,wCACXJ,iBACGU,UAAU;CACT,MAAM,EAAEC,aAAaT,+BAA+B;CACpDD,gCAAgC;EAW9B,OAAOU,SAASC;GATdC,MAAM;GACN,IAAIP,YAAY;IACd,OAAOI,MAAMJ,aAAaP;GAC5B;GACAQ,YAAYC,SAASE,MAAMH,UAAUC,IAAI;GACzC,IAAIC,kBAAkB;IACpB,OAAOC,MAAMD,mBAAmB;GAClC;EAEcG,CAAQ;CAC1B,GAAG,CAAA,CAAE;CACL,aAAa;AACf,GACA;CACEE,MAAM;CACNJ,OAAO;EAAC;EAAa;EAAa;CAAiB;AACrD,CACF"}

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

@@ -0,0 +1,16 @@
+import { type PrimitiveProps } from "../../../utils/Primitive.js";
+import { type ComponentPublicInstance } from "vue";
+export declare namespace ComposerPrimitiveTriggerPopoverBack {
+    type Element = ComponentPublicInstance;
+    type Props = PrimitiveProps<"button">;
+}
+/**
+ * A button that navigates back from category items to the category list.
+ * Only renders when a category is active (drill-down view).
+ */
+export declare const ComposerPrimitiveTriggerPopoverBack: import("vue").DefineSetupFnComponent<ComposerPrimitiveTriggerPopoverBack.Props, {}, {}, import("vue").ButtonHTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: import("vue").VNodeChild;
+} & {}, import("vue").PublicProps>;
+//# sourceMappingURL=TriggerPopoverBack.d.ts.map

package/dist/primitives/composer/trigger/TriggerPopoverBack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPopoverBack.d.ts","mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,6BAA0B;AACzE,OAAO,EAIL,KAAK,uBAAuB,EAC7B,MAAM,KAAK;AAIZ,yBAAiB,mCAAmC,CAAC;IACnD,KAAY,OAAO,GAAG,uBAAuB;IAC7C,KAAY,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC;;AAG9C;;;;AAIA,eAAO,MAAM,mCAAmC;;;;kCA6B7C","names":[],"ignoreList":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverBack.tsx"],"sourcesContent":[null]}

package/dist/primitives/composer/trigger/TriggerPopoverBack.js

@@ -0,0 +1,34 @@
+"use client";
+import { Primitive as Primitive$1 } from "../../../utils/Primitive.js";
+import { useTriggerPopoverScopeContext } from "./TriggerPopover.js";
+import { defineComponent, h, mergeProps } from "vue";
+import { useForwardExpose } from "reka-ui";
+// src/primitives/composer/trigger/TriggerPopoverBack.tsx
+/**
+* A button that navigates back from category items to the category list.
+* Only renders when a category is active (drill-down view).
+*/
+const ComposerPrimitiveTriggerPopoverBack = defineComponent((props, { attrs, slots }) => {
+	const { forwardRef } = useForwardExpose();
+	const state = useTriggerPopoverScopeContext();
+	return () => !state.value.open || !state.value.activeCategoryId || state.value.isSearchMode ? null : h(Primitive$1.button, mergeProps({ type: "button" }, attrs, {
+		render: props.render,
+		asChild: props.asChild,
+		children: props.children,
+		ref: forwardRef,
+		onClick: (event) => {
+			if (!event.defaultPrevented) state.value.goBack();
+		}
+	}), slots);
+}, {
+	name: "ComposerPrimitive.TriggerPopoverBack",
+	inheritAttrs: false,
+	props: [
+		"render",
+		"asChild",
+		"children"
+	]
+});
+export { ComposerPrimitiveTriggerPopoverBack };
+
+//# sourceMappingURL=TriggerPopoverBack.js.map

package/dist/primitives/composer/trigger/TriggerPopoverBack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPopoverBack.js","names":["Primitive","PrimitiveProps","defineComponent","h","mergeProps","ComponentPublicInstance","useForwardExpose","useTriggerPopoverScopeContext","ComposerPrimitiveTriggerPopoverBack","Element","Props","props","attrs","slots","forwardRef","state","value","open","activeCategoryId","isSearchMode","button","type","render","asChild","children","ref","onClick","event","MouseEvent","defaultPrevented","goBack","name","inheritAttrs","Primitive"],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverBack.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive, type PrimitiveProps } from \"../../../utils/Primitive\";\nimport {\n  defineComponent,\n  h,\n  mergeProps,\n  type ComponentPublicInstance,\n} from \"vue\";\nimport { useForwardExpose } from \"reka-ui\";\nimport { useTriggerPopoverScopeContext } from \"./TriggerPopover\";\n\nexport namespace ComposerPrimitiveTriggerPopoverBack {\n  export type Element = ComponentPublicInstance;\n  export type Props = PrimitiveProps<\"button\">;\n}\n\n/**\n * A button that navigates back from category items to the category list.\n * Only renders when a category is active (drill-down view).\n */\nexport const ComposerPrimitiveTriggerPopoverBack =\n  defineComponent<ComposerPrimitiveTriggerPopoverBack.Props>(\n    (props, { attrs, slots }) => {\n      const { forwardRef } = useForwardExpose();\n      const state = useTriggerPopoverScopeContext();\n      return () =>\n        !state.value.open ||\n        !state.value.activeCategoryId ||\n        state.value.isSearchMode\n          ? null\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) state.value.goBack();\n                },\n              }),\n              slots,\n            );\n    },\n    {\n      name: \"ComposerPrimitive.TriggerPopoverBack\",\n      inheritAttrs: false,\n      props: [\"render\", \"asChild\", \"children\"],\n    },\n  );\n"],"mappings":";;;;;;;;;;AAqBA,MAAaQ,sCACXN,iBACGS,OAAO,EAAEC,OAAOC,YAAY;CAC3B,MAAM,EAAEC,eAAeR,iBAAiB;CACxC,MAAMS,QAAQR,8BAA8B;CAC5C,aACE,CAACQ,MAAMC,MAAMC,QACb,CAACF,MAAMC,MAAME,oBACbH,MAAMC,MAAMG,eACR,OACAhB,EACEH,YAAUoB,QACVhB,WAAW,EAAEiB,MAAM,SAAS,GAAGT,OAAO;EACpCU,QAAQX,MAAMW;EACdC,SAASZ,MAAMY;EACfC,UAAUb,MAAMa;EAChBC,KAAKX;EACLY,UAAUC,UAAsB;GAC9B,IAAI,CAACA,MAAME,kBAAkBd,MAAMC,MAAMc,OAAO;EAClD;CACF,CAAC,GACDjB,KACF;AACR,GACA;CACEkB,MAAM;CACNC,cAAc;CACdrB,OAAO;EAAC;EAAU;EAAW;CAAU;AACzC,CACF"}

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

@@ -0,0 +1,34 @@
+import { type PrimitiveProps } from "../../../utils/Primitive.js";
+import { type ComponentPublicInstance, type VNodeChild } from "vue";
+import type { TriggerCategory } from "@ulearning/ai-core";
+export declare namespace ComposerPrimitiveTriggerPopoverCategories {
+    type Element = ComponentPublicInstance;
+    type Props = Omit<PrimitiveProps<"div">, "children"> & {
+        children?: (categories: readonly TriggerCategory[]) => VNodeChild;
+    };
+}
+/**
+ * Renders the top-level category list via a render function.
+ * Only renders when no category is active and search mode is off.
+ */
+export declare const ComposerPrimitiveTriggerPopoverCategories: import("vue").DefineSetupFnComponent<ComposerPrimitiveTriggerPopoverCategories.Props, {}, {}, Omit<PrimitiveProps<"div">, "children"> & {
+    children?: (categories: readonly TriggerCategory[]) => VNodeChild;
+} & {}, import("vue").PublicProps>;
+export declare namespace ComposerPrimitiveTriggerPopoverCategoryItem {
+    type Element = ComponentPublicInstance;
+    type Props = PrimitiveProps<"button"> & {
+        categoryId: string;
+    };
+}
+/**
+ * A button that selects a category and triggers drill-down navigation.
+ * Automatically receives `data-highlighted` when keyboard-navigated.
+ */
+export declare const ComposerPrimitiveTriggerPopoverCategoryItem: import("vue").DefineSetupFnComponent<ComposerPrimitiveTriggerPopoverCategoryItem.Props, {}, {}, import("vue").ButtonHTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: VNodeChild;
+} & {
+    categoryId: string;
+} & {}, import("vue").PublicProps>;
+//# sourceMappingURL=TriggerPopoverCategories.d.ts.map

package/dist/primitives/composer/trigger/TriggerPopoverCategories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPopoverCategories.d.ts","mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,6BAA0B;AACzE,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EAChB,MAAM,KAAK;AAGZ,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB;AAEzD,yBAAiB,yCAAyC,CAAC;IACzD,KAAY,OAAO,GAAG,uBAAuB;IAC7C,KAAY,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;QAC5D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,eAAe,EAAE,KAAK,UAAU;KAClE;;AAGH;;;;AAIA,eAAO,MAAM,yCAAyC;eARvC,CAAC,UAAU,EAAE,SAAS,eAAe,EAAE,KAAK,UAAU;kCAwClE;AAEH,yBAAiB,2CAA2C,CAAC;IAC3D,KAAY,OAAO,GAAG,uBAAuB;IAC7C,KAAY,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;QAC7C,UAAU,EAAE,MAAM;KACnB;;AAGH;;;;AAIA,eAAO,MAAM,2CAA2C;;;;;gBARxC,MAAM;kCA2DnB","names":[],"ignoreList":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverCategories.tsx"],"sourcesContent":[null]}

package/dist/primitives/composer/trigger/TriggerPopoverCategories.js

@@ -0,0 +1,70 @@
+"use client";
+import { Primitive as Primitive$1 } from "../../../utils/Primitive.js";
+import { useTriggerPopoverScopeContext } from "./TriggerPopover.js";
+import { computed, defineComponent, h, mergeProps } from "vue";
+import { useForwardExpose } from "reka-ui";
+// src/primitives/composer/trigger/TriggerPopoverCategories.tsx
+/**
+* Renders the top-level category list via a render function.
+* Only renders when no category is active and search mode is off.
+*/
+const ComposerPrimitiveTriggerPopoverCategories = defineComponent((props, { attrs, slots }) => {
+	const { forwardRef } = useForwardExpose();
+	const state = useTriggerPopoverScopeContext();
+	return () => !state.value.open || state.value.activeCategoryId || state.value.isSearchMode ? null : h(Primitive$1.div, {
+		role: "group",
+		"aria-label": "Categories",
+		...attrs,
+		render: props.render,
+		asChild: props.asChild,
+		ref: forwardRef
+	}, { default: () => slots.default?.(state.value.categories) ?? props.children?.(state.value.categories) });
+}, {
+	name: "ComposerPrimitiveTriggerPopoverCategories",
+	inheritAttrs: false,
+	props: [
+		"render",
+		"asChild",
+		"children"
+	]
+});
+/**
+* A button that selects a category and triggers drill-down navigation.
+* Automatically receives `data-highlighted` when keyboard-navigated.
+*/
+const ComposerPrimitiveTriggerPopoverCategoryItem = defineComponent((props, { attrs, slots }) => {
+	const { forwardRef } = useForwardExpose();
+	const state = useTriggerPopoverScopeContext();
+	const index = computed(() => state.value.categories.findIndex((category) => category.id === props.categoryId));
+	const highlighted = computed(() => !state.value.activeCategoryId && !state.value.isSearchMode && index.value === state.value.highlightedIndex);
+	return () => h(Primitive$1.button, mergeProps({
+		type: "button",
+		role: "option",
+		id: `${state.value.popoverId}-option-${props.categoryId}`,
+		"aria-selected": highlighted.value,
+		"data-highlighted": highlighted.value ? "" : void 0
+	}, attrs, {
+		render: props.render,
+		asChild: props.asChild,
+		children: props.children,
+		ref: forwardRef,
+		onClick: (event) => {
+			if (!event.defaultPrevented) state.value.selectCategory(props.categoryId);
+		},
+		onMousemove: (event) => {
+			if (!event.defaultPrevented) state.value.highlightIndex(index.value);
+		}
+	}), slots);
+}, {
+	name: "ComposerPrimitiveTriggerPopoverCategoryItem",
+	inheritAttrs: false,
+	props: [
+		"render",
+		"asChild",
+		"children",
+		"categoryId"
+	]
+});
+export { ComposerPrimitiveTriggerPopoverCategories, ComposerPrimitiveTriggerPopoverCategoryItem };
+
+//# sourceMappingURL=TriggerPopoverCategories.js.map

package/dist/primitives/composer/trigger/TriggerPopoverCategories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPopoverCategories.js","names":["Primitive","PrimitiveProps","computed","defineComponent","h","mergeProps","ComponentPublicInstance","VNodeChild","useForwardExpose","useTriggerPopoverScopeContext","TriggerCategory","ComposerPrimitiveTriggerPopoverCategories","Element","Props","Omit","children","categories","props","attrs","slots","forwardRef","state","value","open","activeCategoryId","isSearchMode","div","role","render","asChild","ref","default","name","inheritAttrs","ComposerPrimitiveTriggerPopoverCategoryItem","categoryId","index","findIndex","category","id","highlighted","highlightedIndex","button","type","popoverId","undefined","onClick","event","MouseEvent","defaultPrevented","selectCategory","onMousemove","highlightIndex","Primitive"],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverCategories.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive, type PrimitiveProps } from \"../../../utils/Primitive\";\nimport {\n  computed,\n  defineComponent,\n  h,\n  mergeProps,\n  type ComponentPublicInstance,\n  type VNodeChild,\n} from \"vue\";\nimport { useForwardExpose } from \"reka-ui\";\nimport { useTriggerPopoverScopeContext } from \"./TriggerPopover\";\nimport type { TriggerCategory } from \"@ulearning/ai-core\";\n\nexport namespace ComposerPrimitiveTriggerPopoverCategories {\n  export type Element = ComponentPublicInstance;\n  export type Props = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n    children?: (categories: readonly TriggerCategory[]) => VNodeChild;\n  };\n}\n\n/**\n * Renders the top-level category list via a render function.\n * Only renders when no category is active and search mode is off.\n */\nexport const ComposerPrimitiveTriggerPopoverCategories =\n  defineComponent<ComposerPrimitiveTriggerPopoverCategories.Props>(\n    (props, { attrs, slots }) => {\n      const { forwardRef } = useForwardExpose();\n      const state = useTriggerPopoverScopeContext();\n      return () =>\n        !state.value.open ||\n        state.value.activeCategoryId ||\n        state.value.isSearchMode\n          ? null\n          : h(\n              Primitive.div,\n              {\n                role: \"group\",\n                \"aria-label\": \"Categories\",\n                ...attrs,\n                render: props.render,\n                asChild: props.asChild,\n                ref: forwardRef,\n              },\n              {\n                default: () =>\n                  slots.default?.(state.value.categories) ??\n                  props.children?.(state.value.categories),\n              },\n            );\n    },\n    {\n      name: \"ComposerPrimitiveTriggerPopoverCategories\",\n      inheritAttrs: false,\n      props: [\"render\", \"asChild\", \"children\"],\n    },\n  );\n\nexport namespace ComposerPrimitiveTriggerPopoverCategoryItem {\n  export type Element = ComponentPublicInstance;\n  export type Props = PrimitiveProps<\"button\"> & {\n    categoryId: string;\n  };\n}\n\n/**\n * A button that selects a category and triggers drill-down navigation.\n * Automatically receives `data-highlighted` when keyboard-navigated.\n */\nexport const ComposerPrimitiveTriggerPopoverCategoryItem =\n  defineComponent<ComposerPrimitiveTriggerPopoverCategoryItem.Props>(\n    (props, { attrs, slots }) => {\n      const { forwardRef } = useForwardExpose();\n      const state = useTriggerPopoverScopeContext();\n      const index = computed(() =>\n        state.value.categories.findIndex(\n          (category) => category.id === props.categoryId,\n        ),\n      );\n      const highlighted = computed(\n        () =>\n          !state.value.activeCategoryId &&\n          !state.value.isSearchMode &&\n          index.value === state.value.highlightedIndex,\n      );\n      return () =>\n        h(\n          Primitive.button,\n          mergeProps(\n            {\n              type: \"button\",\n              role: \"option\",\n              id: `${state.value.popoverId}-option-${props.categoryId}`,\n              \"aria-selected\": highlighted.value,\n              \"data-highlighted\": highlighted.value ? \"\" : undefined,\n            },\n            attrs,\n            {\n              render: props.render,\n              asChild: props.asChild,\n              children: props.children,\n              ref: forwardRef,\n              onClick: (event: MouseEvent) => {\n                if (!event.defaultPrevented)\n                  state.value.selectCategory(props.categoryId);\n              },\n              onMousemove: (event: MouseEvent) => {\n                if (!event.defaultPrevented)\n                  state.value.highlightIndex(index.value);\n              },\n            },\n          ),\n          slots,\n        );\n    },\n    {\n      name: \"ComposerPrimitiveTriggerPopoverCategoryItem\",\n      inheritAttrs: false,\n      props: [\"render\", \"asChild\", \"children\", \"categoryId\"],\n    },\n  );\n"],"mappings":";;;;;;;;;;AA0BA,MAAaW,4CACXR,iBACGc,OAAO,EAAEC,OAAOC,YAAY;CAC3B,MAAM,EAAEC,eAAeZ,iBAAiB;CACxC,MAAMa,QAAQZ,8BAA8B;CAC5C,aACE,CAACY,MAAMC,MAAMC,QACbF,MAAMC,MAAME,oBACZH,MAAMC,MAAMG,eACR,OACArB,EACEJ,YAAU0B,KACV;EACEC,MAAM;EACN,cAAc;EACd,GAAGT;EACHU,QAAQX,MAAMW;EACdC,SAASZ,MAAMY;EACfC,KAAKV;CACP,GACA,EACEW,eACEZ,MAAMY,UAAUV,MAAMC,MAAMN,UAAU,KACtCC,MAAMF,WAAWM,MAAMC,MAAMN,UAAU,EAC3C,CACF;AACR,GACA;CACEgB,MAAM;CACNC,cAAc;CACdhB,OAAO;EAAC;EAAU;EAAW;CAAU;AACzC,CACF;;;;;AAaF,MAAaiB,8CACX/B,iBACGc,OAAO,EAAEC,OAAOC,YAAY;CAC3B,MAAM,EAAEC,eAAeZ,iBAAiB;CACxC,MAAMa,QAAQZ,8BAA8B;CAC5C,MAAM2B,QAAQlC,eACZmB,MAAMC,MAAMN,WAAWqB,WACpBC,aAAaA,SAASC,OAAOtB,MAAMkB,UACtC,CACF;CACA,MAAMK,cAActC,eAEhB,CAACmB,MAAMC,MAAME,oBACb,CAACH,MAAMC,MAAMG,gBACbW,MAAMd,UAAUD,MAAMC,MAAMmB,gBAChC;CACA,aACErC,EACEJ,YAAU0C,QACVrC,WACE;EACEsC,MAAM;EACNhB,MAAM;EACNY,IAAI,GAAGlB,MAAMC,MAAMsB,UAAS,UAAW3B,MAAMkB;EAC7C,iBAAiBK,YAAYlB;EAC7B,oBAAoBkB,YAAYlB,QAAQ,KAAKuB,KAAAA;CAC/C,GACA3B,OACA;EACEU,QAAQX,MAAMW;EACdC,SAASZ,MAAMY;EACfd,UAAUE,MAAMF;EAChBe,KAAKV;EACL0B,UAAUC,UAAsB;GAC9B,IAAI,CAACA,MAAME,kBACT5B,MAAMC,MAAM4B,eAAejC,MAAMkB,UAAU;EAC/C;EACAgB,cAAcJ,UAAsB;GAClC,IAAI,CAACA,MAAME,kBACT5B,MAAMC,MAAM8B,eAAehB,MAAMd,KAAK;EAC1C;CACF,CACF,GACAH,KACF;AACJ,GACA;CACEa,MAAM;CACNC,cAAc;CACdhB,OAAO;EAAC;EAAU;EAAW;EAAY;CAAY;AACvD,CACF"}

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

@@ -0,0 +1,27 @@
+import type { DirectiveFormatter, TriggerItem } from "@ulearning/ai-core";
+export declare namespace ComposerPrimitiveTriggerPopoverDirective {
+    type Props = {
+        /** Defaults to `defaultDirectiveFormatter`. */
+        readonly formatter?: DirectiveFormatter | undefined;
+        /** Fires after an item has been inserted into the composer. */
+        readonly onInserted?: ((item: TriggerItem) => void) | undefined;
+    };
+}
+/**
+ * Configures a `<TriggerPopover>` to insert a directive chip when an item is
+ * selected. Render exactly one behavior sub-primitive per `<TriggerPopover>`.
+ *
+ * Exposed as `ComposerPrimitive.TriggerPopover.Directive`.
+ *
+ * @example
+ * ```tsx
+ * <ComposerPrimitive.TriggerPopover char="@" adapter={mentionAdapter}>
+ *   <ComposerPrimitive.TriggerPopover.Directive
+ *     formatter={defaultDirectiveFormatter}
+ *     onInserted={(item) => track("mention", item.id)}
+ *   />
+ * </ComposerPrimitive.TriggerPopover>
+ * ```
+ */
+export declare const ComposerPrimitiveTriggerPopoverDirective: import("vue").DefineSetupFnComponent<ComposerPrimitiveTriggerPopoverDirective.Props, {}, {}, ComposerPrimitiveTriggerPopoverDirective.Props & {}, import("vue").PublicProps>;
+//# sourceMappingURL=TriggerPopoverDirective.d.ts.map

package/dist/primitives/composer/trigger/TriggerPopoverDirective.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPopoverDirective.d.ts","mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,oBAAoB;AAOzE,yBAAiB,wCAAwC,CAAC;IACxD,KAAY,KAAK,GAAG;QAClB;QACA,QAAQ,CAAC,SAAS,CAAC,EAAE,kBAAkB,GAAG,SAAS;QACnD;QACA,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS;KAChE;;AAGH;;;;;;;;;;;;;;;;AAgBA,eAAO,MAAM,wCAAwC,8KAoBlD","names":[],"ignoreList":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverDirective.tsx"],"sourcesContent":[null]}

package/dist/primitives/composer/trigger/TriggerPopoverDirective.js

@@ -0,0 +1,41 @@
+"use client";
+import { useTriggerBehaviorRegistration } from "./TriggerPopover.js";
+import { defaultDirectiveFormatter } from "@ulearning/ai-core";
+import { defineComponent } from "vue";
+import { useIsomorphicLayoutEffect } from "@ulearning/ai-store/internal";
+// src/primitives/composer/trigger/TriggerPopoverDirective.tsx
+/**
+* Configures a `<TriggerPopover>` to insert a directive chip when an item is
+* selected. Render exactly one behavior sub-primitive per `<TriggerPopover>`.
+*
+* Exposed as `ComposerPrimitive.TriggerPopover.Directive`.
+*
+* @example
+* ```tsx
+* <ComposerPrimitive.TriggerPopover char="@" adapter={mentionAdapter}>
+*   <ComposerPrimitive.TriggerPopover.Directive
+*     formatter={defaultDirectiveFormatter}
+*     onInserted={(item) => track("mention", item.id)}
+*   />
+* </ComposerPrimitive.TriggerPopover>
+* ```
+*/
+const ComposerPrimitiveTriggerPopoverDirective = defineComponent((props) => {
+	const { register } = useTriggerBehaviorRegistration();
+	useIsomorphicLayoutEffect(() => {
+		return register({
+			kind: "directive",
+			get formatter() {
+				return props.formatter ?? defaultDirectiveFormatter;
+			},
+			onInserted: (item) => props.onInserted?.(item)
+		});
+	}, []);
+	return () => null;
+}, {
+	name: "ComposerPrimitiveTriggerPopoverDirective",
+	props: ["formatter", "onInserted"]
+});
+export { ComposerPrimitiveTriggerPopoverDirective };
+
+//# sourceMappingURL=TriggerPopoverDirective.js.map

package/dist/primitives/composer/trigger/TriggerPopoverDirective.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPopoverDirective.js","names":["DirectiveFormatter","TriggerItem","defaultDirectiveFormatter","defineComponent","useIsomorphicLayoutEffect","useTriggerBehaviorRegistration","TriggerBehavior","ComposerPrimitiveTriggerPopoverDirective","Props","formatter","onInserted","item","props","register","behavior","kind","name"],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverDirective.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DirectiveFormatter, TriggerItem } from \"@ulearning/ai-core\";\nimport { defaultDirectiveFormatter } from \"@ulearning/ai-core\";\nimport { defineComponent } from \"vue\";\nimport { useIsomorphicLayoutEffect } from \"@ulearning/ai-store/internal\";\nimport { useTriggerBehaviorRegistration } from \"./TriggerPopover\";\nimport type { TriggerBehavior } from \"./triggerSelectionResource\";\n\nexport namespace ComposerPrimitiveTriggerPopoverDirective {\n  export type Props = {\n    /** Defaults to `defaultDirectiveFormatter`. */\n    readonly formatter?: DirectiveFormatter | undefined;\n    /** Fires after an item has been inserted into the composer. */\n    readonly onInserted?: ((item: TriggerItem) => void) | undefined;\n  };\n}\n\n/**\n * Configures a `<TriggerPopover>` to insert a directive chip when an item is\n * selected. Render exactly one behavior sub-primitive per `<TriggerPopover>`.\n *\n * Exposed as `ComposerPrimitive.TriggerPopover.Directive`.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.TriggerPopover char=\"@\" adapter={mentionAdapter}>\n *   <ComposerPrimitive.TriggerPopover.Directive\n *     formatter={defaultDirectiveFormatter}\n *     onInserted={(item) => track(\"mention\", item.id)}\n *   />\n * </ComposerPrimitive.TriggerPopover>\n * ```\n */\nexport const ComposerPrimitiveTriggerPopoverDirective =\n  defineComponent<ComposerPrimitiveTriggerPopoverDirective.Props>(\n    (props) => {\n      const { register } = useTriggerBehaviorRegistration();\n      useIsomorphicLayoutEffect(() => {\n        const behavior: TriggerBehavior = {\n          kind: \"directive\",\n          get formatter() {\n            return props.formatter ?? defaultDirectiveFormatter;\n          },\n          onInserted: (item) => props.onInserted?.(item),\n        };\n        return register(behavior);\n      }, []);\n      return () => null;\n    },\n    {\n      name: \"ComposerPrimitiveTriggerPopoverDirective\",\n      props: [\"formatter\", \"onInserted\"],\n    },\n  );\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAaO,2CACXJ,iBACGS,UAAU;CACT,MAAM,EAAEC,aAAaR,+BAA+B;CACpDD,gCAAgC;EAQ9B,OAAOS,SAASC;GANdC,MAAM;GACN,IAAIN,YAAY;IACd,OAAOG,MAAMH,aAAaP;GAC5B;GACAQ,aAAaC,SAASC,MAAMF,aAAaC,IAAI;EAE/BG,CAAQ;CAC1B,GAAG,CAAA,CAAE;CACL,aAAa;AACf,GACA;CACEE,MAAM;CACNJ,OAAO,CAAC,aAAa,YAAY;AACnC,CACF"}

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

@@ -0,0 +1,36 @@
+import { type PrimitiveProps } from "../../../utils/Primitive.js";
+import { type ComponentPublicInstance, type VNodeChild } from "vue";
+import type { TriggerItem } from "@ulearning/ai-core";
+export declare namespace ComposerPrimitiveTriggerPopoverItems {
+    type Element = ComponentPublicInstance;
+    type Props = Omit<PrimitiveProps<"div">, "children"> & {
+        children?: (items: readonly TriggerItem[]) => VNodeChild;
+    };
+}
+/**
+ * Renders the list of items within a category or search results via a render function.
+ * Only renders when a category is active or search mode is on.
+ */
+export declare const ComposerPrimitiveTriggerPopoverItems: import("vue").DefineSetupFnComponent<ComposerPrimitiveTriggerPopoverItems.Props, {}, {}, Omit<PrimitiveProps<"div">, "children"> & {
+    children?: (items: readonly TriggerItem[]) => VNodeChild;
+} & {}, import("vue").PublicProps>;
+export declare namespace ComposerPrimitiveTriggerPopoverItem {
+    type Element = ComponentPublicInstance;
+    type Props = PrimitiveProps<"button"> & {
+        item: TriggerItem;
+        index?: number | undefined;
+    };
+}
+/**
+ * A button that selects a trigger item.
+ * Automatically receives `data-highlighted` when keyboard-navigated.
+ */
+export declare const ComposerPrimitiveTriggerPopoverItem: import("vue").DefineSetupFnComponent<ComposerPrimitiveTriggerPopoverItem.Props, {}, {}, import("vue").ButtonHTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: VNodeChild;
+} & {
+    item: TriggerItem;
+    index?: number | undefined;
+} & {}, import("vue").PublicProps>;
+//# sourceMappingURL=TriggerPopoverItems.d.ts.map

package/dist/primitives/composer/trigger/TriggerPopoverItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPopoverItems.d.ts","mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,6BAA0B;AACzE,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EAChB,MAAM,KAAK;AAGZ,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB;AAErD,yBAAiB,oCAAoC,CAAC;IACpD,KAAY,OAAO,GAAG,uBAAuB;IAC7C,KAAY,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;QAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,KAAK,UAAU;KACzD;;AAGH;;;;AAIA,eAAO,MAAM,oCAAoC;eARlC,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,KAAK,UAAU;kCAuCzD;AAEH,yBAAiB,mCAAmC,CAAC;IACnD,KAAY,OAAO,GAAG,uBAAuB;IAC7C,KAAY,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;QAC7C,IAAI,EAAE,WAAW;QACjB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS;KAC3B;;AAGH;;;;AAIA,eAAO,MAAM,mCAAmC;;;;;UATtC,WAAW;YACT,MAAM,GAAG,SAAS;kCAyD3B","names":[],"ignoreList":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverItems.tsx"],"sourcesContent":[null]}