@assistant-ui/react 0.12.25 → 0.12.27

package/src/unstable/useSlashCommandAdapter.ts

@@ -1,83 +1,112 @@
 "use client";
 
-import { useMemo } from "react";
+import { useMemo, useRef } from "react";
 import type {
-  Unstable_SlashCommandAdapter,
-  Unstable_SlashCommandItem,
-  Unstable_TriggerCategory,
+  Unstable_TriggerAdapter,
+  Unstable_TriggerItem,
 } from "@assistant-ui/core";
+import type { Unstable_IconComponent } from "./useMentionAdapter";
 
-export type Unstable_SlashCommandDefinition = {
-  /** Unique command name (e.g. "summarize"). */
-  readonly name: string;
-  /** Display label (e.g. "/summarize"). */
+export type Unstable_SlashCommand = {
+  readonly id: string;
   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;
+  readonly execute: () => void;
 };
 
 export type Unstable_UseSlashCommandAdapterOptions = {
-  /** List of available slash commands. */
-  commands: readonly Unstable_SlashCommandDefinition[];
+  readonly commands: readonly Unstable_SlashCommand[];
+  /** Strip the trigger text from the composer after executing. @default false */
+  readonly removeOnExecute?: boolean | undefined;
+  /** Maps `metadata.icon` / `category.id` string keys to React components. */
+  readonly iconMap?: Record<string, Unstable_IconComponent>;
+  /** Fallback icon when no entry in `iconMap` matches. */
+  readonly fallbackIcon?: Unstable_IconComponent;
+};
+
+export type Unstable_SlashCommandAction = {
+  readonly onExecute: (item: Unstable_TriggerItem) => void;
+  readonly removeOnExecute?: boolean | undefined;
 };
 
 /**
- * @deprecated This API is still under active development and might change without notice.
+ * @deprecated Under active development and may change without notice.
  *
- * Creates a SlashCommandAdapter from a list of command definitions.
+ * Bundles slash command definitions (with inline `execute` callbacks) into
+ * `{adapter, action}` that plug directly into `ComposerTriggerPopover`.
+ * `execute` stays in the hook closure and is never attached to the returned
+ * `TriggerItem`, keeping items serializable.
  *
  * @example
  * ```tsx
- * const slashAdapter = unstable_useSlashCommandAdapter({
+ * const slash = unstable_useSlashCommandAdapter({
  *   commands: [
- *     { name: "summarize", description: "Summarize the conversation", execute: () => {} },
- *     { name: "translate", description: "Translate text", execute: () => {} },
+ *     { id: "summarize", execute: () => runSummarize(), icon: "FileText" },
+ *     { id: "translate", execute: () => runTranslate(), icon: "Languages" },
  *   ],
  * });
+ *
+ * <ComposerTriggerPopover char="/" {...slash} />
  * ```
  */
 export function unstable_useSlashCommandAdapter(
   options: Unstable_UseSlashCommandAdapterOptions,
-): Unstable_SlashCommandAdapter {
-  const { commands } = options;
+): {
+  adapter: Unstable_TriggerAdapter;
+  action: Unstable_SlashCommandAction;
+  iconMap?: Record<string, Unstable_IconComponent>;
+  fallbackIcon?: Unstable_IconComponent;
+} {
+  const { commands, removeOnExecute } = 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,
-      }));
+  // biome-ignore lint/correctness/useHookAtTopLevel: `unstable_` prefix not recognized as hook
+  const commandsRef = useRef(commands);
+  commandsRef.current = commands;
 
