npm - @assistant-ui/react - Versions diffs - 0.14.13 → 0.14.15 - Mend

@assistant-ui/react 0.14.13 → 0.14.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (214) hide show

package/dist/primitives/composer/ComposerAddAttachment.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { createActionButton } from "../../utils/createActionButton.js";
 import { useAui } from "@assistant-ui/store";
 import { useComposerAddAttachment } from "@assistant-ui/core/react";
-import { useCallback } from "react";
+import { useCallback } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/composer/ComposerAddAttachment.ts
 const useComposerAddAttachment$1 = ({ multiple = true } = {}) => {
 	const { disabled, addAttachment } = useComposerAddAttachment();

package/dist/primitives/composer/ComposerAddAttachment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComposerAddAttachment.js","names":["useComposerAddAttachment","useComposerAddAttachmentBehavior"],"sources":["../../../src/primitives/composer/ComposerAddAttachment.ts"],"sourcesContent":["\"use client\";\n\nimport {\n type ActionButtonElement,\n type ActionButtonProps,\n createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useCallback } from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { useComposerAddAttachment as useComposerAddAttachmentBehavior } from \"@assistant-ui/core/react\";\n\nconst useComposerAddAttachment = ({\n multiple = true,\n}: {\n /** allow selecting multiple files /\n multiple?: boolean \| undefined;\n} = {}) => {\n const { disabled, addAttachment } = useComposerAddAttachmentBehavior();\n const aui = useAui();\n\n const callback = useCallback(() => {\n const input = document.createElement(\"input\");\n input.type = \"file\";\n input.multiple = multiple;\n input.hidden = true;\n\n const attachmentAccept = aui.composer().getState().attachmentAccept;\n if (attachmentAccept !== \"\") {\n input.accept = attachmentAccept;\n }\n\n document.body.appendChild(input);\n\n input.onchange = (e) => {\n const fileList = (e.target as HTMLInputElement).files;\n if (!fileList) return;\n for (const file of fileList) {\n addAttachment(file);\n }\n\n document.body.removeChild(input);\n };\n\n input.oncancel = () => {\n if (!input.files \|\| input.files.length === 0) {\n document.body.removeChild(input);\n }\n };\n\n input.click();\n }, [aui, multiple, addAttachment]);\n\n if (disabled) return null;\n return callback;\n};\n\nexport namespace ComposerPrimitiveAddAttachment {\n export type Element = ActionButtonElement;\n export type Props = ActionButtonProps<typeof useComposerAddAttachment>;\n}\n\nexport const ComposerPrimitiveAddAttachment = createActionButton(\n \"ComposerPrimitive.AddAttachment\",\n useComposerAddAttachment,\n [\"multiple\"],\n);\n"],"mappings":";;;;;;AAWA,MAAMA,8BAA4B,EAChC,WAAW,SAIT,CAAC,MAAM;CACT,MAAM,EAAE,UAAU,kBAAkBC,yBAAiC;CACrE,MAAM,MAAM,OAAO;CAEnB,MAAM,WAAW,kBAAkB;EACjC,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,OAAO;EACb,MAAM,WAAW;EACjB,MAAM,SAAS;EAEf,MAAM,mBAAmB,IAAI,SAAS,~~EAAE~~,SAAS,~~EAAE~~;EACnD,IAAI,qBAAqB,KACvB,MAAM,SAAS;EAGjB,SAAS,KAAK,YAAY,KAAK;EAE/B,MAAM,YAAY,MAAM;GACtB,MAAM,WAAY,EAAE,OAA4B;GAChD,IAAI,CAAC,UAAU;GACf,KAAK,MAAM,QAAQ,UACjB,cAAc,IAAI;GAGpB,SAAS,KAAK,YAAY,KAAK;EACjC;EAEA,MAAM,iBAAiB;GACrB,IAAI,CAAC,MAAM,SAAS,MAAM,MAAM,WAAW,GACzC,SAAS,KAAK,YAAY,KAAK;EAEnC;EAEA,MAAM,MAAM;CACd,GAAG;EAAC;EAAK;EAAU;CAAa,CAAC;CAEjC,IAAI,UAAU,OAAO;CACrB,OAAO;AACT;AAOA,MAAa,iCAAiC,mBAC5C,mCACAD,4BACA,CAAC,UAAU,CACb"}
1	+ {"version":3,"file":"ComposerAddAttachment.js","names":["useComposerAddAttachment","useComposerAddAttachmentBehavior"],"sources":["../../../src/primitives/composer/ComposerAddAttachment.ts"],"sourcesContent":["\"use client\";\n\nimport {\n type ActionButtonElement,\n type ActionButtonProps,\n createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useCallback } from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { useComposerAddAttachment as useComposerAddAttachmentBehavior } from \"@assistant-ui/core/react\";\n\nconst useComposerAddAttachment = ({\n multiple = true,\n}: {\n /** allow selecting multiple files /\n multiple?: boolean \| undefined;\n} = {}) => {\n const { disabled, addAttachment } = useComposerAddAttachmentBehavior();\n const aui = useAui();\n\n const callback = useCallback(() => {\n const input = document.createElement(\"input\");\n input.type = \"file\";\n input.multiple = multiple;\n input.hidden = true;\n\n const attachmentAccept = aui.composer().getState().attachmentAccept;\n if (attachmentAccept !== \"\") {\n input.accept = attachmentAccept;\n }\n\n document.body.appendChild(input);\n\n input.onchange = (e) => {\n const fileList = (e.target as HTMLInputElement).files;\n if (!fileList) return;\n for (const file of fileList) {\n addAttachment(file);\n }\n\n document.body.removeChild(input);\n };\n\n input.oncancel = () => {\n if (!input.files \|\| input.files.length === 0) {\n document.body.removeChild(input);\n }\n };\n\n input.click();\n }, [aui, multiple, addAttachment]);\n\n if (disabled) return null;\n return callback;\n};\n\nexport namespace ComposerPrimitiveAddAttachment {\n export type Element = ActionButtonElement;\n export type Props = ActionButtonProps<typeof useComposerAddAttachment>;\n}\n\nexport const ComposerPrimitiveAddAttachment = createActionButton(\n \"ComposerPrimitive.AddAttachment\",\n useComposerAddAttachment,\n [\"multiple\"],\n);\n"],"mappings":";;;;;;AAWA,MAAMA,8BAA4B,EAChC,WAAW,SAIT,CAAC,MAAM;CACT,MAAM,EAAE,UAAU,kBAAkBC,yBAAiC;CACrE,MAAM,MAAM,OAAO;CAEnB,MAAM,WAAW,kBAAkB;EACjC,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,OAAO;EACb,MAAM,WAAW;EACjB,MAAM,SAAS;EAEf,MAAM,mBAAmB,IAAI,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;EACnD,IAAI,qBAAqB,KACvB,MAAM,SAAS;EAGjB,SAAS,KAAK,YAAY,KAAK;EAE/B,MAAM,YAAY,MAAM;GACtB,MAAM,WAAY,EAAE,OAA4B;GAChD,IAAI,CAAC,UAAU;GACf,KAAK,MAAM,QAAQ,UACjB,cAAc,IAAI;GAGpB,SAAS,KAAK,YAAY,KAAK;EACjC;EAEA,MAAM,iBAAiB;GACrB,IAAI,CAAC,MAAM,SAAS,MAAM,MAAM,WAAW,GACzC,SAAS,KAAK,YAAY,KAAK;EAEnC;EAEA,MAAM,MAAM;CACd,GAAG;EAAC;EAAK;EAAU;CAAa,CAAC;CAEjC,IAAI,UAAU,OAAO;CACrB,OAAO;AACT;AAOA,MAAa,iCAAiC,mBAC5C,mCACAD,4BACA,CAAC,UAAU,CACb"}

package/dist/primitives/composer/ComposerAttachmentDropzone.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { useAui } from "@assistant-ui/store";
-import { cloneElement, forwardRef, isValidElement, useCallback, useState } from "react";
+import { cloneElement, forwardRef, isValidElement, useCallback, useState } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";
 import { Slot } from "radix-ui";

package/dist/primitives/composer/ComposerAttachmentDropzone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComposerAttachmentDropzone.js","names":[],"sources":["../../../src/primitives/composer/ComposerAttachmentDropzone.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n forwardRef,\n useCallback,\n useState,\n type ReactElement,\n cloneElement,\n isValidElement,\n} from \"react\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Slot } from \"radix-ui\";\nimport type React from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\n\nexport namespace ComposerPrimitiveAttachmentDropzone {\n export type Element = HTMLDivElement;\n export type Props = React.HTMLAttributes<HTMLDivElement> & {\n asChild?: boolean \| undefined;\n render?: ReactElement \| undefined;\n disabled?: boolean \| undefined;\n };\n}\n\nexport const ComposerPrimitiveAttachmentDropzone = forwardRef<\n HTMLDivElement,\n ComposerPrimitiveAttachmentDropzone.Props\n>(({ disabled, asChild = false, render, children, ...rest }, ref) => {\n const [isDragging, setIsDragging] = useState(false);\n const aui = useAui();\n\n const handleDragEnterCapture = useCallback(\n (e: React.DragEvent) => {\n if (disabled) return;\n e.preventDefault();\n setIsDragging(true);\n },\n [disabled],\n );\n\n const handleDragOverCapture = useCallback(\n (e: React.DragEvent) => {\n if (disabled) return;\n e.preventDefault();\n if (!isDragging) setIsDragging(true);\n },\n [disabled, isDragging],\n );\n\n const handleDragLeaveCapture = useCallback(\n (e: React.DragEvent) => {\n if (disabled) return;\n e.preventDefault();\n const next = e.relatedTarget as Node \| null;\n if (next && e.currentTarget.contains(next)) {\n return;\n }\n setIsDragging(false);\n },\n [disabled],\n );\n\n const handleDrop = useCallback(\n async (e: React.DragEvent) => {\n if (disabled) return;\n e.preventDefault();\n setIsDragging(false);\n const files = Array.from(e.dataTransfer.files);\n await Promise.all(\n files.map(async (file) => {\n try {\n await aui.composer().addAttachment(file);\n } catch (error) {\n console.error(\"Failed to add attachment:\", error);\n }\n }),\n );\n },\n [disabled, aui],\n );\n\n const mergedProps = {\n ...(isDragging ? { \"data-dragging\": \"true\" } : null),\n ...rest,\n onDragEnterCapture: composeEventHandlers(\n rest.onDragEnterCapture,\n handleDragEnterCapture,\n ),\n onDragOverCapture: composeEventHandlers(\n rest.onDragOverCapture,\n handleDragOverCapture,\n ),\n onDragLeaveCapture: composeEventHandlers(\n rest.onDragLeaveCapture,\n handleDragLeaveCapture,\n ),\n onDropCapture: composeEventHandlers(rest.onDropCapture, handleDrop),\n ref,\n };\n\n if (render && isValidElement(render)) {\n const renderChildren =\n children !== undefined\n ? children\n : (render.props as Record<string, unknown>).children;\n return (\n <Slot.Root {...mergedProps}>\n {cloneElement(render, undefined, renderChildren as React.ReactNode)}\n </Slot.Root>\n );\n }\n\n const Comp = asChild ? Slot.Root : \"div\";\n return <Comp {...mergedProps}>{children}</Comp>;\n});\n\nComposerPrimitiveAttachmentDropzone.displayName =\n \"ComposerPrimitive.AttachmentDropzone\";\n"],"mappings":";;;;;;;AAyBA,MAAa,sCAAsC,YAGhD,EAAE,UAAU,UAAU,OAAO,QAAQ,UAAU,GAAG,QAAQ,QAAQ;CACnE,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,MAAM,OAAO;CAEnB,MAAM,yBAAyB,aAC5B,MAAuB;EACtB,IAAI,UAAU;EACd,EAAE,eAAe;EACjB,cAAc,IAAI;CACpB,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,wBAAwB,aAC3B,MAAuB;EACtB,IAAI,UAAU;EACd,EAAE,eAAe;EACjB,IAAI,CAAC,YAAY,cAAc,IAAI;CACrC,GACA,CAAC,UAAU,UAAU,CACvB;CAEA,MAAM,yBAAyB,aAC5B,MAAuB;EACtB,IAAI,UAAU;EACd,EAAE,eAAe;EACjB,MAAM,OAAO,EAAE;EACf,IAAI,QAAQ,EAAE,cAAc,SAAS,IAAI,GACvC;EAEF,cAAc,KAAK;CACrB,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,aAAa,YACjB,OAAO,MAAuB;EAC5B,IAAI,UAAU;EACd,EAAE,eAAe;EACjB,cAAc,KAAK;EACnB,MAAM,QAAQ,MAAM,KAAK,EAAE,aAAa,KAAK;EAC7C,MAAM,QAAQ,IACZ,MAAM,IAAI,OAAO,SAAS;GACxB,IAAI;IACF,MAAM,IAAI,SAAS,~~EAAE~~,cAAc,IAAI;GACzC,SAAS,OAAO;IACd,QAAQ,MAAM,6BAA6B,KAAK;GAClD;EACF,CAAC,CACH;CACF,GACA,CAAC,UAAU,GAAG,CAChB;CAEA,MAAM,cAAc;EAClB,GAAI,aAAa,EAAE,iBAAiB,OAAO,IAAI;EAC/C,GAAG;EACH,oBAAoB,qBAClB,KAAK,oBACL,sBACF;EACA,mBAAmB,qBACjB,KAAK,mBACL,qBACF;EACA,oBAAoB,qBAClB,KAAK,oBACL,sBACF;EACA,eAAe,qBAAqB,KAAK,eAAe,UAAU;EAClE;CACF;CAEA,IAAI,UAAU,eAAe,MAAM,GAAG;EACpC,MAAM,iBACJ,aAAa,KAAA,IACT,WACC,OAAO,MAAkC;EAChD,OACE,oBAAC,KAAK,MAAN;GAAW,GAAI;aACZ,aAAa,QAAQ,KAAA,GAAW,cAAiC;EACzD,CAAA;CAEf;CAGA,OAAO,oBADM,UAAU,KAAK,OAAO,OAC5B;EAAM,GAAI;EAAc;CAAe,CAAA;AAChD,CAAC;AAED,oCAAoC,cAClC"}
1	+ {"version":3,"file":"ComposerAttachmentDropzone.js","names":[],"sources":["../../../src/primitives/composer/ComposerAttachmentDropzone.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n forwardRef,\n useCallback,\n useState,\n type ReactElement,\n cloneElement,\n isValidElement,\n} from \"react\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Slot } from \"radix-ui\";\nimport type React from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\n\nexport namespace ComposerPrimitiveAttachmentDropzone {\n export type Element = HTMLDivElement;\n export type Props = React.HTMLAttributes<HTMLDivElement> & {\n asChild?: boolean \| undefined;\n render?: ReactElement \| undefined;\n disabled?: boolean \| undefined;\n };\n}\n\nexport const ComposerPrimitiveAttachmentDropzone = forwardRef<\n HTMLDivElement,\n ComposerPrimitiveAttachmentDropzone.Props\n>(({ disabled, asChild = false, render, children, ...rest }, ref) => {\n const [isDragging, setIsDragging] = useState(false);\n const aui = useAui();\n\n const handleDragEnterCapture = useCallback(\n (e: React.DragEvent) => {\n if (disabled) return;\n e.preventDefault();\n setIsDragging(true);\n },\n [disabled],\n );\n\n const handleDragOverCapture = useCallback(\n (e: React.DragEvent) => {\n if (disabled) return;\n e.preventDefault();\n if (!isDragging) setIsDragging(true);\n },\n [disabled, isDragging],\n );\n\n const handleDragLeaveCapture = useCallback(\n (e: React.DragEvent) => {\n if (disabled) return;\n e.preventDefault();\n const next = e.relatedTarget as Node \| null;\n if (next && e.currentTarget.contains(next)) {\n return;\n }\n setIsDragging(false);\n },\n [disabled],\n );\n\n const handleDrop = useCallback(\n async (e: React.DragEvent) => {\n if (disabled) return;\n e.preventDefault();\n setIsDragging(false);\n const files = Array.from(e.dataTransfer.files);\n await Promise.all(\n files.map(async (file) => {\n try {\n await aui.composer().addAttachment(file);\n } catch (error) {\n console.error(\"Failed to add attachment:\", error);\n }\n }),\n );\n },\n [disabled, aui],\n );\n\n const mergedProps = {\n ...(isDragging ? { \"data-dragging\": \"true\" } : null),\n ...rest,\n onDragEnterCapture: composeEventHandlers(\n rest.onDragEnterCapture,\n handleDragEnterCapture,\n ),\n onDragOverCapture: composeEventHandlers(\n rest.onDragOverCapture,\n handleDragOverCapture,\n ),\n onDragLeaveCapture: composeEventHandlers(\n rest.onDragLeaveCapture,\n handleDragLeaveCapture,\n ),\n onDropCapture: composeEventHandlers(rest.onDropCapture, handleDrop),\n ref,\n };\n\n if (render && isValidElement(render)) {\n const renderChildren =\n children !== undefined\n ? children\n : (render.props as Record<string, unknown>).children;\n return (\n <Slot.Root {...mergedProps}>\n {cloneElement(render, undefined, renderChildren as React.ReactNode)}\n </Slot.Root>\n );\n }\n\n const Comp = asChild ? Slot.Root : \"div\";\n return <Comp {...mergedProps}>{children}</Comp>;\n});\n\nComposerPrimitiveAttachmentDropzone.displayName =\n \"ComposerPrimitive.AttachmentDropzone\";\n"],"mappings":";;;;;;;AAyBA,MAAa,sCAAsC,YAGhD,EAAE,UAAU,UAAU,OAAO,QAAQ,UAAU,GAAG,QAAQ,QAAQ;CACnE,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,MAAM,OAAO;CAEnB,MAAM,yBAAyB,aAC5B,MAAuB;EACtB,IAAI,UAAU;EACd,EAAE,eAAe;EACjB,cAAc,IAAI;CACpB,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,wBAAwB,aAC3B,MAAuB;EACtB,IAAI,UAAU;EACd,EAAE,eAAe;EACjB,IAAI,CAAC,YAAY,cAAc,IAAI;CACrC,GACA,CAAC,UAAU,UAAU,CACvB;CAEA,MAAM,yBAAyB,aAC5B,MAAuB;EACtB,IAAI,UAAU;EACd,EAAE,eAAe;EACjB,MAAM,OAAO,EAAE;EACf,IAAI,QAAQ,EAAE,cAAc,SAAS,IAAI,GACvC;EAEF,cAAc,KAAK;CACrB,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,aAAa,YACjB,OAAO,MAAuB;EAC5B,IAAI,UAAU;EACd,EAAE,eAAe;EACjB,cAAc,KAAK;EACnB,MAAM,QAAQ,MAAM,KAAK,EAAE,aAAa,KAAK;EAC7C,MAAM,QAAQ,IACZ,MAAM,IAAI,OAAO,SAAS;GACxB,IAAI;IACF,MAAM,IAAI,SAAS,CAAC,CAAC,cAAc,IAAI;GACzC,SAAS,OAAO;IACd,QAAQ,MAAM,6BAA6B,KAAK;GAClD;EACF,CAAC,CACH;CACF,GACA,CAAC,UAAU,GAAG,CAChB;CAEA,MAAM,cAAc;EAClB,GAAI,aAAa,EAAE,iBAAiB,OAAO,IAAI;EAC/C,GAAG;EACH,oBAAoB,qBAClB,KAAK,oBACL,sBACF;EACA,mBAAmB,qBACjB,KAAK,mBACL,qBACF;EACA,oBAAoB,qBAClB,KAAK,oBACL,sBACF;EACA,eAAe,qBAAqB,KAAK,eAAe,UAAU;EAClE;CACF;CAEA,IAAI,UAAU,eAAe,MAAM,GAAG;EACpC,MAAM,iBACJ,aAAa,KAAA,IACT,WACC,OAAO,MAAkC;EAChD,OACE,oBAAC,KAAK,MAAN;GAAW,GAAI;aACZ,aAAa,QAAQ,KAAA,GAAW,cAAiC;EACzD,CAAA;CAEf;CAGA,OAAO,oBADM,UAAU,KAAK,OAAO,OAC5B;EAAM,GAAI;EAAc;CAAe,CAAA;AAChD,CAAC;AAED,oCAAoC,cAClC"}

