@assistant-ui/react 0.14.23 → 0.14.26

package/dist/primitives/composer/useComposerInputState.js

@@ -0,0 +1,47 @@
+"use client";
+import { useTriggerPopoverActiveAriaOptional } from "./trigger/TriggerPopoverRootContext.js";
+import { useAuiState } from "@assistant-ui/store";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+//#region src/primitives/composer/useComposerInputState.ts
+function useComposerInputValue() {
+	return useAuiState(_temp);
+}
+function _temp(s) {
+	return s.composer.isEditing ? s.composer.text : "";
+}
+function useComposerInputDisabled(disabled) {
+	const composerDisabled = useAuiState(_temp2);
+	return Boolean(composerDisabled) || Boolean(disabled);
+}
+function _temp2(s) {
+	return s.thread.isDisabled || s.composer.dictation?.inputDisabled;
+}
+function useTriggerPopoverAriaProps() {
+	const $ = c(4);
+	const activeAria = useTriggerPopoverActiveAriaOptional();
+	if (!activeAria) {
+		let t0;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t0 = {};
+			$[0] = t0;
+		} else t0 = $[0];
+		return t0;
+	}
+	let t0;
+	if ($[1] !== activeAria.highlightedItemId || $[2] !== activeAria.popoverId) {
+		t0 = {
+			"aria-controls": activeAria.popoverId,
+			"aria-expanded": true,
+			"aria-haspopup": "listbox",
+			"aria-activedescendant": activeAria.highlightedItemId
+		};
+		$[1] = activeAria.highlightedItemId;
+		$[2] = activeAria.popoverId;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
+}
+//#endregion
+export { useComposerInputDisabled, useComposerInputValue, useTriggerPopoverAriaProps };
+
+//# sourceMappingURL=useComposerInputState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useComposerInputState.js","names":["c","_c","useAuiState","useTriggerPopoverActiveAriaOptional","TriggerPopoverAriaProps","useComposerInputValue","_temp","s","composer","isEditing","text","useComposerInputDisabled","disabled","composerDisabled","_temp2","Boolean","thread","isDisabled","dictation","inputDisabled","useTriggerPopoverAriaProps","$","activeAria","t0","Symbol","for","highlightedItemId","popoverId"],"sources":["../../../src/primitives/composer/useComposerInputState.ts"],"sourcesContent":["\"use client\";\n\nimport { useAuiState } from \"@assistant-ui/store\";\nimport { useTriggerPopoverActiveAriaOptional } from \"./trigger/TriggerPopoverRootContext\";\n\nexport type TriggerPopoverAriaProps = {\n  \"aria-controls\"?: string;\n  \"aria-expanded\"?: true;\n  \"aria-haspopup\"?: \"listbox\";\n  \"aria-activedescendant\"?: string | undefined;\n};\n\nexport function useComposerInputValue() {\n  return useAuiState((s) => (s.composer.isEditing ? s.composer.text : \"\"));\n}\n\nexport function useComposerInputDisabled(disabled?: boolean | undefined) {\n  const composerDisabled = useAuiState(\n    (s) => s.thread.isDisabled || s.composer.dictation?.inputDisabled,\n  );\n  return Boolean(composerDisabled) || Boolean(disabled);\n}\n\nexport function useTriggerPopoverAriaProps(): TriggerPopoverAriaProps {\n  const activeAria = useTriggerPopoverActiveAriaOptional();\n  if (!activeAria) return {};\n\n  return {\n    \"aria-controls\": activeAria.popoverId,\n    \"aria-expanded\": true,\n    \"aria-haspopup\": \"listbox\",\n    \"aria-activedescendant\": activeAria.highlightedItemId,\n  };\n}\n"],"mappings":";;;;;AAYA,SAAOK,wBAAA;CAAA,OACEH,YAAYI,KAAoD;AAAC;AADnE,SAAAA,MAAAC,GAAA;CAAA,OACsBA,EAACC,SAASC,YAAaF,EAACC,SAASE,OAAjC;AAA2C;AAGxE,SAAOC,yBAAAC,UAAA;CACL,MAAAC,mBAAyBX,YACvBY,MACF;CAAE,OACKC,QAAQF,gBAAqC,KAAhBE,QAAQH,QAAQ;AAAC;AAJhD,SAAAE,OAAAP,GAAA;CAAA,OAEIA,EAACS,OAAOC,cAAeV,EAACC,SAASU,WAAyBC;AAAA;AAKrE,SAAOC,6BAAA;CAAA,MAAAC,IAAApB,EAAA,CAAA;CACL,MAAAqB,aAAmBnB,oCAAoC;CACvD,IAAI,CAACmB,YAAU;EAAA,IAAAC;EAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;GAASF,KAAA,CAAC;GAACF,EAAA,KAAAE;EAAA,OAAAA,KAAAF,EAAA;EAAA,OAAFE;CAAE;CAAC,IAAAA;CAAA,IAAAF,EAAA,OAAAC,WAAAI,qBAAAL,EAAA,OAAAC,WAAAK,WAAA;EAEpBJ,KAAA;GAAA,iBACYD,WAAUK;GAAU,iBACpB;GAAI,iBACJ;GAAS,yBACDL,WAAUI;EACrC;EAACL,EAAA,KAAAC,WAAAI;EAAAL,EAAA,KAAAC,WAAAK;EAAAN,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,OALME;AAKN"}

package/dist/primitives/messagePart/MessagePartText.d.ts

