@anvia/react-ui 0.2.0 → 0.4.0

package/dist/thread-list/index.js

@@ -0,0 +1,18 @@
+import {
+  ThreadList,
+  ThreadListItem
+} from "../chunk-657E5BPN.js";
+import "../chunk-T3ZFZ3NP.js";
+import {
+  ThreadListProvider,
+  useThreadList,
+  useThreadListItem
+} from "../chunk-BCCU3VT5.js";
+export {
+  ThreadList,
+  ThreadListItem,
+  ThreadListProvider,
+  useThreadList,
+  useThreadListItem
+};
+//# sourceMappingURL=index.js.map

package/dist/thread-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/thread-list-On8db4XL.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode, ReactElement } from 'react';
+
+type ThreadListRecord = {
+    id: string;
+    title?: string;
+    createdAt?: string | Date;
+    updatedAt?: string | Date;
+    archived?: boolean;
+    metadata?: unknown;
+};
+type ThreadListController = {
+    threads: ThreadListRecord[];
+    activeThreadId?: string;
+    status?: "idle" | "loading" | "error";
+    error?: unknown;
+    createThread(): Promise<void> | void;
+    switchThread(threadId: string): Promise<void> | void;
+    archiveThread?(threadId: string): Promise<void> | void;
+    unarchiveThread?(threadId: string): Promise<void> | void;
+    deleteThread?(threadId: string): Promise<void> | void;
+};
+type ThreadListItemContextValue = {
+    thread: ThreadListRecord;
+    active: boolean;
+};
+type ThreadListProviderProps = {
+    controller: ThreadListController;
+    children?: ReactNode;
+};
+declare function ThreadListProvider({ controller, children, }: ThreadListProviderProps): ReactElement;
+declare function useThreadList(): ThreadListController;
+declare function useThreadListItem(): ThreadListItemContextValue;
+
+export { type ThreadListController as T, type ThreadListItemContextValue as a, ThreadListProvider as b, type ThreadListProviderProps as c, type ThreadListRecord as d, useThreadListItem as e, useThreadList as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anvia/react-ui",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Composable React UI primitives for Anvia chat and completion experiences.",
   "author": "anvia",
   "maintainer": "Indra Zulfi",
@@ -40,24 +40,47 @@
       "types": "./dist/human-input/index.d.ts",
       "import": "./dist/human-input/index.js"
     },
+    "./image": {
+      "types": "./dist/image/index.d.ts",
+      "import": "./dist/image/index.js"
+    },
     "./message": {
       "types": "./dist/message/index.d.ts",
       "import": "./dist/message/index.js"
     },
+    "./selection-toolbar": {
+      "types": "./dist/selection-toolbar/index.d.ts",
+      "import": "./dist/selection-toolbar/index.js"
+    },
     "./shared": {
       "types": "./dist/shared.d.ts",
       "import": "./dist/shared.js"
     },
