@dxos/react-ui-chat 0.8.4-main.1da679c

package/dist/lib/node-esm/index.mjs

@@ -0,0 +1,353 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// src/components/ChatDialog/ChatDialog.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import { createContext } from "@radix-ui/react-context";
+import React, { useEffect, useState } from "react";
+import { Dialog, Icon, IconButton, useControlledState } from "@dxos/react-ui";
+import { ResizeHandle, resizeAttributes, sizeStyle } from "@dxos/react-ui-dnd";
+import { mx } from "@dxos/react-ui-theme";
+var preventDefault = (event) => event.preventDefault();
+var Endcap = ({ children }) => {
+  var _effect = _useSignals();
+  try {
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "grid w-[var(--rail-action)] h-[var(--rail-action)] items-center justify-center"
+    }, children);
+  } finally {
+    _effect.f();
+  }
+};
+var [ChatDialogContextProvider, useChatDialogContext] = createContext("ChatDialog");
+var ChatDialogRoot = ({ children, open: _open = false, expanded: expandedParam = false, onOpenChange, onExpandedChange, onEscape }) => {
+  var _effect = _useSignals();
+  try {
+    const [size, setSize] = useState("min-content");
+    const [open, setOpen] = useControlledState(_open, onOpenChange);
+    const [expanded, setExpanded] = useControlledState(expandedParam, onExpandedChange);
+    return /* @__PURE__ */ React.createElement(ChatDialogContextProvider, {
+      open,
+      setOpen,
+      expanded,
+      setExpanded,
+      size,
+      setSize
+    }, /* @__PURE__ */ React.createElement(Dialog.Root, {
+      modal: false,
+      open,
+      onOpenChange: setOpen
+    }, /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: "dx-dialog__overlay bg-transparent pointer-events-none",
+      "data-block-align": "end"
+    }, /* @__PURE__ */ React.createElement(Dialog.Content, {
+      inOverlayLayout: true,
+      classNames: [
+        "grid grid-rows-[var(--rail-action)_1fr_min-content] p-0 overflow-hidden",
+        "box-content md:is-[35rem] md:max-is-none pointer-events-auto"
+      ],
+      onEscapeKeyDown: onEscape,
+      onInteractOutside: preventDefault
+    }, children))));
+  } finally {
+    _effect.f();
+  }
+};
+ChatDialogRoot.displayName = "ChatDialog.Root";
+var ChatDialogHeader = ({ classNames, title }) => {
+  var _effect = _useSignals();
+  try {
+    const { expanded, setExpanded } = useChatDialogContext(ChatDialogHeader.displayName);
+    return /* @__PURE__ */ React.createElement("div", {
+      className: mx("grid grid-cols-[var(--rail-action)_1fr_min-content] items-center overflow-hidden", classNames)
+    }, /* @__PURE__ */ React.createElement(Endcap, null, /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--x--regular"
+    }))), /* @__PURE__ */ React.createElement(Dialog.Title, {
+      classNames: "flex w-full justify-center text-sm text-subdued select-none cursor-pointer",
+      onClick: () => setExpanded((expanded2) => !expanded2)
+    }, title), /* @__PURE__ */ React.createElement(Endcap, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--caret-up--regular",
+      iconOnly: true,
+      classNames: mx("!p-1 [&>svg]:transition [&>svg]:duration-200", expanded && "[&>svg]:rotate-180"),
+      label: expanded ? "Close" : "Open",
+      onClick: () => setExpanded((expanded2) => !expanded2)
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+ChatDialogHeader.displayName = "ChatDialog.Header";
+var ChatDialogContent = ({ children, classNames }) => {
+  var _effect = _useSignals();
+  try {
+    const { expanded, size, setSize } = useChatDialogContext(ChatDialogContent.displayName);
+    useEffect(() => {
+      setSize(expanded ? "min-content" : 0);
+    }, [
+      expanded
+    ]);
+    return /* @__PURE__ */ React.createElement("div", {
+      className: mx("flex flex-col overflow-y-auto border-t border-b border-subduedSeparator", 'transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing="true"])]:duration-200', classNames),
+      style: {
+        ...sizeStyle(size, "vertical", true),
+        maxBlockSize: "calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)"
+      },
+      ...resizeAttributes
+    }, /* @__PURE__ */ React.createElement(ResizeHandle, {
+      side: "block-start",
+      iconPosition: "center",
+      defaultSize: "min-content",
+      fallbackSize: 0,
+      minSize: 0,
+      onSizeChange: setSize
+    }), children);
+  } finally {
+    _effect.f();
+  }
+};
+ChatDialogContent.displayName = "ChatDialog.Content";
+var ChatDialogFooter = ({ children, classNames }) => {
+  var _effect = _useSignals();
+  try {
+    return /* @__PURE__ */ React.createElement("div", {
+      className: mx(classNames)
+    }, children);
+  } finally {
+    _effect.f();
+  }
+};
+ChatDialogFooter.displayName = "ChatDialog.Footer";
+var ChatDialog = {
+  Root: ChatDialogRoot,
+  Header: ChatDialogHeader,
+  Content: ChatDialogContent,
+  Footer: ChatDialogFooter
+};
+
+// src/components/ChatEditor/references.ts
+import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
+import { RangeSet } from "@codemirror/state";
+import { Decoration, EditorView, ViewPlugin, WidgetType, keymap } from "@codemirror/view";
+import { Mutex } from "@dxos/async";
+import { invariant } from "@dxos/invariant";
+function _define_property(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-chat/src/components/ChatEditor/references.ts";
+var references = ({ provider, triggerCharacter = "@", debug = false }) => {
+  invariant(triggerCharacter.length === 1, void 0, {
+    F: __dxlog_file,
+    L: 50,
+    S: void 0,
+    A: [
+      "triggerCharacter.length === 1",
+      ""
+    ]
+  });
+  const decorationField = ViewPlugin.fromClass(class ReferenceView {
+    update(update) {
+      if (update.docChanged) {
+        queueMicrotask(async () => {
+          const guard = await this._mutex.acquire();
+          try {
+            this.decorations = await this._computeDecorations(update.view);
+          } finally {
+            guard.release();
+          }
+        });
+      }
+    }
+    async _computeDecorations(view) {
+      const text = view.state.doc.toString();
+      const references2 = text.matchAll(new RegExp(`${triggerCharacter}[a-zA-Z0-9@:]+\\s`, "g"));
+      const decorations = [];
+      for (const match of references2) {
+        const reference = match[0];
+        const uri = reference.slice(1, -1);
+        const data = await provider.resolveReference({
+          uri
+        });
+        if (data) {
+          decorations.push(Decoration.replace({
+            widget: new ReferenceWidget(data)
+          }).range(match.index, match.index + reference.length));
+        }
+      }
+      return Decoration.set(decorations);
+    }
+    constructor(view) {
+      _define_property(this, "_mutex", new Mutex());
+      _define_property(this, "decorations", Decoration.set([]));
+      queueMicrotask(async () => {
+        const guard = await this._mutex.acquire();
+        try {
+          this.decorations = await this._computeDecorations(view);
+        } finally {
+          guard.release();
+        }
+      });
+    }
+  }, {
+    decorations: (v) => v.decorations,
+    provide: (plugin) => [
+      EditorView.atomicRanges.of((view) => view.plugin(decorationField)?.decorations ?? RangeSet.empty)
+    ]
+  });
+  return [
+    decorationField,
+    EditorView.theme({
+      ".cm-reference-pill": {
+        borderRadius: "0.25rem",
+        borderWidth: "1px",
+        marginRight: "0.25rem",
+        marginLeft: "0.25rem"
+      }
+    }),
+    autocompletion({
+      tooltipClass: () => "shadow rounded",
+      activateOnTyping: true,
+      aboveCursor: true,
+      closeOnBlur: !debug,
+      override: [
+        async (context) => {
+          const match = context.matchBefore(new RegExp(`${triggerCharacter}[a-zA-Z0-9]+`));
+          if (!match || match?.to === match?.from) {
+            return null;
+          }
+          const query = match.text.slice(1);
+          const references2 = await provider.getReferences({
+            query
+          });
+          return {
+            from: match.from,
+            filter: false,
+            options: references2.map((reference) => ({
+              label: reference.label,
+              apply: `${triggerCharacter}${reference.uri} `
+            }))
+          };
+        }
+      ]
+    }),
+    keymap.of(completionKeymap)
+  ];
+};
+var ReferenceWidget = class extends WidgetType {
+  toDOM() {
+    const span = document.createElement("span");
+    span.textContent = `@ ${this.data.label}`;
+    span.className = "cm-reference-pill";
+    return span;
+  }
+  eq(other) {
+    return other.data.uri === this.data.uri;
+  }
+  ignoreEvent() {
+    return true;
+  }
+  constructor(data) {
+    super(), _define_property(this, "data", void 0), this.data = data;
+  }
+};
+
+// src/components/ChatEditor/ChatEditor.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { forwardRef, useImperativeHandle } from "react";
+import { useThemeContext } from "@dxos/react-ui";
+import { autocomplete, createBasicExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
+import { mx as mx2 } from "@dxos/react-ui-theme";
+import { isNonNullable } from "@dxos/util";
+var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, references: references2, autoFocus, lineWrapping = false, placeholder, onSubmit, onSuggest, onCancel }, forwardRef2) => {
+  var _effect = _useSignals2();
+  try {
+    const { themeMode } = useThemeContext();
+    const { parentRef, view } = useTextEditor(() => ({
+      debug: true,
+      autoFocus,
+      extensions: [
+        createThemeExtensions({
+          themeMode
+        }),
+        autocomplete({
+          onSubmit,
+          onSuggest,
+          onCancel
+        }),
+        references2 ? references({
+          provider: references2.provider
+        }) : [],
+        createBasicExtensions({
+          bracketMatching: false,
+          lineWrapping,
+          placeholder
+        }),
+        extensions
+      ].filter(isNonNullable)
+    }), [
+      themeMode,
+      extensions,
+      onSubmit,
+      onSuggest,
+      onCancel
+    ]);
+    useImperativeHandle(forwardRef2, () => {
+      return {
+        focus: () => {
+          view?.focus();
+        },
+        getText: () => view?.state.doc.toString() ?? "",
+        setText: (text) => {
+          view?.dispatch({
+            changes: {
+              from: 0,
+              to: view.state.doc.length,
+              insert: text
+            },
+            selection: {
+              anchor: text.length,
+              head: text.length
+            }
+          });
+        }
+      };
+    }, [
+      view,
+      onSubmit
+    ]);
+    return /* @__PURE__ */ React2.createElement("div", {
+      ref: parentRef,
+      className: mx2("is-full", classNames)
+    });
+  } finally {
+    _effect.f();
+  }
+});
+
+// src/translations.ts
+var translationKey = "react-ui-chat";
+var translations = [
+  {
+    "en-US": {
+      [translationKey]: {}
+    }
+  }
+];
+export {
+  ChatDialog,
+  ChatEditor,
+  references,
+  translationKey,
+  translations
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ChatDialog/ChatDialog.tsx", "../../../src/components/ChatEditor/references.ts", "../../../src/components/ChatEditor/ChatEditor.tsx", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type Dispatch, type PropsWithChildren, type SetStateAction, useEffect, useState } from 'react';\n\nimport { Dialog, Icon, IconButton, type ThemedClassName, useControlledState } from '@dxos/react-ui';\nimport { ResizeHandle, type Size, resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nconst preventDefault = (event: Event) => event.preventDefault();\n\n// TODO(burdon): Factor out.\nconst Endcap = ({ children }: PropsWithChildren) => {\n  return (\n    <div className='grid w-[var(--rail-action)] h-[var(--rail-action)] items-center justify-center'>{children}</div>\n  );\n};\n\n//\n// Context\n//\n\ntype ChatDialogContextValue = {\n  open: boolean;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  expanded: boolean;\n  setExpanded: Dispatch<SetStateAction<boolean>>;\n  size: Size;\n  setSize: Dispatch<SetStateAction<Size>>;\n};\n\nconst [ChatDialogContextProvider, useChatDialogContext] = createContext<ChatDialogContextValue>('ChatDialog');\n\n//\n// Root\n//\n\ntype ChatDialogRootProps = PropsWithChildren<{\n  open?: boolean;\n  expanded?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onExpandedChange?: (expanded: boolean) => void;\n  onEscape?: () => void;\n}>;\n\nconst ChatDialogRoot = ({\n  children,\n  open: _open = false,\n  expanded: expandedParam = false,\n  onOpenChange,\n  onExpandedChange,\n  onEscape,\n}: ChatDialogRootProps) => {\n  const [size, setSize] = useState<Size>('min-content');\n  const [open, setOpen] = useControlledState<boolean>(_open, onOpenChange);\n  const [expanded, setExpanded] = useControlledState<boolean>(expandedParam, onExpandedChange);\n\n  // NOTE: We set the min size to 5rem (80px), and the header and prompt bar to 40px (i.e., the rail-size) each.\n  // The dialog has no vertical padding and has box-content so that when closed it collapses to the size of the header and prompt bar.\n  return (\n    <ChatDialogContextProvider\n      open={open}\n      setOpen={setOpen}\n      expanded={expanded}\n      setExpanded={setExpanded}\n      size={size}\n      setSize={setSize}\n    >\n      <Dialog.Root modal={false} open={open} onOpenChange={setOpen}>\n        <div role='none' className='dx-dialog__overlay bg-transparent pointer-events-none' data-block-align='end'>\n          <Dialog.Content\n            inOverlayLayout\n            classNames={[\n              'grid grid-rows-[var(--rail-action)_1fr_min-content] p-0 overflow-hidden',\n              'box-content md:is-[35rem] md:max-is-none pointer-events-auto',\n            ]}\n            onEscapeKeyDown={onEscape}\n            onInteractOutside={preventDefault}\n          >\n            {children}\n          </Dialog.Content>\n        </div>\n      </Dialog.Root>\n    </ChatDialogContextProvider>\n  );\n};\n\nChatDialogRoot.displayName = 'ChatDialog.Root';\n\n//\n// Header\n//\n\ntype ChatDialogHeaderProps = ThemedClassName<{\n  title?: string;\n}>;\n\nconst ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {\n  const { expanded, setExpanded } = useChatDialogContext(ChatDialogHeader.displayName);\n\n  return (\n    <div className={mx('grid grid-cols-[var(--rail-action)_1fr_min-content] items-center overflow-hidden', classNames)}>\n      <Endcap>\n        <Dialog.Close>\n          <Icon icon='ph--x--regular' />\n        </Dialog.Close>\n      </Endcap>\n      <Dialog.Title\n        classNames='flex w-full justify-center text-sm text-subdued select-none cursor-pointer'\n        onClick={() => setExpanded((expanded) => !expanded)}\n      >\n        {title}\n      </Dialog.Title>\n      <Endcap>\n        <IconButton\n          variant='ghost'\n          icon='ph--caret-up--regular'\n          iconOnly\n          classNames={mx('!p-1 [&>svg]:transition [&>svg]:duration-200', expanded && '[&>svg]:rotate-180')}\n          label={expanded ? 'Close' : 'Open'}\n          onClick={() => setExpanded((expanded) => !expanded)}\n        />\n      </Endcap>\n    </div>\n  );\n};\n\nChatDialogHeader.displayName = 'ChatDialog.Header';\n\n//\n// Content\n//\n\ntype ChatDialogContentProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) => {\n  const { expanded, size, setSize } = useChatDialogContext(ChatDialogContent.displayName);\n  useEffect(() => {\n    setSize(expanded ? 'min-content' : 0);\n  }, [expanded]);\n\n  return (\n    <div\n      className={mx(\n        'flex flex-col overflow-y-auto border-t border-b border-subduedSeparator',\n        'transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing=\"true\"])]:duration-200',\n        classNames,\n      )}\n      style={{\n        ...sizeStyle(size, 'vertical', true),\n        maxBlockSize: 'calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)',\n      }}\n      {...resizeAttributes}\n    >\n      <ResizeHandle\n        side='block-start'\n        iconPosition='center'\n        defaultSize='min-content'\n        fallbackSize={0}\n        minSize={0}\n        onSizeChange={setSize}\n      />\n      {children}\n    </div>\n  );\n};\n\nChatDialogContent.displayName = 'ChatDialog.Content';\n\n//\n// Footer\n//\n\ntype ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogFooter = ({ children, classNames }: ChatDialogFooterProps) => {\n  return <div className={mx(classNames)}>{children}</div>;\n};\n\nChatDialogFooter.displayName = 'ChatDialog.Footer';\n\n//\n// ChatDialog\n//\n\nexport const ChatDialog = {\n  Root: ChatDialogRoot,\n  Header: ChatDialogHeader,\n  Content: ChatDialogContent,\n  Footer: ChatDialogFooter,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type CompletionResult, autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { type Extension, RangeSet } from '@codemirror/state';\nimport {\n  Decoration,\n  type DecorationSet,\n  EditorView,\n  ViewPlugin,\n  type ViewUpdate,\n  WidgetType,\n  keymap,\n} from '@codemirror/view';\n\nimport { Mutex } from '@dxos/async';\nimport { invariant } from '@dxos/invariant';\n\n// TODO(dmaretskyi): Consider adding details renderer for when you hover over the reference.\nexport type ReferenceData = {\n  uri: string;\n  label: string;\n};\n\nexport interface ReferencesProvider {\n  getReferences({ query }: { query: string }): Promise<ReferenceData[]>;\n  resolveReference({ uri }: { uri: string }): Promise<ReferenceData | null>;\n}\n\nexport type ReferencesOptions = {\n  provider: ReferencesProvider;\n\n  /**\n   * @default '@'\n   */\n  triggerCharacter?: string;\n\n  /**\n   * Prevent the autocomplete from closing when the user blurs the editor.\n   * @default false\n   */\n  debug?: boolean;\n};\n\n/**\n * Lookup object references.\n */\nexport const references = ({ provider, triggerCharacter = '@', debug = false }: ReferencesOptions): Extension => {\n  invariant(triggerCharacter.length === 1);\n\n  const decorationField = ViewPlugin.fromClass(\n    class ReferenceView {\n      // TODO(burdon): Why?\n      private _mutex = new Mutex();\n\n      decorations: DecorationSet = Decoration.set([]);\n\n      constructor(view: EditorView) {\n        queueMicrotask(async () => {\n          const guard = await this._mutex.acquire();\n          try {\n            this.decorations = await this._computeDecorations(view);\n          } finally {\n            guard.release();\n          }\n        });\n      }\n\n      update(update: ViewUpdate) {\n        if (update.docChanged) {\n          queueMicrotask(async () => {\n            const guard = await this._mutex.acquire();\n            try {\n              this.decorations = await this._computeDecorations(update.view);\n            } finally {\n              guard.release();\n            }\n          });\n        }\n      }\n\n      private async _computeDecorations(view: EditorView): Promise<DecorationSet> {\n        const text = view.state.doc.toString();\n        const references = text.matchAll(new RegExp(`${triggerCharacter}[a-zA-Z0-9@:]+\\\\s`, 'g'));\n\n        const decorations = [];\n        for (const match of references) {\n          const reference = match[0];\n          const uri = reference.slice(1, -1);\n          const data = await provider.resolveReference({ uri });\n          if (data) {\n            decorations.push(\n              Decoration.replace({\n                widget: new ReferenceWidget(data),\n              }).range(match.index!, match.index! + reference.length),\n            );\n          }\n        }\n\n        return Decoration.set(decorations);\n      }\n    },\n    {\n      decorations: (v) => v.decorations,\n      provide: (plugin) => [\n        EditorView.atomicRanges.of(\n          (view): DecorationSet => view.plugin(decorationField)?.decorations ?? RangeSet.empty,\n        ),\n      ],\n    },\n  );\n\n  return [\n    decorationField,\n\n    EditorView.theme({\n      '.cm-reference-pill': {\n        borderRadius: '0.25rem',\n        borderWidth: '1px',\n        marginRight: '0.25rem',\n        marginLeft: '0.25rem',\n      },\n    }),\n\n    autocompletion({\n      tooltipClass: () => 'shadow rounded',\n      activateOnTyping: true,\n      aboveCursor: true,\n      closeOnBlur: !debug,\n      override: [\n        async (context): Promise<CompletionResult | null> => {\n          const match = context.matchBefore(new RegExp(`${triggerCharacter}[a-zA-Z0-9]+`));\n          if (!match || match?.to === match?.from) {\n            return null;\n          }\n\n          const query = match.text.slice(1);\n          const references = await provider.getReferences({ query });\n          return {\n            from: match.from,\n            filter: false,\n            options: references.map((reference) => ({\n              label: reference.label,\n              apply: `${triggerCharacter}${reference.uri} `,\n            })),\n          };\n        },\n      ],\n    }),\n\n    keymap.of(completionKeymap),\n  ];\n};\n\nclass ReferenceWidget extends WidgetType {\n  constructor(private data: ReferenceData) {\n    super();\n  }\n\n  override toDOM(): HTMLSpanElement {\n    const span = document.createElement('span');\n    span.textContent = `@ ${this.data.label}`;\n    span.className = 'cm-reference-pill';\n    return span;\n  }\n\n  override eq(other: ReferenceWidget): boolean {\n    return other.data.uri === this.data.uri;\n  }\n\n  override ignoreEvent(): boolean {\n    return true;\n  }\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport React, { forwardRef, useImperativeHandle } from 'react';\n\nimport { type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport {\n  type AutocompleteOptions,\n  type BasicExtensionsOptions,\n  type UseTextEditorProps,\n  autocomplete,\n  createBasicExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { type ReferencesOptions, references as referencesExtension } from './references';\n\nexport interface ChatEditorController {\n  focus(): void;\n  getText(): string;\n  setText(text: string): void;\n}\n\nexport type ChatEditorProps = ThemedClassName<\n  {\n    extensions?: Extension;\n    references?: ReferencesOptions;\n  } & AutocompleteOptions &\n    Pick<UseTextEditorProps, 'id' | 'autoFocus'> &\n    Pick<BasicExtensionsOptions, 'lineWrapping' | 'placeholder'>\n>;\n\nexport const ChatEditor = forwardRef<ChatEditorController, ChatEditorProps>(\n  (\n    { classNames, extensions, references, autoFocus, lineWrapping = false, placeholder, onSubmit, onSuggest, onCancel },\n    forwardRef,\n  ) => {\n    const { themeMode } = useThemeContext();\n\n    const { parentRef, view } = useTextEditor(\n      () => ({\n        debug: true,\n        autoFocus,\n        extensions: [\n          createThemeExtensions({ themeMode }),\n          autocomplete({ onSubmit, onSuggest, onCancel }),\n          references ? referencesExtension({ provider: references.provider }) : [],\n          createBasicExtensions({\n            bracketMatching: false,\n            lineWrapping,\n            placeholder,\n          }),\n          extensions,\n        ].filter(isNonNullable),\n      }),\n      [themeMode, extensions, onSubmit, onSuggest, onCancel],\n    );\n\n    // Expose editor view.\n    useImperativeHandle(forwardRef, () => {\n      return {\n        focus: () => {\n          view?.focus();\n        },\n        getText: () => view?.state.doc.toString() ?? '',\n        setText: (text: string) => {\n          view?.dispatch({\n            changes: {\n              from: 0,\n              to: view.state.doc.length,\n              insert: text,\n            },\n            selection: {\n              anchor: text.length,\n              head: text.length,\n            },\n          });\n        },\n      };\n    }, [view, onSubmit]);\n\n    return <div ref={parentRef} className={mx('is-full', classNames)} />;\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = 'react-ui-chat';\n\nexport const translations = [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n] as const satisfies Resource[];\n"],
+  "mappings": "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",
+  "names": ["createContext", "React", "useEffect", "useState", "Dialog", "Icon", "IconButton", "useControlledState", "ResizeHandle", "resizeAttributes", "sizeStyle", "mx", "preventDefault", "event", "Endcap", "children", "div", "className", "ChatDialogContextProvider", "useChatDialogContext", "createContext", "ChatDialogRoot", "open", "_open", "expanded", "expandedParam", "onOpenChange", "onExpandedChange", "onEscape", "size", "setSize", "useState", "setOpen", "useControlledState", "setExpanded", "Dialog", "Root", "modal", "role", "data-block-align", "Content", "inOverlayLayout", "classNames", "onEscapeKeyDown", "onInteractOutside", "displayName", "ChatDialogHeader", "title", "mx", "Close", "Icon", "icon", "Title", "onClick", "IconButton", "variant", "iconOnly", "label", "ChatDialogContent", "useEffect", "style", "sizeStyle", "maxBlockSize", "resizeAttributes", "ResizeHandle", "side", "iconPosition", "defaultSize", "fallbackSize", "minSize", "onSizeChange", "ChatDialogFooter", "ChatDialog", "Header", "Footer", "autocompletion", "completionKeymap", "RangeSet", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "keymap", "Mutex", "invariant", "references", "provider", "triggerCharacter", "debug", "length", "decorationField", "fromClass", "ReferenceView", "update", "docChanged", "queueMicrotask", "guard", "_mutex", "acquire", "decorations", "_computeDecorations", "view", "release", "text", "state", "doc", "toString", "matchAll", "RegExp", "match", "reference", "uri", "slice", "data", "resolveReference", "push", "replace", "widget", "ReferenceWidget", "range", "index", "set", "v", "provide", "plugin", "atomicRanges", "of", "empty", "theme", "borderRadius", "borderWidth", "marginRight", "marginLeft", "tooltipClass", "activateOnTyping", "aboveCursor", "closeOnBlur", "override", "context", "matchBefore", "to", "from", "query", "getReferences", "filter", "options", "map", "label", "apply", "toDOM", "span", "document", "createElement", "textContent", "className", "eq", "other", "ignoreEvent", "React", "forwardRef", "useImperativeHandle", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "useTextEditor", "mx", "isNonNullable", "ChatEditor", "forwardRef", "classNames", "extensions", "references", "autoFocus", "lineWrapping", "placeholder", "onSubmit", "onSuggest", "onCancel", "themeMode", "useThemeContext", "parentRef", "view", "useTextEditor", "debug", "createThemeExtensions", "autocomplete", "referencesExtension", "provider", "createBasicExtensions", "bracketMatching", "filter", "isNonNullable", "useImperativeHandle", "focus", "getText", "state", "doc", "toString", "setText", "text", "dispatch", "changes", "from", "to", "length", "insert", "selection", "anchor", "head", "React", "div", "ref", "className", "mx", "translationKey", "translations"]
+}