@@ -10,6 +10,7 @@ declare namespace MessagePartPrimitiveText {
      * Whether to enable smooth text streaming animation.
      * When enabled, text appears with a typing effect as it streams in.
      * Pass a `SmoothOptions` object to tune the reveal rate.
+     * Auto-disables under `prefers-reduced-motion: reduce`.
      * @default true
      */
     smooth?: boolean | SmoothOptions;
@@ -45,6 +46,7 @@ declare const MessagePartPrimitiveText: import("react").ForwardRefExoticComponen
    * Whether to enable smooth text streaming animation.
    * When enabled, text appears with a typing effect as it streams in.
    * Pass a `SmoothOptions` object to tune the reveal rate.
+   * Auto-disables under `prefers-reduced-motion: reduce`.
    * @default true
    */
   smooth?: boolean | SmoothOptions;

package/dist/primitives/messagePart/MessagePartText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessagePartText.d.ts","names":[],"sources":["../../../src/primitives/messagePart/MessagePartText.tsx"],"mappings":";;;;;kBAYiB,wBAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,SAAA,CAAU,IAAA;EAAA,KACxC,KAAA,GAAQ,IAAA,CAClB,wBAAA,QAAgC,SAAA,CAAU,IAAA;IAHL;;;;;;IAYrC,MAAA,aAAmB,aAAA;IAAA;;;;IAKnB,SAAA,GAAY,WAAA;EAAA;AAAA;;;;;;;;;;;;AAAW;AAoB3B;;;;cAAa,wBAAA,kBAAwB,yBAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,eAAA,oBAAA,cAAA,CAAA,eAAA;;;;;EAzBd;;;;;;qBAAA,aAAA;EAyBc;;;;cApBrB,WAAA;AAAA"}
+{"version":3,"file":"MessagePartText.d.ts","names":[],"sources":["../../../src/primitives/messagePart/MessagePartText.tsx"],"mappings":";;;;;kBAYiB,wBAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,SAAA,CAAU,IAAA;EAAA,KACxC,KAAA,GAAQ,IAAA,CAClB,wBAAA,QAAgC,SAAA,CAAU,IAAA;IAHL;;;;;;;IAarC,MAAA,aAAmB,aAAA;IAKP;;;;IAAZ,SAAA,GAAY,WAAA;EAAA;AAAA;;;;;;;;;;;AAAW;AAoB3B;;;;;cAAa,wBAAA,kBAAwB,yBAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,eAAA,oBAAA,cAAA,CAAA,eAAA;;;;;EApBrB;;;;;;;qBALO,aAAA;EAyBc;;;;cApBrB,WAAA;AAAA"}

package/dist/primitives/messagePart/MessagePartText.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessagePartText.js","names":["c","_c","Primitive","ComponentRef","forwardRef","ComponentPropsWithoutRef","ElementType","useMessagePartText","useSmooth","SmoothOptions","MessagePartPrimitiveText","Element","span","Props","Omit","smooth","component","t0","forwardedRef","$","rest","t1","t2","undefined","Component","text","status","t3","type","displayName"],"sources":["../../../src/primitives/messagePart/MessagePartText.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementType,\n} from \"react\";\nimport { useMessagePartText } from \"./useMessagePartText\";\nimport { useSmooth, type SmoothOptions } from \"../../utils/smooth/useSmooth\";\n\nexport namespace MessagePartPrimitiveText {\n  export type Element = ComponentRef<typeof Primitive.span>;\n  export type Props = Omit<\n    ComponentPropsWithoutRef<typeof Primitive.span>,\n    \"children\" | \"asChild\"\n  > & {\n    /**\n     * Whether to enable smooth text streaming animation.\n     * When enabled, text appears with a typing effect as it streams in.\n     * Pass a `SmoothOptions` object to tune the reveal rate.\n     * @default true\n     */\n    smooth?: boolean | SmoothOptions;\n    /**\n     * The HTML element or React component to render as.\n     * @default \"span\"\n     */\n    component?: ElementType;\n  };\n}\n\n/**\n * Renders the text content of a message part with optional smooth streaming.\n *\n * This component displays text content from the current message part context,\n * with support for smooth streaming animation that shows text appearing\n * character by character as it's generated.\n *\n * @example\n * ```tsx\n * <MessagePartPrimitive.Text\n *   smooth={true}\n *   component=\"p\"\n *   className=\"message-text\"\n * />\n * ```\n */\nexport const MessagePartPrimitiveText = forwardRef<\n  MessagePartPrimitiveText.Element,\n  MessagePartPrimitiveText.Props\n>(({ smooth = true, component: Component = \"span\", ...rest }, forwardedRef) => {\n  const { text, status } = useSmooth(useMessagePartText(), smooth);\n\n  return (\n    <Component data-status={status.type} {...rest} ref={forwardedRef}>\n      {text}\n    </Component>\n  );\n});\n\nMessagePartPrimitiveText.displayName = \"MessagePartPrimitive.Text\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAaU,2BAA2BN,YAGtCa,IAAAC,iBAAA;CAAA,MAAAC,IAAAlB,EAAA,EAAA;CAAA,IAAAmB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAH,EAAA,OAAAF,IAAA;EAAC,CAAA,CAAAF,QAAAM,IAAAL,WAAAM,OAAAF,QAAAH;EAAyDE,EAAA,KAAAF;EAAAE,EAAA,KAAAC;EAAAD,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAA;EAAAF,OAAAD,EAAA;EAAAE,KAAAF,EAAA;EAAAG,KAAAH,EAAA;CAAA;CAAvD,MAAAJ,SAAAM,OAAAE,KAAAA,IAAA,OAAAF;CAA0B,MAAAG,YAAAF,OAAAC,KAAAA,IAAA,SAAAD;CAC7B,MAAA,EAAAG,MAAAC,WAAyBlB,UAAUD,mBAAmB,GAAGQ,MAAM;CAAE,IAAAY;CAAA,IAAAR,EAAA,OAAAK,aAAAL,EAAA,OAAAD,gBAAAC,EAAA,OAAAC,QAAAD,EAAA,OAAAO,OAAAE,QAAAT,EAAA,OAAAM,MAAA;EAG/DE,KAAA,oBAAC,WAAD;GAAwB,eAAAD,OAAME;GAAK,GAAMR;GAAWF,KAAAA;aACjDO;EADO,CAAA;EAEEN,EAAA,KAAAK;EAAAL,EAAA,KAAAD;EAAAC,EAAA,KAAAC;EAAAD,EAAA,KAAAO,OAAAE;EAAAT,EAAA,KAAAM;EAAAN,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OAFZQ;AAEY,CAEf;AAEDjB,yBAAyBmB,cAAc"}
+{"version":3,"file":"MessagePartText.js","names":["c","_c","Primitive","ComponentRef","forwardRef","ComponentPropsWithoutRef","ElementType","useMessagePartText","useSmooth","SmoothOptions","MessagePartPrimitiveText","Element","span","Props","Omit","smooth","component","t0","forwardedRef","$","rest","t1","t2","undefined","Component","text","status","t3","type","displayName"],"sources":["../../../src/primitives/messagePart/MessagePartText.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementType,\n} from \"react\";\nimport { useMessagePartText } from \"./useMessagePartText\";\nimport { useSmooth, type SmoothOptions } from \"../../utils/smooth/useSmooth\";\n\nexport namespace MessagePartPrimitiveText {\n  export type Element = ComponentRef<typeof Primitive.span>;\n  export type Props = Omit<\n    ComponentPropsWithoutRef<typeof Primitive.span>,\n    \"children\" | \"asChild\"\n  > & {\n    /**\n     * Whether to enable smooth text streaming animation.\n     * When enabled, text appears with a typing effect as it streams in.\n     * Pass a `SmoothOptions` object to tune the reveal rate.\n     * Auto-disables under `prefers-reduced-motion: reduce`.\n     * @default true\n     */\n    smooth?: boolean | SmoothOptions;\n    /**\n     * The HTML element or React component to render as.\n     * @default \"span\"\n     */\n    component?: ElementType;\n  };\n}\n\n/**\n * Renders the text content of a message part with optional smooth streaming.\n *\n * This component displays text content from the current message part context,\n * with support for smooth streaming animation that shows text appearing\n * character by character as it's generated.\n *\n * @example\n * ```tsx\n * <MessagePartPrimitive.Text\n *   smooth={true}\n *   component=\"p\"\n *   className=\"message-text\"\n * />\n * ```\n */\nexport const MessagePartPrimitiveText = forwardRef<\n  MessagePartPrimitiveText.Element,\n  MessagePartPrimitiveText.Props\n>(({ smooth = true, component: Component = \"span\", ...rest }, forwardedRef) => {\n  const { text, status } = useSmooth(useMessagePartText(), smooth);\n\n  return (\n    <Component data-status={status.type} {...rest} ref={forwardedRef}>\n      {text}\n    </Component>\n  );\n});\n\nMessagePartPrimitiveText.displayName = \"MessagePartPrimitive.Text\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkDA,MAAaU,2BAA2BN,YAGtCa,IAAAC,iBAAA;CAAA,MAAAC,IAAAlB,EAAA,EAAA;CAAA,IAAAmB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAH,EAAA,OAAAF,IAAA;EAAC,CAAA,CAAAF,QAAAM,IAAAL,WAAAM,OAAAF,QAAAH;EAAyDE,EAAA,KAAAF;EAAAE,EAAA,KAAAC;EAAAD,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAA;EAAAF,OAAAD,EAAA;EAAAE,KAAAF,EAAA;EAAAG,KAAAH,EAAA;CAAA;CAAvD,MAAAJ,SAAAM,OAAAE,KAAAA,IAAA,OAAAF;CAA0B,MAAAG,YAAAF,OAAAC,KAAAA,IAAA,SAAAD;CAC7B,MAAA,EAAAG,MAAAC,WAAyBlB,UAAUD,mBAAmB,GAAGQ,MAAM;CAAE,IAAAY;CAAA,IAAAR,EAAA,OAAAK,aAAAL,EAAA,OAAAD,gBAAAC,EAAA,OAAAC,QAAAD,EAAA,OAAAO,OAAAE,QAAAT,EAAA,OAAAM,MAAA;EAG/DE,KAAA,oBAAC,WAAD;GAAwB,eAAAD,OAAME;GAAK,GAAMR;GAAWF,KAAAA;aACjDO;EADO,CAAA;EAEEN,EAAA,KAAAK;EAAAL,EAAA,KAAAD;EAAAC,EAAA,KAAAC;EAAAD,EAAA,KAAAO,OAAAE;EAAAT,EAAA,KAAAM;EAAAN,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OAFZQ;AAEY,CAEf;AAEDjB,yBAAyBmB,cAAc"}

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

@@ -1,2 +1,2 @@
-import { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveMessagesImpl } from "@assistant-ui/core/react";
-export { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveMessagesImpl };
+import { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveMessagesImpl, ThreadPrimitiveUnstable_MessageById } from "@assistant-ui/core/react";
+export { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveMessagesImpl, ThreadPrimitiveUnstable_MessageById };

package/dist/primitives/thread/ThreadMessages.js

@@ -1,3 +1,3 @@
 "use client";
-import { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveMessagesImpl } from "@assistant-ui/core/react";
-export { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveMessagesImpl };
+import { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveMessagesImpl, ThreadPrimitiveUnstable_MessageById } from "@assistant-ui/core/react";
+export { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveMessagesImpl, ThreadPrimitiveUnstable_MessageById };

package/dist/primitives/thread.d.ts

@@ -4,15 +4,15 @@ import { ThreadPrimitiveEmpty } from "./thread/ThreadEmpty.js";
 import { ThreadPrimitiveIf } from "./thread/ThreadIf.js";
 import { ThreadPrimitiveViewport } from "./thread/ThreadViewport.js";
 import { ThreadPrimitiveViewportFooter } from "./thread/ThreadViewportFooter.js";
-import { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages } from "./thread/ThreadMessages.js";
+import { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveUnstable_MessageById } from "./thread/ThreadMessages.js";
 import { ThreadPrimitiveScrollToBottom } from "./thread/ThreadScrollToBottom.js";
 import { ThreadPrimitiveSuggestion } from "./thread/ThreadSuggestion.js";
 import { ThreadPrimitiveSuggestionByIndex, ThreadPrimitiveSuggestions } from "./thread/ThreadSuggestions.js";
 
 //#region src/primitives/thread.d.ts
 declare namespace thread_d_exports {
-  export { ThreadPrimitiveEmpty as Empty, ThreadPrimitiveIf as If, ThreadPrimitiveMessageByIndex as MessageByIndex, ThreadPrimitiveMessages as Messages, ThreadPrimitiveRoot as Root, ThreadPrimitiveScrollToBottom as ScrollToBottom, ThreadPrimitiveSuggestion as Suggestion, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveViewport as Viewport, ThreadPrimitiveViewportFooter as ViewportFooter, ThreadPrimitiveViewportProvider as ViewportProvider };
+  export { ThreadPrimitiveEmpty as Empty, ThreadPrimitiveIf as If, ThreadPrimitiveMessageByIndex as MessageByIndex, ThreadPrimitiveMessages as Messages, ThreadPrimitiveRoot as Root, ThreadPrimitiveScrollToBottom as ScrollToBottom, ThreadPrimitiveSuggestion as Suggestion, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveUnstable_MessageById as Unstable_MessageById, ThreadPrimitiveViewport as Viewport, ThreadPrimitiveViewportFooter as ViewportFooter, ThreadPrimitiveViewportProvider as ViewportProvider };
 }
 //#endregion
-export { ThreadPrimitiveEmpty as Empty, ThreadPrimitiveIf as If, ThreadPrimitiveMessageByIndex as MessageByIndex, ThreadPrimitiveMessages as Messages, ThreadPrimitiveRoot as Root, ThreadPrimitiveScrollToBottom as ScrollToBottom, ThreadPrimitiveSuggestion as Suggestion, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveViewport as Viewport, ThreadPrimitiveViewportFooter as ViewportFooter, ThreadPrimitiveViewportProvider as ViewportProvider, thread_d_exports };
+export { ThreadPrimitiveEmpty as Empty, ThreadPrimitiveIf as If, ThreadPrimitiveMessageByIndex as MessageByIndex, ThreadPrimitiveMessages as Messages, ThreadPrimitiveRoot as Root, ThreadPrimitiveScrollToBottom as ScrollToBottom, ThreadPrimitiveSuggestion as Suggestion, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveUnstable_MessageById as Unstable_MessageById, ThreadPrimitiveViewport as Viewport, ThreadPrimitiveViewportFooter as ViewportFooter, ThreadPrimitiveViewportProvider as ViewportProvider, thread_d_exports };
 //# sourceMappingURL=thread.d.ts.map

package/dist/primitives/thread.js

@@ -5,7 +5,7 @@ import { ThreadPrimitiveEmpty } from "./thread/ThreadEmpty.js";
 import { ThreadPrimitiveIf } from "./thread/ThreadIf.js";
 import { ThreadPrimitiveViewport } from "./thread/ThreadViewport.js";
 import { ThreadPrimitiveViewportFooter } from "./thread/ThreadViewportFooter.js";
-import { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages } from "./thread/ThreadMessages.js";
+import { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveUnstable_MessageById } from "./thread/ThreadMessages.js";
 import { ThreadPrimitiveScrollToBottom } from "./thread/ThreadScrollToBottom.js";
 import { ThreadPrimitiveSuggestion } from "./thread/ThreadSuggestion.js";
 import { ThreadPrimitiveSuggestionByIndex, ThreadPrimitiveSuggestions } from "./thread/ThreadSuggestions.js";
@@ -20,11 +20,12 @@ var thread_exports = /* @__PURE__ */ __exportAll({
 	Suggestion: () => ThreadPrimitiveSuggestion,
 	SuggestionByIndex: () => ThreadPrimitiveSuggestionByIndex,
 	Suggestions: () => ThreadPrimitiveSuggestions,
+	Unstable_MessageById: () => ThreadPrimitiveUnstable_MessageById,
 	Viewport: () => ThreadPrimitiveViewport,
 	ViewportFooter: () => ThreadPrimitiveViewportFooter,
 	ViewportProvider: () => ThreadPrimitiveViewportProvider
 });
 //#endregion
-export { ThreadPrimitiveEmpty as Empty, ThreadPrimitiveIf as If, ThreadPrimitiveMessageByIndex as MessageByIndex, ThreadPrimitiveMessages as Messages, ThreadPrimitiveRoot as Root, ThreadPrimitiveScrollToBottom as ScrollToBottom, ThreadPrimitiveSuggestion as Suggestion, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveViewport as Viewport, ThreadPrimitiveViewportFooter as ViewportFooter, ThreadPrimitiveViewportProvider as ViewportProvider, thread_exports };
+export { ThreadPrimitiveEmpty as Empty, ThreadPrimitiveIf as If, ThreadPrimitiveMessageByIndex as MessageByIndex, ThreadPrimitiveMessages as Messages, ThreadPrimitiveRoot as Root, ThreadPrimitiveScrollToBottom as ScrollToBottom, ThreadPrimitiveSuggestion as Suggestion, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveUnstable_MessageById as Unstable_MessageById, ThreadPrimitiveViewport as Viewport, ThreadPrimitiveViewportFooter as ViewportFooter, ThreadPrimitiveViewportProvider as ViewportProvider, thread_exports };
 
 //# sourceMappingURL=thread.js.map

package/dist/primitives/thread.js.map

@@ -1 +1 @@
-{"version":3,"file":"thread.js","names":["ThreadPrimitiveRoot","Root","ThreadPrimitiveEmpty","Empty","ThreadPrimitiveIf","If","ThreadPrimitiveViewport","Viewport","ThreadPrimitiveViewportProvider","ViewportProvider","ThreadPrimitiveViewportFooter","ViewportFooter","ThreadPrimitiveMessages","Messages","ThreadPrimitiveMessageByIndex","MessageByIndex","ThreadPrimitiveScrollToBottom","ScrollToBottom","ThreadPrimitiveSuggestion","Suggestion","ThreadPrimitiveSuggestions","Suggestions","ThreadPrimitiveSuggestionByIndex","SuggestionByIndex"],"sources":["../../src/primitives/thread.ts"],"sourcesContent":["export { ThreadPrimitiveRoot as Root } from \"./thread/ThreadRoot\";\nexport { ThreadPrimitiveEmpty as Empty } from \"./thread/ThreadEmpty\";\nexport { ThreadPrimitiveIf as If } from \"./thread/ThreadIf\";\nexport { ThreadPrimitiveViewport as Viewport } from \"./thread/ThreadViewport\";\nexport { ThreadPrimitiveViewportProvider as ViewportProvider } from \"../context/providers/ThreadViewportProvider\";\nexport { ThreadPrimitiveViewportFooter as ViewportFooter } from \"./thread/ThreadViewportFooter\";\nexport { ThreadPrimitiveMessages as Messages } from \"./thread/ThreadMessages\";\nexport { ThreadPrimitiveMessageByIndex as MessageByIndex } from \"./thread/ThreadMessages\";\nexport { ThreadPrimitiveScrollToBottom as ScrollToBottom } from \"./thread/ThreadScrollToBottom\";\nexport { ThreadPrimitiveSuggestion as Suggestion } from \"./thread/ThreadSuggestion\";\nexport {\n  ThreadPrimitiveSuggestions as Suggestions,\n  ThreadPrimitiveSuggestionByIndex as SuggestionByIndex,\n} from \"./thread/ThreadSuggestions\";\n"],"mappings":""}
+{"version":3,"file":"thread.js","names":["ThreadPrimitiveRoot","Root","ThreadPrimitiveEmpty","Empty","ThreadPrimitiveIf","If","ThreadPrimitiveViewport","Viewport","ThreadPrimitiveViewportProvider","ViewportProvider","ThreadPrimitiveViewportFooter","ViewportFooter","ThreadPrimitiveMessages","Messages","ThreadPrimitiveMessageByIndex","MessageByIndex","ThreadPrimitiveUnstable_MessageById","Unstable_MessageById","ThreadPrimitiveScrollToBottom","ScrollToBottom","ThreadPrimitiveSuggestion","Suggestion","ThreadPrimitiveSuggestions","Suggestions","ThreadPrimitiveSuggestionByIndex","SuggestionByIndex"],"sources":["../../src/primitives/thread.ts"],"sourcesContent":["export { ThreadPrimitiveRoot as Root } from \"./thread/ThreadRoot\";\nexport { ThreadPrimitiveEmpty as Empty } from \"./thread/ThreadEmpty\";\nexport { ThreadPrimitiveIf as If } from \"./thread/ThreadIf\";\nexport { ThreadPrimitiveViewport as Viewport } from \"./thread/ThreadViewport\";\nexport { ThreadPrimitiveViewportProvider as ViewportProvider } from \"../context/providers/ThreadViewportProvider\";\nexport { ThreadPrimitiveViewportFooter as ViewportFooter } from \"./thread/ThreadViewportFooter\";\nexport { ThreadPrimitiveMessages as Messages } from \"./thread/ThreadMessages\";\nexport { ThreadPrimitiveMessageByIndex as MessageByIndex } from \"./thread/ThreadMessages\";\nexport { ThreadPrimitiveUnstable_MessageById as Unstable_MessageById } from \"./thread/ThreadMessages\";\nexport { ThreadPrimitiveScrollToBottom as ScrollToBottom } from \"./thread/ThreadScrollToBottom\";\nexport { ThreadPrimitiveSuggestion as Suggestion } from \"./thread/ThreadSuggestion\";\nexport {\n  ThreadPrimitiveSuggestions as Suggestions,\n  ThreadPrimitiveSuggestionByIndex as SuggestionByIndex,\n} from \"./thread/ThreadSuggestions\";\n"],"mappings":""}

package/dist/primitives/threadList/ThreadListRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListRoot.d.ts","names":[],"sources":["../../../src/primitives/threadList/ThreadListRoot.tsx"],"mappings":";;;;KASK,iBAAA,GAAoB,wBAAwB,QAAQ,SAAA,CAAU,GAAA;AAAA,kBAElD,uBAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,SAAA,CAAU,GAAA;EAAA,KACxC,KAAA,GAAQ,iBAAA;AAAA;AAAA,cAGT,uBAAA,kBAAuB,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,cAAA,oBAAA,cAAA,CAAA,cAAA"}
+{"version":3,"file":"ThreadListRoot.d.ts","names":[],"sources":["../../../src/primitives/threadList/ThreadListRoot.tsx"],"mappings":";;;;KAUK,iBAAA,GAAoB,wBAAwB,QAAQ,SAAA,CAAU,GAAA;AAAA,kBAElD,uBAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,SAAA,CAAU,GAAA;EAAA,KACxC,KAAA,GAAQ,iBAAA;AAAA;AAAA,cAGT,uBAAA,kBAAuB,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,cAAA,oBAAA,cAAA,CAAA,cAAA"}

package/dist/primitives/threadList/ThreadListRoot.js

@@ -1,5 +1,6 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
+import { ThreadListCollection } from "../threadListFocusGroup.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
@@ -8,9 +9,15 @@ const ThreadListPrimitiveRoot = forwardRef((props, ref) => {
 	const $ = c(3);
 	let t0;
 	if ($[0] !== props || $[1] !== ref) {
-		t0 = /* @__PURE__ */ jsx(Primitive.div, {
-			...props,
-			ref
+		t0 = /* @__PURE__ */ jsx(ThreadListCollection.Provider, {
+			scope: void 0,
+			children: /* @__PURE__ */ jsx(ThreadListCollection.Slot, {
+				scope: void 0,
+				children: /* @__PURE__ */ jsx(Primitive.div, {
+					...props,
+					ref
+				})
+			})
 		});
 		$[0] = props;
 		$[1] = ref;

package/dist/primitives/threadList/ThreadListRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListRoot.js","names":["c","_c","Primitive","ComponentPropsWithoutRef","ComponentRef","forwardRef","PrimitiveDivProps","div","ThreadListPrimitiveRoot","Element","Props","props","ref","$","t0","displayName"],"sources":["../../../src/primitives/threadList/ThreadListRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\n\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport namespace ThreadListPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = PrimitiveDivProps;\n}\n\nexport const ThreadListPrimitiveRoot = forwardRef<\n  ThreadListPrimitiveRoot.Element,\n  ThreadListPrimitiveRoot.Props\n>((props, ref) => {\n  return <Primitive.div {...props} ref={ref} />;\n});\n\nThreadListPrimitiveRoot.displayName = \"ThreadListPrimitive.Root\";\n"],"mappings":";;;;;;AAgBA,MAAaQ,0BAA0BH,YAGrCM,OAAAC,QAAA;CAAA,MAAAC,IAAAZ,EAAA,CAAA;CAAA,IAAAa;CAAA,IAAAD,EAAA,OAAAF,SAAAE,EAAA,OAAAD,KAAA;EACOE,KAAA,oBAAA,UAAA,KAAA;GAAA,GAAmBH;GAAYC;EAAG,CAAA;EAAIC,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAC;CAAA,OAAAA,KAAAD,EAAA;CAAA,OAAtCC;AAAsC,CAC9C;AAEDN,wBAAwBO,cAAc"}
+{"version":3,"file":"ThreadListRoot.js","names":["c","_c","Primitive","ComponentPropsWithoutRef","ComponentRef","forwardRef","ThreadListCollection","PrimitiveDivProps","div","ThreadListPrimitiveRoot","Element","Props","props","ref","$","t0","undefined","displayName"],"sources":["../../../src/primitives/threadList/ThreadListRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { ThreadListCollection } from \"../threadListFocusGroup\";\n\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport namespace ThreadListPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = PrimitiveDivProps;\n}\n\nexport const ThreadListPrimitiveRoot = forwardRef<\n  ThreadListPrimitiveRoot.Element,\n  ThreadListPrimitiveRoot.Props\n>((props, ref) => {\n  return (\n    <ThreadListCollection.Provider scope={undefined}>\n      <ThreadListCollection.Slot scope={undefined}>\n        <Primitive.div {...props} ref={ref} />\n      </ThreadListCollection.Slot>\n    </ThreadListCollection.Provider>\n  );\n});\n\nThreadListPrimitiveRoot.displayName = \"ThreadListPrimitive.Root\";\n"],"mappings":";;;;;;;AAiBA,MAAaS,0BAA0BJ,YAGrCO,OAAAC,QAAA;CAAA,MAAAC,IAAAb,EAAA,CAAA;CAAA,IAAAc;CAAA,IAAAD,EAAA,OAAAF,SAAAE,EAAA,OAAAD,KAAA;EAEEE,KAAA,oBAAA,qBAAA,UAAA;GAAsCC,OAAAA,KAAAA;aACpC,oBAAA,qBAAA,MAAA;IAAkCA,OAAAA,KAAAA;cAChC,oBAAA,UAAA,KAAA;KAAA,GAAmBJ;KAAYC;IAAG,CAAA;GACpC,CAAA;EACF,CAAA;EAAgCC,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAC;CAAA,OAAAA,KAAAD,EAAA;CAAA,OAJhCC;AAIgC,CAEnC;AAEDN,wBAAwBQ,cAAc"}

package/dist/primitives/threadListFocusGroup.d.ts

@@ -0,0 +1,26 @@
+import { RefObject } from "react";
+
+//#region src/primitives/threadListFocusGroup.d.ts
+declare const useThreadListCollection: (scope: any) => () => {
+  ref: RefObject<HTMLButtonElement | null>;
+}[];
+declare const ThreadListCollection: {
+  readonly Provider: React.FC<{
+    children?: React.ReactNode;
+    scope: any;
+  }>;
+  readonly Slot: React.ForwardRefExoticComponent<import("@radix-ui/react-collection").CollectionProps & React.RefAttributes<HTMLElement>>;
+  readonly ItemSlot: import("react").ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    scope: any;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+};
+type ThreadListItemFocus = {
+  triggerRef: RefObject<HTMLButtonElement | null>;
+  moreRef: RefObject<HTMLButtonElement | null>;
+};
+declare const ThreadListItemFocusProvider: import("react").Provider<ThreadListItemFocus | null>;
+declare const useThreadListItemFocus: () => ThreadListItemFocus | null;
+//#endregion
+export { ThreadListCollection, ThreadListItemFocusProvider, useThreadListCollection, useThreadListItemFocus };
+//# sourceMappingURL=threadListFocusGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"threadListFocusGroup.d.ts","names":[],"sources":["../../src/primitives/threadListFocusGroup.ts"],"mappings":";;;cAKmB,uBAAA,GAAuB,KAAA;OACS,SAAA,CAAA,iBAAA;AAAA;AAAA,cAEtC,oBAAA;EAAA;eAKgB,KAAA,CAAA,SAAA;;;;;;;;;KAFxB,mBAAA;EACH,UAAA,EAAY,SAAA,CAAU,iBAAA;EACtB,OAAA,EAAS,SAAA,CAAU,iBAAA;AAAA;AAAA,cAOR,2BAAA,kBAA2B,QAAA,CAAA,mBAAA;AAAA,cAE3B,sBAAA,QAA6B,mBAAmB"}

package/dist/primitives/threadListFocusGroup.js

@@ -0,0 +1,15 @@
+"use client";
+import { createContext, useContext } from "@assistant-ui/tap/react-shim";
+import { createCollection } from "@radix-ui/react-collection";
+//#region src/primitives/threadListFocusGroup.ts
+const [collection, useThreadListCollection] = createCollection("ThreadList");
+const ThreadListCollection = collection;
+const ThreadListItemFocusContext = createContext(null);
+const ThreadListItemFocusProvider = ThreadListItemFocusContext.Provider;
+const useThreadListItemFocus = () => {
+	return useContext(ThreadListItemFocusContext);
+};
+//#endregion
+export { ThreadListCollection, ThreadListItemFocusProvider, useThreadListCollection, useThreadListItemFocus };
+
+//# sourceMappingURL=threadListFocusGroup.js.map

package/dist/primitives/threadListFocusGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"threadListFocusGroup.js","names":["createCollection","createContext","useContext","RefObject","collection","useThreadListCollection","HTMLButtonElement","ThreadListCollection","ThreadListItemFocus","triggerRef","moreRef","ThreadListItemFocusContext","ThreadListItemFocusProvider","Provider","useThreadListItemFocus"],"sources":["../../src/primitives/threadListFocusGroup.ts"],"sourcesContent":["\"use client\";\n\nimport { createCollection } from \"@radix-ui/react-collection\";\nimport { createContext, useContext, type RefObject } from \"react\";\n\nconst [collection, useThreadListCollection] =\n  createCollection<HTMLButtonElement>(\"ThreadList\");\n\nexport const ThreadListCollection = collection;\nexport { useThreadListCollection };\n\ntype ThreadListItemFocus = {\n  triggerRef: RefObject<HTMLButtonElement | null>;\n  moreRef: RefObject<HTMLButtonElement | null>;\n};\n\nconst ThreadListItemFocusContext = createContext<ThreadListItemFocus | null>(\n  null,\n);\n\nexport const ThreadListItemFocusProvider = ThreadListItemFocusContext.Provider;\n\nexport const useThreadListItemFocus = (): ThreadListItemFocus | null =>\n  useContext(ThreadListItemFocusContext);\n"],"mappings":";;;;AAKA,MAAM,CAACI,YAAYC,2BACjBL,iBAAoC,YAAY;AAElD,MAAaO,uBAAuBH;AAQpC,MAAMO,6BAA6BV,cACjC,IACF;AAEA,MAAaW,8BAA8BD,2BAA2BE;AAEtE,MAAaC,+BAAyB;CAAA,OACpCZ,WAAWS,0BAA0B;AAAC"}

package/dist/primitives/threadListItem/ThreadListItemRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemRoot.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemRoot.tsx"],"mappings":";;;;KAUK,iBAAA,GAAoB,wBAAwB,QAAQ,SAAA,CAAU,GAAA;AAAA,kBAElD,2BAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,SAAA,CAAU,GAAA;EAAA,KACxC,KAAA,GAAQ,iBAAA;AAAA;AAAA,cAGT,2BAAA,kBAA2B,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,cAAA,oBAAA,cAAA,CAAA,cAAA"}
+{"version":3,"file":"ThreadListItemRoot.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemRoot.tsx"],"mappings":";;;;KAmBK,iBAAA,GAAoB,wBAAwB,QAAQ,SAAA,CAAU,GAAA;AAAA,kBAElD,2BAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,SAAA,CAAU,GAAA;EAAA,KACxC,KAAA,GAAQ,iBAAA;AAAA;AAAA,cAGT,2BAAA,kBAA2B,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,cAAA,oBAAA,cAAA,CAAA,cAAA"}

package/dist/primitives/threadListItem/ThreadListItemRoot.js

@@ -1,40 +1,58 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
+import { ThreadListItemFocusProvider, useThreadListCollection } from "../threadListFocusGroup.js";
 import { useAuiState } from "@assistant-ui/store";
-import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
-import { forwardRef } from "@assistant-ui/tap/react-shim";
+import { forwardRef, useMemo, useRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { Direction } from "radix-ui";
 //#region src/primitives/threadListItem/ThreadListItemRoot.tsx
 const ThreadListItemPrimitiveRoot = forwardRef((props, ref) => {
-	const $ = c(6);
-	const isMain = useAuiState(_temp);
-	let t0;
-	if ($[0] !== isMain) {
-		t0 = isMain ? {
-			"data-active": "true",
-			"aria-current": "true"
-		} : null;
-		$[0] = isMain;
-		$[1] = t0;
-	} else t0 = $[1];
-	let t1;
-	if ($[2] !== props || $[3] !== ref || $[4] !== t0) {
-		t1 = /* @__PURE__ */ jsx(Primitive.div, {
-			...t0,
+	const isMain = useAuiState((s) => s.threads.mainThreadId === s.threadListItem.id);
+	const triggerRef = useRef(null);
+	const moreRef = useRef(null);
+	const focus = useMemo(() => ({
+		triggerRef,
+		moreRef
+	}), []);
+	const getItems = useThreadListCollection(void 0);
+	const direction = Direction.useDirection();
+	const onKeyDown = (event) => {
+		const forwardKey = direction === "rtl" ? "ArrowLeft" : "ArrowRight";
+		const backKey = direction === "rtl" ? "ArrowRight" : "ArrowLeft";
+		const trigger = triggerRef.current;
+		const more = moreRef.current;
+		if (trigger && event.target === trigger) {
+			if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+				const triggers = getItems().map((item) => item.ref.current).filter((node) => node !== null);
+				const next = triggers[triggers.indexOf(trigger) + (event.key === "ArrowDown" ? 1 : -1)];
+				if (next) {
+					next.focus();
+					event.preventDefault();
+				}
+			} else if (event.key === forwardKey && more) {
+				more.focus();
+				event.preventDefault();
+			}
+		} else if (more && event.target === more && event.key === backKey) {
+			trigger?.focus();
+			event.preventDefault();
+		}
+	};
+	return /* @__PURE__ */ jsx(ThreadListItemFocusProvider, {
+		value: focus,
+		children: /* @__PURE__ */ jsx(Primitive.div, {
+			...isMain ? {
+				"data-active": "true",
+				"aria-current": "true"
+			} : null,
 			...props,
+			onKeyDown: composeEventHandlers(props.onKeyDown, onKeyDown),
 			ref
-		});
-		$[2] = props;
-		$[3] = ref;
-		$[4] = t0;
-		$[5] = t1;
-	} else t1 = $[5];
-	return t1;
+		})
+	});
 });
 ThreadListItemPrimitiveRoot.displayName = "ThreadListItemPrimitive.Root";
-function _temp(s) {
-	return s.threads.mainThreadId === s.threadListItem.id;
-}
 //#endregion
 export { ThreadListItemPrimitiveRoot };
 

package/dist/primitives/threadListItem/ThreadListItemRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemRoot.js","names":["c","_c","Primitive","ComponentRef","forwardRef","ComponentPropsWithoutRef","useAuiState","PrimitiveDivProps","div","ThreadListItemPrimitiveRoot","Element","Props","props","ref","$","isMain","_temp","t0","t1","displayName","s","threads","mainThreadId","threadListItem","id"],"sources":["../../../src/primitives/threadListItem/ThreadListItemRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n} from \"react\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport namespace ThreadListItemPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = PrimitiveDivProps;\n}\n\nexport const ThreadListItemPrimitiveRoot = forwardRef<\n  ThreadListItemPrimitiveRoot.Element,\n  ThreadListItemPrimitiveRoot.Props\n>((props, ref) => {\n  const isMain = useAuiState(\n    (s) => s.threads.mainThreadId === s.threadListItem.id,\n  );\n\n  return (\n    <Primitive.div\n      {...(isMain ? { \"data-active\": \"true\", \"aria-current\": \"true\" } : null)}\n      {...props}\n      ref={ref}\n    />\n  );\n});\n\nThreadListItemPrimitiveRoot.displayName = \"ThreadListItemPrimitive.Root\";\n"],"mappings":";;;;;;;AAiBA,MAAaS,8BAA8BL,YAGzCQ,OAAAC,QAAA;CAAA,MAAAC,IAAAb,EAAA,CAAA;CACA,MAAAc,SAAeT,YACbU,KACF;CAAE,IAAAC;CAAA,IAAAH,EAAA,OAAAC,QAAA;EAIOE,KAAAF,SAAA;GAAA,eAA0B;GAAM,gBAAkB;EAAc,IAAhE;EAAiED,EAAA,KAAAC;EAAAD,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAI;CAAA,IAAAJ,EAAA,OAAAF,SAAAE,EAAA,OAAAD,OAAAC,EAAA,OAAAG,IAAA;EADxEC,KAAA,oBAAA,UAAA,KAAA;GAAA,GACOD;GAAiE,GAClEL;GACCC;EAAG,CAAA;EACRC,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAJFI;AAIE,CAEL;AAEDT,4BAA4BU,cAAc;AAdxC,SAAAH,MAAAI,GAAA;CAAA,OAESA,EAACC,QAAQC,iBAAkBF,EAACG,eAAeC;AAAG"}
+{"version":3,"file":"ThreadListItemRoot.js","names":["Primitive","ComponentRef","forwardRef","ComponentPropsWithoutRef","KeyboardEvent","useMemo","useRef","useAuiState","composeEventHandlers","Direction","ThreadListItemFocusProvider","useThreadListCollection","PrimitiveDivProps","div","ThreadListItemPrimitiveRoot","Element","Props","props","ref","isMain","s","threads","mainThreadId","threadListItem","id","triggerRef","HTMLButtonElement","moreRef","focus","getItems","undefined","direction","useDirection","onKeyDown","event","HTMLDivElement","forwardKey","backKey","trigger","current","more","target","key","triggers","map","item","filter","node","next","indexOf","preventDefault","displayName"],"sources":["../../../src/primitives/threadListItem/ThreadListItemRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { useAuiState } from \"@assistant-ui/store\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Direction } from \"radix-ui\";\nimport {\n  ThreadListItemFocusProvider,\n  useThreadListCollection,\n} from \"../threadListFocusGroup\";\n\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport namespace ThreadListItemPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = PrimitiveDivProps;\n}\n\nexport const ThreadListItemPrimitiveRoot = forwardRef<\n  ThreadListItemPrimitiveRoot.Element,\n  ThreadListItemPrimitiveRoot.Props\n>((props, ref) => {\n  const isMain = useAuiState(\n    (s) => s.threads.mainThreadId === s.threadListItem.id,\n  );\n\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const moreRef = useRef<HTMLButtonElement | null>(null);\n  const focus = useMemo(() => ({ triggerRef, moreRef }), []);\n\n  const getItems = useThreadListCollection(undefined);\n  const direction = Direction.useDirection();\n\n  const onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const forwardKey = direction === \"rtl\" ? \"ArrowLeft\" : \"ArrowRight\";\n    const backKey = direction === \"rtl\" ? \"ArrowRight\" : \"ArrowLeft\";\n    const trigger = triggerRef.current;\n    const more = moreRef.current;\n\n    if (trigger && event.target === trigger) {\n      if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n        const triggers = getItems()\n          .map((item) => item.ref.current)\n          .filter((node): node is HTMLButtonElement => node !== null);\n        const next =\n          triggers[\n            triggers.indexOf(trigger) + (event.key === \"ArrowDown\" ? 1 : -1)\n          ];\n        if (next) {\n          next.focus();\n          event.preventDefault();\n        }\n      } else if (event.key === forwardKey && more) {\n        more.focus();\n        event.preventDefault();\n      }\n    } else if (more && event.target === more && event.key === backKey) {\n      trigger?.focus();\n      event.preventDefault();\n    }\n  };\n\n  return (\n    <ThreadListItemFocusProvider value={focus}>\n      <Primitive.div\n        {...(isMain ? { \"data-active\": \"true\", \"aria-current\": \"true\" } : null)}\n        {...props}\n        onKeyDown={composeEventHandlers(props.onKeyDown, onKeyDown)}\n        ref={ref}\n      />\n    </ThreadListItemFocusProvider>\n  );\n});\n\nThreadListItemPrimitiveRoot.displayName = \"ThreadListItemPrimitive.Root\";\n"],"mappings":";;;;;;;;;AA0BA,MAAac,8BAA8BZ,YAGxCe,OAAOC,QAAQ;CAChB,MAAMC,SAASZ,aACZa,MAAMA,EAAEC,QAAQC,iBAAiBF,EAAEG,eAAeC,EACrD;CAEA,MAAMC,aAAanB,OAAiC,IAAI;CACxD,MAAMqB,UAAUrB,OAAiC,IAAI;CACrD,MAAMsB,QAAQvB,eAAe;EAAEoB;EAAYE;CAAQ,IAAI,CAAA,CAAE;CAEzD,MAAME,WAAWlB,wBAAwBmB,KAAAA,CAAS;CAClD,MAAMC,YAAYtB,UAAUuB,aAAa;CAEzC,MAAMC,aAAaC,UAAyC;EAC1D,MAAME,aAAaL,cAAc,QAAQ,cAAc;EACvD,MAAMM,UAAUN,cAAc,QAAQ,eAAe;EACrD,MAAMO,UAAUb,WAAWc;EAC3B,MAAMC,OAAOb,QAAQY;EAErB,IAAID,WAAWJ,MAAMO,WAAWH;OAC1BJ,MAAMQ,QAAQ,eAAeR,MAAMQ,QAAQ,WAAW;IACxD,MAAMC,WAAWd,SAAS,CAAC,CACxBe,KAAKC,SAASA,KAAK3B,IAAIqB,OAAO,CAAC,CAC/BO,QAAQC,SAAoCA,SAAS,IAAI;IAC5D,MAAMC,OACJL,SACEA,SAASM,QAAQX,OAAO,KAAKJ,MAAMQ,QAAQ,cAAc,IAAI;IAEjE,IAAIM,MAAM;KACRA,KAAKpB,MAAM;KACXM,MAAMgB,eAAe;IACvB;GACF,OAAO,IAAIhB,MAAMQ,QAAQN,cAAcI,MAAM;IAC3CA,KAAKZ,MAAM;IACXM,MAAMgB,eAAe;GACvB;SACK,IAAIV,QAAQN,MAAMO,WAAWD,QAAQN,MAAMQ,QAAQL,SAAS;GACjEC,SAASV,MAAM;GACfM,MAAMgB,eAAe;EACvB;CACF;CAEA,OACE,oBAAC,6BAAD;EAA6B,OAAOtB;YAClC,oBAAC,UAAU,KAAX;GACE,GAAKT,SAAS;IAAE,eAAe;IAAQ,gBAAgB;GAAO,IAAI;GAClE,GAAIF;GACJ,WAAWT,qBAAqBS,MAAMgB,WAAWA,SAAS;GACrDf;EAAI,CAAA;CAEgB,CAAA;AAEjC,CAAC;AAEDJ,4BAA4BqC,cAAc"}

