@assistant-ui/react 0.14.24 → 0.14.27

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

@@ -1,5 +1,4 @@
 import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton.js";
-
 //#region src/primitives/threadListItem/ThreadListItemTrigger.d.ts
 declare const useThreadListItemTrigger: () => () => void;
 declare namespace ThreadListItemPrimitiveTrigger {

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;kBAKW;OACH,UAAU;OACV,QAAQ,yBAAyB;;cAQlC,gDAA8B,0BAAA,KAAA,qBAAA,gBAAA,qCAAA,qBAAA"}

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/threadListItem/ThreadListItemUnarchive.d.ts

@@ -1,5 +1,4 @@
 import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton.js";
-
 //#region src/primitives/threadListItem/ThreadListItemUnarchive.d.ts
 declare const useThreadListItemUnarchive: () => () => void;
 declare namespace ThreadListItemPrimitiveUnarchive {

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemUnarchive.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemUnarchive.ts"],"mappings":";;;cASM,0BAAA;AAAA,kBAKW,gCAAA;EAAA,KACH,OAAA,GAAU,mBAAA;EAAA,KACV,KAAA,GAAQ,iBAAA,QAAyB,0BAAA;AAAA;AAAA,cAGlC,gCAAA,kBAAgC,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,iBAAA,oBAAA,oBAAA,CAAA,iBAAA"}
+{"version":3,"file":"ThreadListItemUnarchive.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemUnarchive.ts"],"mappings":";;cASM;kBAKW;OACH,UAAU;OACV,QAAQ,yBAAyB;;cAGlC,kDAAgC,0BAAA,KAAA,qBAAA,gBAAA,qCAAA,qBAAA"}

package/dist/primitives/threadListItem.d.ts

@@ -4,8 +4,6 @@ import { ThreadListItemPrimitiveUnarchive } from "./threadListItem/ThreadListIte
 import { ThreadListItemPrimitiveDelete } from "./threadListItem/ThreadListItemDelete.js";
 import { ThreadListItemPrimitiveTrigger } from "./threadListItem/ThreadListItemTrigger.js";
 import { ThreadListItemPrimitiveTitle } from "./threadListItem/ThreadListItemTitle.js";
-
-//#region src/primitives/threadListItem.d.ts
 declare namespace threadListItem_d_exports {
   export { ThreadListItemPrimitiveArchive as Archive, ThreadListItemPrimitiveDelete as Delete, ThreadListItemPrimitiveRoot as Root, ThreadListItemPrimitiveTitle as Title, ThreadListItemPrimitiveTrigger as Trigger, ThreadListItemPrimitiveUnarchive as Unarchive };
 }

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

@@ -1,7 +1,6 @@
 import { WithRenderPropProps } from "../../utils/Primitive.js";
 import { ComponentPropsWithoutRef, ComponentRef } from "react";
 import { DropdownMenu } from "radix-ui";
-
 //#region src/primitives/threadListItemMore/ThreadListItemMoreContent.d.ts
 declare namespace ThreadListItemMorePrimitiveContent {
   type Element = ComponentRef<typeof DropdownMenu.Content>;

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;OACH,UAAU,oBAAoB,aAAsB;OACpD,QAAQ,2BACX,aAAsB;IAE7B,cACI,gCAAgC,aAAsB;;;cAKjD,oDAAkC,0BAAA,KAAA,aAAA,2CAAA,cAAA;;;gBALvC,gCAAgC,aAAsB"}

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"}

package/dist/primitives/threadListItemMore/ThreadListItemMoreItem.d.ts

@@ -1,7 +1,6 @@
 import { WithRenderPropProps } from "../../utils/Primitive.js";
 import { ComponentRef } from "react";
 import { DropdownMenu } from "radix-ui";
-
 //#region src/primitives/threadListItemMore/ThreadListItemMoreItem.d.ts
 declare namespace ThreadListItemMorePrimitiveItem {
   type Element = ComponentRef<typeof DropdownMenu.Item>;

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemMoreItem.d.ts","names":[],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreItem.tsx"],"mappings":";;;;;kBAQiB,+BAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,YAAA,CAAsB,IAAA;EAAA,KACpD,KAAA,GAAQ,mBAAA,QAA2B,YAAA,CAAsB,IAAA;AAAA;AAAA,cAG1D,+BAAA,kBAA+B,yBAAA,CAAA,IAAA,CAAA,YAAA,CAAA,qBAAA,mBAAA,aAAA,CAAA,cAAA"}
+{"version":3,"file":"ThreadListItemMoreItem.d.ts","names":[],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreItem.tsx"],"mappings":";;;;kBAQiB;OACH,UAAU,oBAAoB,aAAsB;OACpD,QAAQ,2BAA2B,aAAsB;;cAG1D,iDAA+B,0BAAA,KAAA,aAAA,wCAAA,cAAA"}

package/dist/primitives/threadListItemMore/ThreadListItemMoreRoot.d.ts

@@ -1,11 +1,27 @@
-import { FC } from "react";
+import { Dispatch, FC, SetStateAction } from "react";
 import { DropdownMenu } from "radix-ui";
-
 //#region src/primitives/threadListItemMore/ThreadListItemMoreRoot.d.ts
+declare const useThreadListItemMoreSetOpen: () => Dispatch<SetStateAction<boolean>>;
+declare const useThreadListItemMoreSharedFocusGroup: () => boolean;
 declare namespace ThreadListItemMorePrimitiveRoot {
-  type Props = DropdownMenu.DropdownMenuProps;
+  type Props = DropdownMenu.DropdownMenuProps & {
+    /**
+     * Join the menu to the thread list's focus group: Right opens it, Left/Escape
+     * close it and return focus to the trigger (mirrored in RTL). Forces the menu
+     * non-modal, since a focus trap can't let focus cross the trigger/menu
+     * boundary. Defaults to a standalone modal dropdown.
+     */
+    sharedFocusGroup?: boolean | undefined;
+  };
 }
+/**
+ * Root container for the overflow menu, built on Radix DropdownMenu.
+ *
+ * Defaults to a standard, self-contained modal dropdown. Pass
+ * {@link ThreadListItemMorePrimitiveRoot.Props.sharedFocusGroup} to fold it into
+ * the thread list's keyboard navigation instead.
+ */
 declare const ThreadListItemMorePrimitiveRoot: FC<ThreadListItemMorePrimitiveRoot.Props>;
 //#endregion
-export { ThreadListItemMorePrimitiveRoot };
+export { ThreadListItemMorePrimitiveRoot, useThreadListItemMoreSetOpen, useThreadListItemMoreSharedFocusGroup };
 //# sourceMappingURL=ThreadListItemMoreRoot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemMoreRoot.d.ts","names":[],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreRoot.tsx"],"mappings":";;;;kBAMiB,+BAAA;EAAA,KACH,KAAA,GAAQ,YAAA,CAAsB,iBAAiB;AAAA;AAAA,cAGhD,+BAAA,EAAiC,EAAE,CAC9C,+BAAA,CAAgC,KAAA"}
+{"version":3,"file":"ThreadListItemMoreRoot.d.ts","names":[],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreRoot.tsx"],"mappings":";;;cAiBa,oCAAmC,SAC9C;cAKW;kBAGI;OACH,QAAQ,aAAsB;;;;;;;IAOxC;;;;;;;;;;cAWS,iCAAiC,GAC5C,gCAAgC"}

package/dist/primitives/threadListItemMore/ThreadListItemMoreRoot.js

@@ -1,37 +1,118 @@
 "use client";
 import { useDropdownMenuScope } from "./scope.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { createContext, useContext } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { DropdownMenu } from "radix-ui";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
 //#region src/primitives/threadListItemMore/ThreadListItemMoreRoot.tsx
+const ThreadListItemMoreSetOpenContext = createContext(() => {});
+const useThreadListItemMoreSetOpen = () => {
+	return useContext(ThreadListItemMoreSetOpenContext);
+};
+const ThreadListItemMoreSharedFocusGroupContext = createContext(false);
+const useThreadListItemMoreSharedFocusGroup = () => {
+	return useContext(ThreadListItemMoreSharedFocusGroupContext);
+};
+/**
+* Root container for the overflow menu, built on Radix DropdownMenu.
+*
+* Defaults to a standard, self-contained modal dropdown. Pass
+* {@link ThreadListItemMorePrimitiveRoot.Props.sharedFocusGroup} to fold it into
+* the thread list's keyboard navigation instead.
+*/
 const ThreadListItemMorePrimitiveRoot = (t0) => {
-	const $ = c(6);
+	const $ = c(26);
 	let __scopeThreadListItemMore;
+	let defaultOpen;
+	let modalProp;
+	let onOpenChange;
+	let openProp;
 	let rest;
+	let t1;
 	if ($[0] !== t0) {
-		({__scopeThreadListItemMore, ...rest} = t0);
+		({__scopeThreadListItemMore, open: openProp, defaultOpen, onOpenChange, sharedFocusGroup: t1, modal: modalProp, ...rest} = t0);
 		$[0] = t0;
 		$[1] = __scopeThreadListItemMore;
-		$[2] = rest;
+		$[2] = defaultOpen;
+		$[3] = modalProp;
+		$[4] = onOpenChange;
+		$[5] = openProp;
+		$[6] = rest;
+		$[7] = t1;
 	} else {
 		__scopeThreadListItemMore = $[1];
-		rest = $[2];
+		defaultOpen = $[2];
+		modalProp = $[3];
+		onOpenChange = $[4];
+		openProp = $[5];
+		rest = $[6];
+		t1 = $[7];
 	}
+	const sharedFocusGroup = t1 === void 0 ? false : t1;
+	const modal = sharedFocusGroup ? false : modalProp ?? true;
 	const scope = useDropdownMenuScope(__scopeThreadListItemMore);
-	let t1;
-	if ($[3] !== rest || $[4] !== scope) {
-		t1 = /* @__PURE__ */ jsx(DropdownMenu.Root, {
+	const t2 = defaultOpen ?? false;
+	let t3;
+	if ($[8] !== onOpenChange) {
+		t3 = onOpenChange ? { onChange: onOpenChange } : {};
+		$[8] = onOpenChange;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== openProp || $[11] !== t2 || $[12] !== t3) {
+		t4 = {
+			prop: openProp,
+			defaultProp: t2,
+			caller: "ThreadListItemMorePrimitive.Root",
+			...t3
+		};
+		$[10] = openProp;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+	} else t4 = $[13];
+	const [open, setOpen] = useControllableState(t4);
+	let t5;
+	if ($[14] !== modal || $[15] !== open || $[16] !== rest || $[17] !== scope || $[18] !== setOpen) {
+		t5 = /* @__PURE__ */ jsx(DropdownMenu.Root, {
 			...scope,
-			...rest
+			...rest,
+			modal,
+			open,
+			onOpenChange: setOpen
+		});
+		$[14] = modal;
+		$[15] = open;
+		$[16] = rest;
+		$[17] = scope;
+		$[18] = setOpen;
+		$[19] = t5;
+	} else t5 = $[19];
+	let t6;
+	if ($[20] !== setOpen || $[21] !== t5) {
+		t6 = /* @__PURE__ */ jsx(ThreadListItemMoreSetOpenContext.Provider, {
+			value: setOpen,
+			children: t5
+		});
+		$[20] = setOpen;
+		$[21] = t5;
+		$[22] = t6;
+	} else t6 = $[22];
+	let t7;
+	if ($[23] !== sharedFocusGroup || $[24] !== t6) {
+		t7 = /* @__PURE__ */ jsx(ThreadListItemMoreSharedFocusGroupContext.Provider, {
+			value: sharedFocusGroup,
+			children: t6
 		});
-		$[3] = rest;
-		$[4] = scope;
-		$[5] = t1;
-	} else t1 = $[5];
-	return t1;
+		$[23] = sharedFocusGroup;
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
+	return t7;
 };
 ThreadListItemMorePrimitiveRoot.displayName = "ThreadListItemMorePrimitive.Root";
 //#endregion
-export { ThreadListItemMorePrimitiveRoot };
+export { ThreadListItemMorePrimitiveRoot, useThreadListItemMoreSetOpen, useThreadListItemMoreSharedFocusGroup };
 
 //# sourceMappingURL=ThreadListItemMoreRoot.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemMoreRoot.js","names":["c","_c","FC","DropdownMenu","DropdownMenuPrimitive","ScopedProps","useDropdownMenuScope","ThreadListItemMorePrimitiveRoot","Props","DropdownMenuProps","t0","$","__scopeThreadListItemMore","rest","scope","t1","displayName"],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport type { FC } from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { type ScopedProps, useDropdownMenuScope } from \"./scope\";\n\nexport namespace ThreadListItemMorePrimitiveRoot {\n  export type Props = DropdownMenuPrimitive.DropdownMenuProps;\n}\n\nexport const ThreadListItemMorePrimitiveRoot: FC<\n  ThreadListItemMorePrimitiveRoot.Props\n> = ({\n  __scopeThreadListItemMore,\n  ...rest\n}: ScopedProps<ThreadListItemMorePrimitiveRoot.Props>) => {\n  const scope = useDropdownMenuScope(__scopeThreadListItemMore);\n\n  return <DropdownMenuPrimitive.Root {...scope} {...rest} />;\n};\n\nThreadListItemMorePrimitiveRoot.displayName =\n  \"ThreadListItemMorePrimitive.Root\";\n"],"mappings":";;;;;;AAUA,MAAaO,mCAETG,OAAA;CAAA,MAAAC,IAAAV,EAAA,CAAA;CAAA,IAAAW;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAD,IAAA;EAAC,CAAA,CAAAE,8BAAAC,QAAAH;EAGgDC,EAAA,KAAAD;EAAAC,EAAA,KAAAC;EAAAD,EAAA,KAAAE;CAAA,OAAA;EAAAD,4BAAAD,EAAA;EAAAE,OAAAF,EAAA;CAAA;CACnD,MAAAG,QAAcR,qBAAqBM,yBAAyB;CAAE,IAAAG;CAAA,IAAAJ,EAAA,OAAAE,QAAAF,EAAA,OAAAG,OAAA;EAEvDC,KAAA,oBAAA,aAAA,MAAA;GAAA,GAAgCD;GAAK,GAAMD;EAAI,CAAA;EAAIF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAAnDI;AAAmD;AAG5DR,gCAAgCS,cAC9B"}
+{"version":3,"file":"ThreadListItemMoreRoot.js","names":["c","_c","createContext","Dispatch","FC","SetStateAction","useContext","DropdownMenu","DropdownMenuPrimitive","useControllableState","ScopedProps","useDropdownMenuScope","ThreadListItemMoreSetOpenContext","useThreadListItemMoreSetOpen","ThreadListItemMoreSharedFocusGroupContext","useThreadListItemMoreSharedFocusGroup","ThreadListItemMorePrimitiveRoot","Props","DropdownMenuProps","sharedFocusGroup","t0","$","__scopeThreadListItemMore","defaultOpen","modalProp","onOpenChange","openProp","rest","t1","open","modal","undefined","scope","t2","t3","onChange","t4","prop","defaultProp","caller","setOpen","t5","t6","t7","displayName"],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  type Dispatch,\n  type FC,\n  type SetStateAction,\n  useContext,\n} from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { type ScopedProps, useDropdownMenuScope } from \"./scope\";\n\nconst ThreadListItemMoreSetOpenContext = createContext<\n  Dispatch<SetStateAction<boolean>>\n>(() => {});\n\nexport const useThreadListItemMoreSetOpen = (): Dispatch<\n  SetStateAction<boolean>\n> => useContext(ThreadListItemMoreSetOpenContext);\n\nconst ThreadListItemMoreSharedFocusGroupContext = createContext(false);\n\nexport const useThreadListItemMoreSharedFocusGroup = (): boolean =>\n  useContext(ThreadListItemMoreSharedFocusGroupContext);\n\nexport namespace ThreadListItemMorePrimitiveRoot {\n  export type Props = DropdownMenuPrimitive.DropdownMenuProps & {\n    /**\n     * Join the menu to the thread list's focus group: Right opens it, Left/Escape\n     * close it and return focus to the trigger (mirrored in RTL). Forces the menu\n     * non-modal, since a focus trap can't let focus cross the trigger/menu\n     * boundary. Defaults to a standalone modal dropdown.\n     */\n    sharedFocusGroup?: boolean | undefined;\n  };\n}\n\n/**\n * Root container for the overflow menu, built on Radix DropdownMenu.\n *\n * Defaults to a standard, self-contained modal dropdown. Pass\n * {@link ThreadListItemMorePrimitiveRoot.Props.sharedFocusGroup} to fold it into\n * the thread list's keyboard navigation instead.\n */\nexport const ThreadListItemMorePrimitiveRoot: FC<\n  ThreadListItemMorePrimitiveRoot.Props\n> = ({\n  __scopeThreadListItemMore,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  sharedFocusGroup = false,\n  modal: modalProp,\n  ...rest\n}: ScopedProps<ThreadListItemMorePrimitiveRoot.Props>) => {\n  const modal = sharedFocusGroup ? false : (modalProp ?? true);\n  const scope = useDropdownMenuScope(__scopeThreadListItemMore);\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen ?? false,\n    caller: \"ThreadListItemMorePrimitive.Root\",\n    ...(onOpenChange ? { onChange: onOpenChange } : {}),\n  });\n\n  return (\n    <ThreadListItemMoreSharedFocusGroupContext.Provider\n      value={sharedFocusGroup}\n    >\n      <ThreadListItemMoreSetOpenContext.Provider value={setOpen}>\n        <DropdownMenuPrimitive.Root\n          {...scope}\n          {...rest}\n          modal={modal}\n          open={open}\n          onOpenChange={setOpen}\n        />\n      </ThreadListItemMoreSetOpenContext.Provider>\n    </ThreadListItemMoreSharedFocusGroupContext.Provider>\n  );\n};\n\nThreadListItemMorePrimitiveRoot.displayName =\n  \"ThreadListItemMorePrimitive.Root\";\n"],"mappings":";;;;;;;;AAaA,MAAMY,mCAAmCV,oBAEjC,CAAC,CAAC;AAEV,MAAaW,qCAA+B;CAAA,OAEvCP,WAAWM,gCAAgC;AAAC;AAEjD,MAAME,4CAA4CZ,cAAc,KAAK;AAErE,MAAaa,8CAAwC;CAAA,OACnDT,WAAWQ,yCAAyC;AAAC;;;;;;;;AAqBvD,MAAaE,mCAETI,OAAA;CAAA,MAAAC,IAAApB,EAAA,EAAA;CAAA,IAAAqB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAP,EAAA,OAAAD,IAAA;EAAC,CAAA,CAAAE,2BAAAO,MAAAH,UAAAH,aAAAE,cAAAN,kBAAAS,IAAAE,OAAAN,cAAAG,QAAAP;EAQgDC,EAAA,KAAAD;EAAAC,EAAA,KAAAC;EAAAD,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAA;EAAAN,4BAAAD,EAAA;EAAAE,cAAAF,EAAA;EAAAG,YAAAH,EAAA;EAAAI,eAAAJ,EAAA;EAAAK,WAAAL,EAAA;EAAAM,OAAAN,EAAA;EAAAO,KAAAP,EAAA;CAAA;CAHnD,MAAAF,mBAAAS,OAAAG,KAAAA,IAAA,QAAAH;CAIA,MAAAE,QAAcX,mBAAA,QAA4BK,aAAA;CAC1C,MAAAQ,QAAcrB,qBAAqBW,yBAAyB;CAG7C,MAAAW,KAAAV,eAAA;CAAoB,IAAAW;CAAA,IAAAb,EAAA,OAAAI,cAAA;EAE7BS,KAAAT,eAAA,EAAAU,UAA2BV,aAAkB,IAA7C,CAA6C;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,QAAAK,YAAAL,EAAA,QAAAY,MAAAZ,EAAA,QAAAa,IAAA;EAJPE,KAAA;GAAAC,MACrCX;GAAQY,aACDL;GAAoBM,QACzB;GAAkC,GACtCL;EACN;EAACb,EAAA,MAAAK;EAAAL,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CALD,MAAA,CAAAQ,MAAAW,WAAwB/B,qBAAqB2B,EAK5C;CAAE,IAAAK;CAAA,IAAApB,EAAA,QAAAS,SAAAT,EAAA,QAAAQ,QAAAR,EAAA,QAAAM,QAAAN,EAAA,QAAAW,SAAAX,EAAA,QAAAmB,SAAA;EAOGC,KAAA,oBAAA,aAAA,MAAA;GAAA,GACMT;GAAK,GACLL;GACGG;GACDD;GACQW,cAAAA;EAAO,CAAA;EACrBnB,EAAA,MAAAS;EAAAT,EAAA,MAAAQ;EAAAR,EAAA,MAAAM;EAAAN,EAAA,MAAAW;EAAAX,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;CAAA,OAAAA,KAAApB,EAAA;CAAA,IAAAqB;CAAA,IAAArB,EAAA,QAAAmB,WAAAnB,EAAA,QAAAoB,IAAA;EAPJC,KAAA,oBAAA,iCAAA,UAAA;GAAkDF,OAAAA;aAChDC;EAOF,CAAA;EAA4CpB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,QAAAF,oBAAAE,EAAA,QAAAqB,IAAA;EAX9CC,KAAA,oBAAA,0CAAA,UAAA;GACSxB,OAAAA;aAEPuB;EASF,CAAA;EAAqDrB,EAAA,MAAAF;EAAAE,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,OAZrDsB;AAYqD;AAIzD3B,gCAAgC4B,cAC9B"}

package/dist/primitives/threadListItemMore/ThreadListItemMoreSeparator.d.ts

@@ -1,7 +1,6 @@
 import { WithRenderPropProps } from "../../utils/Primitive.js";
 import { ComponentRef } from "react";
 import { DropdownMenu } from "radix-ui";
-
 //#region src/primitives/threadListItemMore/ThreadListItemMoreSeparator.d.ts
 declare namespace ThreadListItemMorePrimitiveSeparator {
   type Element = ComponentRef<typeof DropdownMenu.Separator>;

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemMoreSeparator.d.ts","names":[],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreSeparator.tsx"],"mappings":";;;;;kBAQiB,oCAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,YAAA,CAAsB,SAAA;EAAA,KACpD,KAAA,GAAQ,mBAAA,QACX,YAAA,CAAsB,SAAA;AAAA;AAAA,cAIpB,oCAAA,kBAAoC,yBAAA,CAAA,IAAA,CAAA,YAAA,CAAA,0BAAA,mBAAA,aAAA,CAAA,cAAA"}
+{"version":3,"file":"ThreadListItemMoreSeparator.d.ts","names":[],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreSeparator.tsx"],"mappings":";;;;kBAQiB;OACH,UAAU,oBAAoB,aAAsB;OACpD,QAAQ,2BACX,aAAsB;;cAIpB,sDAAoC,0BAAA,KAAA,aAAA,6CAAA,cAAA"}

package/dist/primitives/threadListItemMore/ThreadListItemMoreTrigger.d.ts

@@ -1,7 +1,6 @@
 import { WithRenderPropProps } from "../../utils/Primitive.js";
 import { ComponentRef } from "react";
 import { DropdownMenu } from "radix-ui";
-
 //#region src/primitives/threadListItemMore/ThreadListItemMoreTrigger.d.ts
 declare namespace ThreadListItemMorePrimitiveTrigger {
   type Element = ComponentRef<typeof DropdownMenu.Trigger>;

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemMoreTrigger.d.ts","names":[],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreTrigger.tsx"],"mappings":";;;;;kBAQiB,kCAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,YAAA,CAAsB,OAAA;EAAA,KACpD,KAAA,GAAQ,mBAAA,QAA2B,YAAA,CAAsB,OAAA;AAAA;AAAA,cAG1D,kCAAA,kBAAkC,yBAAA,CAAA,IAAA,CAAA,YAAA,CAAA,wBAAA,mBAAA,aAAA,CAAA,iBAAA"}
+{"version":3,"file":"ThreadListItemMoreTrigger.d.ts","names":[],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreTrigger.tsx"],"mappings":";;;;kBAkBiB;OACH,UAAU,oBAAoB,aAAsB;OACpD,QAAQ,2BAA2B,aAAsB;;cAG1D,oDAAkC,0BAAA,KAAA,aAAA,2CAAA,cAAA"}

package/dist/primitives/threadListItemMore/ThreadListItemMoreTrigger.js

@@ -1,37 +1,54 @@
 "use client";
 import { DropdownMenuRenderTrigger } 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 { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { Direction } from "radix-ui";
 //#region src/primitives/threadListItemMore/ThreadListItemMoreTrigger.tsx
 const ThreadListItemMorePrimitiveTrigger = forwardRef((t0, ref) => {
-	const $ = c(7);
-	let __scopeThreadListItemMore;
-	let rest;
-	if ($[0] !== t0) {
-		({__scopeThreadListItemMore, ...rest} = t0);
-		$[0] = t0;
-		$[1] = __scopeThreadListItemMore;
-		$[2] = rest;
-	} else {
-		__scopeThreadListItemMore = $[1];
-		rest = $[2];
-	}
+	const $ = c(10);
+	const { __scopeThreadListItemMore, ...rest } = t0;
 	const scope = useDropdownMenuScope(__scopeThreadListItemMore);
+	const focus = useThreadListItemFocus();
+	const setOpen = useThreadListItemMoreSetOpen();
+	const sharedFocusGroup = useThreadListItemMoreSharedFocusGroup();
+	const composedRef = useComposedRefs(ref, focus?.moreRef);
+	const openKey = Direction.useDirection() === "rtl" ? "ArrowLeft" : "ArrowRight";
+	const T0 = DropdownMenuRenderTrigger;
 	let t1;
-	if ($[3] !== ref || $[4] !== rest || $[5] !== scope) {
-		t1 = /* @__PURE__ */ jsx(DropdownMenuRenderTrigger, {
+	if ($[0] !== openKey || $[1] !== setOpen || $[2] !== sharedFocusGroup) {
+		t1 = (event) => {
+			if (!sharedFocusGroup || event.key !== openKey) return;
+			event.preventDefault();
+			setOpen(true);
+		};
+		$[0] = openKey;
+		$[1] = setOpen;
+		$[2] = sharedFocusGroup;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = composeEventHandlers(rest.onKeyDown, t1);
+	let t3;
+	if ($[4] !== T0 || $[5] !== composedRef || $[6] !== rest || $[7] !== scope || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx(T0, {
 			...scope,
 			...rest,
-			ref
+			onKeyDown: t2,
+			ref: composedRef
 		});
-		$[3] = ref;
-		$[4] = rest;
-		$[5] = scope;
-		$[6] = t1;
-	} else t1 = $[6];
-	return t1;
+		$[4] = T0;
+		$[5] = composedRef;
+		$[6] = rest;
+		$[7] = scope;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 });
 ThreadListItemMorePrimitiveTrigger.displayName = "ThreadListItemMorePrimitive.Trigger";
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemMoreTrigger.js","names":["c","_c","ComponentRef","forwardRef","DropdownMenu","DropdownMenuPrimitive","WithRenderPropProps","DropdownMenuRenderTrigger","ScopedProps","useDropdownMenuScope","ThreadListItemMorePrimitiveTrigger","Element","Trigger","Props","t0","ref","$","__scopeThreadListItemMore","rest","scope","t1","displayName"],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreTrigger.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ComponentRef, forwardRef } from \"react\";\nimport type { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport type { WithRenderPropProps } from \"../../utils/Primitive\";\nimport { DropdownMenuRenderTrigger } from \"../dropdownMenuRenderPrimitives\";\nimport { type ScopedProps, useDropdownMenuScope } from \"./scope\";\n\nexport namespace ThreadListItemMorePrimitiveTrigger {\n  export type Element = ComponentRef<typeof DropdownMenuPrimitive.Trigger>;\n  export type Props = WithRenderPropProps<typeof DropdownMenuPrimitive.Trigger>;\n}\n\nexport const ThreadListItemMorePrimitiveTrigger = forwardRef<\n  ThreadListItemMorePrimitiveTrigger.Element,\n  ThreadListItemMorePrimitiveTrigger.Props\n>(\n  (\n    {\n      __scopeThreadListItemMore,\n      ...rest\n    }: ScopedProps<ThreadListItemMorePrimitiveTrigger.Props>,\n    ref,\n  ) => {\n    const scope = useDropdownMenuScope(__scopeThreadListItemMore);\n\n    return <DropdownMenuRenderTrigger {...scope} {...rest} ref={ref} />;\n  },\n);\n\nThreadListItemMorePrimitiveTrigger.displayName =\n  \"ThreadListItemMorePrimitive.Trigger\";\n"],"mappings":";;;;;;;AAaA,MAAaU,qCAAqCP,YAIhDW,IAAAC,QAAA;CAAA,MAAAC,IAAAf,EAAA,CAAA;CAAA,IAAAgB;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAF,IAAA;EACE,CAAA,CAAAG,8BAAAC,QAAAJ;EAGwDE,EAAA,KAAAF;EAAAE,EAAA,KAAAC;EAAAD,EAAA,KAAAE;CAAA,OAAA;EAAAD,4BAAAD,EAAA;EAAAE,OAAAF,EAAA;CAAA;CAGxD,MAAAG,QAAcV,qBAAqBQ,yBAAyB;CAAE,IAAAG;CAAA,IAAAJ,EAAA,OAAAD,OAAAC,EAAA,OAAAE,QAAAF,EAAA,OAAAG,OAAA;EAEvDC,KAAA,oBAAC,2BAAD;GAA0B,GAAKD;GAAK,GAAMD;GAAWH;EAAG,CAAA;EAAIC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAA5DI;AAA4D,CAEvE;AAEAV,mCAAmCW,cACjC"}
+{"version":3,"file":"ThreadListItemMoreTrigger.js","names":["c","_c","ComponentRef","forwardRef","Direction","DropdownMenu","DropdownMenuPrimitive","useComposedRefs","composeEventHandlers","WithRenderPropProps","DropdownMenuRenderTrigger","useThreadListItemFocus","useThreadListItemMoreSharedFocusGroup","useThreadListItemMoreSetOpen","ScopedProps","useDropdownMenuScope","ThreadListItemMorePrimitiveTrigger","Element","Trigger","Props","t0","ref","$","__scopeThreadListItemMore","rest","scope","focus","setOpen","sharedFocusGroup","composedRef","moreRef","direction","useDirection","openKey","T0","t1","event","key","preventDefault","t2","onKeyDown","t3","displayName"],"sources":["../../../src/primitives/threadListItemMore/ThreadListItemMoreTrigger.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ComponentRef, forwardRef } from \"react\";\nimport {\n  Direction,\n  type DropdownMenu as DropdownMenuPrimitive,\n} from \"radix-ui\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport type { WithRenderPropProps } from \"../../utils/Primitive\";\nimport { DropdownMenuRenderTrigger } from \"../dropdownMenuRenderPrimitives\";\nimport { useThreadListItemFocus } from \"../threadListFocusGroup\";\nimport {\n  useThreadListItemMoreSharedFocusGroup,\n  useThreadListItemMoreSetOpen,\n} from \"./ThreadListItemMoreRoot\";\nimport { type ScopedProps, useDropdownMenuScope } from \"./scope\";\n\nexport namespace ThreadListItemMorePrimitiveTrigger {\n  export type Element = ComponentRef<typeof DropdownMenuPrimitive.Trigger>;\n  export type Props = WithRenderPropProps<typeof DropdownMenuPrimitive.Trigger>;\n}\n\nexport const ThreadListItemMorePrimitiveTrigger = forwardRef<\n  ThreadListItemMorePrimitiveTrigger.Element,\n  ThreadListItemMorePrimitiveTrigger.Props\n>(\n  (\n    {\n      __scopeThreadListItemMore,\n      ...rest\n    }: ScopedProps<ThreadListItemMorePrimitiveTrigger.Props>,\n    ref,\n  ) => {\n    const scope = useDropdownMenuScope(__scopeThreadListItemMore);\n    const focus = useThreadListItemFocus();\n    const setOpen = useThreadListItemMoreSetOpen();\n    const sharedFocusGroup = useThreadListItemMoreSharedFocusGroup();\n    const composedRef = useComposedRefs(ref, focus?.moreRef);\n    const direction = Direction.useDirection();\n    const openKey = direction === \"rtl\" ? \"ArrowLeft\" : \"ArrowRight\";\n\n    return (\n      <DropdownMenuRenderTrigger\n        {...scope}\n        {...rest}\n        onKeyDown={composeEventHandlers(rest.onKeyDown, (event) => {\n          if (!sharedFocusGroup || event.key !== openKey) return;\n          event.preventDefault();\n          setOpen(true);\n        })}\n        ref={composedRef}\n      />\n    );\n  },\n);\n\nThreadListItemMorePrimitiveTrigger.displayName =\n  \"ThreadListItemMorePrimitive.Trigger\";\n"],"mappings":";;;;;;;;;;;;AAuBA,MAAagB,qCAAqCb,YAIhDiB,IAAAC,QAAA;CAAA,MAAAC,IAAArB,EAAA,EAAA;CACE,MAAA,EAAAsB,2BAAA,GAAAC,SAAAJ;CAMA,MAAAK,QAAcV,qBAAqBQ,yBAAyB;CAC5D,MAAAG,QAAcf,uBAAuB;CACrC,MAAAgB,UAAgBd,6BAA6B;CAC7C,MAAAe,mBAAyBhB,sCAAsC;CAC/D,MAAAiB,cAAoBtB,gBAAgBc,KAAKK,OAAKI,OAAS;CAEvD,MAAAG,UADkB7B,UAAS4B,aACXD,MAAc,QAAd,cAAA;CAGb,MAAAG,KAAAxB;CAAyB,IAAAyB;CAAA,IAAAb,EAAA,OAAAW,WAAAX,EAAA,OAAAK,WAAAL,EAAA,OAAAM,kBAAA;EAGwBO,MAAAC,UAAA;GAC9C,IAAI,CAACR,oBAAoBQ,MAAKC,QAASJ,SAAO;GAC9CG,MAAKE,eAAgB;GACrBX,QAAQ,IAAI;EAAC;EACdL,EAAA,KAAAW;EAAAX,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAJU,MAAAiB,KAAA/B,qBAAqBgB,KAAIgB,WAAYL,EAI/C;CAAC,IAAAM;CAAA,IAAAnB,EAAA,OAAAY,MAAAZ,EAAA,OAAAO,eAAAP,EAAA,OAAAE,QAAAF,EAAA,OAAAG,SAAAH,EAAA,OAAAiB,IAAA;EAPJE,KAAA,oBAAC,IAAD;GAA0B,GACpBhB;GAAK,GACLD;GACO,WAAAe;GAKNV,KAAAA;EAAW,CAAA;EAChBP,EAAA,KAAAY;EAAAZ,EAAA,KAAAO;EAAAP,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAiB;EAAAjB,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,OATFmB;AASE,CAGR;AAEAzB,mCAAmC0B,cACjC"}