package/dist/lib/node-esm/meta.json

@@ -0,0 +1 @@
+{"inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytes":17762,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatDialog/index.ts":{"bytes":480,"imports":[{"path":"src/components/ChatDialog/ChatDialog.tsx","kind":"import-statement","original":"./ChatDialog"}],"format":"esm"},"src/components/ChatEditor/references.ts":{"bytes":16344,"imports":[{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/ChatEditor.tsx":{"bytes":8814,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/components/ChatEditor/references.ts","kind":"import-statement","original":"./references"}],"format":"esm"},"src/components/ChatEditor/index.ts":{"bytes":574,"imports":[{"path":"src/components/ChatEditor/references.ts","kind":"import-statement","original":"./references"},{"path":"src/components/ChatEditor/ChatEditor.tsx","kind":"import-statement","original":"./ChatEditor"}],"format":"esm"},"src/components/index.ts":{"bytes":563,"imports":[{"path":"src/components/ChatDialog/index.ts","kind":"import-statement","original":"./ChatDialog"},{"path":"src/components/ChatEditor/index.ts","kind":"import-statement","original":"./ChatEditor"}],"format":"esm"},"src/translations.ts":{"bytes":1041,"imports":[],"format":"esm"},"src/index.ts":{"bytes":558,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":22284},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["ChatDialog","ChatEditor","references","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytesInOutput":4874},"src/components/ChatDialog/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/references.ts":{"bytesInOutput":3999},"src/components/ChatEditor/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/ChatEditor.tsx":{"bytesInOutput":2035},"src/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":118}},"bytes":11398}}}