package/dist/primitives/threadListItem/ThreadListItemTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemTrigger.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemTrigger.ts"],"mappings":";;;cASM,wBAAA;AAAA,kBAKW,8BAAA;EAAA,KACH,OAAA,GAAU,mBAAA;EAAA,KACV,KAAA,GAAQ,iBAAA,QAAyB,wBAAA;AAAA;AAAA,cAGlC,8BAAA,kBAA8B,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,iBAAA,oBAAA,oBAAA,CAAA,iBAAA"}
+{"version":3,"file":"ThreadListItemTrigger.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemTrigger.tsx"],"mappings":";;;cAeM,wBAAA;AAAA,kBAKW,8BAAA;EAAA,KACH,OAAA,GAAU,mBAAA;EAAA,KACV,KAAA,GAAQ,iBAAA,QAAyB,wBAAA;AAAA;AAAA,cAQlC,8BAAA,kBAA8B,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,iBAAA,oBAAA,oBAAA,CAAA,iBAAA"}

package/dist/primitives/threadListItem/ThreadListItemTrigger.js

@@ -1,12 +1,36 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
+import { ThreadListCollection, useThreadListItemFocus } from "../threadListFocusGroup.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { useThreadListItemTrigger } from "@assistant-ui/core/react";
-//#region src/primitives/threadListItem/ThreadListItemTrigger.ts
+import { forwardRef } from "@assistant-ui/tap/react-shim";
+import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+//#region src/primitives/threadListItem/ThreadListItemTrigger.tsx
 const useThreadListItemTrigger$1 = () => {
 	const { switchTo } = useThreadListItemTrigger();
 	return switchTo;
 };
