@dxos/react-ui-editor 0.8.4-main.e098934 → 0.8.4-main.e8ec1fe

package/dist/types/src/extensions/command/command-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"command-menu.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/command/command-menu.ts"],"names":[],"mappings":"AAIA,OAAO,EAAsC,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGnF,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,KAAK,kBAAkB,EAAe,MAAM,eAAe,CAAC;AAErE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAG1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,SAAS,kBAAkB,gFAmKtD,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAGF,eAAO,MAAM,kBAAkB,kEAA4C,CAAC"}

package/dist/types/src/extensions/command/command.d.ts

@@ -1,6 +0,0 @@
-import { type Extension } from '@codemirror/state';
-import { type HintOptions } from './hint';
-import { type PopupOptions } from './state';
-export type CommandOptions = Partial<PopupOptions & HintOptions>;
-export declare const command: (options?: CommandOptions) => Extension;
-//# sourceMappingURL=command.d.ts.map

package/dist/types/src/extensions/command/command.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/command/command.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,mBAAmB,CAAC;AAMzD,OAAO,EAAE,KAAK,WAAW,EAAQ,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,KAAK,YAAY,EAA+B,MAAM,SAAS,CAAC;AAOzE,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,YAAY,GAAG,WAAW,CAAC,CAAC;AAEjE,eAAO,MAAM,OAAO,GAAI,UAAS,cAAmB,KAAG,SAatD,CAAC"}

package/dist/types/src/extensions/command/floating-menu.d.ts

@@ -1,7 +0,0 @@
-export type FloatingMenuOptions = {
-    icon?: string;
-    height?: number;
-    padding?: number;
-};
-export declare const floatingMenu: (options?: FloatingMenuOptions) => import("@codemirror/state").Extension[];
-//# sourceMappingURL=floating-menu.d.ts.map

package/dist/types/src/extensions/command/floating-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"floating-menu.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/command/floating-menu.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,UAAS,mBAAwB,4CA+G7D,CAAC"}

package/dist/types/src/extensions/command/hint.d.ts

@@ -1,19 +0,0 @@
-import { ViewPlugin, type ViewUpdate, WidgetType } from '@codemirror/view';
-export type HintOptions = {
-    delay?: number;
-    onHint?: () => string | undefined;
-};
-export declare const hint: ({ delay, onHint }: HintOptions) => ViewPlugin<{
-    decorations: import("@codemirror/view").DecorationSet;
-    timeout: ReturnType<typeof setTimeout> | undefined;
-    update(update: ViewUpdate): void;
-    destroy(): void;
-}, undefined>;
-export declare class Hint extends WidgetType {
-    readonly content: string | HTMLElement;
-    constructor(content: string | HTMLElement);
-    toDOM(): HTMLSpanElement;
-    coordsAt(dom: HTMLElement): import("../..").Rect | null;
-    ignoreEvent(): boolean;
-}
-//# sourceMappingURL=hint.d.ts.map

package/dist/types/src/extensions/command/hint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hint.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/command/hint.ts"],"names":[],"mappings":"AAMA,OAAO,EAA0B,UAAU,EAAE,KAAK,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAMnG,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,mBAA2B,WAAW;;aAI5C,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,SAAS;mBAEnC,UAAU;;aAuC9B,CAAC;AAEF,qBAAa,IAAK,SAAQ,UAAU;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW;gBAA7B,OAAO,EAAE,MAAM,GAAG,WAAW;IAIlD,KAAK,IAAI,eAAe;IAcf,QAAQ,CAAC,GAAG,EAAE,WAAW;IAgBzB,WAAW,IAAI,OAAO;CAGhC"}

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

@@ -1,7 +0,0 @@
-export * from './action';
-export * from './command';
-export * from './command-menu';
-export * from './floating-menu';
-export * from './typeahead';
-export * from './useCommandMenu';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/command/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/types/src/extensions/command/placeholder.d.ts

@@ -1,10 +0,0 @@
-import { type Extension } from '@codemirror/state';
-import { EditorView } from '@codemirror/view';
-type Content = string | HTMLElement | ((view: EditorView) => HTMLElement);
-export type PlaceholderOptions = {
-    delay?: number;
-    content: Content;
-};
-export declare const placeholder: ({ delay, content }: PlaceholderOptions) => Extension;
-export {};
-//# sourceMappingURL=placeholder.d.ts.map