+    "./thread-list": {
+      "types": "./dist/thread-list/index.d.ts",
+      "import": "./dist/thread-list/index.js"
+    },
     "./styles.css": "./dist/styles.css"
   },
   "dependencies": {
     "@radix-ui/react-slot": "^1.3.0",
+    "@tiptap/core": "^3.27.3",
+    "@tiptap/extension-document": "^3.27.3",
+    "@tiptap/extension-hard-break": "^3.27.3",
+    "@tiptap/extension-mention": "^3.27.3",
+    "@tiptap/extension-paragraph": "^3.27.3",
+    "@tiptap/extension-placeholder": "^3.27.3",
+    "@tiptap/extension-text": "^3.27.3",
+    "@tiptap/pm": "^3.27.3",
+    "@tiptap/react": "^3.27.3",
+    "@tiptap/suggestion": "^3.27.3",
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
     "@anvia/react": ">=0.7.8 <1.0.0",
-    "react": ">=18"
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.2",
@@ -71,10 +94,10 @@
     "tsup": "^8.5.0",
     "typescript": "^5.9.3",
     "vitest": "^4.0.8",
-    "@anvia/react": "0.7.9"
+    "@anvia/react": "0.7.11"
   },
   "scripts": {
-    "build": "tsup src/index.ts src/attachment/index.ts src/chat/index.ts src/completion/index.ts src/human-input/index.ts src/message/index.ts src/shared.ts --format esm --dts --sourcemap --clean --external react && cp src/styles.css dist/styles.css",
+    "build": "tsup src/index.ts src/attachment/index.ts src/chat/index.ts src/completion/index.ts src/human-input/index.ts src/image/index.ts src/message/index.ts src/selection-toolbar/index.ts src/shared.ts src/thread-list/index.ts --format esm --dts --sourcemap --clean --external react --external react-dom && cp src/styles.css dist/styles.css",
     "coverage": "vitest run --coverage",
     "test": "vitest run",
     "typecheck": "tsc --noEmit"

package/dist/chunk-7AS6R7BB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/contexts/attachment.tsx","../src/contexts/chat.tsx","../src/contexts/completion.tsx","../src/contexts/completion-input.tsx","../src/contexts/composer.tsx","../src/contexts/human-input.tsx","../src/contexts/message.tsx","../src/contexts/thread.tsx"],"sourcesContent":["import type { UIAttachment } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type AttachmentContextValue = {\n  attachment: UIAttachment;\n  remove?(): void;\n};\n\nconst AttachmentContext = createContext<AttachmentContextValue | undefined>(undefined);\n\nexport function InternalAttachmentProvider({\n  value,\n  children,\n}: {\n  value: AttachmentContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(AttachmentContext.Provider, { value }, children);\n}\n\nexport function useAttachment(): AttachmentContextValue {\n  const value = useContext(AttachmentContext);\n  if (value === undefined) {\n    throw new Error(\"Attachment primitives must be used inside Attachment.Root.\");\n  }\n  return value;\n}\n","import type { UseChatResult } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type ChatController<TEvent = unknown> = UseChatResult<TEvent>;\n\nexport type ChatProviderProps<TEvent = unknown> = {\n  controller: ChatController<TEvent>;\n  children?: ReactNode;\n};\n\nconst ChatContext = createContext<ChatController | undefined>(undefined);\n\nexport function ChatProvider<TEvent = unknown>({\n  controller,\n  children,\n}: ChatProviderProps<TEvent>): ReactElement {\n  return createElement(ChatContext.Provider, { value: controller as ChatController }, children);\n}\n\nexport function useChatContext<TEvent = unknown>(): ChatController<TEvent> {\n  const value = useContext(ChatContext);\n  if (value === undefined) {\n    throw new Error(\"Anvia chat primitives must be used inside ChatProvider.\");\n  }\n  return value as ChatController<TEvent>;\n}\n\nexport function useHumanInput(): ChatController[\"humanInput\"] {\n  return useChatContext().humanInput;\n}\n","import type { UseCompletionResult } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type CompletionController<TEvent = unknown> = UseCompletionResult<TEvent>;\n\nexport type CompletionProviderProps<TEvent = unknown> = {\n  controller: CompletionController<TEvent>;\n  children?: ReactNode;\n};\n\nconst CompletionContext = createContext<CompletionController | undefined>(undefined);\n\nexport function CompletionProvider<TEvent = unknown>({\n  controller,\n  children,\n}: CompletionProviderProps<TEvent>): ReactElement {\n  return createElement(\n    CompletionContext.Provider,\n    { value: controller as CompletionController },\n    children,\n  );\n}\n\nexport function useCompletionContext<TEvent = unknown>(): CompletionController<TEvent> {\n  const value = useContext(CompletionContext);\n  if (value === undefined) {\n    throw new Error(\"Anvia completion primitives must be used inside CompletionProvider.\");\n  }\n  return value as CompletionController<TEvent>;\n}\n","import { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nimport type { CompletionController } from \"./completion\";\n\nexport type CompletionInputContextValue = {\n  input: string;\n  setInput(input: string): void;\n  submit(): Promise<void>;\n  stop(): void;\n  status: CompletionController[\"status\"];\n  canSubmit: boolean;\n  canStop: boolean;\n};\n\nconst CompletionInputContext = createContext<CompletionInputContextValue | undefined>(undefined);\n\nexport function InternalCompletionInputProvider({\n  value,\n  children,\n}: {\n  value: CompletionInputContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(CompletionInputContext.Provider, { value }, children);\n}\n\nexport function useCompletionInput(): CompletionInputContextValue {\n  const value = useContext(CompletionInputContext);\n  if (value === undefined) {\n    throw new Error(\"Completion input primitives must be used inside Completion.Form.\");\n  }\n  return value;\n}\n","import type { CreateUIAttachment, UIAttachment } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\nimport type { ChatController } from \"./chat\";\n\nexport type ComposerAttachmentInput = File | CreateUIAttachment;\nexport type ComposerAttachmentsUpdate =\n  | UIAttachment[]\n  | ((attachments: UIAttachment[]) => UIAttachment[]);\n\nexport type ComposerContextValue = {\n  input: string;\n  setInput(input: string): void;\n  attachments: UIAttachment[];\n  setAttachments(update: ComposerAttachmentsUpdate): void;\n  addAttachment(attachment: ComposerAttachmentInput): Promise<void>;\n  removeAttachment(id: string): void;\n  clearAttachments(): void;\n  submit(): Promise<void>;\n  stop(): void;\n  status: ChatController[\"status\"];\n  canSubmit: boolean;\n  canStop: boolean;\n};\n\nconst ComposerContext = createContext<ComposerContextValue | undefined>(undefined);\n\nexport function InternalComposerProvider({\n  value,\n  children,\n}: {\n  value: ComposerContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(ComposerContext.Provider, { value }, children);\n}\n\nexport function useComposer(): ComposerContextValue {\n  const value = useContext(ComposerContext);\n  if (value === undefined) {\n    throw new Error(\"Composer primitives must be used inside Composer.Root.\");\n  }\n  return value;\n}\n","import type {\n  ToolApproval,\n  ToolQuestion,\n  ToolQuestionAnswer,\n  ToolQuestionPrompt,\n} from \"@anvia/react\";\nimport {\n  createContext,\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\nexport type ApprovalContextValue = {\n  approval: ToolApproval;\n  reason: string;\n  setReason(reason: string): void;\n};\n\nexport type QuestionContextValue = {\n  question: ToolQuestion;\n  answers: Record<string, ToolQuestionAnswer>;\n  setAnswer(prompt: ToolQuestionPrompt, answer: ToolQuestionAnswer): void;\n};\n\nexport type QuestionPromptContextValue = {\n  prompt: ToolQuestionPrompt;\n};\n\nconst ApprovalContext = createContext<ApprovalContextValue | undefined>(undefined);\nconst QuestionContext = createContext<QuestionContextValue | undefined>(undefined);\nconst QuestionPromptContext = createContext<QuestionPromptContextValue | undefined>(undefined);\n\nexport function InternalApprovalProvider({\n  approval,\n  children,\n}: {\n  approval: ToolApproval;\n  children?: ReactNode;\n}): ReactElement {\n  const [reason, setReason] = useState(\"\");\n  const value = useMemo<ApprovalContextValue>(\n    () => ({ approval, reason, setReason }),\n    [approval, reason],\n  );\n\n  return createElement(ApprovalContext.Provider, { value }, children);\n}\n\nexport function InternalQuestionProvider({\n  value,\n  children,\n}: {\n  value: QuestionContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(QuestionContext.Provider, { value }, children);\n}\n\nexport function InternalQuestionPromptProvider({\n  prompt,\n  children,\n}: {\n  prompt: ToolQuestionPrompt;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(QuestionPromptContext.Provider, { value: { prompt } }, children);\n}\n\nexport function useApproval(): ApprovalContextValue {\n  const value = useContext(ApprovalContext);\n  if (value === undefined) {\n    throw new Error(\"Approval primitives must be used inside HumanInput.Approval.\");\n  }\n  return value;\n}\n\nexport function useQuestion(): QuestionContextValue {\n  const value = useContext(QuestionContext);\n  if (value === undefined) {\n    throw new Error(\"Question primitives must be used inside HumanInput.Question.\");\n  }\n  return value;\n}\n\nexport function useQuestionPrompt(): QuestionPromptContextValue {\n  const value = useContext(QuestionPromptContext);\n  if (value === undefined) {\n    throw new Error(\"Question choice primitives must be used inside HumanInput.QuestionPrompt.\");\n  }\n  return value;\n}\n","import type { UIMessage, UIMessagePart } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type MessageContextValue = {\n  message: UIMessage;\n};\n\nexport type MessagePartContextValue = {\n  part: UIMessagePart;\n};\n\nconst MessageContext = createContext<MessageContextValue | undefined>(undefined);\nconst MessagePartContext = createContext<MessagePartContextValue | undefined>(undefined);\n\nexport function InternalMessageProvider({\n  message,\n  children,\n}: {\n  message: UIMessage;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(MessageContext.Provider, { value: { message } }, children);\n}\n\nexport function InternalMessagePartProvider({\n  part,\n  children,\n}: {\n  part: UIMessagePart;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(MessagePartContext.Provider, { value: { part } }, children);\n}\n\nexport function useMessage(): MessageContextValue {\n  const value = useContext(MessageContext);\n  if (value === undefined) {\n    throw new Error(\"Message primitives must be used inside Message.Root or Thread.Messages.\");\n  }\n  return value;\n}\n\nexport function useMessagePart(): MessagePartContextValue {\n  const value = useContext(MessagePartContext);\n  if (value === undefined) {\n    throw new Error(\"Message part primitives must be used inside Message.Parts or Message.Part.\");\n  }\n  return value;\n}\n\nexport function useOptionalMessagePart(): MessagePartContextValue | undefined {\n  return useContext(MessagePartContext);\n}\n","import {\n  createContext,\n  createElement,\n  type MutableRefObject,\n  type ReactElement,\n  type ReactNode,\n  useContext,\n} from \"react\";\n\nexport type ThreadContextValue = {\n  viewportRef: MutableRefObject<HTMLElement | null>;\n  atBottom: boolean;\n  setAtBottom(atBottom: boolean): void;\n  scrollToBottom(behavior?: ScrollBehavior): void;\n};\n\nconst ThreadContext = createContext<ThreadContextValue | undefined>(undefined);\n\nexport function InternalThreadProvider({\n  value,\n  children,\n}: {\n  value: ThreadContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(ThreadContext.Provider, { value }, children);\n}\n\nexport function useThread(): ThreadContextValue {\n  const value = useContext(ThreadContext);\n  if (value === undefined) {\n    throw new Error(\"Thread primitives must be used inside Thread.Root.\");\n  }\n  return value;\n}\n"],"mappings":";AACA,SAAS,eAAe,eAAkD,kBAAkB;AAO5F,IAAM,oBAAoB,cAAkD,MAAS;AAE9E,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AACF,GAGiB;AACf,SAAO,cAAc,kBAAkB,UAAU,EAAE,MAAM,GAAG,QAAQ;AACtE;AAEO,SAAS,gBAAwC;AACtD,QAAM,QAAQ,WAAW,iBAAiB;AAC1C,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,4DAA4D;AAAA,EAC9E;AACA,SAAO;AACT;;;ACzBA,SAAS,iBAAAA,gBAAe,iBAAAC,gBAAkD,cAAAC,mBAAkB;AAS5F,IAAM,cAAcF,eAA0C,MAAS;AAEhE,SAAS,aAA+B;AAAA,EAC7C;AAAA,EACA;AACF,GAA4C;AAC1C,SAAOC,eAAc,YAAY,UAAU,EAAE,OAAO,WAA6B,GAAG,QAAQ;AAC9F;AAEO,SAAS,iBAA2D;AACzE,QAAM,QAAQC,YAAW,WAAW;AACpC,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAC3E;AACA,SAAO;AACT;AAEO,SAAS,gBAA8C;AAC5D,SAAO,eAAe,EAAE;AAC1B;;;AC5BA,SAAS,iBAAAC,gBAAe,iBAAAC,gBAAkD,cAAAC,mBAAkB;AAS5F,IAAM,oBAAoBF,eAAgD,MAAS;AAE5E,SAAS,mBAAqC;AAAA,EACnD;AAAA,EACA;AACF,GAAkD;AAChD,SAAOC;AAAA,IACL,kBAAkB;AAAA,IAClB,EAAE,OAAO,WAAmC;AAAA,IAC5C;AAAA,EACF;AACF;AAEO,SAAS,uBAAuE;AACrF,QAAM,QAAQC,YAAW,iBAAiB;AAC1C,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,qEAAqE;AAAA,EACvF;AACA,SAAO;AACT;;;AC7BA,SAAS,iBAAAC,gBAAe,iBAAAC,gBAAkD,cAAAC,mBAAkB;AAc5F,IAAM,yBAAyBF,eAAuD,MAAS;AAExF,SAAS,gCAAgC;AAAA,EAC9C;AAAA,EACA;AACF,GAGiB;AACf,SAAOC,eAAc,uBAAuB,UAAU,EAAE,MAAM,GAAG,QAAQ;AAC3E;AAEO,SAAS,qBAAkD;AAChE,QAAM,QAAQC,YAAW,sBAAsB;AAC/C,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,kEAAkE;AAAA,EACpF;AACA,SAAO;AACT;;;AC/BA,SAAS,iBAAAC,gBAAe,iBAAAC,gBAAkD,cAAAC,mBAAkB;AAuB5F,IAAM,kBAAkBF,eAAgD,MAAS;AAE1E,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AACF,GAGiB;AACf,SAAOC,eAAc,gBAAgB,UAAU,EAAE,MAAM,GAAG,QAAQ;AACpE;AAEO,SAAS,cAAoC;AAClD,QAAM,QAAQC,YAAW,eAAe;AACxC,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,wDAAwD;AAAA,EAC1E;AACA,SAAO;AACT;;;ACpCA;AAAA,EACE,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EAGA,cAAAC;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAkBP,IAAM,kBAAkBF,eAAgD,MAAS;AACjF,IAAM,kBAAkBA,eAAgD,MAAS;AACjF,IAAM,wBAAwBA,eAAsD,MAAS;AAEtF,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AACF,GAGiB;AACf,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,UAAU,QAAQ,UAAU;AAAA,IACrC,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,SAAOC,eAAc,gBAAgB,UAAU,EAAE,MAAM,GAAG,QAAQ;AACpE;AAEO,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AACF,GAGiB;AACf,SAAOA,eAAc,gBAAgB,UAAU,EAAE,MAAM,GAAG,QAAQ;AACpE;AAEO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AACF,GAGiB;AACf,SAAOA,eAAc,sBAAsB,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,QAAQ;AACtF;AAEO,SAAS,cAAoC;AAClD,QAAM,QAAQC,YAAW,eAAe;AACxC,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,8DAA8D;AAAA,EAChF;AACA,SAAO;AACT;AAEO,SAAS,cAAoC;AAClD,QAAM,QAAQA,YAAW,eAAe;AACxC,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,8DAA8D;AAAA,EAChF;AACA,SAAO;AACT;AAEO,SAAS,oBAAgD;AAC9D,QAAM,QAAQA,YAAW,qBAAqB;AAC9C,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,2EAA2E;AAAA,EAC7F;AACA,SAAO;AACT;;;AC7FA,SAAS,iBAAAC,gBAAe,iBAAAC,gBAAkD,cAAAC,mBAAkB;AAU5F,IAAM,iBAAiBF,eAA+C,MAAS;AAC/E,IAAM,qBAAqBA,eAAmD,MAAS;AAEhF,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAGiB;AACf,SAAOC,eAAc,eAAe,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,QAAQ;AAChF;AAEO,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA;AACF,GAGiB;AACf,SAAOA,eAAc,mBAAmB,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,QAAQ;AACjF;AAEO,SAAS,aAAkC;AAChD,QAAM,QAAQC,YAAW,cAAc;AACvC,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,yEAAyE;AAAA,EAC3F;AACA,SAAO;AACT;AAEO,SAAS,iBAA0C;AACxD,QAAM,QAAQA,YAAW,kBAAkB;AAC3C,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,4EAA4E;AAAA,EAC9F;AACA,SAAO;AACT;AAEO,SAAS,yBAA8D;AAC5E,SAAOA,YAAW,kBAAkB;AACtC;;;ACpDA;AAAA,EACE,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EAIA,cAAAC;AAAA,OACK;AASP,IAAM,gBAAgBF,eAA8C,MAAS;AAEtE,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AACF,GAGiB;AACf,SAAOC,eAAc,cAAc,UAAU,EAAE,MAAM,GAAG,QAAQ;AAClE;AAEO,SAAS,YAAgC;AAC9C,QAAM,QAAQC,YAAW,aAAa;AACtC,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;","names":["createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext"]}