package/dist/primitives/composer/ComposerDictationTranscript.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { useAuiState } from "@assistant-ui/store";
-import { forwardRef } from "react";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/composer/ComposerDictationTranscript.tsx
 /**

package/dist/primitives/composer/ComposerInput.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { useMediaQuery } from "../../utils/hooks/useMediaQuery.js";
 import { useComposerInputPluginRegistryOptional } from "./ComposerInputPluginContext.js";
 import { useTriggerPopoverActiveAriaOptional } from "./trigger/TriggerPopoverRootContext.js";
 import { useAui, useAuiState } from "@assistant-ui/store";
-import { cloneElement, forwardRef, isValidElement, useCallback, useEffect, useRef } from "react";
+import { cloneElement, forwardRef, isValidElement, useCallback, useEffect, useRef } 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";

package/dist/primitives/composer/ComposerInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComposerInput.js","names":[],"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Slot } from \"radix-ui\";\nimport {\n type ClipboardEvent,\n type KeyboardEvent,\n type ReactElement,\n type ReactNode,\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n cloneElement,\n isValidElement,\n} from \"react\";\nimport TextareaAutosize, {\n type TextareaAutosizeProps,\n} from \"react-textarea-autosize\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useMediaQuery } from \"../../utils/hooks/useMediaQuery\";\nimport { useAuiState, useAui } from \"@assistant-ui/store\";\nimport { flushResourcesSync } from \"@assistant-ui/tap\";\nimport { useComposerInputPluginRegistryOptional } from \"./ComposerInputPluginContext\";\nimport { useTriggerPopoverActiveAriaOptional } from \"./trigger/TriggerPopoverRootContext\";\n\nconst TOUCH_PRIMARY_QUERY = \"(pointer: coarse) and (not (any-pointer: fine))\";\n\nexport namespace ComposerPrimitiveInput {\n export type Element = HTMLTextAreaElement;\n\n type BaseProps = {\n /*\n Whether to render as a child component using Slot.\n * When true, the component will merge its props with its child.\n /\n asChild?: boolean \| undefined;\n /\n A React element to use as the input container, with props merged in.\n /\n render?: ReactElement \| undefined;\n /\n Whether to cancel message composition when Escape is pressed.\n * @default true\n /\n cancelOnEscape?: boolean \| undefined;\n /\n Whether to automatically focus the input when a new run starts.\n * @default true\n /\n unstable_focusOnRunStart?: boolean \| undefined;\n /\n Whether to automatically focus the input when scrolling to bottom.\n * @default true\n /\n unstable_focusOnScrollToBottom?: boolean \| undefined;\n /\n Whether to automatically focus the input when switching threads.\n * @default true\n /\n unstable_focusOnThreadSwitched?: boolean \| undefined;\n /\n Whether plain Enter on a touch-primary device should insert a newline\n * instead of submitting, detected via\n * `(pointer: coarse) and (not (any-pointer: fine))`. Only takes effect\n * when `submitMode` resolves to `\"enter\"`.\n * @default false\n /\n unstable_insertNewlineOnTouchEnter?: boolean \| undefined;\n /\n Whether to automatically add pasted files as attachments.\n * @default true\n /\n addAttachmentOnPaste?: boolean \| undefined;\n };\n\n type SubmitModeProps =\n \| {\n /\n Controls how the Enter key submits messages.\n * - \"enter\": Plain Enter submits (Shift+Enter for newline)\n * - \"ctrlEnter\": Ctrl/Cmd+Enter submits (plain Enter for newline)\n * - \"none\": Keyboard submission disabled\n * @default \"enter\"\n /\n submitMode?: \"enter\" \| \"ctrlEnter\" \| \"none\" \| undefined;\n /\n @deprecated Use `submitMode` instead\n * @ignore\n /\n submitOnEnter?: never;\n }\n \| {\n submitMode?: never;\n /\n Whether to submit the message when Enter is pressed (without Shift).\n * @default true\n * @deprecated Use `submitMode` instead. Will be removed in a future version.\n /\n submitOnEnter?: boolean \| undefined;\n };\n\n export type Props = TextareaAutosizeProps & BaseProps & SubmitModeProps;\n}\n\n/\n A text input component for composing messages.\n \n This component provides a rich text input experience with automatic resizing,\n * keyboard shortcuts, file paste support, and intelligent focus management.\n * It integrates with the composer context to manage message state and submission.\n \n When rendered inside `Unstable_TriggerPopoverRoot` and a popover is open, the\n * underlying `<textarea>` automatically receives `aria-controls`,\n * `aria-expanded`, `aria-haspopup`, and `aria-activedescendant` for the\n * combobox relationship. These computed attributes override user-provided\n * values for those four ARIA props while the popover is open.\n \n @example\n * ```tsx\n * // Ctrl/Cmd+Enter to submit (plain Enter inserts newline)\n * <ComposerPrimitive.Input\n * placeholder=\"Type your message...\"\n * submitMode=\"ctrlEnter\"\n * />\n \n // Insert a newline on Enter on touch-primary devices.\n * <ComposerPrimitive.Input\n * placeholder=\"Type your message...\"\n * unstable_insertNewlineOnTouchEnter\n * />\n \n // Old API (deprecated, still supported)\n * <ComposerPrimitive.Input\n * placeholder=\"Type your message...\"\n * submitOnEnter={true}\n * />\n * ```\n */\nexport const ComposerPrimitiveInput = forwardRef<\n ComposerPrimitiveInput.Element,\n ComposerPrimitiveInput.Props\n>(\n (\n {\n autoFocus = false,\n asChild,\n render,\n disabled: disabledProp,\n onChange,\n onKeyDown,\n onPaste,\n onSelect,\n submitOnEnter,\n submitMode,\n cancelOnEscape = true,\n unstable_focusOnRunStart = true,\n unstable_focusOnScrollToBottom = true,\n unstable_focusOnThreadSwitched = true,\n unstable_insertNewlineOnTouchEnter = false,\n addAttachmentOnPaste = true,\n ...rest\n },\n forwardedRef,\n ) => {\n const aui = useAui();\n const pluginRegistry = useComposerInputPluginRegistryOptional();\n const activeAria = useTriggerPopoverActiveAriaOptional();\n\n const declaredSubmitMode =\n submitMode ?? (submitOnEnter === false ? \"none\" : \"enter\");\n const isTouchPrimary = useMediaQuery(\n unstable_insertNewlineOnTouchEnter ? TOUCH_PRIMARY_QUERY : null,\n );\n const effectiveSubmitMode =\n unstable_insertNewlineOnTouchEnter &&\n isTouchPrimary &&\n declaredSubmitMode === \"enter\"\n ? \"none\"\n : declaredSubmitMode;\n\n const value = useAuiState((s) => {\n if (!s.composer.isEditing) return \"\";\n return s.composer.text;\n });\n\n const isDisabled =\n useAuiState(\n (s) => s.thread.isDisabled \|\| s.composer.dictation?.inputDisabled,\n ) \|\| disabledProp;\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n const ref = useComposedRefs(forwardedRef, textareaRef);\n // suppress text/cursor broadcasts during IME composition\n const compositionRef = useRef(false);\n\n useEscapeKeydown((e) => {\n // Only handle ESC if it originated from within this input\n if (!textareaRef.current?.contains(e.target as Node)) return;\n\n // Let registered plugins (mention, slash command, etc.) handle Escape first\n if (pluginRegistry) {\n for (const plugin of pluginRegistry.getPlugins()) {\n if (plugin.handleKeyDown(e)) return;\n }\n }\n\n if (!cancelOnEscape) return;\n\n const composer = aui.composer();\n if (composer.getState().canCancel) {\n composer.cancel();\n e.preventDefault();\n }\n });\n\n const handleKeyPress = (e: KeyboardEvent) => {\n if (isDisabled) return;\n\n // ignore IME composition events\n if (e.nativeEvent.isComposing) return;\n\n // Let registered plugins (mention, slash command, etc.) handle keyboard events first\n if (pluginRegistry) {\n for (const plugin of pluginRegistry.getPlugins()) {\n if (plugin.handleKeyDown(e)) return;\n }\n }\n\n if (e.key === \"Enter\") {\n const threadState = aui.thread().getState();\n const hasQueue = threadState.capabilities.queue;\n\n // Steer hotkey: Cmd/Ctrl+Shift+Enter (respects submitMode=\"none\" and canSend)\n if (\n e.shiftKey &&\n (e.ctrlKey \|\| e.metaKey) &&\n hasQueue &&\n declaredSubmitMode !== \"none\" &&\n aui.composer().getState().canSend\n ) {\n e.preventDefault();\n aui.composer().send({ steer: true });\n return;\n }\n\n // Regular newline: Shift+Enter\n if (e.shiftKey) return;\n\n // Block submission when running unless queue is supported\n if (threadState.isRunning && !hasQueue) return;\n\n let shouldSubmit = false;\n if (effectiveSubmitMode === \"ctrlEnter\") {\n shouldSubmit = e.ctrlKey \|\| e.metaKey;\n } else if (effectiveSubmitMode === \"enter\") {\n shouldSubmit = true;\n }\n\n if (shouldSubmit) {\n e.preventDefault();\n textareaRef.current?.closest(\"form\")?.requestSubmit();\n }\n }\n };\n\n const handlePaste = async (e: ClipboardEvent<HTMLTextAreaElement>) => {\n if (!addAttachmentOnPaste) return;\n const threadCapabilities = aui.thread().getState().capabilities;\n const files = Array.from(e.clipboardData?.files \|\| []);\n\n if (threadCapabilities.attachments && files.length > 0) {\n try {\n e.preventDefault();\n await Promise.all(\n files.map((file) => aui.composer().addAttachment(file)),\n );\n } catch (error) {\n console.error(\"Error adding attachment:\", error);\n }\n }\n };\n\n const autoFocusEnabled = autoFocus && !isDisabled;\n const focus = useCallback(() => {\n const textarea = textareaRef.current;\n if (!textarea \|\| !autoFocusEnabled) return;\n\n textarea.focus({ preventScroll: true });\n textarea.setSelectionRange(textarea.value.length, textarea.value.length);\n }, [autoFocusEnabled]);\n\n useEffect(() => focus(), [focus]);\n\n useOnScrollToBottom(() => {\n if (\n aui.composer().getState().type === \"thread\" &&\n unstable_focusOnScrollToBottom\n ) {\n focus();\n }\n });\n\n useEffect(() => {\n if (\n aui.composer().getState().type !== \"thread\" \|\|\n !unstable_focusOnRunStart\n )\n return undefined;\n\n return aui.on(\"thread.runStart\", focus);\n }, [unstable_focusOnRunStart, focus, aui]);\n\n useEffect(() => {\n if (\n aui.composer().getState().type !== \"thread\" \|\|\n !unstable_focusOnThreadSwitched\n )\n return undefined;\n\n return aui.on(\"threadListItem.switchedTo\", focus);\n }, [unstable_focusOnThreadSwitched, focus, aui]);\n\n const ariaComboboxProps = activeAria\n ? {\n \"aria-controls\": activeAria.popoverId,\n \"aria-expanded\": true as const,\n \"aria-haspopup\": \"listbox\" as const,\n \"aria-activedescendant\": activeAria.highlightedItemId,\n }\n : {};\n\n const inputProps = {\n name: \"input\" as const,\n value,\n ...rest,\n ...ariaComboboxProps,\n ref: ref as React.ForwardedRef<HTMLTextAreaElement>,\n disabled: isDisabled,\n onChange: composeEventHandlers(\n onChange,\n (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n if (!aui.composer().getState().isEditing) return;\n const nativeIsComposing =\n (e.nativeEvent as { isComposing?: boolean }).isComposing === true;\n // recover stuck compositionRef when the browser drops compositionend\n if (compositionRef.current && !nativeIsComposing) {\n compositionRef.current = false;\n }\n const isComposing = nativeIsComposing \|\| compositionRef.current;\n // keep controlled value in sync mid-IME so react does not reset the textarea to a stale value\n flushResourcesSync(() => {\n aui.composer().setText(e.target.value);\n });\n if (isComposing) return;\n const pos = e.target.selectionStart ?? e.target.value.length;\n if (pluginRegistry) {\n for (const plugin of pluginRegistry.getPlugins()) {\n plugin.setCursorPosition(pos);\n }\n }\n },\n ),\n onKeyDown: composeEventHandlers(onKeyDown, handleKeyPress),\n onCompositionStart: composeEventHandlers(\n (rest as { onCompositionStart?: React.CompositionEventHandler })\n .onCompositionStart,\n () => {\n compositionRef.current = true;\n },\n ),\n onCompositionEnd: composeEventHandlers(\n (rest as { onCompositionEnd?: React.CompositionEventHandler })\n .onCompositionEnd,\n (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n compositionRef.current = false;\n if (!aui.composer().getState().isEditing) return;\n const target = e.target as HTMLTextAreaElement;\n flushResourcesSync(() => {\n aui.composer().setText(target.value);\n });\n const pos = target.selectionStart ?? target.value.length;\n if (pluginRegistry) {\n for (const plugin of pluginRegistry.getPlugins()) {\n plugin.setCursorPosition(pos);\n }\n }\n },\n ),\n onSelect: composeEventHandlers(\n onSelect,\n (e: React.SyntheticEvent<HTMLTextAreaElement>) => {\n if (compositionRef.current) return;\n const target = e.target as HTMLTextAreaElement;\n const pos = target.selectionStart ?? target.value.length;\n if (pluginRegistry) {\n for (const plugin of pluginRegistry.getPlugins()) {\n plugin.setCursorPosition(pos);\n }\n }\n },\n ),\n onPaste: composeEventHandlers(onPaste, handlePaste),\n };\n\n if (render && isValidElement(render)) {\n const renderChildren =\n (rest as any).children !== undefined\n ? ((rest as any).children as ReactNode)\n : ((render.props as Record<string, unknown>).children as ReactNode);\n return (\n <Slot.Root {...inputProps}>\n {cloneElement(render, undefined, renderChildren)}\n </Slot.Root>\n );\n }\n\n const Component = asChild ? Slot.Root : TextareaAutosize;\n return <Component {...inputProps} />;\n },\n);\n\nComposerPrimitiveInput.displayName = \"ComposerPrimitive.Input\";\n"],"mappings":"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"}
1	+ {"version":3,"file":"ComposerInput.js","names":[],"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Slot } from \"radix-ui\";\nimport {\n type ClipboardEvent,\n type KeyboardEvent,\n type ReactElement,\n type ReactNode,\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n cloneElement,\n isValidElement,\n} from \"react\";\nimport TextareaAutosize, {\n type TextareaAutosizeProps,\n} from \"react-textarea-autosize\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useMediaQuery } from \"../../utils/hooks/useMediaQuery\";\nimport { useAuiState, useAui } from \"@assistant-ui/store\";\nimport { flushResourcesSync } from \"@assistant-ui/tap\";\nimport { useComposerInputPluginRegistryOptional } from \"./ComposerInputPluginContext\";\nimport { useTriggerPopoverActiveAriaOptional } from \"./trigger/TriggerPopoverRootContext\";\n\nconst TOUCH_PRIMARY_QUERY = \"(pointer: coarse) and (not (any-pointer: fine))\";\n\nexport namespace ComposerPrimitiveInput {\n export type Element = HTMLTextAreaElement;\n\n type BaseProps = {\n /*\n Whether to render as a child component using Slot.\n * When true, the component will merge its props with its child.\n /\n asChild?: boolean \| undefined;\n /\n A React element to use as the input container, with props merged in.\n /\n render?: ReactElement \| undefined;\n /\n Whether to cancel message composition when Escape is pressed.\n * @default true\n /\n cancelOnEscape?: boolean \| undefined;\n /\n Whether to automatically focus the input when a new run starts.\n * @default true\n /\n unstable_focusOnRunStart?: boolean \| undefined;\n /\n Whether to automatically focus the input when scrolling to bottom.\n * @default true\n /\n unstable_focusOnScrollToBottom?: boolean \| undefined;\n /\n Whether to automatically focus the input when switching threads.\n * @default true\n /\n unstable_focusOnThreadSwitched?: boolean \| undefined;\n /\n Whether plain Enter on a touch-primary device should insert a newline\n * instead of submitting, detected via\n * `(pointer: coarse) and (not (any-pointer: fine))`. Only takes effect\n * when `submitMode` resolves to `\"enter\"`.\n * @default false\n /\n unstable_insertNewlineOnTouchEnter?: boolean \| undefined;\n /\n Whether to automatically add pasted files as attachments.\n * @default true\n /\n addAttachmentOnPaste?: boolean \| undefined;\n };\n\n type SubmitModeProps =\n \| {\n /\n Controls how the Enter key submits messages.\n * - \"enter\": Plain Enter submits (Shift+Enter for newline)\n * - \"ctrlEnter\": Ctrl/Cmd+Enter submits (plain Enter for newline)\n * - \"none\": Keyboard submission disabled\n * @default \"enter\"\n /\n submitMode?: \"enter\" \| \"ctrlEnter\" \| \"none\" \| undefined;\n /\n @deprecated Use `submitMode` instead\n * @ignore\n /\n submitOnEnter?: never;\n }\n \| {\n submitMode?: never;\n /\n Whether to submit the message when Enter is pressed (without Shift).\n * @default true\n * @deprecated Use `submitMode` instead. Will be removed in a future version.\n /\n submitOnEnter?: boolean \| undefined;\n };\n\n export type Props = TextareaAutosizeProps & BaseProps & SubmitModeProps;\n}\n\n/\n A text input component for composing messages.\n \n This component provides a rich text input experience with automatic resizing,\n * keyboard shortcuts, file paste support, and intelligent focus management.\n * It integrates with the composer context to manage message state and submission.\n \n When rendered inside `Unstable_TriggerPopoverRoot` and a popover is open, the\n * underlying `<textarea>` automatically receives `aria-controls`,\n * `aria-expanded`, `aria-haspopup`, and `aria-activedescendant` for the\n * combobox relationship. These computed attributes override user-provided\n * values for those four ARIA props while the popover is open.\n \n @example\n * ```tsx\n * // Ctrl/Cmd+Enter to submit (plain Enter inserts newline)\n * <ComposerPrimitive.Input\n * placeholder=\"Type your message...\"\n * submitMode=\"ctrlEnter\"\n * />\n \n // Insert a newline on Enter on touch-primary devices.\n * <ComposerPrimitive.Input\n * placeholder=\"Type your message...\"\n * unstable_insertNewlineOnTouchEnter\n * />\n \n // Old API (deprecated, still supported)\n * <ComposerPrimitive.Input\n * placeholder=\"Type your message...\"\n * submitOnEnter={true}\n * />\n * ```\n */\nexport const ComposerPrimitiveInput = forwardRef<\n ComposerPrimitiveInput.Element,\n ComposerPrimitiveInput.Props\n>(\n (\n {\n autoFocus = false,\n asChild,\n render,\n disabled: disabledProp,\n onChange,\n onKeyDown,\n onPaste,\n onSelect,\n submitOnEnter,\n submitMode,\n cancelOnEscape = true,\n unstable_focusOnRunStart = true,\n unstable_focusOnScrollToBottom = true,\n unstable_focusOnThreadSwitched = true,\n unstable_insertNewlineOnTouchEnter = false,\n addAttachmentOnPaste = true,\n ...rest\n },\n forwardedRef,\n ) => {\n const aui = useAui();\n const pluginRegistry = useComposerInputPluginRegistryOptional();\n const activeAria = useTriggerPopoverActiveAriaOptional();\n\n const declaredSubmitMode =\n submitMode ?? (submitOnEnter === false ? \"none\" : \"enter\");\n const isTouchPrimary = useMediaQuery(\n unstable_insertNewlineOnTouchEnter ? TOUCH_PRIMARY_QUERY : null,\n );\n const effectiveSubmitMode =\n unstable_insertNewlineOnTouchEnter &&\n isTouchPrimary &&\n declaredSubmitMode === \"enter\"\n ? \"none\"\n : declaredSubmitMode;\n\n const value = useAuiState((s) => {\n if (!s.composer.isEditing) return \"\";\n return s.composer.text;\n });\n\n const isDisabled =\n useAuiState(\n (s) => s.thread.isDisabled \|\| s.composer.dictation?.inputDisabled,\n ) \|\| disabledProp;\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n const ref = useComposedRefs(forwardedRef, textareaRef);\n // suppress text/cursor broadcasts during IME composition\n const compositionRef = useRef(false);\n\n useEscapeKeydown((e) => {\n // Only handle ESC if it originated from within this input\n if (!textareaRef.current?.contains(e.target as Node)) return;\n\n // Let registered plugins (mention, slash command, etc.) handle Escape first\n if (pluginRegistry) {\n for (const plugin of pluginRegistry.getPlugins()) {\n if (plugin.handleKeyDown(e)) return;\n }\n }\n\n if (!cancelOnEscape) return;\n\n const composer = aui.composer();\n if (composer.getState().canCancel) {\n composer.cancel();\n e.preventDefault();\n }\n });\n\n const handleKeyPress = (e: KeyboardEvent) => {\n if (isDisabled) return;\n\n // ignore IME composition events\n if (e.nativeEvent.isComposing) return;\n\n // Let registered plugins (mention, slash command, etc.) handle keyboard events first\n if (pluginRegistry) {\n for (const plugin of pluginRegistry.getPlugins()) {\n if (plugin.handleKeyDown(e)) return;\n }\n }\n\n if (e.key === \"Enter\") {\n const threadState = aui.thread().getState();\n const hasQueue = threadState.capabilities.queue;\n\n // Steer hotkey: Cmd/Ctrl+Shift+Enter (respects submitMode=\"none\" and canSend)\n if (\n e.shiftKey &&\n (e.ctrlKey \|\| e.metaKey) &&\n hasQueue &&\n declaredSubmitMode !== \"none\" &&\n aui.composer().getState().canSend\n ) {\n e.preventDefault();\n aui.composer().send({ steer: true });\n return;\n }\n\n // Regular newline: Shift+Enter\n if (e.shiftKey) return;\n\n // Block submission when running unless queue is supported\n if (threadState.isRunning && !hasQueue) return;\n\n let shouldSubmit = false;\n if (effectiveSubmitMode === \"ctrlEnter\") {\n shouldSubmit = e.ctrlKey \|\| e.metaKey;\n } else if (effectiveSubmitMode === \"enter\") {\n shouldSubmit = true;\n }\n\n if (shouldSubmit) {\n e.preventDefault();\n textareaRef.current?.closest(\"form\")?.requestSubmit();\n }\n }\n };\n\n const handlePaste = async (e: ClipboardEvent<HTMLTextAreaElement>) => {\n if (!addAttachmentOnPaste) return;\n const threadCapabilities = aui.thread().getState().capabilities;\n const files = Array.from(e.clipboardData?.files \|\| []);\n\n if (threadCapabilities.attachments && files.length > 0) {\n try {\n e.preventDefault();\n await Promise.all(\n files.map((file) => aui.composer().addAttachment(file)),\n );\n } catch (error) {\n console.error(\"Error adding attachment:\", error);\n }\n }\n };\n\n const autoFocusEnabled = autoFocus && !isDisabled;\n const focus = useCallback(() => {\n const textarea = textareaRef.current;\n if (!textarea \|\| !autoFocusEnabled) return;\n\n textarea.focus({ preventScroll: true });\n textarea.setSelectionRange(textarea.value.length, textarea.value.length);\n }, [autoFocusEnabled]);\n\n useEffect(() => focus(), [focus]);\n\n useOnScrollToBottom(() => {\n if (\n aui.composer().getState().type === \"thread\" &&\n unstable_focusOnScrollToBottom\n ) {\n focus();\n }\n });\n\n useEffect(() => {\n if (\n aui.composer().getState().type !== \"thread\" \|\|\n !unstable_focusOnRunStart\n )\n return undefined;\n\n return aui.on(\"thread.runStart\", focus);\n }, [unstable_focusOnRunStart, focus, aui]);\n\n useEffect(() => {\n if (\n aui.composer().getState().type !== \"thread\" \|\|\n !unstable_focusOnThreadSwitched\n )\n return undefined;\n\n return aui.on(\"threadListItem.switchedTo\", focus);\n }, [unstable_focusOnThreadSwitched, focus, aui]);\n\n const ariaComboboxProps = activeAria\n ? {\n \"aria-controls\": activeAria.popoverId,\n \"aria-expanded\": true as const,\n \"aria-haspopup\": \"listbox\" as const,\n \"aria-activedescendant\": activeAria.highlightedItemId,\n }\n : {};\n\n const inputProps = {\n name: \"input\" as const,\n value,\n ...rest,\n ...ariaComboboxProps,\n ref: ref as React.ForwardedRef<HTMLTextAreaElement>,\n disabled: isDisabled,\n onChange: composeEventHandlers(\n onChange,\n (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n if (!aui.composer().getState().isEditing) return;\n const nativeIsComposing =\n (e.nativeEvent as { isComposing?: boolean }).isComposing === true;\n // recover stuck compositionRef when the browser drops compositionend\n if (compositionRef.current && !nativeIsComposing) {\n compositionRef.current = false;\n }\n const isComposing = nativeIsComposing \|\| compositionRef.current;\n // keep controlled value in sync mid-IME so react does not reset the textarea to a stale value\n flushResourcesSync(() => {\n aui.composer().setText(e.target.value);\n });\n if (isComposing) return;\n const pos = e.target.selectionStart ?? e.target.value.length;\n if (pluginRegistry) {\n for (const plugin of pluginRegistry.getPlugins()) {\n plugin.setCursorPosition(pos);\n }\n }\n },\n ),\n onKeyDown: composeEventHandlers(onKeyDown, handleKeyPress),\n onCompositionStart: composeEventHandlers(\n (rest as { onCompositionStart?: React.CompositionEventHandler })\n .onCompositionStart,\n () => {\n compositionRef.current = true;\n },\n ),\n onCompositionEnd: composeEventHandlers(\n (rest as { onCompositionEnd?: React.CompositionEventHandler })\n .onCompositionEnd,\n (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n compositionRef.current = false;\n if (!aui.composer().getState().isEditing) return;\n const target = e.target as HTMLTextAreaElement;\n flushResourcesSync(() => {\n aui.composer().setText(target.value);\n });\n const pos = target.selectionStart ?? target.value.length;\n if (pluginRegistry) {\n for (const plugin of pluginRegistry.getPlugins()) {\n plugin.setCursorPosition(pos);\n }\n }\n },\n ),\n onSelect: composeEventHandlers(\n onSelect,\n (e: React.SyntheticEvent<HTMLTextAreaElement>) => {\n if (compositionRef.current) return;\n const target = e.target as HTMLTextAreaElement;\n const pos = target.selectionStart ?? target.value.length;\n if (pluginRegistry) {\n for (const plugin of pluginRegistry.getPlugins()) {\n plugin.setCursorPosition(pos);\n }\n }\n },\n ),\n onPaste: composeEventHandlers(onPaste, handlePaste),\n };\n\n if (render && isValidElement(render)) {\n const renderChildren =\n (rest as any).children !== undefined\n ? ((rest as any).children as ReactNode)\n : ((render.props as Record<string, unknown>).children as ReactNode);\n return (\n <Slot.Root {...inputProps}>\n {cloneElement(render, undefined, renderChildren)}\n </Slot.Root>\n );\n }\n\n const Component = asChild ? Slot.Root : TextareaAutosize;\n return <Component {...inputProps} />;\n },\n);\n\nComposerPrimitiveInput.displayName = \"ComposerPrimitive.Input\";\n"],"mappings":"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"}