package/dist/types/src/extensions/command/placeholder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/command/placeholder.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAc,UAAU,EAA2C,MAAM,kBAAkB,CAAC;AAInG,KAAK,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,WAAW,CAAC,CAAC;AAE1E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,oBAA4B,kBAAkB,KAAG,SAiD5E,CAAC"}

package/dist/types/src/extensions/command/state.d.ts

@@ -1,16 +0,0 @@
-import { StateField } from '@codemirror/state';
-import { type Tooltip } from '@codemirror/view';
-import { type RenderCallback } from '../../types';
-import { type Action } from './action';
-export declare const commandConfig: import("@codemirror/state").Facet<Partial<PopupOptions & import("./hint").HintOptions>, Partial<PopupOptions & import("./hint").HintOptions>>;
-export type PopupOptions = {
-    renderDialog: RenderCallback<{
-        onAction: (action?: Action) => void;
-    }>;
-};
-type CommandState = {
-    tooltip?: Tooltip;
-};
-export declare const commandState: StateField<CommandState>;
-export {};
-//# sourceMappingURL=state.d.ts.map

package/dist/types/src/extensions/command/state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/command/state.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,KAAK,OAAO,EAAiC,MAAM,kBAAkB,CAAC;AAEhG,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,OAAO,EAAE,KAAK,MAAM,EAA2B,MAAM,UAAU,CAAC;AAGhE,eAAO,MAAM,aAAa,+IAAqC,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG;IACzB,YAAY,EAAE,cAAc,CAAC;QAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAC,CAAC;CACvE,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,YAAY,0BAkEvB,CAAC"}

package/dist/types/src/extensions/command/typeahead.d.ts

@@ -1,22 +0,0 @@
-import { type Extension } from '@codemirror/state';
-export type TypeaheadContext = {
-    line: string;
-};
-export type TypeaheadOptions = {
-    onComplete?: (context: TypeaheadContext) => string | undefined;
-};
-/**
- * CodeMirror extension for typeahead completion.
- */
-export declare const typeahead: ({ onComplete }?: TypeaheadOptions) => Extension;
-type CompletionOptions = {
-    default?: string;
-    minLength?: number;
-};
-/**
- * Util to match current line to a static list of completions.
- */
-export declare const staticCompletion: (completions: string[], options?: CompletionOptions) => ({ line }: TypeaheadContext) => string | undefined;
-export declare const matchCompletion: (completion: string, str: string, minLength?: number) => string | undefined;
-export {};
-//# sourceMappingURL=typeahead.d.ts.map

package/dist/types/src/extensions/command/typeahead.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typeahead.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/command/typeahead.ts"],"names":[],"mappings":"AAIA,OAAO,EAAmB,KAAK,SAAS,EAAyB,MAAM,mBAAmB,CAAC;AAa3F,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAGhD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,MAAM,GAAG,SAAS,CAAC;CAChE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,iBAAgB,gBAAqB,KAAG,SA4DjE,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC1B,aAAa,MAAM,EAAE,EAAE,UAAS,iBAAsB,MACtD,UAAU,gBAAgB,uBAiB1B,CAAC;AAEJ,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,EAAE,KAAK,MAAM,EAAE,kBAAa,KAAG,MAAM,GAAG,SAUzF,CAAC"}

package/dist/types/src/extensions/command/useCommandMenu.d.ts

@@ -1,25 +0,0 @@
-import { type EditorView } from '@codemirror/view';
-import { type RefObject } from 'react';
-import { type DxAnchorActivate } from '@dxos/react-ui';
-import { type MaybePromise } from '@dxos/util';
-import { type CommandMenuGroup, type CommandMenuItem } from '../../components';
-import { type PlaceholderOptions } from './placeholder';
-export type UseCommandMenuOptions = {
-    viewRef: RefObject<EditorView | undefined>;
-    trigger: string | string[];
-    placeholder?: Partial<PlaceholderOptions>;
-    getMenu: (trigger: string, query?: string) => MaybePromise<CommandMenuGroup[]>;
-};
-export declare const useCommandMenu: ({ viewRef, trigger, placeholder, getMenu }: UseCommandMenuOptions) => {
-    commandMenu: (import("@codemirror/state").Extension | import("@codemirror/state").StateField<{
-        trigger: string;
-        range: import("../..").Range;
-    } | null>)[];
-    currentItem: string | undefined;
-    groupsRef: import("react").MutableRefObject<CommandMenuGroup[]>;
-    open: boolean;
-    onActivate: (event: DxAnchorActivate) => Promise<void>;
-    onOpenChange: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    onSelect: (item: CommandMenuItem) => void;
-};
-//# sourceMappingURL=useCommandMenu.d.ts.map

