@assistant-ui/react 0.12.23 → 0.12.25

package/src/primitives/composer/{mention/detectMentionTrigger.test.ts → trigger/detectTrigger.test.ts}

@@ -1,28 +1,28 @@
 import { describe, it, expect } from "vitest";
-import { detectMentionTrigger } from "./detectMentionTrigger";
+import { detectTrigger } from "./detectTrigger";
 
-describe("detectMentionTrigger", () => {
+describe("detectTrigger", () => {
   it("detects @query at cursor position", () => {
-    expect(detectMentionTrigger("hello @wea", "@", 10)).toEqual({
+    expect(detectTrigger("hello @wea", "@", 10)).toEqual({
       query: "wea",
       offset: 6,
     });
   });
 
   it("returns null when cursor is before the trigger", () => {
-    expect(detectMentionTrigger("hello @weather", "@", 5)).toBeNull();
+    expect(detectTrigger("hello @weather", "@", 5)).toBeNull();
   });
 
   it("returns null when no trigger character", () => {
-    expect(detectMentionTrigger("hello world", "@", 11)).toBeNull();
+    expect(detectTrigger("hello world", "@", 11)).toBeNull();
   });
 
   it("requires whitespace or start before trigger", () => {
-    expect(detectMentionTrigger("email@test", "@", 10)).toBeNull();
+    expect(detectTrigger("email@test", "@", 10)).toBeNull();
   });
 
   it("trigger at start of text", () => {
-    expect(detectMentionTrigger("@foo", "@", 4)).toEqual({
+    expect(detectTrigger("@foo", "@", 4)).toEqual({
       query: "foo",
       offset: 0,
     });
@@ -30,19 +30,19 @@ describe("detectMentionTrigger", () => {
 
   it("stops at whitespace in query", () => {
     // "@foo bar" — space terminates the mention
-    expect(detectMentionTrigger("@foo bar", "@", 8)).toBeNull();
+    expect(detectTrigger("@foo bar", "@", 8)).toBeNull();
   });
 
   it("stops at newline", () => {
-    expect(detectMentionTrigger("@foo\nbar", "@", 8)).toBeNull();
+    expect(detectTrigger("@foo\nbar", "@", 8)).toBeNull();
   });
 
   it("stops at tab", () => {
-    expect(detectMentionTrigger("@foo\tbar", "@", 8)).toBeNull();
+    expect(detectTrigger("@foo\tbar", "@", 8)).toBeNull();
   });
 
   it("treats tab before trigger as valid boundary", () => {
-    expect(detectMentionTrigger("hello\t@foo", "@", 10)).toEqual({
+    expect(detectTrigger("hello\t@foo", "@", 10)).toEqual({
       query: "foo",
       offset: 6,
     });
@@ -51,7 +51,7 @@ describe("detectMentionTrigger", () => {
   it("finds trigger closest to cursor, not earlier ones", () => {
     // Text has two @: "hello @old text @new"
     // Cursor at end → should find @new
-    expect(detectMentionTrigger("hello @old text @new", "@", 20)).toEqual({
+    expect(detectTrigger("hello @old text @new", "@", 20)).toEqual({
       query: "new",
       offset: 16,
     });
@@ -59,18 +59,18 @@ describe("detectMentionTrigger", () => {
 
   it("ignores trigger after cursor", () => {
     // Cursor at position 5, trigger at position 10
-    expect(detectMentionTrigger("hello text @foo", "@", 5)).toBeNull();
+    expect(detectTrigger("hello text @foo", "@", 5)).toBeNull();
   });
 
   it("works with multi-char trigger", () => {
-    expect(detectMentionTrigger("hello @@foo", "@@", 11)).toEqual({
+    expect(detectTrigger("hello @@foo", "@@", 11)).toEqual({
       query: "foo",
       offset: 6,
     });
   });
 
   it("empty query when cursor is right after trigger", () => {
-    expect(detectMentionTrigger("hello @", "@", 7)).toEqual({
+    expect(detectTrigger("hello @", "@", 7)).toEqual({
       query: "",
       offset: 6,
     });

package/src/primitives/composer/{mention/detectMentionTrigger.ts → trigger/detectTrigger.ts}

@@ -1,11 +1,11 @@
 const WHITESPACE_RE = /\s/;
 
 /**
- * Detect a mention trigger in text relative to the cursor position.
+ * Detect a trigger character in text relative to the cursor position.
  *
- * @internal Exported for testing and for the MentionResource.
+ * @internal Exported for testing and for trigger resources.
  */
-export function detectMentionTrigger(
+export function detectTrigger(
   text: string,
   triggerChar: string,
   cursorPosition: number,

package/src/primitives/composer/trigger/index.ts

@@ -0,0 +1,16 @@
+export {
+  ComposerPrimitiveTriggerPopoverRoot,
+  useTriggerPopoverContext,
+  useTriggerPopoverContextOptional,
+} from "./TriggerPopoverContext";
+export { ComposerPrimitiveTriggerPopoverPopover } from "./TriggerPopoverPopover";
+export {
+  ComposerPrimitiveTriggerPopoverCategories,
+  ComposerPrimitiveTriggerPopoverCategoryItem,
+} from "./TriggerPopoverCategories";
+export {
+  ComposerPrimitiveTriggerPopoverItems,
+  ComposerPrimitiveTriggerPopoverItem,
+} from "./TriggerPopoverItems";
+export { ComposerPrimitiveTriggerPopoverBack } from "./TriggerPopoverBack";
+export type { OnSelectBehavior } from "./TriggerPopoverResource";

package/src/primitives/composer.ts

@@ -23,3 +23,19 @@ export { ComposerPrimitiveMentionItem as Unstable_MentionItem } from "./composer
 export { ComposerPrimitiveMentionBack as Unstable_MentionBack } from "./composer/mention";
 export { useMentionContext as unstable_useMentionContext } from "./composer/mention";
 export { useMentionContextOptional as unstable_useMentionContextOptional } from "./composer/mention";
+
+// --- Generic Trigger Popover primitives (unstable) ---
+export { ComposerPrimitiveTriggerPopoverRoot as Unstable_TriggerPopoverRoot } from "./composer/trigger";
+export { ComposerPrimitiveTriggerPopoverPopover as Unstable_TriggerPopoverPopover } from "./composer/trigger";
+export { ComposerPrimitiveTriggerPopoverCategories as Unstable_TriggerPopoverCategories } from "./composer/trigger";
+export { ComposerPrimitiveTriggerPopoverCategoryItem as Unstable_TriggerPopoverCategoryItem } from "./composer/trigger";
+export { ComposerPrimitiveTriggerPopoverItems as Unstable_TriggerPopoverItems } from "./composer/trigger";
+export { ComposerPrimitiveTriggerPopoverItem as Unstable_TriggerPopoverItem } from "./composer/trigger";
+export { ComposerPrimitiveTriggerPopoverBack as Unstable_TriggerPopoverBack } from "./composer/trigger";
+export { useTriggerPopoverContext as unstable_useTriggerPopoverContext } from "./composer/trigger";
+export { useTriggerPopoverContextOptional as unstable_useTriggerPopoverContextOptional } from "./composer/trigger";
+
+// --- Slash Command primitives (unstable) ---
+// SlashCommandRoot is the only slash-specific primitive; UI primitives
+// (Popover, Items, Categories, Back) are the shared TriggerPopover* set above.
+export { ComposerPrimitiveSlashCommandRoot as Unstable_SlashCommandRoot } from "./composer/slash-command";

package/src/primitives/message/MessageRoot.tsx

@@ -79,9 +79,20 @@ export namespace MessagePrimitiveRoot {
   export type Element = ComponentRef<typeof Primitive.div>;
   /**
    * Props for the MessagePrimitive.Root component.
-   * Accepts all standard div element props.
+   * Accepts all standard div element props plus optional viewport slack tuning.
    */
-  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;
+  export type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {
+    /**
+     * Threshold at which the user message height clamps to the offset.
+     * @default "10em"
+     */
+    fillClampThreshold?: string | undefined;
+    /**
+     * Offset used when clamping large user messages.
+     * @default "6em"
+     */
+    fillClampOffset?: string | undefined;
+  };
 }
 
 /**
@@ -108,7 +119,7 @@ export namespace MessagePrimitiveRoot {
 export const MessagePrimitiveRoot = forwardRef<
   MessagePrimitiveRoot.Element,
   MessagePrimitiveRoot.Props
->((props, forwardRef) => {
+>(({ fillClampThreshold, fillClampOffset, ...props }, forwardRef) => {
   const isHoveringRef = useIsHoveringRef();
   const anchorUserMessageRef = useMessageViewportRef();
   const ref = useComposedRefs<HTMLDivElement>(
@@ -119,7 +130,10 @@ export const MessagePrimitiveRoot = forwardRef<
   const messageId = useAuiState((s) => s.message.id);
 
   return (
-    <ThreadPrimitiveViewportSlack>
+    <ThreadPrimitiveViewportSlack
+      fillClampThreshold={fillClampThreshold}
+      fillClampOffset={fillClampOffset}
+    >
       <Primitive.div {...props} ref={ref} data-message-id={messageId} />
     </ThreadPrimitiveViewportSlack>
   );

package/src/primitives/thread/ThreadViewportSlack.tsx

@@ -36,9 +36,9 @@ const parseCssLength = (value: string, element: HTMLElement): number => {
 
 export type ThreadViewportSlackProps = {
   /** Threshold at which the user message height clamps to the offset */
-  fillClampThreshold?: string;
+  fillClampThreshold?: string | undefined;
   /** Offset used when clamping large user messages */
-  fillClampOffset?: string;
+  fillClampOffset?: string | undefined;
   children: ReactNode;
 };
 

package/src/tests/BaseComposerRuntimeCore.test.ts

@@ -6,12 +6,14 @@ import type {
   AppendMessage,
   CreateAttachment,
   PendingAttachment,
+  SendOptions,
 } from "@assistant-ui/core";
 
 class TestComposerCore extends BaseComposerRuntimeCore {
   private _attachmentAdapter: AttachmentAdapter | undefined;
   private _dictationAdapter: DictationAdapter | undefined;
   public sentMessages: Array<Omit<AppendMessage, "parentId" | "sourceId">> = [];
+  public sentOptions: Array<SendOptions | undefined> = [];
   public cancelCalled = false;
 
   protected getAttachmentAdapter() {
@@ -33,8 +35,12 @@ class TestComposerCore extends BaseComposerRuntimeCore {
     return false;
   }
 
-  protected handleSend(message: Omit<AppendMessage, "parentId" | "sourceId">) {
+  protected handleSend(
+    message: Omit<AppendMessage, "parentId" | "sourceId">,
+    options?: SendOptions,
+  ) {
     this.sentMessages.push(message);
+    this.sentOptions.push(options);
   }
 
   protected handleCancel() {
@@ -421,4 +427,30 @@ describe("BaseComposerRuntimeCore", () => {
       expect(adapter.send).toHaveBeenCalledTimes(1);
     });
   });
+
+  describe("send options", () => {
+    it("send() passes undefined options by default", async () => {
+      composer.setText("hello");
+      await composer.send();
+
+      expect(composer.sentOptions).toHaveLength(1);
+      expect(composer.sentOptions[0]).toBeUndefined();
+    });
+
+    it("send({ startRun: true }) forwards options to handleSend", async () => {
+      composer.setText("hello");
+      await composer.send({ startRun: true });
+
+      expect(composer.sentOptions).toHaveLength(1);
+      expect(composer.sentOptions[0]).toEqual({ startRun: true });
+    });
+
+    it("send({ startRun: false }) forwards options to handleSend", async () => {
+      composer.setText("hello");
+      await composer.send({ startRun: false });
+
+      expect(composer.sentOptions).toHaveLength(1);
+      expect(composer.sentOptions[0]).toEqual({ startRun: false });
+    });
+  });
 });

package/src/unstable/useSlashCommandAdapter.ts

@@ -0,0 +1,83 @@
+"use client";
+
+import { useMemo } from "react";
+import type {
+  Unstable_SlashCommandAdapter,
+  Unstable_SlashCommandItem,
+  Unstable_TriggerCategory,
+} from "@assistant-ui/core";
+
+export type Unstable_SlashCommandDefinition = {
+  /** Unique command name (e.g. "summarize"). */
+  readonly name: string;
+  /** Display label (e.g. "/summarize"). */
+  readonly label?: string | undefined;
+  /** Short description shown in the popover. */
+  readonly description?: string | undefined;
+  /** Icon identifier. */
+  readonly icon?: string | undefined;
+  /** Action to execute when the command is selected. */
+  readonly execute?: (() => void) | undefined;
+};
+
+export type Unstable_UseSlashCommandAdapterOptions = {
+  /** List of available slash commands. */
+  commands: readonly Unstable_SlashCommandDefinition[];
+};
+
+/**
+ * @deprecated This API is still under active development and might change without notice.
+ *
+ * Creates a SlashCommandAdapter from a list of command definitions.
+ *
+ * @example
+ * ```tsx
+ * const slashAdapter = unstable_useSlashCommandAdapter({
+ *   commands: [
+ *     { name: "summarize", description: "Summarize the conversation", execute: () => {} },
+ *     { name: "translate", description: "Translate text", execute: () => {} },
+ *   ],
+ * });
+ * ```
+ */
+export function unstable_useSlashCommandAdapter(
+  options: Unstable_UseSlashCommandAdapterOptions,
+): Unstable_SlashCommandAdapter {
+  const { commands } = options;
+
+  return useMemo<Unstable_SlashCommandAdapter>(() => {
+    // Build items lazily at call time so execute callbacks are always fresh
+    const getItems = (): Unstable_SlashCommandItem[] =>
+      commands.map((cmd) => ({
+        id: cmd.name,
+        type: "command",
+        label: cmd.label ?? `/${cmd.name}`,
+        description: cmd.description,
+        icon: cmd.icon,
+        execute: cmd.execute,
+      }));
+
+    return {
+      // No categories — slash commands show items directly via search mode
+      categories(): Unstable_TriggerCategory[] {
+        return [];
+      },
+
+      categoryItems(): Unstable_SlashCommandItem[] {
+        return [];
+      },
+
+      search(query: string): Unstable_SlashCommandItem[] {
+        const items = getItems();
+        if (!query) return items;
+        const lower = query.toLowerCase();
+        return items.filter(
+          (item) =>
+            item.id.toLowerCase().includes(lower) ||
+            item.label.toLowerCase().includes(lower) ||
+            item.description?.toLowerCase().includes(lower),
+        );
+      },
+    };
+  }, [commands]);
+}

package/dist/primitives/composer/mention/ComposerMentionBack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComposerMentionBack.d.ts","sourceRoot":"","sources":["../../../../src/primitives/composer/mention/ComposerMentionBack.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,oCAAiC;AACrD,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,wBAAwB,EAG9B,MAAM,OAAO,CAAC;AAQf,yBAAiB,4BAA4B,CAAC;IAC5C,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5D,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;CACvE;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,4BAA4B;;;;gHAoBvC,CAAC"}

package/dist/primitives/composer/mention/ComposerMentionBack.js

@@ -1,28 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Primitive } from "../../../utils/Primitive.js";
-import { forwardRef, useCallback, } from "react";
-import { composeEventHandlers } from "@radix-ui/primitive";
-import { useMentionContext } from "./ComposerMentionContext.js";
-/**
- * A button that navigates back from category items to the category list.
- * Only renders when a category is active (drill-down view).
- *
- * @example
- * ```tsx
- * <ComposerPrimitive.MentionBack>
- *   &larr; Back
- * </ComposerPrimitive.MentionBack>
- * ```
- */
-export const ComposerPrimitiveMentionBack = forwardRef(({ onClick, ...props }, forwardedRef) => {
-    const { activeCategoryId, isSearchMode, goBack } = useMentionContext();
-    const handleClick = useCallback(() => {
-        goBack();
-    }, [goBack]);
-    if (!activeCategoryId || isSearchMode)
-        return null;
-    return (_jsx(Primitive.button, { type: "button", ...props, ref: forwardedRef, onClick: composeEventHandlers(onClick, handleClick) }));
-});
-ComposerPrimitiveMentionBack.displayName = "ComposerPrimitive.MentionBack";
-//# sourceMappingURL=ComposerMentionBack.js.map

package/dist/primitives/composer/mention/ComposerMentionBack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComposerMentionBack.js","sourceRoot":"","sources":["../../../../src/primitives/composer/mention/ComposerMentionBack.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,oCAAiC;AACrD,OAAO,EAGL,UAAU,EACV,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,oCAAiC;AAW7D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,UAAU,CAGpD,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IACxC,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEvE,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,EAAE,CAAC;IACX,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,CAAC,gBAAgB,IAAI,YAAY;QAAE,OAAO,IAAI,CAAC;IAEnD,OAAO,CACL,KAAC,SAAS,CAAC,MAAM,IACf,IAAI,EAAC,QAAQ,KACT,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,GACnD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,4BAA4B,CAAC,WAAW,GAAG,+BAA+B,CAAC"}

package/dist/primitives/composer/mention/ComposerMentionCategories.d.ts

@@ -1,46 +0,0 @@
-import { Primitive } from "../../../utils/Primitive.js";
-import { type ComponentRef, type ComponentPropsWithoutRef, type ReactNode } from "react";
-import type { Unstable_MentionCategory } from "@assistant-ui/core";
-export declare namespace ComposerPrimitiveMentionCategories {
-    type Element = ComponentRef<typeof Primitive.div>;
-    type Props = Omit<ComponentPropsWithoutRef<typeof Primitive.div>, "children"> & {
-        /**
-         * Render function that receives the filtered categories and returns
-         * the UI. A render-function pattern is used here (instead of a
-         * `components` prop) to give consumers full control over list layout,
-         * ordering, grouping, and empty states.
-         */
-        children: (categories: readonly Unstable_MentionCategory[]) => ReactNode;
-    };
-}
-export declare const ComposerPrimitiveMentionCategories: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    asChild?: boolean;
-}, "ref"> & {
-    render?: import("react").ReactElement | undefined;
-} & import("react").RefAttributes<HTMLDivElement>, "ref">, "children"> & {
-    /**
-     * Render function that receives the filtered categories and returns
-     * the UI. A render-function pattern is used here (instead of a
-     * `components` prop) to give consumers full control over list layout,
-     * ordering, grouping, and empty states.
-     */
-    children: (categories: readonly Unstable_MentionCategory[]) => ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export declare namespace ComposerPrimitiveMentionCategoryItem {
-    type Element = ComponentRef<typeof Primitive.button>;
-    type Props = ComponentPropsWithoutRef<typeof Primitive.button> & {
-        categoryId: string;
-    };
-}
-/**
- * A button that selects a category and triggers drill-down navigation.
- * Automatically receives `data-highlighted` when keyboard-navigated.
- */
-export declare const ComposerPrimitiveMentionCategoryItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
-}, "ref"> & {
-    render?: import("react").ReactElement | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    categoryId: string;
-} & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ComposerMentionCategories.d.ts.map

package/dist/primitives/composer/mention/ComposerMentionCategories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComposerMentionCategories.d.ts","sourceRoot":"","sources":["../../../../src/primitives/composer/mention/ComposerMentionCategories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,oCAAiC;AACrD,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAMnE,yBAAiB,kCAAkC,CAAC;IAClD,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACzD,KAAY,KAAK,GAAG,IAAI,CACtB,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,EAC9C,UAAU,CACX,GAAG;QACF;;;;;WAKG;QACH,QAAQ,EAAE,CAAC,UAAU,EAAE,SAAS,wBAAwB,EAAE,KAAK,SAAS,CAAC;KAC1E,CAAC;CACH;AAED,eAAO,MAAM,kCAAkC;;;;;IAV3C;;;;;OAKG;cACO,CAAC,UAAU,EAAE,SAAS,wBAAwB,EAAE,KAAK,SAAS;kDAiB1E,CAAC;AASH,yBAAiB,oCAAoC,CAAC;IACpD,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5D,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,GAAG;QACtE,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED;;;GAGG;AACH,eAAO,MAAM,oCAAoC;;;;;gBARjC,MAAM;qDAyCpB,CAAC"}

package/dist/primitives/composer/mention/ComposerMentionCategories.js

@@ -1,32 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Primitive } from "../../../utils/Primitive.js";
-import { forwardRef, useCallback, } from "react";
-import { composeEventHandlers } from "@radix-ui/primitive";
-import { useMentionContext } from "./ComposerMentionContext.js";
-export const ComposerPrimitiveMentionCategories = forwardRef(({ children, ...props }, forwardedRef) => {
-    const { categories, activeCategoryId, isSearchMode } = useMentionContext();
-    if (activeCategoryId || isSearchMode)
-        return null;
-    return (_jsx(Primitive.div, { role: "group", ...props, ref: forwardedRef, children: children(categories) }));
-});
-ComposerPrimitiveMentionCategories.displayName =
-    "ComposerPrimitive.MentionCategories";
-/**
- * A button that selects a category and triggers drill-down navigation.
- * Automatically receives `data-highlighted` when keyboard-navigated.
- */
-export const ComposerPrimitiveMentionCategoryItem = forwardRef(({ categoryId, onClick, ...props }, forwardedRef) => {
-    const { selectCategory, categories, highlightedIndex, activeCategoryId, isSearchMode, } = useMentionContext();
-    const handleClick = useCallback(() => {
-        selectCategory(categoryId);
-    }, [selectCategory, categoryId]);
-    // Derive highlighted state from context — no manual wiring needed
-    const isHighlighted = !activeCategoryId &&
-        !isSearchMode &&
-        categories.findIndex((c) => c.id === categoryId) === highlightedIndex;
-    return (_jsx(Primitive.button, { type: "button", role: "option", "aria-selected": isHighlighted, "data-highlighted": isHighlighted ? "" : undefined, ...props, ref: forwardedRef, onClick: composeEventHandlers(onClick, handleClick) }));
-});
-ComposerPrimitiveMentionCategoryItem.displayName =
-    "ComposerPrimitive.MentionCategoryItem";
-//# sourceMappingURL=ComposerMentionCategories.js.map

package/dist/primitives/composer/mention/ComposerMentionCategories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComposerMentionCategories.js","sourceRoot":"","sources":["../../../../src/primitives/composer/mention/ComposerMentionCategories.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,oCAAiC;AACrD,OAAO,EAIL,UAAU,EACV,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,oCAAiC;AAuB7D,MAAM,CAAC,MAAM,kCAAkC,GAAG,UAAU,CAG1D,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IACzC,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE3E,IAAI,gBAAgB,IAAI,YAAY;QAAE,OAAO,IAAI,CAAC;IAElD,OAAO,CACL,KAAC,SAAS,CAAC,GAAG,IAAC,IAAI,EAAC,OAAO,KAAK,KAAK,EAAE,GAAG,EAAE,YAAY,YACrD,QAAQ,CAAC,UAAU,CAAC,GACP,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kCAAkC,CAAC,WAAW;IAC5C,qCAAqC,CAAC;AAaxC;;;GAGG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,UAAU,CAG5D,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IACpD,MAAM,EACJ,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,GACb,GAAG,iBAAiB,EAAE,CAAC;IAExB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,cAAc,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjC,kEAAkE;IAClE,MAAM,aAAa,GACjB,CAAC,gBAAgB;QACjB,CAAC,YAAY;QACb,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,KAAK,gBAAgB,CAAC;IAExE,OAAO,CACL,KAAC,SAAS,CAAC,MAAM,IACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,mBACE,aAAa,sBACV,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAC5C,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,GACnD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,oCAAoC,CAAC,WAAW;IAC9C,uCAAuC,CAAC"}

package/dist/primitives/composer/mention/ComposerMentionItems.d.ts

@@ -1,50 +0,0 @@
-import { Primitive } from "../../../utils/Primitive.js";
-import { type ComponentRef, type ComponentPropsWithoutRef, type ReactNode } from "react";
-import type { Unstable_MentionItem } from "@assistant-ui/core";
-export declare namespace ComposerPrimitiveMentionItems {
-    type Element = ComponentRef<typeof Primitive.div>;
-    type Props = Omit<ComponentPropsWithoutRef<typeof Primitive.div>, "children"> & {
-        /**
-         * Render function that receives the filtered items and returns
-         * the UI. A render-function pattern is used here (instead of a
-         * `components` prop) to give consumers full control over list layout,
-         * ordering, grouping, and empty states.
-         */
-        children: (items: readonly Unstable_MentionItem[]) => ReactNode;
-    };
-}
-export declare const ComposerPrimitiveMentionItems: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    asChild?: boolean;
-}, "ref"> & {
-    render?: import("react").ReactElement | undefined;
-} & import("react").RefAttributes<HTMLDivElement>, "ref">, "children"> & {
-    /**
-     * Render function that receives the filtered items and returns
-     * the UI. A render-function pattern is used here (instead of a
-     * `components` prop) to give consumers full control over list layout,
-     * ordering, grouping, and empty states.
-     */
-    children: (items: readonly Unstable_MentionItem[]) => ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export declare namespace ComposerPrimitiveMentionItem {
-    type Element = ComponentRef<typeof Primitive.button>;
-    type Props = ComponentPropsWithoutRef<typeof Primitive.button> & {
-        item: Unstable_MentionItem;
-        /** Position in the items list. Used for keyboard highlight matching. Falls back to findIndex by id. */
-        index?: number | undefined;
-    };
-}
-/**
- * A button that inserts the mention item into the composer.
- * Automatically receives `data-highlighted` when keyboard-navigated.
- */
-export declare const ComposerPrimitiveMentionItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
-}, "ref"> & {
-    render?: import("react").ReactElement | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    item: Unstable_MentionItem;
-    /** Position in the items list. Used for keyboard highlight matching. Falls back to findIndex by id. */
-    index?: number | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ComposerMentionItems.d.ts.map

package/dist/primitives/composer/mention/ComposerMentionItems.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComposerMentionItems.d.ts","sourceRoot":"","sources":["../../../../src/primitives/composer/mention/ComposerMentionItems.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,oCAAiC;AACrD,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAM/D,yBAAiB,6BAA6B,CAAC;IAC7C,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACzD,KAAY,KAAK,GAAG,IAAI,CACtB,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,EAC9C,UAAU,CACX,GAAG;QACF;;;;;WAKG;QACH,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,oBAAoB,EAAE,KAAK,SAAS,CAAC;KACjE,CAAC;CACH;AAED,eAAO,MAAM,6BAA6B;;;;;IAVtC;;;;;OAKG;cACO,CAAC,KAAK,EAAE,SAAS,oBAAoB,EAAE,KAAK,SAAS;kDAiBjE,CAAC;AAQH,yBAAiB,4BAA4B,CAAC;IAC5C,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5D,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,GAAG;QACtE,IAAI,EAAE,oBAAoB,CAAC;QAC3B,uGAAuG;QACvG,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KAC5B,CAAC;CACH;AAED;;;GAGG;AACH,eAAO,MAAM,4BAA4B;;;;;UAV/B,oBAAoB;IAC1B,uGAAuG;YAC/F,MAAM,GAAG,SAAS;qDAyC5B,CAAC"}

package/dist/primitives/composer/mention/ComposerMentionItems.js

@@ -1,30 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Primitive } from "../../../utils/Primitive.js";
-import { forwardRef, useCallback, } from "react";
-import { composeEventHandlers } from "@radix-ui/primitive";
-import { useMentionContext } from "./ComposerMentionContext.js";
-export const ComposerPrimitiveMentionItems = forwardRef(({ children, ...props }, forwardedRef) => {
-    const { items, activeCategoryId, isSearchMode } = useMentionContext();
-    if (!activeCategoryId && !isSearchMode)
-        return null;
-    return (_jsx(Primitive.div, { role: "group", ...props, ref: forwardedRef, children: children(items) }));
-});
-ComposerPrimitiveMentionItems.displayName = "ComposerPrimitive.MentionItems";
-/**
- * A button that inserts the mention item into the composer.
- * Automatically receives `data-highlighted` when keyboard-navigated.
- */
-export const ComposerPrimitiveMentionItem = forwardRef(({ item, index: indexProp, onClick, ...props }, forwardedRef) => {
-    const { selectItem, items, highlightedIndex, activeCategoryId, isSearchMode, } = useMentionContext();
-    const handleClick = useCallback(() => {
-        selectItem(item);
-    }, [selectItem, item]);
-    // Use explicit index prop if provided, fall back to findIndex
-    const itemIndex = indexProp ?? items.findIndex((i) => i.id === item.id);
-    const isHighlighted = (isSearchMode || activeCategoryId !== null) &&
-        itemIndex === highlightedIndex;
-    return (_jsx(Primitive.button, { type: "button", role: "option", "aria-selected": isHighlighted, "data-highlighted": isHighlighted ? "" : undefined, ...props, ref: forwardedRef, onClick: composeEventHandlers(onClick, handleClick) }));
-});
-ComposerPrimitiveMentionItem.displayName = "ComposerPrimitive.MentionItem";
-//# sourceMappingURL=ComposerMentionItems.js.map

package/dist/primitives/composer/mention/ComposerMentionItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComposerMentionItems.js","sourceRoot":"","sources":["../../../../src/primitives/composer/mention/ComposerMentionItems.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,oCAAiC;AACrD,OAAO,EAIL,UAAU,EACV,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,oCAAiC;AAuB7D,MAAM,CAAC,MAAM,6BAA6B,GAAG,UAAU,CAGrD,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IACzC,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEtE,IAAI,CAAC,gBAAgB,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAEpD,OAAO,CACL,KAAC,SAAS,CAAC,GAAG,IAAC,IAAI,EAAC,OAAO,KAAK,KAAK,EAAE,GAAG,EAAE,YAAY,YACrD,QAAQ,CAAC,KAAK,CAAC,GACF,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,6BAA6B,CAAC,WAAW,GAAG,gCAAgC,CAAC;AAe7E;;;GAGG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,UAAU,CAGpD,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAChE,MAAM,EACJ,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,GACb,GAAG,iBAAiB,EAAE,CAAC;IAExB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC;IAEvB,8DAA8D;IAC9D,MAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;IACxE,MAAM,aAAa,GACjB,CAAC,YAAY,IAAI,gBAAgB,KAAK,IAAI,CAAC;QAC3C,SAAS,KAAK,gBAAgB,CAAC;IAEjC,OAAO,CACL,KAAC,SAAS,CAAC,MAAM,IACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,mBACE,aAAa,sBACV,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAC5C,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,GACnD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,4BAA4B,CAAC,WAAW,GAAG,+BAA+B,CAAC"}

package/dist/primitives/composer/mention/ComposerMentionPopover.d.ts

@@ -1,26 +0,0 @@
-import { Primitive } from "../../../utils/Primitive.js";
-import { type ComponentRef, type ComponentPropsWithoutRef } from "react";
-export declare namespace ComposerPrimitiveMentionPopover {
-    type Element = ComponentRef<typeof Primitive.div>;
-    type Props = ComponentPropsWithoutRef<typeof Primitive.div>;
-}
-/**
- * Renders a container for the mention picker popover.
- * Only renders when a `@` trigger is detected in the composer text.
- *
- * @example
- * ```tsx
- * <ComposerPrimitive.MentionRoot adapter={mentionAdapter}>
- *   <ComposerPrimitive.Input />
- *   <ComposerPrimitive.MentionPopover>
- *     <ComposerPrimitive.MentionCategories />
- *   </ComposerPrimitive.MentionPopover>
- * </ComposerPrimitive.MentionRoot>
- * ```
- */
-export declare const ComposerPrimitiveMentionPopover: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    asChild?: boolean;
-}, "ref"> & {
-    render?: import("react").ReactElement | undefined;
-} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ComposerMentionPopover.d.ts.map

package/dist/primitives/composer/mention/ComposerMentionPopover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComposerMentionPopover.d.ts","sourceRoot":"","sources":["../../../../src/primitives/composer/mention/ComposerMentionPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,oCAAiC;AACrD,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,wBAAwB,EAE9B,MAAM,OAAO,CAAC;AAOf,yBAAiB,+BAA+B,CAAC;IAC/C,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACzD,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;CACpE;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,+BAA+B;;;;0GAe1C,CAAC"}

package/dist/primitives/composer/mention/ComposerMentionPopover.js

@@ -1,28 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Primitive } from "../../../utils/Primitive.js";
-import { forwardRef, } from "react";
-import { useMentionContext } from "./ComposerMentionContext.js";
-/**
- * Renders a container for the mention picker popover.
- * Only renders when a `@` trigger is detected in the composer text.
- *
- * @example
- * ```tsx
- * <ComposerPrimitive.MentionRoot adapter={mentionAdapter}>
- *   <ComposerPrimitive.Input />
- *   <ComposerPrimitive.MentionPopover>
- *     <ComposerPrimitive.MentionCategories />
- *   </ComposerPrimitive.MentionPopover>
- * </ComposerPrimitive.MentionRoot>
- * ```
- */
-export const ComposerPrimitiveMentionPopover = forwardRef((props, forwardedRef) => {
-    const { open } = useMentionContext();
-    if (!open)
-        return null;
-    return (_jsx(Primitive.div, { role: "listbox", "data-state": "open", ...props, ref: forwardedRef }));
-});
-ComposerPrimitiveMentionPopover.displayName =
-    "ComposerPrimitive.MentionPopover";
-//# sourceMappingURL=ComposerMentionPopover.js.map

package/dist/primitives/composer/mention/ComposerMentionPopover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComposerMentionPopover.js","sourceRoot":"","sources":["../../../../src/primitives/composer/mention/ComposerMentionPopover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,oCAAiC;AACrD,OAAO,EAGL,UAAU,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,oCAAiC;AAW7D;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,UAAU,CAGvD,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACrC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACL,KAAC,SAAS,CAAC,GAAG,IACZ,IAAI,EAAC,SAAS,gBACH,MAAM,KACb,KAAK,EACT,GAAG,EAAE,YAAY,GACjB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,+BAA+B,CAAC,WAAW;IACzC,kCAAkC,CAAC"}