@dxos/react-ui-editor 0.8.2-main.f11618f → 0.8.2-staging.42af850

package/src/stories/{TextEditorBasic.stories.tsx → TextEditor.stories.tsx}

@@ -5,45 +5,44 @@
 import '@dxos-theme';
 
 import { javascript } from '@codemirror/lang-javascript';
-import { markdown } from '@codemirror/lang-markdown';
 import { openSearchPanel } from '@codemirror/search';
 import React from 'react';
 
+import { log } from '@dxos/log';
 import { withLayout, withTheme, type Meta } from '@dxos/storybook-utils';
 
 import {
-  DefaultStory,
-  defaultExtensions,
+  EditorStory,
   allExtensions,
-  text,
-  str,
   content,
-  longText,
-  largeWithImages,
-  headings,
+  defaultExtensions,
   global,
-  renderLinkButton,
-  renderLinkTooltip,
+  largeWithImages,
   links,
+  longText,
   names,
-} from './story-utils';
+  renderLinkButton,
+  text,
+} from './util';
 import { editorMonospace } from '../defaults';
 import {
   InputModeExtensions,
-  selectionState,
+  autocomplete,
   decorateMarkdown,
   folding,
   image,
-  linkTooltip,
-  table,
-  autocomplete,
+  listener,
   mention,
+  selectionState,
+  staticCompletion,
+  typeahead,
 } from '../extensions';
+import { str } from '../testing';
 