package/dist/types/src/extensions/command/useCommandMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCommandMenu.d.ts","sourceRoot":"","sources":["../../../../../src/extensions/command/useCommandMenu.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,KAAK,SAAS,EAA0C,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAyC,MAAM,kBAAkB,CAAC;AAGtH,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC1C,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC,gBAAgB,EAAE,CAAC,CAAC;CAChF,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,4CAA4C,qBAAqB;;;;;;;;wBAsB9E,gBAAgB;;qBAcQ,eAAe;CAwDxD,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandMenu.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/CommandMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA8B,MAAM,OAAO,CAAC;AAkBnD,OAAO,EAAE,KAAK,qBAAqB,EAAkB,MAAM,eAAe,CAAC;AAQ3E,KAAK,UAAU,GAAG,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AA8B5E,QAAA,MAAM,IAAI;;mCA5BkC,UAAU;;;;;CAmCjB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KA2DlB,CAAC"}

package/dist/types/src/testing/PreviewPopover.d.ts

@@ -1,20 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-import { type PreviewLinkRef, type PreviewLinkTarget } from '../extensions';
-type PreviewLookup = (link: PreviewLinkRef) => Promise<PreviewLinkTarget | null | undefined>;
-type PreviewPopoverValue = Partial<{
-    link: PreviewLinkRef;
-    target: PreviewLinkTarget;
-    pending: boolean;
-}>;
-declare const usePreviewPopover: (consumerName: string) => Partial<{
-    link: PreviewLinkRef;
-    target: PreviewLinkTarget;
-    pending: boolean;
-}>;
-type PopoverLookupProviderProps = PropsWithChildren<{
-    onLookup?: PreviewLookup;
-}>;
-declare const PreviewPopoverProvider: ({ children, onLookup }: PopoverLookupProviderProps) => React.JSX.Element;
-export { PreviewPopoverProvider, usePreviewPopover };
-export type { PopoverLookupProviderProps, PreviewPopoverValue };
-//# sourceMappingURL=PreviewPopover.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewPopover.d.ts","sourceRoot":"","sources":["../../../../src/testing/PreviewPopover.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAA4D,MAAM,OAAO,CAAC;AAKhH,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE5E,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,cAAc,KAAK,OAAO,CAAC,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAE7F,KAAK,mBAAmB,GAAG,OAAO,CAAC;IACjC,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,QAAA,MAAsC,iBAAiB;UAL/C,cAAc;YACZ,iBAAiB;aAChB,OAAO;EAGiG,CAAC;AAEpH,KAAK,0BAA0B,GAAG,iBAAiB,CAAC;IAClD,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC,CAAC;AAEH,QAAA,MAAM,sBAAsB,GAAI,wBAAwB,0BAA0B,sBAgDjF,CAAC;AACF,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,CAAC;AAErD,YAAY,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,CAAC"}

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

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

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

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

package/dist/types/src/testing/util.d.ts

@@ -1,3 +0,0 @@
-/** deprecated Replace with @dxos/util trim */
-export declare const str: (...lines: string[]) => string;
-//# sourceMappingURL=util.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/testing/util.ts"],"names":[],"mappings":"AAIA,8CAA8C;AAE9C,eAAO,MAAM,GAAG,GAAI,GAAG,OAAO,MAAM,EAAE,WAAqB,CAAC"}

package/dist/types/src/util/domino.d.ts

