@assistant-ui/react 0.15.17 → 0.15.19

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

@@ -1,7 +1,8 @@
 "use client";
 import { useTriggerBehaviorRegistration } from "./TriggerPopover.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { unstable_defaultDirectiveFormatter } from "@assistant-ui/core";
-import { useEffect, useRef } from "@assistant-ui/tap/react-shim";
+import { useEffect, useInsertionEffect, useRef } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/composer/trigger/TriggerPopoverDirective.tsx
 /**
 * Configures a `<TriggerPopover>` to insert a directive chip when an item is
@@ -19,17 +20,46 @@ import { useEffect, useRef } from "@assistant-ui/tap/react-shim";
 * </ComposerPrimitive.Unstable_TriggerPopover>
 * ```
 */
-const ComposerPrimitiveTriggerPopoverDirective = ({ formatter, onInserted }) => {
+const ComposerPrimitiveTriggerPopoverDirective = (t0) => {
+	const $ = c(7);
+	const { formatter, onInserted } = t0;
 	const { register } = useTriggerBehaviorRegistration();
 	const onInsertedRef = useRef(onInserted);
-	onInsertedRef.current = onInserted;
-	useEffect(() => {
-		return register({
-			kind: "directive",
-			formatter: formatter ?? unstable_defaultDirectiveFormatter,
-			onInserted: (item) => onInsertedRef.current?.(item)
-		});
-	}, [register, formatter]);
+	let t1;
+	let t2;
+	if ($[0] !== onInserted) {
+		t1 = () => {
+			onInsertedRef.current = onInserted;
+		};
+		t2 = [onInserted];
+		$[0] = onInserted;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	useInsertionEffect(t1, t2);
+	let t3;
+	let t4;
+	if ($[3] !== formatter || $[4] !== register) {
+		t3 = () => {
+			return register({
+				kind: "directive",
+				formatter: formatter ?? unstable_defaultDirectiveFormatter,
+				onInserted: (item) => onInsertedRef.current?.(item)
+			});
+		};
+		t4 = [register, formatter];
+		$[3] = formatter;
+		$[4] = register;
+		$[5] = t3;
+		$[6] = t4;
+	} else {
+		t3 = $[5];
+		t4 = $[6];
+	}
+	useEffect(t3, t4);
 	return null;
 };
 ComposerPrimitiveTriggerPopoverDirective.displayName = "ComposerPrimitive.TriggerPopoverDirective";

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

@@ -1 +1 @@
-{"version":3,"file":"TriggerPopoverDirective.js","names":["Unstable_DirectiveFormatter","Unstable_TriggerItem","unstable_defaultDirectiveFormatter","useEffect","useRef","FC","useTriggerBehaviorRegistration","TriggerBehavior","ComposerPrimitiveTriggerPopoverDirective","Props","formatter","onInserted","item","register","onInsertedRef","current","behavior","kind","displayName"],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverDirective.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  Unstable_DirectiveFormatter,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\nimport { unstable_defaultDirectiveFormatter } from \"@assistant-ui/core\";\nimport { useEffect, useRef, type FC } from \"react\";\nimport { useTriggerBehaviorRegistration } from \"./TriggerPopover\";\nimport type { TriggerBehavior } from \"./triggerSelectionResource\";\n\nexport namespace ComposerPrimitiveTriggerPopoverDirective {\n  export type Props = {\n    /** Defaults to `unstable_defaultDirectiveFormatter`. */\n    readonly formatter?: Unstable_DirectiveFormatter | undefined;\n    /** Fires after an item has been inserted into the composer. */\n    readonly onInserted?: ((item: Unstable_TriggerItem) => void) | undefined;\n  };\n}\n\n/**\n * Configures a `<TriggerPopover>` to insert a directive chip when an item is\n * selected. Render exactly one behavior sub-primitive per `<TriggerPopover>`.\n *\n * Exposed as `ComposerPrimitive.Unstable_TriggerPopover.Directive`.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Unstable_TriggerPopover char=\"@\" adapter={mentionAdapter}>\n *   <ComposerPrimitive.Unstable_TriggerPopover.Directive\n *     formatter={unstable_defaultDirectiveFormatter}\n *     onInserted={(item) => track(\"mention\", item.id)}\n *   />\n * </ComposerPrimitive.Unstable_TriggerPopover>\n * ```\n */\nexport const ComposerPrimitiveTriggerPopoverDirective: FC<\n  ComposerPrimitiveTriggerPopoverDirective.Props\n> = ({ formatter, onInserted }) => {\n  const { register } = useTriggerBehaviorRegistration();\n  const onInsertedRef = useRef(onInserted);\n  onInsertedRef.current = onInserted;\n\n  useEffect(() => {\n    const behavior: TriggerBehavior = {\n      kind: \"directive\",\n      formatter: formatter ?? unstable_defaultDirectiveFormatter,\n      onInserted: (item) => onInsertedRef.current?.(item),\n    };\n    return register(behavior);\n  }, [register, formatter]);\n\n  return null;\n};\n\nComposerPrimitiveTriggerPopoverDirective.displayName =\n  \"ComposerPrimitive.TriggerPopoverDirective\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoCA,MAAaQ,4CAER,EAAEE,WAAWC,iBAAiB;CACjC,MAAM,EAAEE,aAAaP,+BAA+B;CACpD,MAAMQ,gBAAgBV,OAAOO,UAAU;CACvCG,cAAcC,UAAUJ;CAExBR,gBAAgB;EAMd,OAAOU,SAASG;GAJdC,MAAM;GACNP,WAAWA,aAAaR;GACxBS,aAAaC,SAASE,cAAcC,UAAUH,IAAI;EAEpCI,CAAQ;CAC1B,GAAG,CAACH,UAAUH,SAAS,CAAC;CAExB,OAAO;AACT;AAEAF,yCAAyCU,cACvC"}
+{"version":3,"file":"TriggerPopoverDirective.js","names":["c","_c","Unstable_DirectiveFormatter","Unstable_TriggerItem","unstable_defaultDirectiveFormatter","useEffect","useInsertionEffect","useRef","FC","useTriggerBehaviorRegistration","TriggerBehavior","ComposerPrimitiveTriggerPopoverDirective","Props","formatter","onInserted","item","t0","$","register","onInsertedRef","t1","t2","current","t3","t4","behavior","kind","displayName"],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverDirective.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  Unstable_DirectiveFormatter,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\nimport { unstable_defaultDirectiveFormatter } from \"@assistant-ui/core\";\nimport { useEffect, useInsertionEffect, useRef, type FC } from \"react\";\nimport { useTriggerBehaviorRegistration } from \"./TriggerPopover\";\nimport type { TriggerBehavior } from \"./triggerSelectionResource\";\n\nexport namespace ComposerPrimitiveTriggerPopoverDirective {\n  export type Props = {\n    /** Defaults to `unstable_defaultDirectiveFormatter`. */\n    readonly formatter?: Unstable_DirectiveFormatter | undefined;\n    /** Fires after an item has been inserted into the composer. */\n    readonly onInserted?: ((item: Unstable_TriggerItem) => void) | undefined;\n  };\n}\n\n/**\n * Configures a `<TriggerPopover>` to insert a directive chip when an item is\n * selected. Render exactly one behavior sub-primitive per `<TriggerPopover>`.\n *\n * Exposed as `ComposerPrimitive.Unstable_TriggerPopover.Directive`.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Unstable_TriggerPopover char=\"@\" adapter={mentionAdapter}>\n *   <ComposerPrimitive.Unstable_TriggerPopover.Directive\n *     formatter={unstable_defaultDirectiveFormatter}\n *     onInserted={(item) => track(\"mention\", item.id)}\n *   />\n * </ComposerPrimitive.Unstable_TriggerPopover>\n * ```\n */\nexport const ComposerPrimitiveTriggerPopoverDirective: FC<\n  ComposerPrimitiveTriggerPopoverDirective.Props\n> = ({ formatter, onInserted }) => {\n  const { register } = useTriggerBehaviorRegistration();\n  const onInsertedRef = useRef(onInserted);\n  useInsertionEffect(() => {\n    onInsertedRef.current = onInserted;\n  }, [onInserted]);\n\n  useEffect(() => {\n    const behavior: TriggerBehavior = {\n      kind: \"directive\",\n      formatter: formatter ?? unstable_defaultDirectiveFormatter,\n      onInserted: (item) => onInsertedRef.current?.(item),\n    };\n    return register(behavior);\n  }, [register, formatter]);\n\n  return null;\n};\n\nComposerPrimitiveTriggerPopoverDirective.displayName =\n  \"ComposerPrimitive.TriggerPopoverDirective\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAaW,4CAETK,OAAA;CAAA,MAAAC,IAAAhB,EAAA,CAAA;CAAC,MAAA,EAAAY,WAAAC,eAAAE;CACH,MAAA,EAAAE,aAAqBT,+BAA+B;CACpD,MAAAU,gBAAsBZ,OAAOO,UAAU;CAAE,IAAAM;CAAA,IAAAC;CAAA,IAAAJ,EAAA,OAAAH,YAAA;EACtBM,WAAA;GACjBD,cAAaG,UAAWR;EAAH;EACpBO,KAAA,CAACP,UAAU;EAACG,EAAA,KAAAH;EAAAG,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAA;EAAAD,KAAAH,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAFfX,mBAAmBc,IAEhBC,EAAY;CAAC,IAAAE;CAAA,IAAAC;CAAA,IAAAP,EAAA,OAAAJ,aAAAI,EAAA,OAAAC,UAAA;EAENK,WAAA;GAKN,OACKL,SAASO;IALkBC,MAC1B;IAAWb,WACNA,aAAAT;IAA+CU,aAC9CC,SAAUI,cAAaG,UAAWP,IAAI;GAEpCU,CAAQ;EAAC;EACxBD,KAAA,CAACN,UAAUL,SAAS;EAACI,EAAA,KAAAJ;EAAAI,EAAA,KAAAC;EAAAD,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAA;EAAAD,KAAAN,EAAA;EAAAO,KAAAP,EAAA;CAAA;CAPxBZ,UAAUkB,IAOPC,EAAqB;CAAC,OAElB;AAAI;AAGbb,yCAAyCgB,cACvC"}

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

@@ -0,0 +1,6 @@
+import { Unstable_TriggerItem } from "@assistant-ui/core";
+//#region src/primitives/composer/trigger/matchesTriggerItemQuery.d.ts
+declare function matchesTriggerItemQuery(item: Unstable_TriggerItem, lowerQuery: string): boolean;
+//#endregion
+export { matchesTriggerItemQuery };
+//# sourceMappingURL=matchesTriggerItemQuery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"matchesTriggerItemQuery.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/matchesTriggerItemQuery.ts"],"mappings":";;iBAEgB,wBACd,MAAM,sBACN"}

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

@@ -0,0 +1,9 @@
+//#region src/primitives/composer/trigger/matchesTriggerItemQuery.ts
+function matchesTriggerItemQuery(item, lowerQuery) {
+	if (!lowerQuery) return true;
+	return item.id.toLowerCase().includes(lowerQuery) || item.label.toLowerCase().includes(lowerQuery) || (item.description?.toLowerCase().includes(lowerQuery) ?? false);
+}
+//#endregion
+export { matchesTriggerItemQuery };
+
+//# sourceMappingURL=matchesTriggerItemQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"matchesTriggerItemQuery.js","names":["Unstable_TriggerItem","matchesTriggerItemQuery","item","lowerQuery","id","toLowerCase","includes","label","description"],"sources":["../../../../src/primitives/composer/trigger/matchesTriggerItemQuery.ts"],"sourcesContent":["import type { Unstable_TriggerItem } from \"@assistant-ui/core\";\n\nexport function matchesTriggerItemQuery(\n  item: Unstable_TriggerItem,\n  lowerQuery: string,\n): boolean {\n  if (!lowerQuery) return true;\n  return (\n    item.id.toLowerCase().includes(lowerQuery) ||\n    item.label.toLowerCase().includes(lowerQuery) ||\n    (item.description?.toLowerCase().includes(lowerQuery) ?? false)\n  );\n}\n"],"mappings":";AAEA,SAAgBC,wBACdC,MACAC,YACS;CACT,IAAI,CAACA,YAAY,OAAO;CACxB,OACED,KAAKE,GAAGC,YAAY,CAAC,CAACC,SAASH,UAAU,KACzCD,KAAKK,MAAMF,YAAY,CAAC,CAACC,SAASH,UAAU,MAC3CD,KAAKM,aAAaH,YAAY,CAAC,CAACC,SAASH,UAAU,KAAK;AAE7D"}

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

@@ -1 +1 @@
-{"version":3,"file":"triggerKeyboardResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerKeyboardResource.ts"],"mappings":";;;KAeY;WACD;WACA;EACT;;KAGU;;WAED;;WAEA;;EAET,eAAe;;EAEf,cAAc,GAAG;;cAkHN,qDAAuB,SAAA;EA/FnB,yBAAU,2BAA2B;EACtC;EACI;EACX;EACI;EACL;EACM,aAAC,MAAM;EACH,iBAAC;EACT;EACD"}
+{"version":3,"file":"triggerKeyboardResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerKeyboardResource.ts"],"mappings":";;;KAeY;WACD;WACA;EACT;;KAGU;;WAED;;WAEA;;EAET,eAAe;;EAEf,cAAc,GAAG;;cAwHN,qDAAuB,SAAA;EArGnB,yBAAU,2BAA2B;EACtC;EACI;EACX;EACI;EACL;EACM,aAAC,MAAM;EACH,iBAAC;EACT;EACD"}

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