-    return {
-      // No categories — slash commands show items directly via search mode
-      categories(): Unstable_TriggerCategory[] {
-        return [];
+  // biome-ignore lint/correctness/useHookAtTopLevel: `unstable_` prefix not recognized as hook
+  return useMemo(() => {
+    const adapter: Unstable_TriggerAdapter = {
+      categories: () => [],
+      categoryItems: () => [],
+      search: (query: string) => {
+        const lower = query.toLowerCase();
+        return commandsRef.current
+          .filter((c) => matchesQuery(c, lower))
+          .map(toItem);
       },
+    };
 
-      categoryItems(): Unstable_SlashCommandItem[] {
-        return [];
+    const action: Unstable_SlashCommandAction = {
+      onExecute: (item) => {
+        commandsRef.current.find((c) => c.id === item.id)?.execute();
       },
+      ...(removeOnExecute !== undefined ? { removeOnExecute } : {}),
+    };
 
-      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),
-        );
-      },
+    return {
+      adapter,
+      action,
+      ...(options.iconMap ? { iconMap: options.iconMap } : {}),
+      ...(options.fallbackIcon ? { fallbackIcon: options.fallbackIcon } : {}),
     };
-  }, [commands]);
+  }, [removeOnExecute, options.iconMap, options.fallbackIcon]);
+}
+
+function toItem(cmd: Unstable_SlashCommand): Unstable_TriggerItem {
+  return {
+    id: cmd.id,
+    type: "command",
+    label: cmd.label ?? `/${cmd.id}`,
+    ...(cmd.description !== undefined ? { description: cmd.description } : {}),
+    ...(cmd.icon !== undefined ? { metadata: { icon: cmd.icon } } : {}),
+  };
+}
+
+function matchesQuery(cmd: Unstable_SlashCommand, lower: string): boolean {
+  if (!lower) return true;
+  if (cmd.id.toLowerCase().includes(lower)) return true;
+  if (cmd.label?.toLowerCase().includes(lower)) return true;
+  if (cmd.description?.toLowerCase().includes(lower)) return true;
+  return false;
 }

package/src/utils/Primitive.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
 import { renderToStaticMarkup } from "react-dom/server";