-const meta: Meta<typeof DefaultStory> = {
+const meta: Meta<typeof EditorStory> = {
   title: 'ui/react-ui-editor/TextEditor',
+  render: EditorStory,
   decorators: [withTheme, withLayout({ fullscreen: true })],
-  render: DefaultStory,
   parameters: { layout: 'fullscreen' },
 };
 
@@ -54,7 +53,7 @@ export default meta;
 //
 
 export const Default = {
-  render: () => <DefaultStory text={text} extensions={defaultExtensions} />,
+  render: () => <EditorStory text={text} extensions={defaultExtensions} />,
 };
 
 //
@@ -62,7 +61,7 @@ export const Default = {
 //
 
 export const Everything = {
-  render: () => <DefaultStory text={text} extensions={allExtensions} selection={{ anchor: 99, head: 110 }} />,
+  render: () => <EditorStory text={text} extensions={allExtensions} selection={{ anchor: 99, head: 110 }} />,
 };
 
 //
@@ -70,7 +69,7 @@ export const Everything = {
 //
 
 export const Empty = {
-  render: () => <DefaultStory extensions={defaultExtensions} />,
+  render: () => <EditorStory extensions={defaultExtensions} />,
 };
 
 //
@@ -78,7 +77,7 @@ export const Empty = {
 //
 
 export const Readonly = {
-  render: () => <DefaultStory text={text} extensions={defaultExtensions} readOnly />,
+  render: () => <EditorStory text={text} extensions={defaultExtensions} readOnly />,
 };
 
 //
@@ -86,7 +85,7 @@ export const Readonly = {
 //
 
 export const NoExtensions = {
-  render: () => <DefaultStory text={text} />,
+  render: () => <EditorStory text={text} />,
 };
 
 //
@@ -95,7 +94,7 @@ export const NoExtensions = {
 
 export const Vim = {
   render: () => (
-    <DefaultStory
+    <EditorStory
       text={str('# Vim Mode', '', 'The distant future. The year 2000.', '', content.paragraphs)}
       extensions={[defaultExtensions, InputModeExtensions.vim]}
     />
@@ -103,16 +102,42 @@ export const Vim = {
 };
 
 //
-// Scrolling
+// Listener
+//
+
+export const Listener = {
+  render: () => (
+    <EditorStory
+      text={str('# Listener', '', content.footer)}
+      extensions={[
+        listener({
+          onFocus: (focusing) => {
+            log.info('listener', { focusing });
+          },
+          onChange: (text) => {
+            log.info('listener', { text });
+          },
+        }),
+      ]}
+    />
+  ),
+};
+
+//
+// Folding
 //
 
 export const Folding = {
-  render: () => <DefaultStory text={text} extensions={[folding()]} />,
+  render: () => <EditorStory text={text} extensions={[folding()]} />,
 };
 
+//
+// Scrolling
+//
+
 export const Scrolling = {
   render: () => (
-    <DefaultStory
+    <EditorStory
       text={str('# Large Document', '', longText)}
       extensions={selectionState({
         setState: (id, state) => global.set(id, state),
@@ -124,7 +149,7 @@ export const Scrolling = {
 
 export const ScrollingWithImages = {
   render: () => (
-    <DefaultStory text={str('# Large Document', '', largeWithImages)} extensions={[decorateMarkdown(), image()]} />
+    <EditorStory text={str('# Large Document', '', largeWithImages)} extensions={[decorateMarkdown(), image()]} />
   ),
 };
 
@@ -135,7 +160,7 @@ export const ScrollTo = {
     const text = str('# Scroll To', longText, '', word, '', longText);
     const idx = text.indexOf(word);
     return (
-      <DefaultStory
+      <EditorStory
         text={text}
         extensions={defaultExtensions}
         scrollTo={idx}
@@ -145,91 +170,13 @@ export const ScrollTo = {
   },
 };
 
-//
-// Markdown
-//
-
-export const Blockquote = {
-  render: () => (
-    <DefaultStory
-      text={str('> Blockquote', 'continuation', content.footer)}
-      extensions={decorateMarkdown()}
-      debug='raw'
-    />
-  ),
-};
-
-export const Headings = {
-  render: () => (
-    <DefaultStory text={headings} extensions={decorateMarkdown({ numberedHeadings: { from: 2, to: 4 } })} />
-  ),
-};
-
-export const Links = {
-  render: () => (
-    <DefaultStory text={str(content.links, content.footer)} extensions={[linkTooltip(renderLinkTooltip)]} />
-  ),
-};
-
-export const Image = {
-  render: () => <DefaultStory text={str(content.image, content.footer)} extensions={[image()]} />,
-};
-
-export const Code = {
-  render: () => <DefaultStory text={str(content.codeblocks, content.footer)} extensions={[decorateMarkdown()]} />,
-};
-
-export const Lists = {
-  render: () => (
-    <DefaultStory
-      text={str(content.tasks, '', content.bullets, '', content.numbered, content.footer)}
-      extensions={[decorateMarkdown()]}
-    />
-  ),
-};
-
-export const BulletList = {
-  render: () => <DefaultStory text={str(content.bullets, content.footer)} extensions={[decorateMarkdown()]} />,
-};
-
-export const OrderedList = {
-  render: () => <DefaultStory text={str(content.numbered, content.footer)} extensions={[decorateMarkdown()]} />,
-};
-
-export const TaskList = {
-  render: () => (
-    <DefaultStory text={str(content.tasks, content.footer)} extensions={[decorateMarkdown()]} debug='raw+tree' />
-  ),
-};
-
-export const Table = {
-  render: () => <DefaultStory text={str(content.table, content.footer)} extensions={[decorateMarkdown(), table()]} />,
-};
-
-//
-// Commented out
-//
-
-export const CommentedOut = {
-  render: () => (
-    <DefaultStory
-      text={str('# Commented out', '', content.comment, content.footer)}
-      extensions={[
-        decorateMarkdown(),
-        markdown(),
-        // commentBlock()
-      ]}
-    />
-  ),
-};
-
 //
 // Typescript
 //
 
 export const Typescript = {
   render: () => (
-    <DefaultStory
+    <EditorStory
       text={content.typescript}
       lineNumbers
       extensions={[editorMonospace, javascript({ typescript: true })]}
@@ -238,12 +185,12 @@ export const Typescript = {
 };
 
 //
-// Custom
+// Autocomplete
 //
 
 export const Autocomplete = {
   render: () => (
-    <DefaultStory
+    <EditorStory
       text={str('# Autocomplete', '', 'Press Ctrl-Space...', content.footer)}
       extensions={[
         decorateMarkdown({ renderLinkButton }),
@@ -257,13 +204,33 @@ export const Autocomplete = {
   ),
 };
 
+//
+// Typeahead
+//
+
+const completions = ['type', 'AND', 'OR', 'NOT', 'dxos.org'];
+
+export const Typeahead = {
+  render: () => (
+    <EditorStory
+      text={str('# Typeahead', '')}
+      extensions={[
+        decorateMarkdown({ renderLinkButton }),
+        typeahead({
+          onComplete: staticCompletion(completions, completions[0]),
+        }),
+      ]}
+    />
+  ),
+};
+
 //
 // Mention
 //
 
 export const Mention = {
   render: () => (
-    <DefaultStory
+    <EditorStory
       text={str('# Mention', '', 'Type @...', content.footer)}
       extensions={[
         mention({
@@ -280,7 +247,7 @@ export const Mention = {
 
 export const Search = {
   render: () => (
-    <DefaultStory
+    <EditorStory
       text={str('# Search', text)}
       extensions={defaultExtensions}
       onReady={(view) => openSearchPanel(view)}

package/src/stories/{story-utils.tsx → util.tsx}

@@ -5,7 +5,7 @@
 import { type Completion } from '@codemirror/autocomplete';
 import { type Extension } from '@codemirror/state';
 import { type EditorView } from '@codemirror/view';
-import React, { useEffect, useState, type FC } from 'react';
+import React, { type ReactNode, useEffect, useState, type FC } from 'react';
 
 import { Expando } from '@dxos/echo-schema';
 import { PublicKey } from '@dxos/keys';
@@ -13,32 +13,30 @@ import { live } from '@dxos/live-object';
 import { faker } from '@dxos/random';
 import { createDocAccessor, createObject } from '@dxos/react-client/echo';
 import { useThemeContext, Icon } from '@dxos/react-ui';
+import { JsonFilter } from '@dxos/react-ui-syntax-highlighter';
 import { mx } from '@dxos/react-ui-theme';
 
-import { editorContent, editorGutter } from '../defaults';
+import { editorSlots, editorGutter } from '../defaults';
 import {
-  type EditorSelectionState,
   type DebugNode,
-  decorateMarkdown,
-  formattingKeymap,
-  linkTooltip,
-  image,
-  table,
-  folding,
-} from '../extensions';
-import {
+  type EditorSelectionState,
   createDataExtensions,
   createBasicExtensions,
   createMarkdownExtensions,
   createThemeExtensions,
+  decorateMarkdown,
   debugTree,
+  folding,
+  formattingKeymap,
+  image,
+  linkTooltip,
+  table,
+  type ThemeExtensionsOptions,
 } from '../extensions';
 import { useTextEditor, type UseTextEditorProps } from '../hooks';
+import { str } from '../testing';
 import { createRenderer } from '../util';
 
-// Utility functions
-export const str = (...lines: string[]) => lines.join('\n');
-
 export const num = () => faker.number.int({ min: 0, max: 9999 }).toLocaleString();
 
 export const img = '![dxos](https://dxos.network/dxos-logotype-blue.png)';
@@ -253,24 +251,28 @@ export type DebugMode = 'raw' | 'tree' | 'raw+tree';
 export type StoryProps = {
   id?: string;
   debug?: DebugMode;
+  debugCustom?: (view: EditorView) => ReactNode;
   text?: string;
   readOnly?: boolean;
   placeholder?: string;
   lineNumbers?: boolean;
   onReady?: (view: EditorView) => void;
-} & Pick<UseTextEditorProps, 'scrollTo' | 'selection' | 'extensions'>;
+} & Pick<UseTextEditorProps, 'scrollTo' | 'selection' | 'extensions'> &
+  Pick<ThemeExtensionsOptions, 'slots'>;
 
 // Default story component
-export const DefaultStory = ({
+export const EditorStory = ({
   id = 'editor-' + PublicKey.random().toHex().slice(0, 8),
   debug,
+  debugCustom,
   text,
-  extensions,
   readOnly,
   placeholder = 'New document.',
+  lineNumbers,
   scrollTo,
   selection,
-  lineNumbers,
+  extensions,
+  slots = editorSlots,
   onReady,
 }: StoryProps) => {
   const [object] = useState(createObject(live(Expando, { content: text ?? '' })));
@@ -287,11 +289,7 @@ export const DefaultStory = ({
         createThemeExtensions({
           themeMode,
           syntaxHighlighting: true,
-          slots: {
-            content: {
-              className: editorContent,
-            },
-          },
+          slots,
         }),
         editorGutter,
         extensions || [],
@@ -310,18 +308,17 @@ export const DefaultStory = ({
   }, [view]);
 
   return (
-    <div className='flex w-full'>
-      <div role='none' className='flex w-full overflow-hidden' ref={parentRef} {...focusAttributes} />
+    <div className={mx('w-full h-full grid overflow-hidden', debug && 'grid-cols-[1fr_600px]')}>
+      <div role='none' className='flex overflow-hidden' ref={parentRef} {...focusAttributes} />
       {debug && (
-        <div className='flex flex-col w-[800px] border-l border-separator divide-y divide-separator overflow-auto'>
+        <div className='grid h-full auto-rows-fr border-l border-separator divide-y divide-separator overflow-hidden'>
+          {view && debugCustom?.(view)}
           {(debug === 'raw' || debug === 'raw+tree') && (
-            <pre className='p-1 font-mono text-xs text-green-800 dark:text-green-200'>{view?.state.doc.toString()}</pre>
-          )}
-          {(debug === 'tree' || debug === 'raw+tree') && (
-            <pre className='p-1 font-mono text-xs text-green-800 dark:text-green-200'>
-              {JSON.stringify(tree, null, 2)}
+            <pre className='p-1 text-xs text-green-800 dark:text-green-200 overflow-auto'>
+              {view?.state.doc.toString()}
             </pre>
           )}
+          {(debug === 'tree' || debug === 'raw+tree') && <JsonFilter data={tree} classNames='p-1 text-xs' />}
         </div>
       )}
     </div>

package/src/styles/theme.ts

@@ -119,6 +119,9 @@ export const defaultTheme: ThemeStyles = {
   '.cm-selectionBackground': {
     background: 'var(--dx-cmSelection)',
   },
+  '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground': {
+    background: 'var(--dx-cmFocusedSelection)',
+  },
 
   /**
    * Search.
@@ -164,18 +167,25 @@ export const defaultTheme: ThemeStyles = {
   '.cm-tooltip.cm-tooltip-autocomplete': {
     marginTop: '4px',
     marginLeft: '-3px',
+    borderColor: 'var(--dx-separator)',
+    borderTop: 'none',
   },
   '.cm-tooltip.cm-tooltip-autocomplete > ul': {
     maxHeight: '20em',
   },
-  '.cm-tooltip.cm-tooltip-autocomplete > ul > li': {},
-  '.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected]': {},
+  '.cm-tooltip.cm-tooltip-autocomplete > ul > li': {
+    padding: '4px',
+  },
+  '.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected]': {
+    background: 'var(--dx-hoverSurface)',
+  },
   '.cm-tooltip.cm-tooltip-autocomplete > ul > completion-section': {
     paddingLeft: '4px !important',
     borderBottom: 'none !important',
     color: 'var(--dx-accentText)',
   },
-  '.cm-tooltip.cm-completionInfo': {
+
+  '.cm-completionInfo': {
     width: '360px !important',
     margin: '-10px 1px 0 1px',
     padding: '8px !important',
@@ -226,7 +236,7 @@ export const defaultTheme: ThemeStyles = {
     backgroundColor: 'var(--dx-input)',
   },
   '.cm-panel input:focus, .cm-panel button:focus': {
-    outline: '1px solid var(--dx-accentFocusIndicator)',
+    outline: '1px solid var(--dx-neutralFocusIndicator)',
   },
   '.cm-panel label': {
     display: 'inline-flex',
@@ -239,7 +249,7 @@ export const defaultTheme: ThemeStyles = {
     height: '8px',
     marginRight: '6px !important',
     padding: '2px !important',
-    color: 'var(--dx-accentFocusIndicator)',
+    color: 'var(--dx-neutralFocusIndicator)',
   },
   '.cm-panel button': {
     '&:hover': {

package/src/styles/tokens.ts

@@ -2,9 +2,8 @@
 // Copyright 2023 DXOS.org
 //
 
-import get from 'lodash.get';
-
 import { tokens } from '@dxos/react-ui-theme';
+import { get } from '@dxos/util';
 
 /**
  * Returns the tailwind token value.

package/src/testing/index.ts

@@ -2,4 +2,4 @@
 // Copyright 2022 DXOS.org
 //
 
-export * from './RefPopover';
+export * from './util';

package/src/testing/util.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export const str = (...lines: string[]) => lines.join('\n');

package/dist/types/src/components/EditorToolbar/comment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"comment.d.ts","sourceRoot":"","sources":["../../../../../src/components/EditorToolbar/comment.ts"],"names":[],"mappings":"AAMA,OAAO,EAAsB,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAarE,eAAO,MAAM,aAAa,UAAW,kBAAkB;;;;;;;;;;;;;;CAGrD,CAAC"}

package/dist/types/src/extensions/markdown/editorAction.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editorAction.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/markdown/editorAction.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAsBhE,MAAM,MAAM,WAAW,GACnB,WAAW,GACX,YAAY,GACZ,QAAQ,GACR,WAAW,GACX,SAAS,GACT,SAAS,GACT,OAAO,GACP,UAAU,GACV,MAAM,GACN,MAAM,GACN,aAAa,GACb,cAAc,GACd,WAAW,GACX,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,eAAe,GACf,OAAO,CAAC;AAEZ,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAE9E,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;AAE5F,eAAO,MAAM,oBAAoB,EAAE,oBAyDlC,CAAC"}

package/dist/types/src/hooks/useActionHandler.d.ts

@@ -1,4 +0,0 @@
-import { type EditorView } from '@codemirror/view';
-import { type EditorAction } from '../extensions';
-export declare const useActionHandler: (view?: EditorView | null) => (action: EditorAction) => void | null | undefined;
-//# sourceMappingURL=useActionHandler.d.ts.map

package/dist/types/src/hooks/useActionHandler.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActionHandler.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useActionHandler.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,KAAK,YAAY,EAAwB,MAAM,eAAe,CAAC;AAExE,eAAO,MAAM,gBAAgB,UAAW,UAAU,GAAG,IAAI,cAC3B,YAAY,4BACzC,CAAC"}

package/dist/types/src/stories/InputMode.stories.d.ts

@@ -1,57 +0,0 @@
-import '@dxos-theme';
-import React from 'react';
-import { type UseTextEditorProps } from '../hooks';
-type StoryProps = {
-    placeholder?: string;
-    readOnly?: boolean;
-} & UseTextEditorProps;
-export declare const Default: {
-    render: () => React.JSX.Element;
-};
-export declare const Markdown: {
-    args: {
-        autoFocus: boolean;
-        placeholder: string;
-        initialValue: string;
-    };
-};
-declare const _default: {
-    title: string;
-    render: ({ autoFocus, initialValue, placeholder, readOnly }: StoryProps) => React.JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        translations: {
-            'en-US': {
-                "react-ui-editor": {
-                    'strong label': string;
-                    'emphasis label': string;
-                    'strikethrough label': string;
-                    'code label': string;
-                    'link label': string;
-                    'list-bullet label': string;
-                    'list-ordered label': string;
-                    'list-task label': string;
-                    'blockquote label': string;
-                    'codeblock label': string;
-                    'comment label': string;
-                    'selection overlaps existing comment label': string;
-                    'select text to comment label': string;
-                    'image label': string;
-                    'heading label': string;
-                    'table label': string;
-                    'heading level label_zero': string;
-                    'heading level label_one': string;
-                    'heading level label_other': string;
-                    'view mode label': string;
-                    'preview mode label': string;
-                    'readonly mode label': string;
-                    'search label': string;
-                    'source mode label': string;
-                };
-            };
-        }[];
-        layout: string;
-    };
-};
-export default _default;
-//# sourceMappingURL=InputMode.stories.d.ts.map

package/dist/types/src/stories/InputMode.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputMode.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/InputMode.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiBxC,OAAO,EAAmC,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAGpF,KAAK,UAAU,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,kBAAkB,CAAC;AAqEpF,eAAO,MAAM,OAAO;;CAanB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC;;;iEAxFwE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FpF,wBAKE"}

package/dist/types/src/stories/TextEditorBasic.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextEditorBasic.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/TextEditorBasic.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EACL,YAAY,EAcb,MAAM,eAAe,CAAC;AAcvB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAKnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAMF,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAMF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAMF,eAAO,MAAM,QAAQ;;CAEpB,CAAC;AAMF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAMF,eAAO,MAAM,GAAG;;CAOf,CAAC;AAMF,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAUrB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;CAI/B,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAepB,CAAC;AAMF,eAAO,MAAM,UAAU;;CAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAIpB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAIjB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,eAAO,MAAM,IAAI;;CAEhB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAOjB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAEF,eAAO,MAAM,WAAW;;CAEvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAIpB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAMF,eAAO,MAAM,YAAY;;CAWxB,CAAC;AAMF,eAAO,MAAM,UAAU;;CAQtB,CAAC;AAMF,eAAO,MAAM,YAAY;;CAcxB,CAAC;AAMF,eAAO,MAAM,OAAO;;CAWnB,CAAC;AAMF,eAAO,MAAM,MAAM;;CAQlB,CAAC"}

package/dist/types/src/stories/TextEditorComments.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextEditorComments.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/TextEditorComments.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,YAAY,EAA0B,MAAM,eAAe,CAAC;AAKrE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAKnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,QAAQ;;CAsCpB,CAAC;AAyBF,eAAO,MAAM,WAAW;;CAIvB,CAAC"}

package/dist/types/src/stories/TextEditorPreview.stories.d.ts

@@ -1,13 +0,0 @@
-import '@dxos-theme';
-import React from 'react';
-import { type Meta } from '@dxos/storybook-utils';
-import { DefaultStory } from './story-utils';
-declare const meta: Meta<typeof DefaultStory>;
-export default meta;
-export declare const Preview: {
-    render: () => React.JSX.Element;
-};
-export declare const Command: {
-    render: () => React.JSX.Element;
-};
-//# sourceMappingURL=TextEditorPreview.stories.d.ts.map

package/dist/types/src/stories/TextEditorPreview.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextEditorPreview.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/TextEditorPreview.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAA2D,MAAM,OAAO,CAAC;AAKhF,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAO,MAAM,eAAe,CAAC;AAelD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAKnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO;;CA8BnB,CAAC;AAwFF,eAAO,MAAM,OAAO;;CAwBnB,CAAC"}

package/dist/types/src/stories/TextEditorSpecial.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextEditorSpecial.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/TextEditorSpecial.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAyB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAgB,MAAM,eAAe,CAAC;AAG3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAKnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,QAAQ;;CAgBpB,CAAC;AAQF,eAAO,MAAM,UAAU;;CAOtB,CAAC;AAMF,eAAO,MAAM,KAAK;;CAqBjB,CAAC;AAMF,eAAO,MAAM,GAAG;;CAaf,CAAC"}

package/dist/types/src/stories/story-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"story-utils.d.ts","sourceRoot":"","sources":["../../../../src/stories/story-utils.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,EACL,KAAK,oBAAoB,EAQ1B,MAAM,eAAe,CAAC;AAQvB,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAIlE,eAAO,MAAM,GAAG,aAAc,MAAM,EAAE,WAAqB,CAAC;AAE5D,eAAO,MAAM,GAAG,cAAiE,CAAC;AAElF,eAAO,MAAM,GAAG,yDAAyD,CAAC;AAE1E,eAAO,MAAM,IAAI,QAOhB,CAAC;AAGF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CA+FnB,CAAC;AAGF,eAAO,MAAM,IAAI,QAwBhB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,UAAU,EAM7B,CAAC;AAEF,eAAO,MAAM,KAAK,UAA4E,CAAC;AAe/F,eAAO,MAAM,iBAAiB;SAVD,MAAM;EAUyB,CAAC;AAU7D,eAAO,MAAM,gBAAgB;SARD,MAAM;EAQwB,CAAC;AAG3D,eAAO,MAAM,iBAAiB,EAAE,SAAS,EAIxC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAAS,EAOpC,CAAC;AAGF,eAAO,MAAM,QAAQ,QAEN,CAAC;AAEhB,eAAO,MAAM,eAAe,QAGb,CAAC;AAEhB,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAA0C,CAAC;AAG9D,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;AAEpD,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC,CAAC;AAGtE,eAAO,MAAM,YAAY,uGAWtB,UAAU,sBAsDZ,CAAC"}

package/dist/types/src/testing/RefPopover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RefPopover.d.ts","sourceRoot":"","sources":["../../../../src/testing/RefPopover.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAA4D,MAAM,OAAO,CAAC;AAMhH,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAKhG,KAAK,eAAe,GAAG,OAAO,CAAC;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,MAAM,EAAE,iBAAiB,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAEtG,QAAA,MAAkC,aAAa;UAFR,cAAc;YAAU,iBAAiB;aAAW,OAAO;EAEA,CAAC;AAEnG,KAAK,uBAAuB,GAAG,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC,CAAC;AA+C/E,eAAO,MAAM,UAAU;uCA7C6B,uBAAuB;CA+C1E,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,YAAY,EAAE,uBAAuB,EAAE,eAAe,EAAE,CAAC"}