package/dist/primitives/composer/ComposerInputPluginContext.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use client";
-import { createContext, useCallback, useContext, useMemo, useRef } from "react";
+import { createContext, useCallback, useContext, useMemo, useRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/composer/ComposerInputPluginContext.tsx
 const ComposerInputPluginRegistryContext = createContext(null);

package/dist/primitives/composer/ComposerQuote.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { useAui, useAuiState } from "@assistant-ui/store";
-import { forwardRef, useCallback } from "react";
+import { forwardRef, useCallback } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";
 //#region src/primitives/composer/ComposerQuote.tsx

package/dist/primitives/composer/ComposerQuote.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComposerQuote.js","names":[],"sources":["../../../src/primitives/composer/ComposerQuote.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n type ComponentRef,\n type ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n} from \"react\";\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\n// ---- Root ----\n\nexport namespace ComposerPrimitiveQuote {\n export type Element = ComponentRef<typeof Primitive.div>;\n export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/*\n Renders a container for the quoted text preview in the composer.\n * Only renders when a quote is set.\n \n @example\n * ```tsx\n * <ComposerPrimitive.Quote>\n * <ComposerPrimitive.QuoteText />\n * <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>\n * </ComposerPrimitive.Quote>\n * ```\n /\nexport const ComposerPrimitiveQuote = forwardRef<\n ComposerPrimitiveQuote.Element,\n ComposerPrimitiveQuote.Props\n>((props, forwardedRef) => {\n const quote = useAuiState((s) => s.composer.quote);\n if (!quote) return null;\n\n return <Primitive.div {...props} ref={forwardedRef} />;\n});\n\nComposerPrimitiveQuote.displayName = \"ComposerPrimitive.Quote\";\n\n// ---- QuoteText ----\n\nexport namespace ComposerPrimitiveQuoteText {\n export type Element = ComponentRef<typeof Primitive.span>;\n export type Props = ComponentPropsWithoutRef<typeof Primitive.span>;\n}\n\n/\n Renders the quoted text content.\n \n @example\n * ```tsx\n * <ComposerPrimitive.QuoteText />\n * ```\n /\nexport const ComposerPrimitiveQuoteText = forwardRef<\n ComposerPrimitiveQuoteText.Element,\n ComposerPrimitiveQuoteText.Props\n>(({ children, ...props }, forwardedRef) => {\n const text = useAuiState((s) => s.composer.quote?.text);\n if (!text) return null;\n\n return (\n <Primitive.span {...props} ref={forwardedRef}>\n {children ?? text}\n </Primitive.span>\n );\n});\n\nComposerPrimitiveQuoteText.displayName = \"ComposerPrimitive.QuoteText\";\n\n// ---- QuoteDismiss ----\n\nexport namespace ComposerPrimitiveQuoteDismiss {\n export type Element = ComponentRef<typeof Primitive.button>;\n export type Props = ComponentPropsWithoutRef<typeof Primitive.button>;\n}\n\n/\n A button that clears the current quote from the composer.\n \n @example\n * ```tsx\n * <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>\n * ```\n */\nexport const ComposerPrimitiveQuoteDismiss = forwardRef<\n ComposerPrimitiveQuoteDismiss.Element,\n ComposerPrimitiveQuoteDismiss.Props\n>(({ onClick, ...props }, forwardedRef) => {\n const aui = useAui();\n const handleDismiss = useCallback(() => {\n aui.composer().setQuote(undefined);\n }, [aui]);\n\n return (\n <Primitive.button\n type=\"button\"\n {...props}\n ref={forwardedRef}\n onClick={composeEventHandlers(onClick, handleDismiss)}\n />\n );\n});\n\nComposerPrimitiveQuoteDismiss.displayName = \"ComposerPrimitive.QuoteDismiss\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA+BA,MAAa,yBAAyB,YAGnC,OAAO,iBAAiB;CAEzB,IAAI,CADU,aAAa,MAAM,EAAE,SAAS,KACnC,GAAG,OAAO;CAEnB,OAAO,oBAAC,UAAU,KAAX;EAAe,GAAI;EAAO,KAAK;CAAe,CAAA;AACvD,CAAC;AAED,uBAAuB,cAAc;;;;;;;;;AAiBrC,MAAa,6BAA6B,YAGvC,EAAE,UAAU,GAAG,SAAS,iBAAiB;CAC1C,MAAM,OAAO,aAAa,MAAM,EAAE,SAAS,OAAO,IAAI;CACtD,IAAI,CAAC,MAAM,OAAO;CAElB,OACE,oBAAC,UAAU,MAAX;EAAgB,GAAI;EAAO,KAAK;YAC7B,YAAY;CACC,CAAA;AAEpB,CAAC;AAED,2BAA2B,cAAc;;;;;;;;;AAiBzC,MAAa,gCAAgC,YAG1C,EAAE,SAAS,GAAG,SAAS,iBAAiB;CACzC,MAAM,MAAM,OAAO;CACnB,MAAM,gBAAgB,kBAAkB;EACtC,IAAI,SAAS,~~EAAE~~,SAAS,KAAA,CAAS;CACnC,GAAG,CAAC,GAAG,CAAC;CAER,OACE,oBAAC,UAAU,QAAX;EACE,MAAK;EACL,GAAI;EACJ,KAAK;EACL,SAAS,qBAAqB,SAAS,aAAa;CACrD,CAAA;AAEL,CAAC;AAED,8BAA8B,cAAc"}
1	+ {"version":3,"file":"ComposerQuote.js","names":[],"sources":["../../../src/primitives/composer/ComposerQuote.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n type ComponentRef,\n type ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n} from \"react\";\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\n// ---- Root ----\n\nexport namespace ComposerPrimitiveQuote {\n export type Element = ComponentRef<typeof Primitive.div>;\n export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/*\n Renders a container for the quoted text preview in the composer.\n * Only renders when a quote is set.\n \n @example\n * ```tsx\n * <ComposerPrimitive.Quote>\n * <ComposerPrimitive.QuoteText />\n * <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>\n * </ComposerPrimitive.Quote>\n * ```\n /\nexport const ComposerPrimitiveQuote = forwardRef<\n ComposerPrimitiveQuote.Element,\n ComposerPrimitiveQuote.Props\n>((props, forwardedRef) => {\n const quote = useAuiState((s) => s.composer.quote);\n if (!quote) return null;\n\n return <Primitive.div {...props} ref={forwardedRef} />;\n});\n\nComposerPrimitiveQuote.displayName = \"ComposerPrimitive.Quote\";\n\n// ---- QuoteText ----\n\nexport namespace ComposerPrimitiveQuoteText {\n export type Element = ComponentRef<typeof Primitive.span>;\n export type Props = ComponentPropsWithoutRef<typeof Primitive.span>;\n}\n\n/\n Renders the quoted text content.\n \n @example\n * ```tsx\n * <ComposerPrimitive.QuoteText />\n * ```\n /\nexport const ComposerPrimitiveQuoteText = forwardRef<\n ComposerPrimitiveQuoteText.Element,\n ComposerPrimitiveQuoteText.Props\n>(({ children, ...props }, forwardedRef) => {\n const text = useAuiState((s) => s.composer.quote?.text);\n if (!text) return null;\n\n return (\n <Primitive.span {...props} ref={forwardedRef}>\n {children ?? text}\n </Primitive.span>\n );\n});\n\nComposerPrimitiveQuoteText.displayName = \"ComposerPrimitive.QuoteText\";\n\n// ---- QuoteDismiss ----\n\nexport namespace ComposerPrimitiveQuoteDismiss {\n export type Element = ComponentRef<typeof Primitive.button>;\n export type Props = ComponentPropsWithoutRef<typeof Primitive.button>;\n}\n\n/\n A button that clears the current quote from the composer.\n \n @example\n * ```tsx\n * <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>\n * ```\n */\nexport const ComposerPrimitiveQuoteDismiss = forwardRef<\n ComposerPrimitiveQuoteDismiss.Element,\n ComposerPrimitiveQuoteDismiss.Props\n>(({ onClick, ...props }, forwardedRef) => {\n const aui = useAui();\n const handleDismiss = useCallback(() => {\n aui.composer().setQuote(undefined);\n }, [aui]);\n\n return (\n <Primitive.button\n type=\"button\"\n {...props}\n ref={forwardedRef}\n onClick={composeEventHandlers(onClick, handleDismiss)}\n />\n );\n});\n\nComposerPrimitiveQuoteDismiss.displayName = \"ComposerPrimitive.QuoteDismiss\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA+BA,MAAa,yBAAyB,YAGnC,OAAO,iBAAiB;CAEzB,IAAI,CADU,aAAa,MAAM,EAAE,SAAS,KACnC,GAAG,OAAO;CAEnB,OAAO,oBAAC,UAAU,KAAX;EAAe,GAAI;EAAO,KAAK;CAAe,CAAA;AACvD,CAAC;AAED,uBAAuB,cAAc;;;;;;;;;AAiBrC,MAAa,6BAA6B,YAGvC,EAAE,UAAU,GAAG,SAAS,iBAAiB;CAC1C,MAAM,OAAO,aAAa,MAAM,EAAE,SAAS,OAAO,IAAI;CACtD,IAAI,CAAC,MAAM,OAAO;CAElB,OACE,oBAAC,UAAU,MAAX;EAAgB,GAAI;EAAO,KAAK;YAC7B,YAAY;CACC,CAAA;AAEpB,CAAC;AAED,2BAA2B,cAAc;;;;;;;;;AAiBzC,MAAa,gCAAgC,YAG1C,EAAE,SAAS,GAAG,SAAS,iBAAiB;CACzC,MAAM,MAAM,OAAO;CACnB,MAAM,gBAAgB,kBAAkB;EACtC,IAAI,SAAS,CAAC,CAAC,SAAS,KAAA,CAAS;CACnC,GAAG,CAAC,GAAG,CAAC;CAER,OACE,oBAAC,UAAU,QAAX;EACE,MAAK;EACL,GAAI;EACJ,KAAK;EACL,SAAS,qBAAqB,SAAS,aAAa;CACrD,CAAA;AAEL,CAAC;AAED,8BAA8B,cAAc"}

package/dist/primitives/composer/ComposerRoot.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { useComposerSend } from "./ComposerSend.js";
-import { forwardRef } from "react";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";
 //#region src/primitives/composer/ComposerRoot.tsx

package/dist/primitives/composer/ComposerSend.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
 import { useComposerSend as useComposerSend$1 } from "@assistant-ui/core/react";
-import { useCallback } from "react";
+import { useCallback } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/composer/ComposerSend.ts
 const useComposerSend = () => {
 	const { disabled, send } = useComposerSend$1();

package/dist/primitives/composer/ComposerStopDictation.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
 import { useAui, useAuiState } from "@assistant-ui/store";
-import { useCallback } from "react";
+import { useCallback } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/composer/ComposerStopDictation.ts
 const useComposerStopDictation = () => {
 	const aui = useAui();

package/dist/primitives/composer/ComposerStopDictation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComposerStopDictation.js","names":[],"sources":["../../../src/primitives/composer/ComposerStopDictation.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback } from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport type {\n ActionButtonElement,\n ActionButtonProps,\n} from \"../../utils/createActionButton\";\nimport { createActionButton } from \"../../utils/createActionButton\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nconst useComposerStopDictation = () => {\n const aui = useAui();\n const isDictating = useAuiState((s) => s.composer.dictation != null);\n\n const callback = useCallback(() => {\n aui.composer().stopDictation();\n }, [aui]);\n\n if (!isDictating) return null;\n return callback;\n};\n\nexport namespace ComposerPrimitiveStopDictation {\n export type Element = ActionButtonElement;\n export type Props = ActionButtonProps<typeof useComposerStopDictation>;\n}\n\n/*\n A button that stops the current dictation session.\n \n Only rendered when dictation is active.\n \n @example\n * ```tsx\n * <ComposerPrimitive.StopDictation>\n * <StopIcon />\n * </ComposerPrimitive.StopDictation>\n * ```\n */\nexport const ComposerPrimitiveStopDictation = createActionButton(\n \"ComposerPrimitive.StopDictation\",\n useComposerStopDictation,\n);\n"],"mappings":";;;;;AAWA,MAAM,iCAAiC;CACrC,MAAM,MAAM,OAAO;CACnB,MAAM,cAAc,aAAa,MAAM,EAAE,SAAS,aAAa,IAAI;CAEnE,MAAM,WAAW,kBAAkB;EACjC,IAAI,SAAS,~~EAAE~~,cAAc;CAC/B,GAAG,CAAC,GAAG,CAAC;CAER,IAAI,CAAC,aAAa,OAAO;CACzB,OAAO;AACT;;;;;;;;;;;;;AAmBA,MAAa,iCAAiC,mBAC5C,mCACA,wBACF"}
1	+ {"version":3,"file":"ComposerStopDictation.js","names":[],"sources":["../../../src/primitives/composer/ComposerStopDictation.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback } from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport type {\n ActionButtonElement,\n ActionButtonProps,\n} from \"../../utils/createActionButton\";\nimport { createActionButton } from \"../../utils/createActionButton\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nconst useComposerStopDictation = () => {\n const aui = useAui();\n const isDictating = useAuiState((s) => s.composer.dictation != null);\n\n const callback = useCallback(() => {\n aui.composer().stopDictation();\n }, [aui]);\n\n if (!isDictating) return null;\n return callback;\n};\n\nexport namespace ComposerPrimitiveStopDictation {\n export type Element = ActionButtonElement;\n export type Props = ActionButtonProps<typeof useComposerStopDictation>;\n}\n\n/*\n A button that stops the current dictation session.\n \n Only rendered when dictation is active.\n \n @example\n * ```tsx\n * <ComposerPrimitive.StopDictation>\n * <StopIcon />\n * </ComposerPrimitive.StopDictation>\n * ```\n */\nexport const ComposerPrimitiveStopDictation = createActionButton(\n \"ComposerPrimitive.StopDictation\",\n useComposerStopDictation,\n);\n"],"mappings":";;;;;AAWA,MAAM,iCAAiC;CACrC,MAAM,MAAM,OAAO;CACnB,MAAM,cAAc,aAAa,MAAM,EAAE,SAAS,aAAa,IAAI;CAEnE,MAAM,WAAW,kBAAkB;EACjC,IAAI,SAAS,CAAC,CAAC,cAAc;CAC/B,GAAG,CAAC,GAAG,CAAC;CAER,IAAI,CAAC,aAAa,OAAO;CACzB,OAAO;AACT;;;;;;;;;;;;;AAmBA,MAAa,iCAAiC,mBAC5C,mCACA,wBACF"}