@@ -1,5 +1,5 @@
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
-import { useEffect, useEffectEvent, useState } from "@assistant-ui/tap/react-shim";
+import { useEffectEvent, useState } from "@assistant-ui/tap/react-shim";
 import { resource } from "@assistant-ui/tap";
 //#region src/primitives/composer/trigger/triggerKeyboardResource.ts
 /** Relies on `Unstable_TriggerCategory` never carrying a `type` field. */
@@ -11,53 +11,45 @@ function isTriggerItem(x) {
 * category drill-in, back, and close to the callbacks supplied by the parent.
 */
 const useTriggerKeyboardResource = (t0) => {
-	const $ = c(25);
+	const $ = c(22);
 	const { navigableList, isSearchMode, activeCategoryId, query, popoverId, open, selectItem, selectCategory, goBack, close } = t0;
 	const [highlightedIndex, setHighlightedIndex] = useState(0);
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = () => {
-			setHighlightedIndex(0);
+	if ($[0] !== activeCategoryId || $[1] !== isSearchMode || $[2] !== navigableList) {
+		t1 = {
+			navigableList,
+			isSearchMode,
+			activeCategoryId
 		};
-		$[0] = t1;
-	} else t1 = $[0];
+		$[0] = activeCategoryId;
+		$[1] = isSearchMode;
+		$[2] = navigableList;
+		$[3] = t1;
+	} else t1 = $[3];
+	const [highlightScope, setHighlightScope] = useState(t1);
+	if (highlightScope.navigableList !== navigableList || highlightScope.isSearchMode !== isSearchMode || highlightScope.activeCategoryId !== activeCategoryId) {
+		setHighlightScope({
+			navigableList,
+			isSearchMode,
+			activeCategoryId
+		});
+		setHighlightedIndex(0);
+	}
 	let t2;
-	if ($[1] !== navigableList) {
-		t2 = [navigableList];
-		$[1] = navigableList;
-		$[2] = t2;
-	} else t2 = $[2];
-	useEffect(t1, t2);
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = () => {
-			setHighlightedIndex(0);
-		};
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== activeCategoryId || $[5] !== isSearchMode) {
-		t4 = [isSearchMode, activeCategoryId];
-		$[4] = activeCategoryId;
-		$[5] = isSearchMode;
-		$[6] = t4;
-	} else t4 = $[6];
-	useEffect(t3, t4);
-	let t5;
-	if ($[7] !== highlightedIndex || $[8] !== navigableList.length) {
-		t5 = (index) => {
+	if ($[4] !== highlightedIndex || $[5] !== navigableList.length) {
+		t2 = (index) => {
 			if (index < 0 || index >= navigableList.length) return;
 			if (index === highlightedIndex) return;
 			setHighlightedIndex(index);
 		};
-		$[7] = highlightedIndex;
-		$[8] = navigableList.length;
-		$[9] = t5;
-	} else t5 = $[9];
-	const highlightIndex = useEffectEvent(t5);
-	let t6;
-	if ($[10] !== activeCategoryId || $[11] !== close || $[12] !== goBack || $[13] !== highlightedIndex || $[14] !== navigableList || $[15] !== open || $[16] !== query || $[17] !== selectCategory || $[18] !== selectItem) {
-		t6 = (e) => {
+		$[4] = highlightedIndex;
+		$[5] = navigableList.length;
+		$[6] = t2;
+	} else t2 = $[6];
+	const highlightIndex = useEffectEvent(t2);
+	let t3;
+	if ($[7] !== activeCategoryId || $[8] !== close || $[9] !== goBack || $[10] !== highlightedIndex || $[11] !== navigableList || $[12] !== open || $[13] !== query || $[14] !== selectCategory || $[15] !== selectItem) {
+		t3 = (e) => {
 			if (!open) return false;
 			switch (e.key) {
 				case "ArrowDown":
@@ -100,35 +92,35 @@ const useTriggerKeyboardResource = (t0) => {
 				default: return false;
 			}
 		};
-		$[10] = activeCategoryId;
-		$[11] = close;
-		$[12] = goBack;
-		$[13] = highlightedIndex;
-		$[14] = navigableList;
-		$[15] = open;
-		$[16] = query;
-		$[17] = selectCategory;
-		$[18] = selectItem;
-		$[19] = t6;
-	} else t6 = $[19];
-	const handleKeyDown = useEffectEvent(t6);
+		$[7] = activeCategoryId;
+		$[8] = close;
+		$[9] = goBack;
+		$[10] = highlightedIndex;
+		$[11] = navigableList;
+		$[12] = open;
+		$[13] = query;
+		$[14] = selectCategory;
+		$[15] = selectItem;
+		$[16] = t3;
+	} else t3 = $[16];
+	const handleKeyDown = useEffectEvent(t3);
 	const highlightedEntry = navigableList[highlightedIndex];
 	const highlightedItemId = open && highlightedEntry ? `${popoverId}-option-${highlightedEntry.id}` : void 0;
-	let t7;
-	if ($[20] !== handleKeyDown || $[21] !== highlightIndex || $[22] !== highlightedIndex || $[23] !== highlightedItemId) {
-		t7 = {
+	let t4;
+	if ($[17] !== handleKeyDown || $[18] !== highlightIndex || $[19] !== highlightedIndex || $[20] !== highlightedItemId) {
+		t4 = {
 			highlightedIndex,
 			highlightedItemId,
 			highlightIndex,
 			handleKeyDown
 		};
-		$[20] = handleKeyDown;
-		$[21] = highlightIndex;
-		$[22] = highlightedIndex;
-		$[23] = highlightedItemId;
-		$[24] = t7;
-	} else t7 = $[24];
-	return t7;
+		$[17] = handleKeyDown;
+		$[18] = highlightIndex;
+		$[19] = highlightedIndex;
+		$[20] = highlightedItemId;
+		$[21] = t4;
+	} else t4 = $[21];
+	return t4;
 };
 const TriggerKeyboardResource = resource(useTriggerKeyboardResource);
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"triggerKeyboardResource.js","names":["useEffect","useEffectEvent","useState","resource","Unstable_TriggerCategory","Unstable_TriggerItem","isTriggerItem","x","TriggerPopoverKeyEvent","key","shiftKey","preventDefault","TriggerKeyboardResourceOutput","highlightedIndex","highlightedItemId","highlightIndex","index","handleKeyDown","e","useTriggerKeyboardResource","t0","$","_c","navigableList","isSearchMode","activeCategoryId","query","popoverId","open","selectItem","selectCategory","goBack","close","setHighlightedIndex","t1","Symbol","for","t2","t3","t4","t5","length","t6","prev_0","len_0","len","prev","item","id","highlightedEntry","undefined","t7","TriggerKeyboardResource"],"sources":["../../../../src/primitives/composer/trigger/triggerKeyboardResource.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useState } from \"react\";\nimport { resource } from \"@assistant-ui/tap\";\nimport type {\n  Unstable_TriggerCategory,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\n\n/** Relies on `Unstable_TriggerCategory` never carrying a `type` field. */\nfunction isTriggerItem(\n  x: Unstable_TriggerItem | Unstable_TriggerCategory,\n): x is Unstable_TriggerItem {\n  return \"type\" in x;\n}\n\n/** Key event shape accepted by the keyboard handler. */\nexport type TriggerPopoverKeyEvent = {\n  readonly key: string;\n  readonly shiftKey: boolean;\n  preventDefault(): void;\n};\n\nexport type TriggerKeyboardResourceOutput = {\n  /** Index of the currently highlighted entry within the navigable list. */\n  readonly highlightedIndex: number;\n  /** ID of the currently highlighted item (for `aria-activedescendant`). */\n  readonly highlightedItemId: string | undefined;\n  /** Move the highlight to an entry index (e.g. from pointer hover). Out-of-range values are ignored. */\n  highlightIndex(index: number): void;\n  /** Handle a key event; returns `true` if it was consumed. */\n  handleKeyDown(e: TriggerPopoverKeyEvent): boolean;\n};\n\n/**\n * Owns keyboard-driven highlight state for the popover. Delegates selection,\n * category drill-in, back, and close to the callbacks supplied by the parent.\n */\nconst useTriggerKeyboardResource = ({\n  navigableList,\n  isSearchMode,\n  activeCategoryId,\n  query,\n  popoverId,\n  open,\n  selectItem,\n  selectCategory,\n  goBack,\n  close,\n}: {\n  navigableList: readonly (Unstable_TriggerCategory | Unstable_TriggerItem)[];\n  isSearchMode: boolean;\n  activeCategoryId: string | null;\n  query: string;\n  popoverId: string;\n  open: boolean;\n  selectItem: (item: Unstable_TriggerItem) => void;\n  selectCategory: (categoryId: string) => void;\n  goBack: () => void;\n  close: () => void;\n}): TriggerKeyboardResourceOutput => {\n  const [highlightedIndex, setHighlightedIndex] = useState(0);\n\n  useEffect(() => {\n    setHighlightedIndex(0);\n  }, [navigableList]);\n\n  useEffect(() => {\n    setHighlightedIndex(0);\n  }, [isSearchMode, activeCategoryId]);\n\n  const highlightIndex = useEffectEvent((index: number) => {\n    if (index < 0 || index >= navigableList.length) return;\n    if (index === highlightedIndex) return;\n    setHighlightedIndex(index);\n  });\n\n  const handleKeyDown = useEffectEvent((e: TriggerPopoverKeyEvent): boolean => {\n    if (!open) return false;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        setHighlightedIndex((prev) => {\n          const len = navigableList.length;\n          if (len === 0) return 0;\n          return prev < len - 1 ? prev + 1 : 0;\n        });\n        return true;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        setHighlightedIndex((prev) => {\n          const len = navigableList.length;\n          if (len === 0) return 0;\n          return prev > 0 ? prev - 1 : len - 1;\n        });\n        return true;\n      }\n      case \"Enter\":\n      case \"Tab\": {\n        if (e.shiftKey) return false;\n        e.preventDefault();\n        const item = navigableList[highlightedIndex];\n        if (!item) return true;\n\n        if (isTriggerItem(item)) {\n          selectItem(item);\n        } else {\n          selectCategory(item.id);\n        }\n        return true;\n      }\n      case \"Escape\": {\n        e.preventDefault();\n        close();\n        return true;\n      }\n      case \"Backspace\": {\n        if (activeCategoryId && query === \"\") {\n          e.preventDefault();\n          goBack();\n          return true;\n        }\n        return false;\n      }\n      default:\n        return false;\n    }\n  });\n\n  const highlightedEntry = navigableList[highlightedIndex];\n  const highlightedItemId =\n    open && highlightedEntry\n      ? `${popoverId}-option-${highlightedEntry.id}`\n      : undefined;\n\n  return {\n    highlightedIndex,\n    highlightedItemId,\n    highlightIndex,\n    handleKeyDown,\n  };\n};\n\nexport const TriggerKeyboardResource = resource(useTriggerKeyboardResource);\n"],"mappings":"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"}
+{"version":3,"file":"triggerKeyboardResource.js","names":["useEffectEvent","useState","resource","Unstable_TriggerCategory","Unstable_TriggerItem","isTriggerItem","x","TriggerPopoverKeyEvent","key","shiftKey","preventDefault","TriggerKeyboardResourceOutput","highlightedIndex","highlightedItemId","highlightIndex","index","handleKeyDown","e","useTriggerKeyboardResource","t0","$","_c","navigableList","isSearchMode","activeCategoryId","query","popoverId","open","selectItem","selectCategory","goBack","close","setHighlightedIndex","t1","highlightScope","setHighlightScope","t2","length","t3","prev_0","len_0","len","prev","item","id","highlightedEntry","undefined","t4","TriggerKeyboardResource"],"sources":["../../../../src/primitives/composer/trigger/triggerKeyboardResource.ts"],"sourcesContent":["import { useEffectEvent, useState } from \"react\";\nimport { resource } from \"@assistant-ui/tap\";\nimport type {\n  Unstable_TriggerCategory,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\n\n/** Relies on `Unstable_TriggerCategory` never carrying a `type` field. */\nfunction isTriggerItem(\n  x: Unstable_TriggerItem | Unstable_TriggerCategory,\n): x is Unstable_TriggerItem {\n  return \"type\" in x;\n}\n\n/** Key event shape accepted by the keyboard handler. */\nexport type TriggerPopoverKeyEvent = {\n  readonly key: string;\n  readonly shiftKey: boolean;\n  preventDefault(): void;\n};\n\nexport type TriggerKeyboardResourceOutput = {\n  /** Index of the currently highlighted entry within the navigable list. */\n  readonly highlightedIndex: number;\n  /** ID of the currently highlighted item (for `aria-activedescendant`). */\n  readonly highlightedItemId: string | undefined;\n  /** Move the highlight to an entry index (e.g. from pointer hover). Out-of-range values are ignored. */\n  highlightIndex(index: number): void;\n  /** Handle a key event; returns `true` if it was consumed. */\n  handleKeyDown(e: TriggerPopoverKeyEvent): boolean;\n};\n\n/**\n * Owns keyboard-driven highlight state for the popover. Delegates selection,\n * category drill-in, back, and close to the callbacks supplied by the parent.\n */\nconst useTriggerKeyboardResource = ({\n  navigableList,\n  isSearchMode,\n  activeCategoryId,\n  query,\n  popoverId,\n  open,\n  selectItem,\n  selectCategory,\n  goBack,\n  close,\n}: {\n  navigableList: readonly (Unstable_TriggerCategory | Unstable_TriggerItem)[];\n  isSearchMode: boolean;\n  activeCategoryId: string | null;\n  query: string;\n  popoverId: string;\n  open: boolean;\n  selectItem: (item: Unstable_TriggerItem) => void;\n  selectCategory: (categoryId: string) => void;\n  goBack: () => void;\n  close: () => void;\n}): TriggerKeyboardResourceOutput => {\n  const [highlightedIndex, setHighlightedIndex] = useState(0);\n  const [highlightScope, setHighlightScope] = useState({\n    navigableList,\n    isSearchMode,\n    activeCategoryId,\n  });\n\n  if (\n    highlightScope.navigableList !== navigableList ||\n    highlightScope.isSearchMode !== isSearchMode ||\n    highlightScope.activeCategoryId !== activeCategoryId\n  ) {\n    setHighlightScope({ navigableList, isSearchMode, activeCategoryId });\n    setHighlightedIndex(0);\n  }\n\n  const highlightIndex = useEffectEvent((index: number) => {\n    if (index < 0 || index >= navigableList.length) return;\n    if (index === highlightedIndex) return;\n    setHighlightedIndex(index);\n  });\n\n  const handleKeyDown = useEffectEvent((e: TriggerPopoverKeyEvent): boolean => {\n    if (!open) return false;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        setHighlightedIndex((prev) => {\n          const len = navigableList.length;\n          if (len === 0) return 0;\n          return prev < len - 1 ? prev + 1 : 0;\n        });\n        return true;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        setHighlightedIndex((prev) => {\n          const len = navigableList.length;\n          if (len === 0) return 0;\n          return prev > 0 ? prev - 1 : len - 1;\n        });\n        return true;\n      }\n      case \"Enter\":\n      case \"Tab\": {\n        if (e.shiftKey) return false;\n        e.preventDefault();\n        const item = navigableList[highlightedIndex];\n        if (!item) return true;\n\n        if (isTriggerItem(item)) {\n          selectItem(item);\n        } else {\n          selectCategory(item.id);\n        }\n        return true;\n      }\n      case \"Escape\": {\n        e.preventDefault();\n        close();\n        return true;\n      }\n      case \"Backspace\": {\n        if (activeCategoryId && query === \"\") {\n          e.preventDefault();\n          goBack();\n          return true;\n        }\n        return false;\n      }\n      default:\n        return false;\n    }\n  });\n\n  const highlightedEntry = navigableList[highlightedIndex];\n  const highlightedItemId =\n    open && highlightedEntry\n      ? `${popoverId}-option-${highlightedEntry.id}`\n      : undefined;\n\n  return {\n    highlightedIndex,\n    highlightedItemId,\n    highlightIndex,\n    handleKeyDown,\n  };\n};\n\nexport const TriggerKeyboardResource = resource(useTriggerKeyboardResource);\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"triggerNavigationResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerNavigationResource.ts"],"mappings":";;KAgBY;;WAED,qBAAqB;;WAErB,gBAAgB;;WAEhB;;WAEA;;WAEA,yBACL,2BACA;;EAGJ,eAAe;;EAEf;;cAoGW,uDAAyB,SAAA;EAxF3B,SAAA;EACF;EACD"}
+{"version":3,"file":"triggerNavigationResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerNavigationResource.ts"],"mappings":";;KASY;;WAED,qBAAqB;;WAErB,gBAAgB;;WAEhB;;WAEA;;WAEA,yBACL,2BACA;;EAGJ,eAAe;;EAEf;;cAsGW,uDAAyB,SAAA;EA1F3B,SAAA;EACF;EACD"}