-import { Primitive } from "./Primitive";
+import { Primitive, withRenderProp } from "./Primitive";
 
 const ALL_NODES = [
   "a",
@@ -70,6 +70,12 @@ describe("Primitive", () => {
   });
 
   describe("render prop edge cases", () => {
+    it("preserves a useful displayName on wrapped components", () => {
+      const Wrapped = withRenderProp(Primitive.div);
+
+      expect(Wrapped.displayName).toBe("Primitive.div");
+    });
+
     it("uses render element's own children as fallback", () => {
       const html = renderToStaticMarkup(
         <Primitive.span render={<em>Fallback</em>} />,

package/src/utils/Primitive.tsx

@@ -1,7 +1,9 @@
 import {
   type ComponentPropsWithoutRef,
   type ComponentRef,
+  type ElementType,
   type ForwardRefExoticComponent,
+  type PropsWithoutRef,
   type ReactElement,
   type ReactNode,
   type RefAttributes,
@@ -43,43 +45,74 @@ const NODES = [
 ] as const;
 type PrimitiveNode = (typeof NODES)[number];
 
-type PrimitiveProps<E extends PrimitiveNode> = ComponentPropsWithoutRef<
+type WithRenderPropProps<T extends ElementType> =
+  ComponentPropsWithoutRef<T> & {
+    render?: ReactElement | undefined;
+  };
+
+type PrimitiveProps<E extends PrimitiveNode> = WithRenderPropProps<
   (typeof RadixPrimitive)[E]
-> & {
-  render?: ReactElement | undefined;
-};
+>;
+
+type WithRenderPropRuntimeProps<T extends ElementType> =
+  WithRenderPropProps<T> & {
+    asChild?: boolean | undefined;
+    children?: ReactNode | undefined;
+  };
 
 type PrimitiveRef<E extends PrimitiveNode> = ComponentRef<
   (typeof RadixPrimitive)[E]
 >;
 
-function createPrimitive<E extends PrimitiveNode>(node: E) {
-  const RadixComp = RadixPrimitive[node];
+function withRenderProp<T extends ElementType>(Component: T) {
+  const Wrapped = forwardRef<ComponentRef<T>, WithRenderPropRuntimeProps<T>>(
+    (
+      {
+        render,
+        asChild,
+        children,
+        ...rest
+      }: PropsWithoutRef<WithRenderPropRuntimeProps<T>>,
+      ref,
+    ) => {
+      const Comp = Component as any;
 
-  const Component = forwardRef<PrimitiveRef<E>, PrimitiveProps<E>>(
-    ({ render, asChild, children, ...props }, ref) => {
       if (render && isValidElement(render)) {
-        // render={<Comp p />} + children
-        //   → asChild + <Comp p>{children}</Comp>
         const renderChildren =
           children !== undefined
             ? children
             : ((render.props as Record<string, unknown>).children as ReactNode);
+
         return (
-          <RadixComp asChild {...(props as any)} ref={ref}>
+          <Comp {...(rest as any)} asChild ref={ref}>
             {cloneElement(render, undefined, renderChildren)}
-          </RadixComp>
+          </Comp>
         );
       }
 
       return (
-        <RadixComp asChild={asChild} {...(props as any)} ref={ref}>
+        <Comp {...(rest as any)} asChild={asChild} ref={ref}>
           {children}
-        </RadixComp>
+        </Comp>
       );
     },
   );
 
+  const componentName =
+    typeof Component === "string"
+      ? Component
+      : (Component.displayName ?? Component.name ?? "Component");
+  Wrapped.displayName = componentName;
+
+  return Wrapped as ForwardRefExoticComponent<
+    WithRenderPropProps<T> & RefAttributes<ComponentRef<T>>
+  >;
+}
+
+function createPrimitive<E extends PrimitiveNode>(node: E) {
+  const RadixComp = RadixPrimitive[node];
+  const Component = withRenderProp(RadixComp);
+
   Component.displayName = `Primitive.${node}`;
   return Component as ForwardRefExoticComponent<
     PrimitiveProps<E> & RefAttributes<PrimitiveRef<E>>
@@ -96,5 +129,5 @@ const Primitive = NODES.reduce(
   },
 );
 
-export { Primitive };
-export type { PrimitiveProps };
+export { Primitive, withRenderProp };
+export type { PrimitiveProps, WithRenderPropProps };

package/src/utils/createActionButton.tsx

@@ -1,8 +1,8 @@
 import {
-  ComponentRef,
+  type ComponentRef,
   forwardRef,
-  ComponentPropsWithoutRef,
-  MouseEventHandler,
+  type ComponentPropsWithoutRef,
+  type MouseEventHandler,
 } from "react";
 import { Primitive } from "./Primitive";
 import { composeEventHandlers } from "@radix-ui/primitive";

package/src/utils/hooks/useManagedRef.ts

@@ -1,9 +1,9 @@
 import { useCallback, useRef } from "react";
 
 export const useManagedRef = <TNode>(
-  callback: (node: TNode) => (() => void) | void,
+  callback: (node: TNode) => (() => void) | undefined,
 ) => {
-  const cleanupRef = useRef<(() => void) | void>(undefined);
+  const cleanupRef = useRef<(() => void) | undefined>(undefined);
 
   const ref = useCallback(
     (el: TNode | null) => {

package/src/utils/json/is-json.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   ReadonlyJSONArray,
   ReadonlyJSONObject,
   ReadonlyJSONValue,

package/src/utils/smooth/SmoothContext.tsx

@@ -1,16 +1,16 @@
 "use client";
 
 import {
-  ComponentType,
+  type ComponentType,
   createContext,
-  FC,
+  type FC,
   forwardRef,
-  PropsWithChildren,
+  type PropsWithChildren,
   useContext,
   useState,
 } from "react";
-import { ReadonlyStore } from "../../context/ReadonlyStore";
-import { create, UseBoundStore } from "zustand";
+import type { ReadonlyStore } from "../../context/ReadonlyStore";
+import { create, type UseBoundStore } from "zustand";
 import type {
   MessagePartStatus,
   ToolCallMessagePartStatus,

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

@@ -1,25 +0,0 @@
-import { type ReactNode, type FC } from "react";
-import type { Unstable_MentionAdapter, Unstable_DirectiveFormatter } from "@assistant-ui/core";
-import type { TriggerPopoverResourceOutput, SelectItemOverride } from "../trigger/TriggerPopoverResource.js";
-type MentionResourceOutput = TriggerPopoverResourceOutput & {
-    readonly formatter: Unstable_DirectiveFormatter;
-};
-export declare const useMentionContext: () => MentionResourceOutput;
-export declare const useMentionContextOptional: () => MentionResourceOutput | null;
-type MentionInternalContextValue = {
-    registerSelectItemOverride(fn: SelectItemOverride): () => void;
-};
-export declare const useMentionInternalContext: () => MentionInternalContextValue | null;
-export declare namespace ComposerPrimitiveMentionRoot {
-    type Props = {
-        children: ReactNode;
-        adapter?: Unstable_MentionAdapter | undefined;
-        /** Character(s) that trigger the mention popover. @default "@" */
-        trigger?: string | undefined;
-        /** Custom formatter for serializing/parsing mention directives. */
-        formatter?: Unstable_DirectiveFormatter | undefined;
-    };
-}
-export declare const ComposerPrimitiveMentionRoot: FC<ComposerPrimitiveMentionRoot.Props>;
-export {};
-//# sourceMappingURL=ComposerMentionContext.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ComposerMentionContext.d.ts","sourceRoot":"","sources":["../../../../src/primitives/composer/mention/ComposerMentionContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,uBAAuB,EACvB,2BAA2B,EAC5B,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EACV,4BAA4B,EAC5B,kBAAkB,EAEnB,6CAA0C;AAE3C,KAAK,qBAAqB,GAAG,4BAA4B,GAAG;IAC1D,QAAQ,CAAC,SAAS,EAAE,2BAA2B,CAAC;CACjD,CAAC;AAQF,eAAO,MAAM,iBAAiB,6BAO7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,oCAErC,CAAC;AAMF,KAAK,2BAA2B,GAAG;IACjC,0BAA0B,CAAC,EAAE,EAAE,kBAAkB,GAAG,MAAM,IAAI,CAAC;CAChE,CAAC;AAKF,eAAO,MAAM,yBAAyB,0CAErC,CAAC;AAMF,yBAAiB,4BAA4B,CAAC;IAC5C,KAAY,KAAK,GAAG;QAClB,QAAQ,EAAE,SAAS,CAAC;QACpB,OAAO,CAAC,EAAE,uBAAuB,GAAG,SAAS,CAAC;QAC9C,kEAAkE;QAClE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC7B,mEAAmE;QACnE,SAAS,CAAC,EAAE,2BAA2B,GAAG,SAAS,CAAC;KACrD,CAAC;CACH;AAED,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,4BAA4B,CAAC,KAAK,CA4DnC,CAAC"}

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

@@ -1,74 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useState, useCallback, useMemo, useEffect, } from "react";
-import { useAui } from "@assistant-ui/store";
-import { unstable_defaultDirectiveFormatter } from "@assistant-ui/core";
-import { ComposerPrimitiveTriggerPopoverRoot } from "../trigger/TriggerPopoverContext.js";
-// =============================================================================
-// Context — public (provides formatter on top of TriggerPopoverContext)
-// =============================================================================
-const MentionContext = createContext(null);
-export const useMentionContext = () => {
-    const ctx = useContext(MentionContext);
-    if (!ctx)
-        throw new Error("useMentionContext must be used within ComposerPrimitive.MentionRoot");
-    return ctx;
-};
-export const useMentionContextOptional = () => {
-    return useContext(MentionContext);
-};
-const MentionInternalContext = createContext(null);
-export const useMentionInternalContext = () => {
-    return useContext(MentionInternalContext);
-};
-export const ComposerPrimitiveMentionRoot = ({ children, adapter: adapterProp, trigger: triggerChar = "@", formatter: formatterProp, }) => {
-    const aui = useAui();
-    const formatter = formatterProp ?? unstable_defaultDirectiveFormatter;
-    // ---------------------------------------------------------------------------
-    // Runtime adapter (subscribe to state changes instead of useAuiState to avoid
-    // infinite loop — getModelContext() returns a new object on every call)
-    // ---------------------------------------------------------------------------
-    const getRuntimeAdapter = useCallback(() => {
-        try {
-            const runtime = aui.composer().__internal_getRuntime?.();
-            return runtime?._core?.getState()?.getMentionAdapter?.();
-        }
-        catch {
-            return undefined;
-        }
-    }, [aui]);
-    const [runtimeAdapter, setRuntimeAdapter] = useState(getRuntimeAdapter);
-    useEffect(() => {
-        return aui.subscribe(() => {
-            setRuntimeAdapter((prev) => {
-                const next = getRuntimeAdapter();
-                return prev === next ? prev : next;
-            });
-        });
-    }, [aui, getRuntimeAdapter]);
-    const adapter = adapterProp ?? runtimeAdapter;
-    // ---------------------------------------------------------------------------
-    // onSelect behavior for mentions: insert directive text
-    // ---------------------------------------------------------------------------
-    const onSelect = useMemo(() => ({ type: "insertDirective", formatter }), [formatter]);
-    // ---------------------------------------------------------------------------
-    // MentionContext — provides formatter + delegates state to TriggerPopoverContext
-    // We use useAuiState to read trigger popover state via the inner context.
-    // For backward compat, MentionContext wraps TriggerPopoverContext output.
-    // ---------------------------------------------------------------------------
-    return (_jsx(ComposerPrimitiveTriggerPopoverRoot, { adapter: adapter, trigger: triggerChar, onSelect: onSelect, children: _jsx(MentionContextBridge, { formatter: formatter, children: children }) }));
-};
-ComposerPrimitiveMentionRoot.displayName = "ComposerPrimitive.MentionRoot";
-// =============================================================================
-// Bridge — reads TriggerPopoverContext, wraps it as MentionContext
-// =============================================================================
-import { useTriggerPopoverContext } from "../trigger/TriggerPopoverContext.js";
-const MentionContextBridge = ({ formatter, children }) => {
-    const triggerCtx = useTriggerPopoverContext();
-    const mentionValue = useMemo(() => ({ ...triggerCtx, formatter }), [triggerCtx, formatter]);
-    const internalContextValue = useMemo(() => ({
-        registerSelectItemOverride: triggerCtx.registerSelectItemOverride,
-    }), [triggerCtx.registerSelectItemOverride]);
-    return (_jsx(MentionContext.Provider, { value: mentionValue, children: _jsx(MentionInternalContext.Provider, { value: internalContextValue, children: children }) }));
-};
-//# sourceMappingURL=ComposerMentionContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ComposerMentionContext.js","sourceRoot":"","sources":["../../../../src/primitives/composer/mention/ComposerMentionContext.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +0,0 @@
-export { ComposerPrimitiveMentionRoot, useMentionContext, useMentionContextOptional, useMentionInternalContext, } from "./ComposerMentionContext.js";
-export { ComposerPrimitiveTriggerPopoverPopover as ComposerPrimitiveMentionPopover } from "../trigger/TriggerPopoverPopover.js";
-export { ComposerPrimitiveTriggerPopoverCategories as ComposerPrimitiveMentionCategories, ComposerPrimitiveTriggerPopoverCategoryItem as ComposerPrimitiveMentionCategoryItem, } from "../trigger/TriggerPopoverCategories.js";
-export { ComposerPrimitiveTriggerPopoverItems as ComposerPrimitiveMentionItems, ComposerPrimitiveTriggerPopoverItem as ComposerPrimitiveMentionItem, } from "../trigger/TriggerPopoverItems.js";
-export { ComposerPrimitiveTriggerPopoverBack as ComposerPrimitiveMentionBack } from "../trigger/TriggerPopoverBack.js";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/composer/mention/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,iBAAiB,EACjB,yBAAyB,EACzB,yBAAyB,GAC1B,oCAAiC;AAIlC,OAAO,EAAE,sCAAsC,IAAI,+BAA+B,EAAE,4CAAyC;AAC7H,OAAO,EACL,yCAAyC,IAAI,kCAAkC,EAC/E,2CAA2C,IAAI,oCAAoC,GACpF,+CAA4C;AAC7C,OAAO,EACL,oCAAoC,IAAI,6BAA6B,EACrE,mCAAmC,IAAI,4BAA4B,GACpE,0CAAuC;AACxC,OAAO,EAAE,mCAAmC,IAAI,4BAA4B,EAAE,yCAAsC"}

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

@@ -1,8 +0,0 @@
-export { ComposerPrimitiveMentionRoot, useMentionContext, useMentionContextOptional, useMentionInternalContext, } from "./ComposerMentionContext.js";
-// UI primitives — re-exported from the shared trigger popover implementation.
-// MentionRoot internally renders TriggerPopoverRoot, so these work within it.
-export { ComposerPrimitiveTriggerPopoverPopover as ComposerPrimitiveMentionPopover } from "../trigger/TriggerPopoverPopover.js";
-export { ComposerPrimitiveTriggerPopoverCategories as ComposerPrimitiveMentionCategories, ComposerPrimitiveTriggerPopoverCategoryItem as ComposerPrimitiveMentionCategoryItem, } from "../trigger/TriggerPopoverCategories.js";
-export { ComposerPrimitiveTriggerPopoverItems as ComposerPrimitiveMentionItems, ComposerPrimitiveTriggerPopoverItem as ComposerPrimitiveMentionItem, } from "../trigger/TriggerPopoverItems.js";
-export { ComposerPrimitiveTriggerPopoverBack as ComposerPrimitiveMentionBack } from "../trigger/TriggerPopoverBack.js";
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/primitives/composer/mention/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,iBAAiB,EACjB,yBAAyB,EACzB,yBAAyB,GAC1B,oCAAiC;AAElC,8EAA8E;AAC9E,8EAA8E;AAC9E,OAAO,EAAE,sCAAsC,IAAI,+BAA+B,EAAE,4CAAyC;AAC7H,OAAO,EACL,yCAAyC,IAAI,kCAAkC,EAC/E,2CAA2C,IAAI,oCAAoC,GACpF,+CAA4C;AAC7C,OAAO,EACL,oCAAoC,IAAI,6BAA6B,EACrE,mCAAmC,IAAI,4BAA4B,GACpE,0CAAuC;AACxC,OAAO,EAAE,mCAAmC,IAAI,4BAA4B,EAAE,yCAAsC"}

package/dist/primitives/composer/slash-command/ComposerSlashCommandRoot.d.ts

@@ -1,36 +0,0 @@
-import { type ReactNode, type FC } from "react";
-import type { Unstable_SlashCommandAdapter, Unstable_SlashCommandItem } from "@assistant-ui/core";
-export declare namespace ComposerPrimitiveSlashCommandRoot {
-    type Props = {
-        children: ReactNode;
-        /** The adapter providing slash command categories and items. */
-        adapter: Unstable_SlashCommandAdapter;
-        /** Character(s) that trigger the popover. @default "/" */
-        trigger?: string | undefined;
-        /** Callback when a slash command is selected. */
-        onSelect?: ((item: Unstable_SlashCommandItem) => void) | undefined;
-    };
-}
-/**
- * Convenience wrapper around `TriggerPopoverRoot` pre-configured for `/` slash commands.
- * When a user selects a command, the `/command` text is removed from the composer
- * and the item's `execute` callback (if any) and `onSelect` prop are called.
- *
- * @example
- * ```tsx
- * <ComposerPrimitive.Unstable_SlashCommandRoot adapter={slashAdapter}>
- *   <ComposerPrimitive.Input />
- *   <ComposerPrimitive.Unstable_TriggerPopoverPopover>
- *     <ComposerPrimitive.Unstable_TriggerPopoverItems>
- *       {(items) => items.map(item => (
- *         <ComposerPrimitive.Unstable_TriggerPopoverItem key={item.id} item={item}>
- *           {item.label}
- *         </ComposerPrimitive.Unstable_TriggerPopoverItem>
- *       ))}
- *     </ComposerPrimitive.Unstable_TriggerPopoverItems>
- *   </ComposerPrimitive.Unstable_TriggerPopoverPopover>
- * </ComposerPrimitive.Unstable_SlashCommandRoot>
- * ```
- */
-export declare const ComposerPrimitiveSlashCommandRoot: FC<ComposerPrimitiveSlashCommandRoot.Props>;
-//# sourceMappingURL=ComposerSlashCommandRoot.d.ts.map

package/dist/primitives/composer/slash-command/ComposerSlashCommandRoot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComposerSlashCommandRoot.d.ts","sourceRoot":"","sources":["../../../../src/primitives/composer/slash-command/ComposerSlashCommandRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,EAAE,EAAwB,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EACV,4BAA4B,EAC5B,yBAAyB,EAC1B,MAAM,oBAAoB,CAAC;AAQ5B,yBAAiB,iCAAiC,CAAC;IACjD,KAAY,KAAK,GAAG;QAClB,QAAQ,EAAE,SAAS,CAAC;QACpB,gEAAgE;QAChE,OAAO,EAAE,4BAA4B,CAAC;QACtC,0DAA0D;QAC1D,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC7B,iDAAiD;QACjD,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,yBAAyB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;KACpE,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAChD,iCAAiC,CAAC,KAAK,CAwBxC,CAAC"}

package/dist/primitives/composer/slash-command/ComposerSlashCommandRoot.js

@@ -1,36 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo } from "react";
-import { ComposerPrimitiveTriggerPopoverRoot } from "../trigger/TriggerPopoverContext.js";
-/**
- * Convenience wrapper around `TriggerPopoverRoot` pre-configured for `/` slash commands.
- * When a user selects a command, the `/command` text is removed from the composer
- * and the item's `execute` callback (if any) and `onSelect` prop are called.
- *
- * @example
- * ```tsx
- * <ComposerPrimitive.Unstable_SlashCommandRoot adapter={slashAdapter}>
- *   <ComposerPrimitive.Input />
- *   <ComposerPrimitive.Unstable_TriggerPopoverPopover>
- *     <ComposerPrimitive.Unstable_TriggerPopoverItems>
- *       {(items) => items.map(item => (
- *         <ComposerPrimitive.Unstable_TriggerPopoverItem key={item.id} item={item}>
- *           {item.label}
- *         </ComposerPrimitive.Unstable_TriggerPopoverItem>
- *       ))}
- *     </ComposerPrimitive.Unstable_TriggerPopoverItems>
- *   </ComposerPrimitive.Unstable_TriggerPopoverPopover>
- * </ComposerPrimitive.Unstable_SlashCommandRoot>
- * ```
- */
-export const ComposerPrimitiveSlashCommandRoot = ({ children, adapter, trigger = "/", onSelect: onSelectProp }) => {
-    const handler = useCallback((item) => {
-        item.execute?.();
-        onSelectProp?.(item);
-    }, [onSelectProp]);
-    const onSelect = useMemo(() => ({ type: "action", handler }), [handler]);
-    return (_jsx(ComposerPrimitiveTriggerPopoverRoot, { adapter: adapter, trigger: trigger, onSelect: onSelect, children: children }));
-};
-ComposerPrimitiveSlashCommandRoot.displayName =
-    "ComposerPrimitive.SlashCommandRoot";
-//# sourceMappingURL=ComposerSlashCommandRoot.js.map

package/dist/primitives/composer/slash-command/ComposerSlashCommandRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComposerSlashCommandRoot.js","sourceRoot":"","sources":["../../../../src/primitives/composer/slash-command/ComposerSlashCommandRoot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAA2B,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAKtE,OAAO,EAAE,mCAAmC,EAAE,4CAAyC;AAmBvF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAE1C,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE;IACnE,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,IAA+B,EAAE,EAAE;QAClC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;QACjB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EACnC,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,KAAC,mCAAmC,IAClC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GAC2B,CACvC,CAAC;AACJ,CAAC,CAAC;AAEF,iCAAiC,CAAC,WAAW;IAC3C,oCAAoC,CAAC"}

package/dist/primitives/composer/slash-command/index.d.ts

@@ -1,2 +0,0 @@
-export { ComposerPrimitiveSlashCommandRoot } from "./ComposerSlashCommandRoot.js";
-//# sourceMappingURL=index.d.ts.map

package/dist/primitives/composer/slash-command/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/composer/slash-command/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,sCAAmC"}

package/dist/primitives/composer/slash-command/index.js

@@ -1,2 +0,0 @@
-export { ComposerPrimitiveSlashCommandRoot } from "./ComposerSlashCommandRoot.js";
-//# sourceMappingURL=index.js.map

package/dist/primitives/composer/slash-command/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/primitives/composer/slash-command/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,sCAAmC"}

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

@@ -1,37 +0,0 @@
-import { type ReactNode, type FC } from "react";
-import type { Unstable_TriggerAdapter } from "@assistant-ui/core";
-import { type TriggerPopoverResourceOutput, type OnSelectBehavior } from "./TriggerPopoverResource.js";
-export declare const useTriggerPopoverContext: () => TriggerPopoverResourceOutput;
-export declare const useTriggerPopoverContextOptional: () => TriggerPopoverResourceOutput | null;
-export declare namespace ComposerPrimitiveTriggerPopoverRoot {
-    type Props = {
-        children: ReactNode;
-        /** The adapter providing categories and items. */
-        adapter: Unstable_TriggerAdapter;
-        /** Character(s) that trigger the popover. @default "@" */
-        trigger?: string | undefined;
-        /** What happens when an item is selected. */
-        onSelect: OnSelectBehavior;
-    };
-}
-/**
- * Provider that wraps the composer with trigger detection, keyboard navigation,
- * and popover state. Supports any trigger character (`@`, `/`, `:`, etc.).
- * Multiple trigger roots can coexist around the same input.
- *
- * @example
- * ```tsx
- * <ComposerPrimitive.Unstable_TriggerPopoverRoot
- *   trigger="/"
- *   adapter={slashAdapter}
- *   onSelect={{ type: "action", handler: (item) => console.log(item) }}
- * >
- *   <ComposerPrimitive.Input />
- *   <ComposerPrimitive.Unstable_TriggerPopoverPopover>
- *     ...
- *   </ComposerPrimitive.Unstable_TriggerPopoverPopover>
- * </ComposerPrimitive.Unstable_TriggerPopoverRoot>
- * ```
- */
-export declare const ComposerPrimitiveTriggerPopoverRoot: FC<ComposerPrimitiveTriggerPopoverRoot.Props>;
-//# sourceMappingURL=TriggerPopoverContext.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TriggerPopoverContext.d.ts","sourceRoot":"","sources":["../../../../src/primitives/composer/trigger/TriggerPopoverContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAEL,KAAK,4BAA4B,EACjC,KAAK,gBAAgB,EACtB,oCAAiC;AAalC,eAAO,MAAM,wBAAwB,oCAOpC,CAAC;AAEF,eAAO,MAAM,gCAAgC,2CAE5C,CAAC;AAMF,yBAAiB,mCAAmC,CAAC;IACnD,KAAY,KAAK,GAAG;QAClB,QAAQ,EAAE,SAAS,CAAC;QACpB,kDAAkD;QAClD,OAAO,EAAE,uBAAuB,CAAC;QACjC,0DAA0D;QAC1D,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC7B,6CAA6C;QAC7C,QAAQ,EAAE,gBAAgB,CAAC;KAC5B,CAAC;CACH;AAmCD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,mCAAmC,EAAE,EAAE,CAClD,mCAAmC,CAAC,KAAK,CAa1C,CAAC"}