@@ -1,18 +0,0 @@
-import { type ClassNameValue } from '@dxos/react-ui-types';
-/**
- * Super lightweight chainable DOM builder.
- */
-export declare class Domino<T extends HTMLElement> {
-    static of<K extends keyof HTMLElementTagNameMap>(tag: K): Domino<HTMLElementTagNameMap[K]>;
-    private readonly _el;
-    constructor(tag: keyof HTMLElementTagNameMap);
-    classNames(...classNames: ClassNameValue[]): this;
-    text(value: string): this;
-    data(key: string, value: string): this;
-    style(styles: Partial<CSSStyleDeclaration>): this;
-    attr<K extends keyof T>(key: K, value: T[K]): this;
-    child<C extends HTMLElement>(...children: Domino<C>[]): this;
-    on(event: string, handler: (e: Event) => void): this;
-    build(): T;
-}
-//# sourceMappingURL=domino.d.ts.map

package/dist/types/src/util/domino.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"domino.d.ts","sourceRoot":"","sources":["../../../../src/util/domino.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;GAEG;AACH,qBAAa,MAAM,CAAC,CAAC,SAAS,WAAW;IACvC,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,MAAM,qBAAqB,EAAE,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAI1F,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAI;gBACZ,GAAG,EAAE,MAAM,qBAAqB;IAG5C,UAAU,CAAC,GAAG,UAAU,EAAE,cAAc,EAAE,GAAG,IAAI;IAIjD,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzB,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAItC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAIjD,IAAI,CAAC,CAAC,SAAS,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;IAIlD,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI;IAI5D,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI;IAIpD,KAAK,IAAI,CAAC;CAGX"}

package/src/components/CommandMenu/CommandMenu.tsx