-const ThreadListItemPrimitiveTrigger = createActionButton("ThreadListItemPrimitive.Trigger", useThreadListItemTrigger$1);
+const ThreadListItemTriggerButton = createActionButton("ThreadListItemPrimitive.Trigger", useThreadListItemTrigger$1);
+const ThreadListItemPrimitiveTrigger = forwardRef((props, forwardedRef) => {
+	const $ = c(3);
+	const ref = useComposedRefs(forwardedRef, useThreadListItemFocus()?.triggerRef);
+	let t0;
+	if ($[0] !== props || $[1] !== ref) {
+		t0 = /* @__PURE__ */ jsx(ThreadListCollection.ItemSlot, {
+			scope: void 0,
+			children: /* @__PURE__ */ jsx(ThreadListItemTriggerButton, {
+				...props,
+				ref
+			})
+		});
+		$[0] = props;
+		$[1] = ref;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+});
+ThreadListItemPrimitiveTrigger.displayName = "ThreadListItemPrimitive.Trigger";
 //#endregion
 export { ThreadListItemPrimitiveTrigger };
 

package/dist/primitives/threadListItem/ThreadListItemTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemTrigger.js","names":["ActionButtonElement","ActionButtonProps","createActionButton","useThreadListItemTrigger","useThreadListItemTriggerBehavior","switchTo","ThreadListItemPrimitiveTrigger","Element","Props"],"sources":["../../../src/primitives/threadListItem/ThreadListItemTrigger.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useThreadListItemTrigger as useThreadListItemTriggerBehavior } from \"@assistant-ui/core/react\";\n\nconst useThreadListItemTrigger = () => {\n  const { switchTo } = useThreadListItemTriggerBehavior();\n  return switchTo;\n};\n\nexport namespace ThreadListItemPrimitiveTrigger {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadListItemTrigger>;\n}\n\nexport const ThreadListItemPrimitiveTrigger = createActionButton(\n  \"ThreadListItemPrimitive.Trigger\",\n  useThreadListItemTrigger,\n);\n"],"mappings":";;;;AASA,MAAMG,mCAA2B;CAC/B,MAAA,EAAAE,aAAqBD,yBAAiC;CAAE,OACjDC;AAAQ;AAQjB,MAAaC,iCAAiCJ,mBAC5C,mCACAC,0BACF"}
+{"version":3,"file":"ThreadListItemTrigger.js","names":["c","_c","forwardRef","useComposedRefs","ActionButtonElement","ActionButtonProps","createActionButton","useThreadListItemTrigger","useThreadListItemTriggerBehavior","ThreadListCollection","useThreadListItemFocus","switchTo","ThreadListItemPrimitiveTrigger","Element","Props","ThreadListItemTriggerButton","props","forwardedRef","$","focus","ref","triggerRef","t0","undefined","displayName"],"sources":["../../../src/primitives/threadListItem/ThreadListItemTrigger.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useThreadListItemTrigger as useThreadListItemTriggerBehavior } from \"@assistant-ui/core/react\";\nimport {\n  ThreadListCollection,\n  useThreadListItemFocus,\n} from \"../threadListFocusGroup\";\n\nconst useThreadListItemTrigger = () => {\n  const { switchTo } = useThreadListItemTriggerBehavior();\n  return switchTo;\n};\n\nexport namespace ThreadListItemPrimitiveTrigger {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadListItemTrigger>;\n}\n\nconst ThreadListItemTriggerButton = createActionButton(\n  \"ThreadListItemPrimitive.Trigger\",\n  useThreadListItemTrigger,\n);\n\nexport const ThreadListItemPrimitiveTrigger = forwardRef<\n  ThreadListItemPrimitiveTrigger.Element,\n  ThreadListItemPrimitiveTrigger.Props\n>((props, forwardedRef) => {\n  const focus = useThreadListItemFocus();\n  const ref = useComposedRefs(forwardedRef, focus?.triggerRef);\n\n  return (\n    <ThreadListCollection.ItemSlot scope={undefined}>\n      <ThreadListItemTriggerButton {...props} ref={ref} />\n    </ThreadListCollection.ItemSlot>\n  );\n});\n\nThreadListItemPrimitiveTrigger.displayName = \"ThreadListItemPrimitive.Trigger\";\n"],"mappings":";;;;;;;;;AAeA,MAAMO,mCAA2B;CAC/B,MAAA,EAAAI,aAAqBH,yBAAiC;CAAE,OACjDG;AAAQ;AAQjB,MAAMI,8BAA8BT,mBAClC,mCACAC,0BACF;AAEA,MAAaK,iCAAiCV,YAG5Cc,OAAAC,iBAAA;CAAA,MAAAC,IAAAjB,EAAA,CAAA;CAEA,MAAAmB,MAAYjB,gBAAgBc,cADdP,uBAC4BS,CAAK,EAAAE,UAAY;CAAE,IAAAC;CAAA,IAAAJ,EAAA,OAAAF,SAAAE,EAAA,OAAAE,KAAA;EAG3DE,KAAA,oBAAA,qBAAA,UAAA;GAAsCC,OAAAA,KAAAA;aACpC,oBAAC,6BAAD;IAA4B,GAAKP;IAAYI;GAAG,CAAA;EAClD,CAAA;EAAgCF,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAFhCI;AAEgC,CAEnC;AAEDV,+BAA+BY,cAAc"}