package/dist/primitives/composer/trigger/TriggerPopover.js CHANGED Viewed

@@ -4,9 +4,9 @@ import { useComposerInputPluginRegistryOptional } from "../ComposerInputPluginCo
 import { useTriggerPopoverAriaPublish, useTriggerPopoverRootContext } from "./TriggerPopoverRootContext.js";
 import { TriggerPopoverResource } from "./TriggerPopoverResource.js";
 import { useAui, useAuiState } from "@assistant-ui/store";
-import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
-import { useResource } from "@assistant-ui/tap/react";
+import { useResource } from "@assistant-ui/tap";
 //#region src/primitives/composer/trigger/TriggerPopover.tsx
 const TriggerPopoverScopeContext = createContext(null);
 const useTriggerPopoverScopeContext = () => {

package/dist/primitives/composer/trigger/TriggerPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TriggerPopover.js","names":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\nimport { useResource } from \"@assistant-ui/tap~~/react~~\";\nimport type { Unstable_TriggerAdapter } from \"@assistant-ui/core\";\nimport {\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type ComponentPropsWithoutRef,\n type ComponentRef,\n} from \"react\";\nimport { Primitive } from \"../../../utils/Primitive\";\nimport { useComposerInputPluginRegistryOptional } from \"../ComposerInputPluginContext\";\nimport {\n TriggerPopoverResource,\n type TriggerPopoverResourceOutput,\n} from \"./TriggerPopoverResource\";\nimport type { TriggerBehavior } from \"./triggerSelectionResource\";\nimport {\n useTriggerPopoverAriaPublish,\n useTriggerPopoverRootContext,\n} from \"./TriggerPopoverRootContext\";\n\nconst TriggerPopoverScopeContext =\n createContext<TriggerPopoverResourceOutput \| null>(null);\n\nexport const useTriggerPopoverScopeContext = () => {\n const ctx = useContext(TriggerPopoverScopeContext);\n if (!ctx)\n throw new Error(\n \"useTriggerPopoverScopeContext must be used within ComposerPrimitive.TriggerPopover\",\n );\n return ctx;\n};\n\nexport const useTriggerPopoverScopeContextOptional = () =>\n useContext(TriggerPopoverScopeContext);\n\n/** Registration API exposed to behavior sub-primitives. /\nexport type TriggerBehaviorRegistration = {\n register(behavior: TriggerBehavior): () => void;\n};\n\nconst TriggerBehaviorRegistrationContext =\n createContext<TriggerBehaviorRegistration \| null>(null);\n\n/* Obtain the registration handle from the parent `<TriggerPopover>`. /\nexport const useTriggerBehaviorRegistration = () => {\n const ctx = useContext(TriggerBehaviorRegistrationContext);\n if (!ctx)\n throw new Error(\n \"TriggerPopover.Directive / TriggerPopover.Action must be rendered inside ComposerPrimitive.TriggerPopover\",\n );\n return ctx;\n};\n\nexport namespace ComposerPrimitiveTriggerPopover {\n export type Element = ComponentRef<typeof Primitive.div>;\n export type Props = Omit<\n ComponentPropsWithoutRef<typeof Primitive.div>,\n \"onSelect\"\n > & {\n /* The character(s) that activate this trigger (e.g. `\"@\"`, `\"/\"`). Also serves as the trigger identity within the root. /\n readonly char: string;\n /* Adapter providing categories and items. /\n readonly adapter?: Unstable_TriggerAdapter \| undefined;\n };\n}\n\n/\n Declares a trigger and renders its popover container. The popover only\n * renders its DOM (and children) when the trigger character is active in the\n * composer input and a behavior sub-primitive has been registered.\n \n A behavior is contributed by rendering exactly one of\n * `<TriggerPopover.Directive>` or `<TriggerPopover.Action>` as a child. Without\n * a behavior the trigger stays closed.\n \n Must be placed inside `ComposerPrimitive.Unstable_TriggerPopoverRoot`.\n \n @example\n * ```tsx\n * <ComposerPrimitive.Unstable_TriggerPopover\n * char=\"@\"\n * adapter={mentionAdapter}\n * >\n * <ComposerPrimitive.Unstable_TriggerPopover.Directive formatter={formatter} />\n * <ComposerPrimitive.Unstable_TriggerPopoverCategories>\n * {(cats) => cats.map(...)}\n * </ComposerPrimitive.Unstable_TriggerPopoverCategories>\n * <ComposerPrimitive.Unstable_TriggerPopoverItems>\n * {(items) => items.map(...)}\n * </ComposerPrimitive.Unstable_TriggerPopoverItems>\n * </ComposerPrimitive.Unstable_TriggerPopover>\n * ```\n */\nexport const ComposerPrimitiveTriggerPopover = forwardRef<\n ComposerPrimitiveTriggerPopover.Element,\n ComposerPrimitiveTriggerPopover.Props\n>(\n (\n { char, adapter, \"aria-label\": ariaLabel, children, ...props },\n forwardedRef,\n ) => {\n const aui = useAui();\n const text = useAuiState((s) => s.composer.text);\n const popoverId = useId();\n\n // Track in state (for resource reactivity) + ref (dev warning on duplicate registrations).\n const behaviorRef = useRef<TriggerBehavior \| null>(null);\n const [behavior, setBehavior] = useState<TriggerBehavior \| null>(null);\n const registrationCountRef = useRef(0);\n\n const register = useCallback<TriggerBehaviorRegistration[\"register\"]>(\n (next) => {\n registrationCountRef.current += 1;\n if (\n process.env.NODE_ENV !== \"production\" &&\n registrationCountRef.current > 1\n ) {\n console.warn(\n `[assistant-ui] TriggerPopover \"${char}\" received more than one behavior child. Exactly one <TriggerPopover.Directive> or <TriggerPopover.Action> is allowed per TriggerPopover; the last registration wins.`,\n );\n }\n behaviorRef.current = next;\n setBehavior(next);\n return () => {\n registrationCountRef.current = Math.max(\n 0,\n registrationCountRef.current - 1,\n );\n if (behaviorRef.current === next) {\n behaviorRef.current = null;\n setBehavior(null);\n }\n };\n },\n [char],\n );\n\n const registration = useMemo<TriggerBehaviorRegistration>(\n () => ({ register }),\n [register],\n );\n\n const resource = useResource(\n TriggerPopoverResource({\n adapter,\n text,\n triggerChar: char,\n behavior: behavior ?? undefined,\n aui,\n popoverId,\n }),\n );\n\n // Wrapper changes per render, but tap-stable methods inside don't.\n const resourceRef = useRef(resource);\n resourceRef.current = resource;\n\n const root = useTriggerPopoverRootContext();\n useEffect(() => {\n return root.register({\n char,\n ...(behavior ? { behavior } : {}),\n resource: resourceRef.current,\n });\n }, [root, char, behavior]);\n\n const pluginRegistry = useComposerInputPluginRegistryOptional();\n useEffect(() => {\n if (!pluginRegistry) return undefined;\n return pluginRegistry.register(resourceRef.current);\n }, [pluginRegistry]);\n\n const open = behavior !== null && resource.open;\n\n const aria = useTriggerPopoverAriaPublish();\n\n useEffect(() => {\n if (!open) return undefined;\n return () => {\n aria.setActiveAria(char, null);\n };\n }, [aria, char, open]);\n\n useEffect(() => {\n if (!open) return;\n aria.setActiveAria(char, {\n popoverId,\n highlightedItemId: resource.highlightedItemId,\n });\n }, [aria, char, popoverId, open, resource.highlightedItemId]);\n\n return (\n <TriggerBehaviorRegistrationContext.Provider value={registration}>\n <TriggerPopoverScopeContext.Provider value={resource}>\n {open ? (\n <Primitive.div\n role=\"listbox\"\n id={popoverId}\n aria-label={ariaLabel ?? \"Suggestions\"}\n aria-activedescendant={resource.highlightedItemId}\n data-state=\"open\"\n {...props}\n ref={forwardedRef}\n >\n {children}\n </Primitive.div>\n ) : (\n children\n )}\n </TriggerPopoverScopeContext.Provider>\n </TriggerBehaviorRegistrationContext.Provider>\n );\n },\n);\n\nComposerPrimitiveTriggerPopover.displayName =\n \"ComposerPrimitive.TriggerPopover\";\n"],"mappings":";;;;;;;;;;AA8BA,MAAM,6BACJ,cAAmD,IAAI;AAEzD,MAAa,sCAAsC;CACjD,MAAM,MAAM,WAAW,0BAA0B;CACjD,IAAI,CAAC,KACH,MAAM,IAAI,MACR,oFACF;CACF,OAAO;AACT;AAEA,MAAa,8CACX,WAAW,0BAA0B;AAOvC,MAAM,qCACJ,cAAkD,IAAI;;AAGxD,MAAa,uCAAuC;CAClD,MAAM,MAAM,WAAW,kCAAkC;CACzD,IAAI,CAAC,KACH,MAAM,IAAI,MACR,2GACF;CACF,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAa,kCAAkC,YAK3C,EAAE,MAAM,SAAS,cAAc,WAAW,UAAU,GAAG,SACvD,iBACG;CACH,MAAM,MAAM,OAAO;CACnB,MAAM,OAAO,aAAa,MAAM,EAAE,SAAS,IAAI;CAC/C,MAAM,YAAY,MAAM;CAGxB,MAAM,cAAc,OAA+B,IAAI;CACvD,MAAM,CAAC,UAAU,eAAe,SAAiC,IAAI;CACrE,MAAM,uBAAuB,OAAO,CAAC;CAErC,MAAM,WAAW,aACd,SAAS;EACR,qBAAqB,WAAW;EAChC,IACE,QAAQ,IAAI,aAAa,gBACzB,qBAAqB,UAAU,GAE/B,QAAQ,KACN,kCAAkC,KAAK,sKACzC;EAEF,YAAY,UAAU;EACtB,YAAY,IAAI;EAChB,aAAa;GACX,qBAAqB,UAAU,KAAK,IAClC,GACA,qBAAqB,UAAU,CACjC;GACA,IAAI,YAAY,YAAY,MAAM;IAChC,YAAY,UAAU;IACtB,YAAY,IAAI;GAClB;EACF;CACF,GACA,CAAC,IAAI,CACP;CAEA,MAAM,eAAe,eACZ,EAAE,SAAS,IAClB,CAAC,QAAQ,CACX;CAEA,MAAM,WAAW,YACf,uBAAuB;EACrB;EACA;EACA,aAAa;EACb,UAAU,YAAY,KAAA;EACtB;EACA;CACF,CAAC,CACH;CAGA,MAAM,cAAc,OAAO,QAAQ;CACnC,YAAY,UAAU;CAEtB,MAAM,OAAO,6BAA6B;CAC1C,gBAAgB;EACd,OAAO,KAAK,SAAS;GACnB;GACA,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;GAC/B,UAAU,YAAY;EACxB,CAAC;CACH,GAAG;EAAC;EAAM;EAAM;CAAQ,CAAC;CAEzB,MAAM,iBAAiB,uCAAuC;CAC9D,gBAAgB;EACd,IAAI,CAAC,gBAAgB,OAAO,KAAA;EAC5B,OAAO,eAAe,SAAS,YAAY,OAAO;CACpD,GAAG,CAAC,cAAc,CAAC;CAEnB,MAAM,OAAO,aAAa,QAAQ,SAAS;CAE3C,MAAM,OAAO,6BAA6B;CAE1C,gBAAgB;EACd,IAAI,CAAC,MAAM,OAAO,KAAA;EAClB,aAAa;GACX,KAAK,cAAc,MAAM,IAAI;EAC/B;CACF,GAAG;EAAC;EAAM;EAAM;CAAI,CAAC;CAErB,gBAAgB;EACd,IAAI,CAAC,MAAM;EACX,KAAK,cAAc,MAAM;GACvB;GACA,mBAAmB,SAAS;EAC9B,CAAC;CACH,GAAG;EAAC;EAAM;EAAM;EAAW;EAAM,SAAS;CAAiB,CAAC;CAE5D,OACE,oBAAC,mCAAmC,UAApC;EAA6C,OAAO;YAClD,oBAAC,2BAA2B,UAA5B;GAAqC,OAAO;aACzC,OACC,oBAAC,UAAU,KAAX;IACE,MAAK;IACL,IAAI;IACJ,cAAY,aAAa;IACzB,yBAAuB,SAAS;IAChC,cAAW;IACX,GAAI;IACJ,KAAK;IAEJ;GACY,CAAA,IAEf;EAEiC,CAAA;CACM,CAAA;AAEjD,CACF;AAEA,gCAAgC,cAC9B"}
1	+ {"version":3,"file":"TriggerPopover.js","names":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\nimport { useResource } from \"@assistant-ui/tap\";\nimport type { Unstable_TriggerAdapter } from \"@assistant-ui/core\";\nimport {\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type ComponentPropsWithoutRef,\n type ComponentRef,\n} from \"react\";\nimport { Primitive } from \"../../../utils/Primitive\";\nimport { useComposerInputPluginRegistryOptional } from \"../ComposerInputPluginContext\";\nimport {\n TriggerPopoverResource,\n type TriggerPopoverResourceOutput,\n} from \"./TriggerPopoverResource\";\nimport type { TriggerBehavior } from \"./triggerSelectionResource\";\nimport {\n useTriggerPopoverAriaPublish,\n useTriggerPopoverRootContext,\n} from \"./TriggerPopoverRootContext\";\n\nconst TriggerPopoverScopeContext =\n createContext<TriggerPopoverResourceOutput \| null>(null);\n\nexport const useTriggerPopoverScopeContext = () => {\n const ctx = useContext(TriggerPopoverScopeContext);\n if (!ctx)\n throw new Error(\n \"useTriggerPopoverScopeContext must be used within ComposerPrimitive.TriggerPopover\",\n );\n return ctx;\n};\n\nexport const useTriggerPopoverScopeContextOptional = () =>\n useContext(TriggerPopoverScopeContext);\n\n/** Registration API exposed to behavior sub-primitives. /\nexport type TriggerBehaviorRegistration = {\n register(behavior: TriggerBehavior): () => void;\n};\n\nconst TriggerBehaviorRegistrationContext =\n createContext<TriggerBehaviorRegistration \| null>(null);\n\n/* Obtain the registration handle from the parent `<TriggerPopover>`. /\nexport const useTriggerBehaviorRegistration = () => {\n const ctx = useContext(TriggerBehaviorRegistrationContext);\n if (!ctx)\n throw new Error(\n \"TriggerPopover.Directive / TriggerPopover.Action must be rendered inside ComposerPrimitive.TriggerPopover\",\n );\n return ctx;\n};\n\nexport namespace ComposerPrimitiveTriggerPopover {\n export type Element = ComponentRef<typeof Primitive.div>;\n export type Props = Omit<\n ComponentPropsWithoutRef<typeof Primitive.div>,\n \"onSelect\"\n > & {\n /* The character(s) that activate this trigger (e.g. `\"@\"`, `\"/\"`). Also serves as the trigger identity within the root. /\n readonly char: string;\n /* Adapter providing categories and items. /\n readonly adapter?: Unstable_TriggerAdapter \| undefined;\n };\n}\n\n/\n Declares a trigger and renders its popover container. The popover only\n * renders its DOM (and children) when the trigger character is active in the\n * composer input and a behavior sub-primitive has been registered.\n \n A behavior is contributed by rendering exactly one of\n * `<TriggerPopover.Directive>` or `<TriggerPopover.Action>` as a child. Without\n * a behavior the trigger stays closed.\n \n Must be placed inside `ComposerPrimitive.Unstable_TriggerPopoverRoot`.\n \n @example\n * ```tsx\n * <ComposerPrimitive.Unstable_TriggerPopover\n * char=\"@\"\n * adapter={mentionAdapter}\n * >\n * <ComposerPrimitive.Unstable_TriggerPopover.Directive formatter={formatter} />\n * <ComposerPrimitive.Unstable_TriggerPopoverCategories>\n * {(cats) => cats.map(...)}\n * </ComposerPrimitive.Unstable_TriggerPopoverCategories>\n * <ComposerPrimitive.Unstable_TriggerPopoverItems>\n * {(items) => items.map(...)}\n * </ComposerPrimitive.Unstable_TriggerPopoverItems>\n * </ComposerPrimitive.Unstable_TriggerPopover>\n * ```\n */\nexport const ComposerPrimitiveTriggerPopover = forwardRef<\n ComposerPrimitiveTriggerPopover.Element,\n ComposerPrimitiveTriggerPopover.Props\n>(\n (\n { char, adapter, \"aria-label\": ariaLabel, children, ...props },\n forwardedRef,\n ) => {\n const aui = useAui();\n const text = useAuiState((s) => s.composer.text);\n const popoverId = useId();\n\n // Track in state (for resource reactivity) + ref (dev warning on duplicate registrations).\n const behaviorRef = useRef<TriggerBehavior \| null>(null);\n const [behavior, setBehavior] = useState<TriggerBehavior \| null>(null);\n const registrationCountRef = useRef(0);\n\n const register = useCallback<TriggerBehaviorRegistration[\"register\"]>(\n (next) => {\n registrationCountRef.current += 1;\n if (\n process.env.NODE_ENV !== \"production\" &&\n registrationCountRef.current > 1\n ) {\n console.warn(\n `[assistant-ui] TriggerPopover \"${char}\" received more than one behavior child. Exactly one <TriggerPopover.Directive> or <TriggerPopover.Action> is allowed per TriggerPopover; the last registration wins.`,\n );\n }\n behaviorRef.current = next;\n setBehavior(next);\n return () => {\n registrationCountRef.current = Math.max(\n 0,\n registrationCountRef.current - 1,\n );\n if (behaviorRef.current === next) {\n behaviorRef.current = null;\n setBehavior(null);\n }\n };\n },\n [char],\n );\n\n const registration = useMemo<TriggerBehaviorRegistration>(\n () => ({ register }),\n [register],\n );\n\n const resource = useResource(\n TriggerPopoverResource({\n adapter,\n text,\n triggerChar: char,\n behavior: behavior ?? undefined,\n aui,\n popoverId,\n }),\n );\n\n // Wrapper changes per render, but tap-stable methods inside don't.\n const resourceRef = useRef(resource);\n resourceRef.current = resource;\n\n const root = useTriggerPopoverRootContext();\n useEffect(() => {\n return root.register({\n char,\n ...(behavior ? { behavior } : {}),\n resource: resourceRef.current,\n });\n }, [root, char, behavior]);\n\n const pluginRegistry = useComposerInputPluginRegistryOptional();\n useEffect(() => {\n if (!pluginRegistry) return undefined;\n return pluginRegistry.register(resourceRef.current);\n }, [pluginRegistry]);\n\n const open = behavior !== null && resource.open;\n\n const aria = useTriggerPopoverAriaPublish();\n\n useEffect(() => {\n if (!open) return undefined;\n return () => {\n aria.setActiveAria(char, null);\n };\n }, [aria, char, open]);\n\n useEffect(() => {\n if (!open) return;\n aria.setActiveAria(char, {\n popoverId,\n highlightedItemId: resource.highlightedItemId,\n });\n }, [aria, char, popoverId, open, resource.highlightedItemId]);\n\n return (\n <TriggerBehaviorRegistrationContext.Provider value={registration}>\n <TriggerPopoverScopeContext.Provider value={resource}>\n {open ? (\n <Primitive.div\n role=\"listbox\"\n id={popoverId}\n aria-label={ariaLabel ?? \"Suggestions\"}\n aria-activedescendant={resource.highlightedItemId}\n data-state=\"open\"\n {...props}\n ref={forwardedRef}\n >\n {children}\n </Primitive.div>\n ) : (\n children\n )}\n </TriggerPopoverScopeContext.Provider>\n </TriggerBehaviorRegistrationContext.Provider>\n );\n },\n);\n\nComposerPrimitiveTriggerPopover.displayName =\n \"ComposerPrimitive.TriggerPopover\";\n"],"mappings":";;;;;;;;;;AA8BA,MAAM,6BACJ,cAAmD,IAAI;AAEzD,MAAa,sCAAsC;CACjD,MAAM,MAAM,WAAW,0BAA0B;CACjD,IAAI,CAAC,KACH,MAAM,IAAI,MACR,oFACF;CACF,OAAO;AACT;AAEA,MAAa,8CACX,WAAW,0BAA0B;AAOvC,MAAM,qCACJ,cAAkD,IAAI;;AAGxD,MAAa,uCAAuC;CAClD,MAAM,MAAM,WAAW,kCAAkC;CACzD,IAAI,CAAC,KACH,MAAM,IAAI,MACR,2GACF;CACF,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAa,kCAAkC,YAK3C,EAAE,MAAM,SAAS,cAAc,WAAW,UAAU,GAAG,SACvD,iBACG;CACH,MAAM,MAAM,OAAO;CACnB,MAAM,OAAO,aAAa,MAAM,EAAE,SAAS,IAAI;CAC/C,MAAM,YAAY,MAAM;CAGxB,MAAM,cAAc,OAA+B,IAAI;CACvD,MAAM,CAAC,UAAU,eAAe,SAAiC,IAAI;CACrE,MAAM,uBAAuB,OAAO,CAAC;CAErC,MAAM,WAAW,aACd,SAAS;EACR,qBAAqB,WAAW;EAChC,IACE,QAAQ,IAAI,aAAa,gBACzB,qBAAqB,UAAU,GAE/B,QAAQ,KACN,kCAAkC,KAAK,sKACzC;EAEF,YAAY,UAAU;EACtB,YAAY,IAAI;EAChB,aAAa;GACX,qBAAqB,UAAU,KAAK,IAClC,GACA,qBAAqB,UAAU,CACjC;GACA,IAAI,YAAY,YAAY,MAAM;IAChC,YAAY,UAAU;IACtB,YAAY,IAAI;GAClB;EACF;CACF,GACA,CAAC,IAAI,CACP;CAEA,MAAM,eAAe,eACZ,EAAE,SAAS,IAClB,CAAC,QAAQ,CACX;CAEA,MAAM,WAAW,YACf,uBAAuB;EACrB;EACA;EACA,aAAa;EACb,UAAU,YAAY,KAAA;EACtB;EACA;CACF,CAAC,CACH;CAGA,MAAM,cAAc,OAAO,QAAQ;CACnC,YAAY,UAAU;CAEtB,MAAM,OAAO,6BAA6B;CAC1C,gBAAgB;EACd,OAAO,KAAK,SAAS;GACnB;GACA,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;GAC/B,UAAU,YAAY;EACxB,CAAC;CACH,GAAG;EAAC;EAAM;EAAM;CAAQ,CAAC;CAEzB,MAAM,iBAAiB,uCAAuC;CAC9D,gBAAgB;EACd,IAAI,CAAC,gBAAgB,OAAO,KAAA;EAC5B,OAAO,eAAe,SAAS,YAAY,OAAO;CACpD,GAAG,CAAC,cAAc,CAAC;CAEnB,MAAM,OAAO,aAAa,QAAQ,SAAS;CAE3C,MAAM,OAAO,6BAA6B;CAE1C,gBAAgB;EACd,IAAI,CAAC,MAAM,OAAO,KAAA;EAClB,aAAa;GACX,KAAK,cAAc,MAAM,IAAI;EAC/B;CACF,GAAG;EAAC;EAAM;EAAM;CAAI,CAAC;CAErB,gBAAgB;EACd,IAAI,CAAC,MAAM;EACX,KAAK,cAAc,MAAM;GACvB;GACA,mBAAmB,SAAS;EAC9B,CAAC;CACH,GAAG;EAAC;EAAM;EAAM;EAAW;EAAM,SAAS;CAAiB,CAAC;CAE5D,OACE,oBAAC,mCAAmC,UAApC;EAA6C,OAAO;YAClD,oBAAC,2BAA2B,UAA5B;GAAqC,OAAO;aACzC,OACC,oBAAC,UAAU,KAAX;IACE,MAAK;IACL,IAAI;IACJ,cAAY,aAAa;IACzB,yBAAuB,SAAS;IAChC,cAAW;IACX,GAAI;IACJ,KAAK;IAEJ;GACY,CAAA,IAEf;EAEiC,CAAA;CACM,CAAA;AAEjD,CACF;AAEA,gCAAgC,cAC9B"}