@@ -1,346 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type EditorView } from '@codemirror/view';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import React, { Fragment, type PropsWithChildren, useCallback, useEffect, useRef, useState } from 'react';
-
-import { addEventListener } from '@dxos/async';
-import {
-  type DxAnchorActivate,
-  Icon,
-  type Label,
-  Popover,
-  toLocalizedString,
-  useThemeContext,
-  useTranslation,
-} from '@dxos/react-ui';
-import { type MaybePromise } from '@dxos/util';
-
-import { commandRangeEffect } from '../../extensions';
-
-export type CommandMenuGroup = {
-  id: string;
-  label?: Label;
-  items: CommandMenuItem[];
-};
-
-export type CommandMenuItem = {
-  id: string;
-  label: Label;
-  icon?: string;
-  onSelect?: (view: EditorView, head: number) => MaybePromise<void>;
-};
-
-export type CommandMenuProps = PropsWithChildren<{
-  groups: CommandMenuGroup[];
-  onSelect: (item: CommandMenuItem) => void;
-  onActivate?: (event: DxAnchorActivate) => void;
-  currentItem?: string;
-  open?: boolean;
-  onOpenChange?: (nextOpen: boolean) => void;
-  defaultOpen?: boolean;
-}>;
-
-// NOTE: Not using DropdownMenu because the command menu needs to manage focus explicitly.
-export const CommandMenuProvider = ({
-  groups,
-  onSelect,
-  onActivate,
-  currentItem,
-  children,
-  open: propsOpen,
-  onOpenChange,
-  defaultOpen,
-}: CommandMenuProps) => {
-  const { tx } = useThemeContext();
-  const groupsWithItems = groups.filter((group) => group.items.length > 0);
-  const trigger = useRef<HTMLButtonElement | null>(null);
-
-  const [open, setOpen] = useControllableState({
-    prop: propsOpen,
-    onChange: onOpenChange,
-    defaultProp: defaultOpen,
-  });
-
-  const handleDxAnchorActivate = useCallback(
-    (event: DxAnchorActivate) => {
-      const { trigger: dxTrigger, refId } = event;
-      // If this has a `refId`, then it’s probably a URL or DXN and out of scope for this component.
-      if (!refId) {
-        trigger.current = dxTrigger as HTMLButtonElement;
-        if (onActivate) {
-          onActivate(event);
-        } else {
-          queueMicrotask(() => setOpen(true));
-        }
-      }
-    },
-    [onActivate],
-  );
-
-  const [rootRef, setRootRef] = useState<HTMLDivElement | null>(null);
-
-  useEffect(() => {
-    if (!rootRef || !handleDxAnchorActivate) {
-      return;
-    }
-
-    return addEventListener(rootRef, 'dx-anchor-activate' as any, handleDxAnchorActivate, {
-      capture: true,
-      passive: false,
-    });
-  }, [rootRef, handleDxAnchorActivate]);
-
-  return (
-    <Popover.Root modal={false} open={open} onOpenChange={setOpen}>
-      <Popover.Portal>
-        <Popover.Content
-          align='start'
-          onOpenAutoFocus={(event) => event.preventDefault()}
-          classNames={tx('menu.content', 'menu--exotic-unfocusable', { elevation: 'positioned' }, [
-            'max-bs-80 overflow-y-auto',
-          ])}
-        >
-          <Popover.Viewport classNames={tx('menu.viewport', 'menu__viewport--exotic-unfocusable', {})}>
-            <ul>
-              {groupsWithItems.map((group, index) => (
-                <Fragment key={group.id}>
-                  <CommandGroup group={group} currentItem={currentItem} onSelect={onSelect} />
-                  {index < groupsWithItems.length - 1 && <div className={tx('menu.separator', 'menu__item', {})} />}
-                </Fragment>
-              ))}
-            </ul>
-          </Popover.Viewport>
-          <Popover.Arrow />
-        </Popover.Content>
-      </Popover.Portal>
-      <Popover.VirtualTrigger virtualRef={trigger} />
-      <div role='none' className='contents' ref={setRootRef}>
-        {children}
-      </div>
-    </Popover.Root>
-  );
-};
-
-const CommandGroup = ({
-  group,
-  currentItem,
-  onSelect,
-}: {
-  group: CommandMenuGroup;
-  currentItem?: string;
-  onSelect: (item: CommandMenuItem) => void;
-}) => {
-  const { tx } = useThemeContext();
-  const { t } = useTranslation();
-  return (
-    <>
-      {group.label && (
-        <div className={tx('menu.groupLabel', 'menu__group__label', {})}>
-          <span>{toLocalizedString(group.label, t)}</span>
-        </div>
-      )}
-      {group.items.map((item) => (
-        <CommandItem key={item.id} item={item} current={currentItem === item.id} onSelect={onSelect} />
-      ))}
-    </>
-  );
-};
-
-const CommandItem = ({
-  item,
-  current,
-  onSelect,
-}: {
-  item: CommandMenuItem;
-  current: boolean;
-  onSelect: (item: CommandMenuItem) => void;
-}) => {
-  const ref = useRef<HTMLLIElement>(null);
-  const { tx } = useThemeContext();
-  const { t } = useTranslation();
-  const handleSelect = useCallback(() => onSelect(item), [item, onSelect]);
-
-  useEffect(() => {
-    if (current && ref.current) {
-      ref.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    }
-  }, [current]);
-
-  return (
-    <li
-      ref={ref}
-      className={tx('menu.item', 'menu__item--exotic-unfocusable', {}, [current && 'bg-hoverSurface'])}
-      onClick={handleSelect}
-    >
-      {item.icon && <Icon icon={item.icon} size={5} />}
-      <span className='grow truncate'>{toLocalizedString(item.label, t)}</span>
-    </li>
-  );
-};
-
-// TODO(wittjosiah): Factor out into a separate file.
-
-//
-// Helpers
-//
-
-export const getItem = (groups: CommandMenuGroup[], id?: string): CommandMenuItem | undefined => {
-  return groups.flatMap((group) => group.items).find((item) => item.id === id);
-};
-
-export const getNextItem = (groups: CommandMenuGroup[], id?: string): CommandMenuItem => {
-  const items = groups.flatMap((group) => group.items);
-  const index = items.findIndex((item) => item.id === id);
-  return items[(index + 1) % items.length];
-};
-
-export const getPreviousItem = (groups: CommandMenuGroup[], id?: string): CommandMenuItem => {
-  const items = groups.flatMap((group) => group.items);
-  const index = items.findIndex((item) => item.id === id);
-  return items[(index - 1 + items.length) % items.length];
-};
-
-export const filterItems = (
-  groups: CommandMenuGroup[],
-  filter: (item: CommandMenuItem) => boolean,
-): CommandMenuGroup[] => {
-  return groups.map((group) => ({
-    ...group,
-    items: group.items.filter(filter),
-  }));
-};
-
-export const insertAtCursor = (view: EditorView, head: number, insert: string) => {
-  view.dispatch({
-    changes: { from: head, to: head, insert },
-    selection: { anchor: head + insert.length, head: head + insert.length },
-  });
-};
-
-/**
- * If the cursor is at the start of a line, insert the text at the cursor.
- * Otherwise, insert the text on a new line.
- */
-export const insertAtLineStart = (view: EditorView, head: number, insert: string) => {
-  const line = view.state.doc.lineAt(head);
-  if (line.from === head) {
-    insertAtCursor(view, head, insert);
-  } else {
-    insert = '\n' + insert;
-    view.dispatch({
-      changes: { from: line.to, to: line.to, insert },
-      selection: { anchor: line.to + insert.length, head: line.to + insert.length },
-    });
-  }
-};
-
-export const coreSlashCommands: CommandMenuGroup = {
-  id: 'markdown',
-  label: 'Markdown',
-  items: [
-    {
-      id: 'heading-1',
-      label: 'Heading 1',
-      icon: 'ph--text-h-one--regular',
-      onSelect: (view, head) => insertAtLineStart(view, head, '# '),
-    },
-    {
-      id: 'heading-2',
-      label: 'Heading 2',
-      icon: 'ph--text-h-two--regular',
-      onSelect: (view, head) => insertAtLineStart(view, head, '## '),
-    },
-    {
-      id: 'heading-3',
-      label: 'Heading 3',
-      icon: 'ph--text-h-three--regular',
-      onSelect: (view, head) => insertAtLineStart(view, head, '### '),
-    },
-    {
-      id: 'heading-4',
-      label: 'Heading 4',
-      icon: 'ph--text-h-four--regular',
-      onSelect: (view, head) => insertAtLineStart(view, head, '#### '),
-    },
-    {
-      id: 'heading-5',
-      label: 'Heading 5',
-      icon: 'ph--text-h-five--regular',
-      onSelect: (view, head) => insertAtLineStart(view, head, '##### '),
-    },
-    {
-      id: 'heading-6',
-      label: 'Heading 6',
-      icon: 'ph--text-h-six--regular',
-      onSelect: (view, head) => insertAtLineStart(view, head, '###### '),
-    },
-    {
-      id: 'bullet-list',
-      label: 'Bullet List',
-      icon: 'ph--list-bullets--regular',
-      onSelect: (view, head) => insertAtLineStart(view, head, '- '),
-    },
-    {
-      id: 'numbered-list',
-      label: 'Numbered List',
-      icon: 'ph--list-numbers--regular',
-      onSelect: (view, head) => insertAtLineStart(view, head, '1. '),
-    },
-    {
-      id: 'task-list',
-      label: 'Task List',
-      icon: 'ph--list-checks--regular',
-      onSelect: (view, head) => insertAtLineStart(view, head, '- [ ] '),
-    },
-    {
-      id: 'quote',
-      label: 'Quote',
-      icon: 'ph--quotes--regular',
-      onSelect: (view, head) => insertAtLineStart(view, head, '> '),
-    },
-    {
-      id: 'code-block',
-      label: 'Code Block',
-      icon: 'ph--code-block--regular',
-      onSelect: (view, head) => insertAtLineStart(view, head, '```\n\n```'),
-    },
-    {
-      id: 'table',
-      label: 'Table',
-      icon: 'ph--table--regular',
-      onSelect: (view, head) => insertAtLineStart(view, head, '| | | |\n|---|---|---|\n| | | |'),
-    },
-  ],
-};
-
-export const linkSlashCommands: CommandMenuGroup = {
-  id: 'link',
-  label: 'Link',
-  items: [
-    {
-      id: 'inline-link',
-      label: 'Inline link',
-      icon: 'ph--link--regular',
-      onSelect: (view, head) =>
-        view.dispatch({
-          changes: { from: head, insert: '@' },
-          selection: { anchor: head + 1, head: head + 1 },
-          effects: commandRangeEffect.of({ trigger: '@', range: { from: head, to: head + 1 } }),
-        }),
-    },
-    {
-      id: 'block-embed',
-      label: 'Block embed',
-      icon: 'ph--lego--regular',
-      onSelect: (view, head) =>
-        view.dispatch({
-          changes: { from: head, insert: '@@' },
-          selection: { anchor: head + 2, head: head + 2 },
-          effects: commandRangeEffect.of({ trigger: '@', range: { from: head, to: head + 2 } }),
-        }),
-    },
-  ],
-};

package/src/components/CommandMenu/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-export * from './CommandMenu';