package/dist/types/src/components/ChatDialog/ChatDialog.d.ts

@@ -0,0 +1,34 @@
+import React, { type PropsWithChildren } from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
+type ChatDialogRootProps = PropsWithChildren<{
+    open?: boolean;
+    expanded?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onExpandedChange?: (expanded: boolean) => void;
+    onEscape?: () => void;
+}>;
+type ChatDialogHeaderProps = ThemedClassName<{
+    title?: string;
+}>;
+type ChatDialogContentProps = ThemedClassName<PropsWithChildren>;
+type ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;
+export declare const ChatDialog: {
+    Root: {
+        ({ children, open: _open, expanded: expandedParam, onOpenChange, onExpandedChange, onEscape, }: ChatDialogRootProps): React.JSX.Element;
+        displayName: string;
+    };
+    Header: {
+        ({ classNames, title }: ChatDialogHeaderProps): React.JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ children, classNames }: ChatDialogContentProps): React.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ children, classNames }: ChatDialogFooterProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export {};
+//# sourceMappingURL=ChatDialog.d.ts.map

package/dist/types/src/components/ChatDialog/ChatDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatDialog/ChatDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,KAAK,iBAAiB,EAA4C,MAAM,OAAO,CAAC;AAE/G,OAAO,EAA4B,KAAK,eAAe,EAAsB,MAAM,gBAAgB,CAAC;AAgCpG,KAAK,mBAAmB,GAAG,iBAAiB,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC,CAAC;AAkDH,KAAK,qBAAqB,GAAG,eAAe,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAsCH,KAAK,sBAAsB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAwCjE,KAAK,qBAAqB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAYhE,eAAO,MAAM,UAAU;;wGArIpB,mBAAmB;;;;gCA6C2B,qBAAqB;;;;mCAsCjB,sBAAsB;;;;mCAwCvB,qBAAqB;;;CAexE,CAAC"}