package/dist/primitives/composer/trigger/TriggerPopoverAction.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { useTriggerBehaviorRegistration } from "./TriggerPopover.js";
 import { unstable_defaultDirectiveFormatter } from "@assistant-ui/core";
-import { useEffect, useRef } from "react";
+import { useEffect, useRef } from "@assistant-ui/tap/react-shim";
 //#region src/primitives/composer/trigger/TriggerPopoverAction.tsx
 /**
 * Configures a `<TriggerPopover>` to fire a handler when an item is selected,

package/dist/primitives/composer/trigger/TriggerPopoverBack.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../../utils/Primitive.js";
 import { useTriggerPopoverScopeContext } from "./TriggerPopover.js";
-import { forwardRef } from "react";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";
 //#region src/primitives/composer/trigger/TriggerPopoverBack.tsx

package/dist/primitives/composer/trigger/TriggerPopoverCategories.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../../utils/Primitive.js";
 import { useTriggerPopoverScopeContext } from "./TriggerPopover.js";
-import { forwardRef, useCallback } from "react";
+import { forwardRef, useCallback } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";
 //#region src/primitives/composer/trigger/TriggerPopoverCategories.tsx

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

@@ -1,7 +1,7 @@
 "use client";
 import { useTriggerBehaviorRegistration } from "./TriggerPopover.js";
 import { unstable_defaultDirectiveFormatter } from "@assistant-ui/core";
-import { useEffect, useRef } from "react";
+import { useEffect, 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

package/dist/primitives/composer/trigger/TriggerPopoverItems.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../../utils/Primitive.js";
 import { useTriggerPopoverScopeContext } from "./TriggerPopover.js";
-import { forwardRef, useCallback } from "react";
+import { forwardRef, useCallback } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";
 //#region src/primitives/composer/trigger/TriggerPopoverItems.tsx

package/dist/primitives/composer/trigger/TriggerPopoverResource.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TriggerPopoverResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverResource.ts"],"mappings":";;;;;;;~~KAoBY~~,gBAAA,GAAmB,eAAe;AAAA,KAElC,4BAAA;EAAA,SACD,IAAA;EAAA,SACA,KAAA;EAAA,SACA,gBAAA;EAAA,SACA,UAAA,WAAqB,wBAAA;EAAA,SACrB,KAAA,WAAgB,oBAAA;EAAA,SAChB,gBAAA;EAAA,SACA,YAAA,WAFgB;EAAA,SAIhB,SAAA,UAiBsB;EAAA,SAftB,iBAAA;EAET,cAAA,CAAe,UAAA;EACf,MAAA;EACA,UAAA,CAAW,IAAA,EAAM,oBAAA;EACjB,KAAA,UAZS;EAcT,cAAA,CAAe,KAAA;EACf,aAAA,CAAc,CAAA;IAAA,SACH,GAAA;IAAA,SACA,QAAA;IACT,cAAA;EAAA;EAGF,iBAAA,CAAkB,GAAA;EAClB,0BAAA,CAA2B,EAAA,EAAI,kBAAA;AAAA;;cAIpB,sBAAA,GAAsB,KAAA;~~WAStB~~,uBAAA;;;YAGC,eAAA;OACL,eAAA,~~EAxBP~~;;;~~WAoBW~~,uBAAA;;;YAGC,eAAA;OACL,eAAA,~~EAjBwB~~"}
1	+ {"version":3,"file":"TriggerPopoverResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverResource.ts"],"mappings":";;;;;;;KAqBY,gBAAA,GAAmB,eAAe;AAAA,KAElC,4BAAA;EAAA,SACD,IAAA;EAAA,SACA,KAAA;EAAA,SACA,gBAAA;EAAA,SACA,UAAA,WAAqB,wBAAA;EAAA,SACrB,KAAA,WAAgB,oBAAA;EAAA,SAChB,gBAAA;EAAA,SACA,YAAA,WAFgB;EAAA,SAIhB,SAAA,UAiBsB;EAAA,SAftB,iBAAA;EAET,cAAA,CAAe,UAAA;EACf,MAAA;EACA,UAAA,CAAW,IAAA,EAAM,oBAAA;EACjB,KAAA,UAZS;EAcT,cAAA,CAAe,KAAA;EACf,aAAA,CAAc,CAAA;IAAA,SACH,GAAA;IAAA,SACA,QAAA;IACT,cAAA;EAAA;EAGF,iBAAA,CAAkB,GAAA;EAClB,0BAAA,CAA2B,EAAA,EAAI,kBAAA;AAAA;;cAIpB,sBAAA,GAAsB,KAAA;WAQxB,uBAAA;;;YAGC,eAAA;OACL,eAAA,EAvBL;;;WAmBS,uBAAA;;;YAGC,eAAA;OACL,eAAA,EAhB0B"}

package/dist/primitives/composer/trigger/TriggerPopoverResource.js CHANGED Viewed

@@ -2,24 +2,25 @@ import { TriggerDetectionResource } from "./triggerDetectionResource.js";
 import { TriggerKeyboardResource } from "./triggerKeyboardResource.js";
 import { TriggerNavigationResource } from "./triggerNavigationResource.js";
 import { TriggerSelectionResource } from "./triggerSelectionResource.js";
-import { resource, tapEffectEvent, tapResource } from "@assistant-ui/tap";
+import { useEffectEvent } from "@assistant-ui/tap/react-shim";
+import { resource, useResource } from "@assistant-ui/tap";
 //#region src/primitives/composer/trigger/TriggerPopoverResource.ts
 /** Composes detection, navigation, keyboard, and selection sub-resources. */