package/dist/primitives/threadListItemMore/ThreadListItemMoreContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemMoreContent.d.ts","names":[],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreContent.tsx"],"mappings":";;;;;kBAYiB,kCAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,YAAA,CAAsB,OAAA;EAAA,KACpD,KAAA,GAAQ,mBAAA,QACX,YAAA,CAAsB,OAAA;IAE7B,WAAA,GACI,wBAAA,QAAgC,YAAA,CAAsB,MAAA;EAAA;AAAA;AAAA,cAKjD,kCAAA,kBAAkC,yBAAA,CAAA,IAAA,CAAA,YAAA,CAAA,wBAAA,mBAAA,aAAA,CAAA,cAAA;;;gBALvC,wBAAA,QAAgC,YAAA,CAAsB,MAAA;AAAA"}
+{"version":3,"file":"ThreadListItemMoreContent.d.ts","names":[],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreContent.tsx"],"mappings":";;;;;kBAkBiB,kCAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,YAAA,CAAsB,OAAA;EAAA,KACpD,KAAA,GAAQ,mBAAA,QACX,YAAA,CAAsB,OAAA;IAE7B,WAAA,GACI,wBAAA,QAAgC,YAAA,CAAsB,MAAA;EAAA;AAAA;AAAA,cAKjD,kCAAA,kBAAkC,yBAAA,CAAA,IAAA,CAAA,YAAA,CAAA,wBAAA,mBAAA,aAAA,CAAA,cAAA;;;gBALvC,wBAAA,QAAgC,YAAA,CAAsB,MAAA;AAAA"}

package/dist/primitives/threadListItemMore/ThreadListItemMoreContent.js

@@ -1,59 +1,84 @@
 "use client";
 import { DropdownMenuRenderContent } from "../dropdownMenuRenderPrimitives.js";
+import { useThreadListItemFocus } from "../threadListFocusGroup.js";
 import { useDropdownMenuScope } from "./scope.js";
+import { useThreadListItemMoreSetOpen, useThreadListItemMoreSharedFocusGroup } from "./ThreadListItemMoreRoot.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
-import { DropdownMenu } from "radix-ui";
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { Direction, DropdownMenu } from "radix-ui";
 //#region src/primitives/threadListItemMore/ThreadListItemMoreContent.tsx
 const ThreadListItemMorePrimitiveContent = forwardRef((t0, forwardedRef) => {
-	const $ = c(14);
-	let __scopeThreadListItemMore;
-	let portalProps;
-	let props;
-	let t1;
-	if ($[0] !== t0) {
-		({__scopeThreadListItemMore, portalProps, sideOffset: t1, ...props} = t0);
-		$[0] = t0;
-		$[1] = __scopeThreadListItemMore;
-		$[2] = portalProps;
-		$[3] = props;
-		$[4] = t1;
-	} else {
-		__scopeThreadListItemMore = $[1];
-		portalProps = $[2];
-		props = $[3];
-		t1 = $[4];
-	}
+	const $ = c(21);
+	const { __scopeThreadListItemMore, portalProps, sideOffset: t1, ...props } = t0;
 	const sideOffset = t1 === void 0 ? 4 : t1;
 	const scope = useDropdownMenuScope(__scopeThreadListItemMore);
-	let t2;
-	if ($[5] !== forwardedRef || $[6] !== props || $[7] !== scope || $[8] !== sideOffset) {
-		t2 = /* @__PURE__ */ jsx(DropdownMenuRenderContent, {
+	const setOpen = useThreadListItemMoreSetOpen();
+	const focus = useThreadListItemFocus();
+	const sharedFocusGroup = useThreadListItemMoreSharedFocusGroup();
+	const closeKey = Direction.useDirection() === "rtl" ? "ArrowRight" : "ArrowLeft";
+	const t2 = DropdownMenu;
+	const T0 = DropdownMenuRenderContent;
+	let t3;
+	if ($[0] !== closeKey || $[1] !== focus?.moreRef || $[2] !== setOpen || $[3] !== sharedFocusGroup) {
+		t3 = (event) => {
+			if (!sharedFocusGroup || event.key !== closeKey) return;
+			event.preventDefault();
+			setOpen(false);
+			focus?.moreRef.current?.focus();
+		};
+		$[0] = closeKey;
+		$[1] = focus?.moreRef;
+		$[2] = setOpen;
+		$[3] = sharedFocusGroup;
+		$[4] = t3;
+	} else t3 = $[4];
+	const t4 = composeEventHandlers(props.onKeyDown, t3);
+	let t5;
+	if ($[5] !== focus?.moreRef || $[6] !== sharedFocusGroup) {
+		t5 = () => {
+			if (!sharedFocusGroup) return;
+			focus?.moreRef.current?.focus();
+		};
+		$[5] = focus?.moreRef;
+		$[6] = sharedFocusGroup;
+		$[7] = t5;
+	} else t5 = $[7];
+	const t6 = composeEventHandlers(props.onEscapeKeyDown, t5);
+	let t7;
+	if ($[8] !== T0 || $[9] !== forwardedRef || $[10] !== props || $[11] !== scope || $[12] !== sideOffset || $[13] !== t4 || $[14] !== t6) {
+		t7 = /* @__PURE__ */ jsx(T0, {
 			...scope,
 			...props,
+			onKeyDown: t4,
+			onEscapeKeyDown: t6,
 			ref: forwardedRef,
 			sideOffset
 		});
-		$[5] = forwardedRef;
-		$[6] = props;
-		$[7] = scope;
-		$[8] = sideOffset;
-		$[9] = t2;
-	} else t2 = $[9];
-	let t3;
-	if ($[10] !== portalProps || $[11] !== scope || $[12] !== t2) {
-		t3 = /* @__PURE__ */ jsx(DropdownMenu.Portal, {
+		$[8] = T0;
+		$[9] = forwardedRef;
+		$[10] = props;
+		$[11] = scope;
+		$[12] = sideOffset;
+		$[13] = t4;
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== portalProps || $[17] !== scope || $[18] !== t2.Portal || $[19] !== t7) {
+		t8 = /* @__PURE__ */ jsx(t2.Portal, {
 			...scope,
 			...portalProps,
-			children: t2
+			children: t7
 		});
-		$[10] = portalProps;
-		$[11] = scope;
-		$[12] = t2;
-		$[13] = t3;
-	} else t3 = $[13];
-	return t3;
+		$[16] = portalProps;
+		$[17] = scope;
+		$[18] = t2.Portal;
+		$[19] = t7;
+		$[20] = t8;
+	} else t8 = $[20];
+	return t8;
 });
 ThreadListItemMorePrimitiveContent.displayName = "ThreadListItemMorePrimitive.Content";
 //#endregion

package/dist/primitives/threadListItemMore/ThreadListItemMoreContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemMoreContent.js","names":["c","_c","ComponentPropsWithoutRef","ComponentRef","forwardRef","DropdownMenu","DropdownMenuPrimitive","WithRenderPropProps","DropdownMenuRenderContent","ScopedProps","useDropdownMenuScope","ThreadListItemMorePrimitiveContent","Element","Content","Props","portalProps","Portal","t0","forwardedRef","$","__scopeThreadListItemMore","props","t1","sideOffset","undefined","scope","t2","t3","displayName"],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreContent.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport type { WithRenderPropProps } from \"../../utils/Primitive\";\nimport { DropdownMenuRenderContent } from \"../dropdownMenuRenderPrimitives\";\nimport { type ScopedProps, useDropdownMenuScope } from \"./scope\";\n\nexport namespace ThreadListItemMorePrimitiveContent {\n  export type Element = ComponentRef<typeof DropdownMenuPrimitive.Content>;\n  export type Props = WithRenderPropProps<\n    typeof DropdownMenuPrimitive.Content\n  > & {\n    portalProps?:\n      | ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>\n      | undefined;\n  };\n}\n\nexport const ThreadListItemMorePrimitiveContent = forwardRef<\n  ThreadListItemMorePrimitiveContent.Element,\n  ThreadListItemMorePrimitiveContent.Props\n>(\n  (\n    {\n      __scopeThreadListItemMore,\n      portalProps,\n      sideOffset = 4,\n      ...props\n    }: ScopedProps<ThreadListItemMorePrimitiveContent.Props>,\n    forwardedRef,\n  ) => {\n    const scope = useDropdownMenuScope(__scopeThreadListItemMore);\n\n    return (\n      <DropdownMenuPrimitive.Portal {...scope} {...portalProps}>\n        <DropdownMenuRenderContent\n          {...scope}\n          {...props}\n          ref={forwardedRef}\n          sideOffset={sideOffset}\n        />\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\n\nThreadListItemMorePrimitiveContent.displayName =\n  \"ThreadListItemMorePrimitive.Content\";\n"],"mappings":";;;;;;;;AAuBA,MAAaW,qCAAqCP,YAIhDa,IAAAC,iBAAA;CAAA,MAAAC,IAAAlB,EAAA,EAAA;CAAA,IAAAmB;CAAA,IAAAL;CAAA,IAAAM;CAAA,IAAAC;CAAA,IAAAH,EAAA,OAAAF,IAAA;EACE,CAAA,CAAAG,2BAAAL,aAAAQ,YAAAD,OAAAD,SAAAJ;EAKwDE,EAAA,KAAAF;EAAAE,EAAA,KAAAC;EAAAD,EAAA,KAAAJ;EAAAI,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAA;EAAAF,4BAAAD,EAAA;EAAAJ,cAAAI,EAAA;EAAAE,QAAAF,EAAA;EAAAG,KAAAH,EAAA;CAAA;CAFtD,MAAAI,aAAAD,OAAAE,KAAAA,IAAA,IAAAF;CAKF,MAAAG,QAAcf,qBAAqBU,yBAAyB;CAAE,IAAAM;CAAA,IAAAP,EAAA,OAAAD,gBAAAC,EAAA,OAAAE,SAAAF,EAAA,OAAAM,SAAAN,EAAA,OAAAI,YAAA;EAI1DG,KAAA,oBAAC,2BAAD;GAA0B,GACpBD;GAAK,GACLJ;GACCH,KAAAA;GACOK;EAAU,CAAA;EACtBJ,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAM;EAAAN,EAAA,KAAAI;EAAAJ,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAAJ,eAAAI,EAAA,QAAAM,SAAAN,EAAA,QAAAO,IAAA;EANJC,KAAA,oBAAA,aAAA,QAAA;GAAA,GAAkCF;GAAK,GAAMV;aAC3CW;EAMF,CAAA;EAA+BP,EAAA,MAAAJ;EAAAI,EAAA,MAAAM;EAAAN,EAAA,MAAAO;EAAAP,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OAP/BQ;AAO+B,CAGrC;AAEAhB,mCAAmCiB,cACjC"}
+{"version":3,"file":"ThreadListItemMoreContent.js","names":["c","_c","ComponentPropsWithoutRef","ComponentRef","forwardRef","Direction","DropdownMenu","DropdownMenuPrimitive","composeEventHandlers","WithRenderPropProps","DropdownMenuRenderContent","useThreadListItemFocus","useThreadListItemMoreSharedFocusGroup","useThreadListItemMoreSetOpen","ScopedProps","useDropdownMenuScope","ThreadListItemMorePrimitiveContent","Element","Content","Props","portalProps","Portal","t0","forwardedRef","$","__scopeThreadListItemMore","sideOffset","t1","props","undefined","scope","setOpen","focus","sharedFocusGroup","direction","useDirection","closeKey","t2","T0","t3","moreRef","event","key","preventDefault","current","t4","onKeyDown","t5","t6","onEscapeKeyDown","t7","t8","displayName"],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreContent.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { Direction, DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport type { WithRenderPropProps } from \"../../utils/Primitive\";\nimport { DropdownMenuRenderContent } from \"../dropdownMenuRenderPrimitives\";\nimport { useThreadListItemFocus } from \"../threadListFocusGroup\";\nimport {\n  useThreadListItemMoreSharedFocusGroup,\n  useThreadListItemMoreSetOpen,\n} from \"./ThreadListItemMoreRoot\";\nimport { type ScopedProps, useDropdownMenuScope } from \"./scope\";\n\nexport namespace ThreadListItemMorePrimitiveContent {\n  export type Element = ComponentRef<typeof DropdownMenuPrimitive.Content>;\n  export type Props = WithRenderPropProps<\n    typeof DropdownMenuPrimitive.Content\n  > & {\n    portalProps?:\n      | ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>\n      | undefined;\n  };\n}\n\nexport const ThreadListItemMorePrimitiveContent = forwardRef<\n  ThreadListItemMorePrimitiveContent.Element,\n  ThreadListItemMorePrimitiveContent.Props\n>(\n  (\n    {\n      __scopeThreadListItemMore,\n      portalProps,\n      sideOffset = 4,\n      ...props\n    }: ScopedProps<ThreadListItemMorePrimitiveContent.Props>,\n    forwardedRef,\n  ) => {\n    const scope = useDropdownMenuScope(__scopeThreadListItemMore);\n    const setOpen = useThreadListItemMoreSetOpen();\n    const focus = useThreadListItemFocus();\n    const sharedFocusGroup = useThreadListItemMoreSharedFocusGroup();\n    const direction = Direction.useDirection();\n    const closeKey = direction === \"rtl\" ? \"ArrowRight\" : \"ArrowLeft\";\n\n    return (\n      <DropdownMenuPrimitive.Portal {...scope} {...portalProps}>\n        <DropdownMenuRenderContent\n          {...scope}\n          {...props}\n          onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n            if (!sharedFocusGroup || event.key !== closeKey) return;\n            event.preventDefault();\n            setOpen(false);\n            focus?.moreRef.current?.focus();\n          })}\n          onEscapeKeyDown={composeEventHandlers(props.onEscapeKeyDown, () => {\n            if (!sharedFocusGroup) return;\n            focus?.moreRef.current?.focus();\n          })}\n          ref={forwardedRef}\n          sideOffset={sideOffset}\n        />\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\n\nThreadListItemMorePrimitiveContent.displayName =\n  \"ThreadListItemMorePrimitive.Content\";\n"],"mappings":";;;;;;;;;;;AA6BA,MAAagB,qCAAqCZ,YAIhDkB,IAAAC,iBAAA;CAAA,MAAAC,IAAAvB,EAAA,EAAA;CACE,MAAA,EAAAwB,2BAAAL,aAAAM,YAAAC,IAAA,GAAAC,UAAAN;CAGE,MAAAI,aAAAC,OAAAE,KAAAA,IAAA,IAAAF;CAKF,MAAAG,QAAcf,qBAAqBU,yBAAyB;CAC5D,MAAAM,UAAgBlB,6BAA6B;CAC7C,MAAAmB,QAAcrB,uBAAuB;CACrC,MAAAsB,mBAAyBrB,sCAAsC;CAE/D,MAAAwB,WADkB/B,UAAS8B,aACVD,MAAc,QAAd,eAAA;CAGd,MAAAG,KAAA9B;CACE,MAAA+B,KAAA5B;CAAyB,IAAA6B;CAAA,IAAAf,EAAA,OAAAY,YAAAZ,EAAA,OAAAQ,OAAAQ,WAAAhB,EAAA,OAAAO,WAAAP,EAAA,OAAAS,kBAAA;EAGyBM,MAAAE,UAAA;GAC/C,IAAI,CAACR,oBAAoBQ,MAAKC,QAASN,UAAQ;GAC/CK,MAAKE,eAAgB;GACrBZ,QAAQ,KAAK;GACbC,OAAKQ,QAAiBI,SAAOZ,MAAC;EAAC;EAChCR,EAAA,KAAAY;EAAAZ,EAAA,KAAAQ,OAAAQ;EAAAhB,EAAA,KAAAO;EAAAP,EAAA,KAAAS;EAAAT,EAAA,KAAAe;CAAA,OAAAA,KAAAf,EAAA;CALU,MAAAqB,KAAArC,qBAAqBoB,MAAKkB,WAAYP,EAKhD;CAAC,IAAAQ;CAAA,IAAAvB,EAAA,OAAAQ,OAAAQ,WAAAhB,EAAA,OAAAS,kBAAA;EAC2Dc,WAAA;GAC3D,IAAI,CAACd,kBAAgB;GACrBD,OAAKQ,QAAiBI,SAAOZ,MAAC;EAAC;EAChCR,EAAA,KAAAQ,OAAAQ;EAAAhB,EAAA,KAAAS;EAAAT,EAAA,KAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAHgB,MAAAwB,KAAAxC,qBAAqBoB,MAAKqB,iBAAkBF,EAG5D;CAAC,IAAAG;CAAA,IAAA1B,EAAA,OAAAc,MAAAd,EAAA,OAAAD,gBAAAC,EAAA,QAAAI,SAAAJ,EAAA,QAAAM,SAAAN,EAAA,QAAAE,cAAAF,EAAA,QAAAqB,MAAArB,EAAA,QAAAwB,IAAA;EAZJE,KAAA,oBAAC,IAAD;GAA0B,GACpBpB;GAAK,GACLF;GACO,WAAAiB;GAMM,iBAAAG;GAIZzB,KAAAA;GACOG;EAAU,CAAA;EACtBF,EAAA,KAAAc;EAAAd,EAAA,KAAAD;EAAAC,EAAA,MAAAI;EAAAJ,EAAA,MAAAM;EAAAN,EAAA,MAAAE;EAAAF,EAAA,MAAAqB;EAAArB,EAAA,MAAAwB;EAAAxB,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,QAAAJ,eAAAI,EAAA,QAAAM,SAAAN,EAAA,QAAAa,GAAAhB,UAAAG,EAAA,QAAA0B,IAAA;EAhBJC,KAAA,oBAAA,GAAA,QAAA;GAAA,GAAkCrB;GAAK,GAAMV;aAC3C8B;EAgBF,CAAA;EAA+B1B,EAAA,MAAAJ;EAAAI,EAAA,MAAAM;EAAAN,EAAA,MAAAa,GAAAhB;EAAAG,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;CAAA,OAAAA,KAAA3B,EAAA;CAAA,OAjB/B2B;AAiB+B,CAGrC;AAEAnC,mCAAmCoC,cACjC"}