package/dist/types/src/components/ChatDialog/ChatDialog.stories.d.ts

@@ -0,0 +1,39 @@
+import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: {
+        ({ children, open: _open, expanded: expandedParam, onOpenChange, onExpandedChange, onEscape, }: {
+            open?: boolean;
+            expanded?: boolean;
+            onOpenChange?: (open: boolean) => void;
+            onExpandedChange?: (expanded: boolean) => void;
+            onEscape?: () => void;
+        } & {
+            children?: React.ReactNode | undefined;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    render: (args: {
+        open?: boolean;
+        expanded?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        onExpandedChange?: (expanded: boolean) => void;
+        onEscape?: () => void;
+    } & {
+        children?: React.ReactNode | undefined;
+    }) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        translations: [{
+            readonly 'en-US': {
+                readonly "react-ui-chat": {};
+            };
+        }];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=ChatDialog.stories.d.ts.map

package/dist/types/src/components/ChatDialog/ChatDialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatDialog/ChatDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/ChatDialog/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ChatDialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/ChatDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}

package/dist/types/src/components/ChatEditor/ChatEditor.d.ts

@@ -0,0 +1,21 @@
+import { type Extension } from '@codemirror/state';
+import React from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
+import { type AutocompleteOptions, type BasicExtensionsOptions, type UseTextEditorProps } from '@dxos/react-ui-editor';
+import { type ReferencesOptions } from './references';
+export interface ChatEditorController {
+    focus(): void;
+    getText(): string;
+    setText(text: string): void;
+}
+export type ChatEditorProps = ThemedClassName<{
+    extensions?: Extension;
+    references?: ReferencesOptions;
+} & AutocompleteOptions & Pick<UseTextEditorProps, 'id' | 'autoFocus'> & Pick<BasicExtensionsOptions, 'lineWrapping' | 'placeholder'>>;
+export declare const ChatEditor: React.ForwardRefExoticComponent<Omit<{
+    extensions?: Extension;
+    references?: ReferencesOptions;
+} & AutocompleteOptions & Pick<UseTextEditorProps, "autoFocus" | "id"> & Pick<BasicExtensionsOptions, "lineWrapping" | "placeholder">, "className"> & {
+    classNames?: import("@dxos/react-ui-types").ClassNameValue;
+} & React.RefAttributes<ChatEditorController>>;
+//# sourceMappingURL=ChatEditor.d.ts.map

package/dist/types/src/components/ChatEditor/ChatEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatEditor/ChatEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,KAAK,eAAe,EAAmB,MAAM,gBAAgB,CAAC;AACvE,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EAKxB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAE,KAAK,iBAAiB,EAAqC,MAAM,cAAc,CAAC;AAEzF,MAAM,WAAW,oBAAoB;IACnC,KAAK,IAAI,IAAI,CAAC;IACd,OAAO,IAAI,MAAM,CAAC;IAClB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,MAAM,eAAe,GAAG,eAAe,CAC3C;IACE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC,GAAG,mBAAmB,GACrB,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,WAAW,CAAC,GAC5C,IAAI,CAAC,sBAAsB,EAAE,cAAc,GAAG,aAAa,CAAC,CAC/D,CAAC;AAEF,eAAO,MAAM,UAAU;iBAPN,SAAS;iBACT,iBAAiB;;;8CAyDjC,CAAC"}

package/dist/types/src/components/ChatEditor/ChatEditor.stories.d.ts

@@ -0,0 +1,26 @@
+import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<{
+        extensions?: import("@codemirror/state").Extension;
+        references?: import("./references").ReferencesOptions;
+    } & import("@dxos/react-ui-editor").AutocompleteOptions & Pick<import("@dxos/react-ui-editor").UseTextEditorProps, "autoFocus" | "id"> & Pick<import("@dxos/react-ui-editor").BasicExtensionsOptions, "lineWrapping" | "placeholder">, "className"> & {
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    } & import("react").RefAttributes<import("./ChatEditor").ChatEditorController>>;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        translations: [{
+            readonly 'en-US': {
+                readonly "react-ui-chat": {};
+            };
+        }];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSuggestions: Story;
+export declare const WithReferences: Story;
+//# sourceMappingURL=ChatEditor.stories.d.ts.map

package/dist/types/src/components/ChatEditor/ChatEditor.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatEditor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatEditor/ChatEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAUjE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAQyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuB7B,CAAC;AAiBF,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAC"}

package/dist/types/src/components/ChatEditor/index.d.ts

@@ -0,0 +1,3 @@
+export * from './references';
+export * from './ChatEditor';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/ChatEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatEditor/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAE7B,cAAc,cAAc,CAAC"}

package/dist/types/src/components/ChatEditor/references.d.ts

@@ -0,0 +1,30 @@
+import { type Extension } from '@codemirror/state';
+export type ReferenceData = {
+    uri: string;
+    label: string;
+};
+export interface ReferencesProvider {
+    getReferences({ query }: {
+        query: string;
+    }): Promise<ReferenceData[]>;
+    resolveReference({ uri }: {
+        uri: string;
+    }): Promise<ReferenceData | null>;
+}
+export type ReferencesOptions = {
+    provider: ReferencesProvider;
+    /**
+     * @default '@'
+     */
+    triggerCharacter?: string;
+    /**
+     * Prevent the autocomplete from closing when the user blurs the editor.
+     * @default false
+     */
+    debug?: boolean;
+};
+/**
+ * Lookup object references.
+ */
+export declare const references: ({ provider, triggerCharacter, debug }: ReferencesOptions) => Extension;
+//# sourceMappingURL=references.d.ts.map

package/dist/types/src/components/ChatEditor/references.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"references.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatEditor/references.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,mBAAmB,CAAC;AAe7D,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;IACtE,gBAAgB,CAAC,EAAE,GAAG,EAAE,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;CAC3E;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,uCAAqD,iBAAiB,KAAG,SAyGnG,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ChatDialog';
+export * from './ChatEditor';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './translations';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/types/src/translations.d.ts

@@ -0,0 +1,7 @@
+export declare const translationKey = "react-ui-chat";
+export declare const translations: [{
+    readonly 'en-US': {
+        readonly "react-ui-chat": {};
+    };
+}];
+//# sourceMappingURL=translations.d.ts.map