-const TriggerPopoverResource = resource(({ adapter, text, triggerChar, behavior, aui, popoverId }) => {
-	const detection = tapResource(TriggerDetectionResource({
+const TriggerPopoverResource = resource(function TriggerPopoverResource({ adapter, text, triggerChar, behavior, aui, popoverId }) {
+	const detection = useResource(TriggerDetectionResource({
 		text,
 		triggerChar
 	}));
 	const open = detection.trigger !== null && adapter !== void 0 && behavior !== void 0;
-	const navigation = tapResource(TriggerNavigationResource({
+	const navigation = useResource(TriggerNavigationResource({
 		adapter,
 		query: detection.query,
 		open
 	}));
-	const onSelected = tapEffectEvent(() => {
+	const onSelected = useEffectEvent(() => {
 		navigation.goBack();
 	});
-	const selection = tapResource(TriggerSelectionResource({
+	const selection = useResource(TriggerSelectionResource({
 		behavior,
 		trigger: detection.trigger,
 		aui,
@@ -27,7 +28,7 @@ const TriggerPopoverResource = resource(({ adapter, text, triggerChar, behavior,
 		setCursorPosition: detection.setCursorPosition,
 		onSelected
 	}));
-	const keyboard = tapResource(TriggerKeyboardResource({
+	const keyboard = useResource(TriggerKeyboardResource({
 		navigableList: navigation.navigableList,
 		isSearchMode: navigation.isSearchMode,
 		activeCategoryId: navigation.activeCategoryId,

package/dist/primitives/composer/trigger/TriggerPopoverResource.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TriggerPopoverResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverResource.ts"],"sourcesContent":["import { ~~resource,~~ ~~tapEffectEvent~~, ~~tapResource~~ } from \"@assistant-ui/tap\";\nimport type {\n Unstable_TriggerAdapter,\n Unstable_TriggerCategory,\n Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\nimport type { AssistantClient } from \"@assistant-ui/store\";\nimport { TriggerDetectionResource } from \"./triggerDetectionResource\";\nimport { TriggerKeyboardResource } from \"./triggerKeyboardResource\";\nimport { TriggerNavigationResource } from \"./triggerNavigationResource\";\nimport {\n TriggerSelectionResource,\n type SelectItemOverride,\n type TriggerBehavior,\n} from \"./triggerSelectionResource\";\n\nexport type { SelectItemOverride, TriggerBehavior };\nexport type { TriggerPopoverKeyEvent } from \"./triggerKeyboardResource\";\n\n/** @deprecated Use `TriggerBehavior`. /\nexport type OnSelectBehavior = TriggerBehavior;\n\nexport type TriggerPopoverResourceOutput = {\n readonly open: boolean;\n readonly query: string;\n readonly activeCategoryId: string \| null;\n readonly categories: readonly Unstable_TriggerCategory[];\n readonly items: readonly Unstable_TriggerItem[];\n readonly highlightedIndex: number;\n readonly isSearchMode: boolean;\n /* Stable ID prefix for generating accessible element IDs. /\n readonly popoverId: string;\n /* ID of the currently highlighted item (for aria-activedescendant). /\n readonly highlightedItemId: string \| undefined;\n\n selectCategory(categoryId: string): void;\n goBack(): void;\n selectItem(item: Unstable_TriggerItem): void;\n close(): void;\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 handleKeyDown(e: {\n readonly key: string;\n readonly shiftKey: boolean;\n preventDefault(): void;\n }): boolean;\n\n setCursorPosition(pos: number): void;\n registerSelectItemOverride(fn: SelectItemOverride): () => void;\n};\n\n/* Composes detection, navigation, keyboard, and selection sub-resources. /\nexport const TriggerPopoverResource = resource(\n ({\n adapter,\n text,\n triggerChar,\n behavior,\n aui,\n popoverId,\n }: {\n adapter: Unstable_TriggerAdapter \| undefined;\n text: string;\n triggerChar: string;\n behavior: TriggerBehavior \| undefined;\n aui: AssistantClient;\n /* Stable ID for accessible element IDs (pass React's useId() from component layer). */\n popoverId: string;\n }): TriggerPopoverResourceOutput => {\n const detection = ~~tapResource~~(\n TriggerDetectionResource({ text, triggerChar }),\n );\n\n const open =\n detection.trigger !== null &&\n adapter !== undefined &&\n behavior !== undefined;\n\n const navigation = ~~tapResource~~(\n TriggerNavigationResource({\n adapter,\n query: detection.query,\n open,\n }),\n );\n\n const onSelected = ~~tapEffectEvent~~(() => {\n navigation.goBack();\n });\n\n const selection = ~~tapResource~~(\n TriggerSelectionResource({\n behavior,\n trigger: detection.trigger,\n aui,\n triggerChar,\n setCursorPosition: detection.setCursorPosition,\n onSelected,\n }),\n );\n\n const keyboard = ~~tapResource~~(\n TriggerKeyboardResource({\n navigableList: navigation.navigableList,\n isSearchMode: navigation.isSearchMode,\n activeCategoryId: navigation.activeCategoryId,\n query: detection.query,\n popoverId,\n open,\n selectItem: selection.selectItem,\n selectCategory: navigation.selectCategory,\n goBack: navigation.goBack,\n close: selection.close,\n }),\n );\n\n return {\n open,\n query: detection.query,\n activeCategoryId: navigation.activeCategoryId,\n categories: navigation.categories,\n items: navigation.items,\n highlightedIndex: keyboard.highlightedIndex,\n isSearchMode: navigation.isSearchMode,\n popoverId,\n highlightedItemId: keyboard.highlightedItemId,\n selectCategory: navigation.selectCategory,\n goBack: navigation.goBack,\n selectItem: selection.selectItem,\n close: selection.close,\n highlightIndex: keyboard.highlightIndex,\n handleKeyDown: keyboard.handleKeyDown,\n setCursorPosition: detection.setCursorPosition,\n registerSelectItemOverride: selection.registerSelectItemOverride,\n };\n }~~,\n~~);\n"],"mappings":"~~;;;;;;;AAoDA~~,MAAa,yBAAyB,~~UACnC~~,~~EACC~~,SACA,MACA,aACA,UACA,KACA,~~gBASkC~~;~~CAClC~~,MAAM,YAAY,YAChB,yBAAyB;EAAE;EAAM;CAAY,CAAC,CAChD;CAEA,MAAM,OACJ,UAAU,YAAY,QACtB,YAAY,KAAA,KACZ,aAAa,KAAA;CAEf,MAAM,aAAa,YACjB,0BAA0B;EACxB;EACA,OAAO,UAAU;EACjB;CACF,CAAC,CACH;CAEA,MAAM,aAAa,qBAAqB;EACtC,WAAW,OAAO;CACpB,CAAC;CAED,MAAM,YAAY,YAChB,yBAAyB;EACvB;EACA,SAAS,UAAU;EACnB;EACA;EACA,mBAAmB,UAAU;EAC7B;CACF,CAAC,CACH;CAEA,MAAM,WAAW,YACf,wBAAwB;EACtB,eAAe,WAAW;EAC1B,cAAc,WAAW;EACzB,kBAAkB,WAAW;EAC7B,OAAO,UAAU;EACjB;EACA;EACA,YAAY,UAAU;EACtB,gBAAgB,WAAW;EAC3B,QAAQ,WAAW;EACnB,OAAO,UAAU;CACnB,CAAC,CACH;CAEA,OAAO;EACL;EACA,OAAO,UAAU;EACjB,kBAAkB,WAAW;EAC7B,YAAY,WAAW;EACvB,OAAO,WAAW;EAClB,kBAAkB,SAAS;EAC3B,cAAc,WAAW;EACzB;EACA,mBAAmB,SAAS;EAC5B,gBAAgB,WAAW;EAC3B,QAAQ,WAAW;EACnB,YAAY,UAAU;EACtB,OAAO,UAAU;EACjB,gBAAgB,SAAS;EACzB,eAAe,SAAS;EACxB,mBAAmB,UAAU;EAC7B,4BAA4B,UAAU;CACxC;AACF,~~CACF~~"}
1	+ {"version":3,"file":"TriggerPopoverResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/TriggerPopoverResource.ts"],"sourcesContent":["import { useEffectEvent } from \"react\";\nimport { useResource, resource } from \"@assistant-ui/tap\";\nimport type {\n Unstable_TriggerAdapter,\n Unstable_TriggerCategory,\n Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\nimport type { AssistantClient } from \"@assistant-ui/store\";\nimport { TriggerDetectionResource } from \"./triggerDetectionResource\";\nimport { TriggerKeyboardResource } from \"./triggerKeyboardResource\";\nimport { TriggerNavigationResource } from \"./triggerNavigationResource\";\nimport {\n TriggerSelectionResource,\n type SelectItemOverride,\n type TriggerBehavior,\n} from \"./triggerSelectionResource\";\n\nexport type { SelectItemOverride, TriggerBehavior };\nexport type { TriggerPopoverKeyEvent } from \"./triggerKeyboardResource\";\n\n/** @deprecated Use `TriggerBehavior`. /\nexport type OnSelectBehavior = TriggerBehavior;\n\nexport type TriggerPopoverResourceOutput = {\n readonly open: boolean;\n readonly query: string;\n readonly activeCategoryId: string \| null;\n readonly categories: readonly Unstable_TriggerCategory[];\n readonly items: readonly Unstable_TriggerItem[];\n readonly highlightedIndex: number;\n readonly isSearchMode: boolean;\n /* Stable ID prefix for generating accessible element IDs. /\n readonly popoverId: string;\n /* ID of the currently highlighted item (for aria-activedescendant). /\n readonly highlightedItemId: string \| undefined;\n\n selectCategory(categoryId: string): void;\n goBack(): void;\n selectItem(item: Unstable_TriggerItem): void;\n close(): void;\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 handleKeyDown(e: {\n readonly key: string;\n readonly shiftKey: boolean;\n preventDefault(): void;\n }): boolean;\n\n setCursorPosition(pos: number): void;\n registerSelectItemOverride(fn: SelectItemOverride): () => void;\n};\n\n/* Composes detection, navigation, keyboard, and selection sub-resources. /\nexport const TriggerPopoverResource = resource(function TriggerPopoverResource({\n adapter,\n text,\n triggerChar,\n behavior,\n aui,\n popoverId,\n}: {\n adapter: Unstable_TriggerAdapter \| undefined;\n text: string;\n triggerChar: string;\n behavior: TriggerBehavior \| undefined;\n aui: AssistantClient;\n /* Stable ID for accessible element IDs (pass React's useId() from component layer). */\n popoverId: string;\n}): TriggerPopoverResourceOutput {\n const detection = useResource(\n TriggerDetectionResource({ text, triggerChar }),\n );\n\n const open =\n detection.trigger !== null &&\n adapter !== undefined &&\n behavior !== undefined;\n\n const navigation = useResource(\n TriggerNavigationResource({\n adapter,\n query: detection.query,\n open,\n }),\n );\n\n const onSelected = useEffectEvent(() => {\n navigation.goBack();\n });\n\n const selection = useResource(\n TriggerSelectionResource({\n behavior,\n trigger: detection.trigger,\n aui,\n triggerChar,\n setCursorPosition: detection.setCursorPosition,\n onSelected,\n }),\n );\n\n const keyboard = useResource(\n TriggerKeyboardResource({\n navigableList: navigation.navigableList,\n isSearchMode: navigation.isSearchMode,\n activeCategoryId: navigation.activeCategoryId,\n query: detection.query,\n popoverId,\n open,\n selectItem: selection.selectItem,\n selectCategory: navigation.selectCategory,\n goBack: navigation.goBack,\n close: selection.close,\n }),\n );\n\n return {\n open,\n query: detection.query,\n activeCategoryId: navigation.activeCategoryId,\n categories: navigation.categories,\n items: navigation.items,\n highlightedIndex: keyboard.highlightedIndex,\n isSearchMode: navigation.isSearchMode,\n popoverId,\n highlightedItemId: keyboard.highlightedItemId,\n selectCategory: navigation.selectCategory,\n goBack: navigation.goBack,\n selectItem: selection.selectItem,\n close: selection.close,\n highlightIndex: keyboard.highlightIndex,\n handleKeyDown: keyboard.handleKeyDown,\n setCursorPosition: detection.setCursorPosition,\n registerSelectItemOverride: selection.registerSelectItemOverride,\n };\n});\n"],"mappings":";;;;;;;;AAqDA,MAAa,yBAAyB,SAAS,SAAS,uBAAuB,EAC7E,SACA,MACA,aACA,UACA,KACA,aAS+B;CAC/B,MAAM,YAAY,YAChB,yBAAyB;EAAE;EAAM;CAAY,CAAC,CAChD;CAEA,MAAM,OACJ,UAAU,YAAY,QACtB,YAAY,KAAA,KACZ,aAAa,KAAA;CAEf,MAAM,aAAa,YACjB,0BAA0B;EACxB;EACA,OAAO,UAAU;EACjB;CACF,CAAC,CACH;CAEA,MAAM,aAAa,qBAAqB;EACtC,WAAW,OAAO;CACpB,CAAC;CAED,MAAM,YAAY,YAChB,yBAAyB;EACvB;EACA,SAAS,UAAU;EACnB;EACA;EACA,mBAAmB,UAAU;EAC7B;CACF,CAAC,CACH;CAEA,MAAM,WAAW,YACf,wBAAwB;EACtB,eAAe,WAAW;EAC1B,cAAc,WAAW;EACzB,kBAAkB,WAAW;EAC7B,OAAO,UAAU;EACjB;EACA;EACA,YAAY,UAAU;EACtB,gBAAgB,WAAW;EAC3B,QAAQ,WAAW;EACnB,OAAO,UAAU;CACnB,CAAC,CACH;CAEA,OAAO;EACL;EACA,OAAO,UAAU;EACjB,kBAAkB,WAAW;EAC7B,YAAY,WAAW;EACvB,OAAO,WAAW;EAClB,kBAAkB,SAAS;EAC3B,cAAc,WAAW;EACzB;EACA,mBAAmB,SAAS;EAC5B,gBAAgB,WAAW;EAC3B,QAAQ,WAAW;EACnB,YAAY,UAAU;EACtB,OAAO,UAAU;EACjB,gBAAgB,SAAS;EACzB,eAAe,SAAS;EACxB,mBAAmB,UAAU;EAC7B,4BAA4B,UAAU;CACxC;AACF,CAAC"}

package/dist/primitives/composer/trigger/TriggerPopoverRootContext.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { ComposerInputPluginProvider, useComposerInputPluginRegistryOptional } from "../ComposerInputPluginContext.js";
-import { createContext, useCallback, useContext, useMemo, useRef, useSyncExternalStore } from "react";
+import { createContext, useCallback, useContext, useMemo, useRef, useSyncExternalStore } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/composer/trigger/TriggerPopoverRootContext.tsx
 const TriggerPopoverRootContext = createContext(null);

package/dist/primitives/composer/trigger/triggerDetectionResource.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"triggerDetectionResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerDetectionResource.ts"],"mappings":";;~~KAIY~~,eAAA;EAAA,SACD,MAAA;EAAA,SACA,KAAK;AAAA;AAAA,KAGJ,8BAAA;EAAA,2DAED,OAAA,EAAS,eAAe;WAExB,KAAA,UAFA;EAIT,iBAAA,CAAkB,GAAA;AAAA;;cAIP,wBAAA,GAAwB,KAAA;;;kDAuBpC,8BAAA"}
1	+ {"version":3,"file":"triggerDetectionResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerDetectionResource.ts"],"mappings":";;KAKY,eAAA;EAAA,SACD,MAAA;EAAA,SACA,KAAK;AAAA;AAAA,KAGJ,8BAAA;EAAA,2DAED,OAAA,EAAS,eAAe;WAExB,KAAA,UAFA;EAIT,iBAAA,CAAkB,GAAA;AAAA;;cAIP,wBAAA,GAAwB,KAAA;;;kDAuBpC,8BAAA"}

package/dist/primitives/composer/trigger/triggerDetectionResource.js CHANGED Viewed

@@ -1,10 +1,11 @@
 import { detectTrigger } from "./detectTrigger.js";
-import { resource, tapMemo, tapState } from "@assistant-ui/tap";
+import { useMemo, useState } from "@assistant-ui/tap/react-shim";
+import { resource } from "@assistant-ui/tap";
 //#region src/primitives/composer/trigger/triggerDetectionResource.ts
 /** Tracks cursor position and derives the active trigger + query from composer text. */
-const TriggerDetectionResource = resource(({ text, triggerChar }) => {
-	const [cursorPosition, setCursorPosition] = tapState(text.length);
-	const trigger = tapMemo(() => {
+const TriggerDetectionResource = resource(function TriggerDetectionResource({ text, triggerChar }) {
+	const [cursorPosition, setCursorPosition] = useState(text.length);
+	const trigger = useMemo(() => {
 		return detectTrigger(text, triggerChar, Math.min(cursorPosition, text.length));
 	}, [
 		cursorPosition,

package/dist/primitives/composer/trigger/triggerDetectionResource.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"triggerDetectionResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerDetectionResource.ts"],"sourcesContent":["import { ~~resource~~, ~~tapMemo,~~ ~~tapState~~ } from \"@assistant-ui/tap\";\nimport { detectTrigger } from \"./detectTrigger\";\n\n/** Detected trigger position within the composer text. /\nexport type DetectedTrigger = {\n readonly offset: number;\n readonly query: string;\n};\n\nexport type TriggerDetectionResourceOutput = {\n /* Detected trigger (or `null` when inactive). /\n readonly trigger: DetectedTrigger \| null;\n /* Current query string (empty when no trigger active). /\n readonly query: string;\n /* Update the tracked cursor position (wired to composer input). /\n setCursorPosition(pos: number): void;\n};\n\n/* Tracks cursor position and derives the active trigger + query from composer text. */\nexport const TriggerDetectionResource = resource(\n ({\n text,\n triggerChar,\n }: {\n text: string;\n triggerChar: string;\n }): TriggerDetectionResourceOutput => {\n const [cursorPosition, setCursorPosition] = ~~tapState~~(text.length);\n\n const trigger = ~~tapMemo~~(() => {\n const pos = Math.min(cursorPosition, text.length);\n return detectTrigger(text, triggerChar, pos);\n }, [cursorPosition, text, triggerChar]);\n\n const query = trigger?.query ?? \"\";\n\n return {\n trigger,\n query,\n setCursorPosition,\n };\n },\n);\n"],"mappings":"~~;;;;AAmBA~~,MAAa,2BAA2B,~~UACrC~~,~~EACC~~,MACA,~~kBAIoC~~;~~CACpC~~,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,KAAK,MAAM;CAEhE,MAAM,UAAU,cAAc;EAE5B,OAAO,cAAc,MAAM,aADf,KAAK,IAAI,gBAAgB,KAAK,MACA,CAAC;CAC7C,GAAG;EAAC;EAAgB;EAAM;CAAW,CAAC;CAItC,OAAO;EACL;EACA,OAJY,SAAS,SAAS;EAK9B;CACF;AACF,CACF"}
1	+ {"version":3,"file":"triggerDetectionResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerDetectionResource.ts"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { resource } from \"@assistant-ui/tap\";\nimport { detectTrigger } from \"./detectTrigger\";\n\n/** Detected trigger position within the composer text. /\nexport type DetectedTrigger = {\n readonly offset: number;\n readonly query: string;\n};\n\nexport type TriggerDetectionResourceOutput = {\n /* Detected trigger (or `null` when inactive). /\n readonly trigger: DetectedTrigger \| null;\n /* Current query string (empty when no trigger active). /\n readonly query: string;\n /* Update the tracked cursor position (wired to composer input). /\n setCursorPosition(pos: number): void;\n};\n\n/* Tracks cursor position and derives the active trigger + query from composer text. */\nexport const TriggerDetectionResource = resource(\n function TriggerDetectionResource({\n text,\n triggerChar,\n }: {\n text: string;\n triggerChar: string;\n }): TriggerDetectionResourceOutput {\n const [cursorPosition, setCursorPosition] = useState(text.length);\n\n const trigger = useMemo(() => {\n const pos = Math.min(cursorPosition, text.length);\n return detectTrigger(text, triggerChar, pos);\n }, [cursorPosition, text, triggerChar]);\n\n const query = trigger?.query ?? \"\";\n\n return {\n trigger,\n query,\n setCursorPosition,\n };\n },\n);\n"],"mappings":";;;;;AAoBA,MAAa,2BAA2B,SACtC,SAAS,yBAAyB,EAChC,MACA,eAIiC;CACjC,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,KAAK,MAAM;CAEhE,MAAM,UAAU,cAAc;EAE5B,OAAO,cAAc,MAAM,aADf,KAAK,IAAI,gBAAgB,KAAK,MACA,CAAC;CAC7C,GAAG;EAAC;EAAgB;EAAM;CAAW,CAAC;CAItC,OAAO;EACL;EACA,OAJY,SAAS,SAAS;EAK9B;CACF;AACF,CACF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"triggerKeyboardResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerKeyboardResource.ts"],"mappings":";;;;~~KAmBY~~,sBAAA;EAAA,SACD,GAAA;EAAA,SACA,QAAA;EACT,cAAA;AAAA;AAAA,KAGU,6BAAA;EAJD,mFAMA,gBAAA,UALK;EAAA,SAOL,iBAAA,sBAJC;EAMV,cAAA,CAAe,KAAA;EAEf,aAAA,CAAc,CAAA,EAAG,sBAAsB;AAAA;;;;;cAO5B,uBAAA,GAAuB,KAAA;2BAaP,wBAAA,GAA2B,oBAAA;;;;;;eAMvC,IAAA,EAAM,oBAAA;mBACF,UAAA;;;;2BAPQ,wBAAA,GAA2B,oBAAA;;;;;;eAMvC,IAAA,EAAM,oBAAA;mBACF,UAAA"}
1	+ {"version":3,"file":"triggerKeyboardResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerKeyboardResource.ts"],"mappings":";;;;KAeY,sBAAA;EAAA,SACD,GAAA;EAAA,SACA,QAAA;EACT,cAAA;AAAA;AAAA,KAGU,6BAAA;EAJD,mFAMA,gBAAA,UALK;EAAA,SAOL,iBAAA,sBAJC;EAMV,cAAA,CAAe,KAAA;EAEf,aAAA,CAAc,CAAA,EAAG,sBAAsB;AAAA;;;;;cAO5B,uBAAA,GAAuB,KAAA;2BAaP,wBAAA,GAA2B,oBAAA;;;;;;eAMvC,IAAA,EAAM,oBAAA;mBACF,UAAA;;;;2BAPQ,wBAAA,GAA2B,oBAAA;;;;;;eAMvC,IAAA,EAAM,oBAAA;mBACF,UAAA"}

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

@@ -1,4 +1,5 @@
-import { resource, tapEffect, tapEffectEvent, tapState } from "@assistant-ui/tap";
+import { useEffect, 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. */
 function isTriggerItem(x) {
@@ -8,20 +9,20 @@ function isTriggerItem(x) {
 * Owns keyboard-driven highlight state for the popover. Delegates selection,
 * category drill-in, back, and close to the callbacks supplied by the parent.
 */
-const TriggerKeyboardResource = resource(({ navigableList, isSearchMode, activeCategoryId, query, popoverId, open, selectItem, selectCategory, goBack, close }) => {
-	const [highlightedIndex, setHighlightedIndex] = tapState(0);
-	tapEffect(() => {
+const TriggerKeyboardResource = resource(function TriggerKeyboardResource({ navigableList, isSearchMode, activeCategoryId, query, popoverId, open, selectItem, selectCategory, goBack, close }) {
+	const [highlightedIndex, setHighlightedIndex] = useState(0);
+	useEffect(() => {
 		setHighlightedIndex(0);
 	}, [navigableList]);
-	tapEffect(() => {
+	useEffect(() => {
 		setHighlightedIndex(0);
 	}, [isSearchMode, activeCategoryId]);
-	const highlightIndex = tapEffectEvent((index) => {
+	const highlightIndex = useEffectEvent((index) => {
 		if (index < 0 || index >= navigableList.length) return;
 		if (index === highlightedIndex) return;
 		setHighlightedIndex(index);
 	});
-	const handleKeyDown = tapEffectEvent((e) => {
+	const handleKeyDown = useEffectEvent((e) => {
 		if (!open) return false;
 		switch (e.key) {
 			case "ArrowDown":

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

	@@ -1 +1 @@
1	- {"version":3,"file":"triggerKeyboardResource.js","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerKeyboardResource.ts"],"sourcesContent":["import {\n resource~~,\n tapEffect,\n tapEffectEvent,\n tapState,\n~~} 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 */\nexport const TriggerKeyboardResource = resource(\n ({\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] = ~~tapState~~(0);\n\n ~~tapEffect~~(() => {\n setHighlightedIndex(0);\n }, [navigableList]);\n\n ~~tapEffect~~(() => {\n setHighlightedIndex(0);\n }, [isSearchMode, activeCategoryId]);\n\n const highlightIndex = ~~tapEffectEvent~~((index: number) => {\n if (index < 0 \|\| index >= navigableList.length) return;\n if (index === highlightedIndex) return;\n setHighlightedIndex(index);\n });\n\n const handleKeyDown = ~~tapEffectEvent~~(\n (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\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);\n"],"mappings":"~~;;;AAYA~~,SAAS,cACP,GAC2B;CAC3B,OAAO,UAAU;AACnB;;;;;AAwBA,MAAa,0BAA0B,~~UACpC~~,~~EACC~~,eACA,cACA,kBACA,OACA,WACA,MACA,YACA,gBACA,QACA,~~YAYmC~~;~~CACnC~~,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,CAAC;CAE1D,gBAAgB;EACd,oBAAoB,CAAC;CACvB,GAAG,CAAC,aAAa,CAAC;CAElB,gBAAgB;EACd,oBAAoB,CAAC;CACvB,GAAG,CAAC,cAAc,gBAAgB,CAAC;CAEnC,MAAM,iBAAiB,gBAAgB,UAAkB;EACvD,IAAI,QAAQ,KAAK,SAAS,cAAc,QAAQ;EAChD,IAAI,UAAU,kBAAkB;EAChC,oBAAoB,KAAK;CAC3B,CAAC;CAED,MAAM,gBAAgB,gBACnB,MAAuC;EACtC,IAAI,CAAC,MAAM,OAAO;EAElB,QAAQ,EAAE,KAAV;GACE,KAAK;IACH,EAAE,eAAe;IACjB,qBAAqB,SAAS;KAC5B,MAAM,MAAM,cAAc;KAC1B,IAAI,QAAQ,GAAG,OAAO;KACtB,OAAO,OAAO,MAAM,IAAI,OAAO,IAAI;IACrC,CAAC;IACD,OAAO;GAET,KAAK;IACH,EAAE,eAAe;IACjB,qBAAqB,SAAS;KAC5B,MAAM,MAAM,cAAc;KAC1B,IAAI,QAAQ,GAAG,OAAO;KACtB,OAAO,OAAO,IAAI,OAAO,IAAI,MAAM;IACrC,CAAC;IACD,OAAO;GAET,KAAK;GACL,KAAK,OAAO;IACV,IAAI,EAAE,UAAU,OAAO;IACvB,EAAE,eAAe;IACjB,MAAM,OAAO,cAAc;IAC3B,IAAI,CAAC,MAAM,OAAO;IAElB,IAAI,cAAc,IAAI,GACpB,WAAW,IAAI;SAEf,eAAe,KAAK,EAAE;IAExB,OAAO;GACT;GACA,KAAK;IACH,EAAE,eAAe;IACjB,MAAM;IACN,OAAO;GAET,KAAK;IACH,IAAI,oBAAoB,UAAU,IAAI;KACpC,EAAE,eAAe;KACjB,OAAO;KACP,OAAO;IACT;IACA,OAAO;GAET,SACE,OAAO;EACX;CACF,CACF;CAEA,MAAM,mBAAmB,cAAc;CAMvC,OAAO;EACL;EACA,mBANA,QAAQ,mBACJ,GAAG,UAAU,UAAU,iBAAiB,OACxC,KAAA;EAKJ;EACA;CACF;AACF,CACF"}
1	+ {"version":3,"file":"triggerKeyboardResource.js","names":[],"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 */\nexport const TriggerKeyboardResource = resource(\n function TriggerKeyboardResource({\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(\n (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\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);\n"],"mappings":";;;;AAQA,SAAS,cACP,GAC2B;CAC3B,OAAO,UAAU;AACnB;;;;;AAwBA,MAAa,0BAA0B,SACrC,SAAS,wBAAwB,EAC/B,eACA,cACA,kBACA,OACA,WACA,MACA,YACA,gBACA,QACA,SAYgC;CAChC,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,CAAC;CAE1D,gBAAgB;EACd,oBAAoB,CAAC;CACvB,GAAG,CAAC,aAAa,CAAC;CAElB,gBAAgB;EACd,oBAAoB,CAAC;CACvB,GAAG,CAAC,cAAc,gBAAgB,CAAC;CAEnC,MAAM,iBAAiB,gBAAgB,UAAkB;EACvD,IAAI,QAAQ,KAAK,SAAS,cAAc,QAAQ;EAChD,IAAI,UAAU,kBAAkB;EAChC,oBAAoB,KAAK;CAC3B,CAAC;CAED,MAAM,gBAAgB,gBACnB,MAAuC;EACtC,IAAI,CAAC,MAAM,OAAO;EAElB,QAAQ,EAAE,KAAV;GACE,KAAK;IACH,EAAE,eAAe;IACjB,qBAAqB,SAAS;KAC5B,MAAM,MAAM,cAAc;KAC1B,IAAI,QAAQ,GAAG,OAAO;KACtB,OAAO,OAAO,MAAM,IAAI,OAAO,IAAI;IACrC,CAAC;IACD,OAAO;GAET,KAAK;IACH,EAAE,eAAe;IACjB,qBAAqB,SAAS;KAC5B,MAAM,MAAM,cAAc;KAC1B,IAAI,QAAQ,GAAG,OAAO;KACtB,OAAO,OAAO,IAAI,OAAO,IAAI,MAAM;IACrC,CAAC;IACD,OAAO;GAET,KAAK;GACL,KAAK,OAAO;IACV,IAAI,EAAE,UAAU,OAAO;IACvB,EAAE,eAAe;IACjB,MAAM,OAAO,cAAc;IAC3B,IAAI,CAAC,MAAM,OAAO;IAElB,IAAI,cAAc,IAAI,GACpB,WAAW,IAAI;SAEf,eAAe,KAAK,EAAE;IAExB,OAAO;GACT;GACA,KAAK;IACH,EAAE,eAAe;IACjB,MAAM;IACN,OAAO;GAET,KAAK;IACH,IAAI,oBAAoB,UAAU,IAAI;KACpC,EAAE,eAAe;KACjB,OAAO;KACP,OAAO;IACT;IACA,OAAO;GAET,SACE,OAAO;EACX;CACF,CACF;CAEA,MAAM,mBAAmB,cAAc;CAMvC,OAAO;EACL;EACA,mBANA,QAAQ,mBACJ,GAAG,UAAU,UAAU,iBAAiB,OACxC,KAAA;EAKJ;EACA;CACF;AACF,CACF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"triggerNavigationResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerNavigationResource.ts"],"mappings":";;;~~KAqBY~~,+BAAA;iFAED,UAAA,WAAqB,wBAAA,IAFW;EAAA,SAIhC,KAAA,WAAgB,oBAAA,IAFK;EAAA,SAIrB,YAAA,WAKL;EAAA,SAHK,gBAAA,iBAIe;EAAA,SAFf,aAAA,YACL,wBAAA,GACA,oBAAA,KAVK;EAaT,cAAA,CAAe,UAAA,iBAXN;EAaT,MAAA;AAAA;;;;;cAOW,yBAAA,GAAyB,KAAA;WAMzB,uBAAA;;;;WAAA,uBAAA"}
1	+ {"version":3,"file":"triggerNavigationResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerNavigationResource.ts"],"mappings":";;;KAgBY,+BAAA;iFAED,UAAA,WAAqB,wBAAA,IAFW;EAAA,SAIhC,KAAA,WAAgB,oBAAA,IAFK;EAAA,SAIrB,YAAA,WAKL;EAAA,SAHK,gBAAA,iBAIe;EAAA,SAFf,aAAA,YACL,wBAAA,GACA,oBAAA,KAVK;EAaT,cAAA,CAAe,UAAA,iBAXN;EAaT,MAAA;AAAA;;;;;cAOW,yBAAA,GAAyB,KAAA;WAMzB,uBAAA;;;;WAAA,uBAAA"}