@domternal/vue 0.6.2 → 0.7.1

package/dist/node-views/NodeViewContent.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Placeholder for editable nested content within a node view.
+ * ProseMirror manages the content DOM - do not render children inside this component.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <NodeViewWrapper>
+ *     <h3>Custom heading</h3>
+ *     <NodeViewContent />
+ *   </NodeViewWrapper>
+ * </template>
+ * ```
+ */
+export declare const NodeViewContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    as: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=NodeViewContent.d.ts.map

package/dist/node-views/NodeViewContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeViewContent.d.ts","sourceRoot":"","sources":["../../src/node-views/NodeViewContent.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;4EAoB1B,CAAC"}

package/dist/node-views/NodeViewWrapper.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Container component for custom Vue node view UIs.
+ * Must wrap the root element of every VueNodeViewRenderer component.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <NodeViewWrapper as="div">
+ *     <img :src="node.attrs.src" />
+ *   </NodeViewWrapper>
+ * </template>
+ * ```
+ */
+export declare const NodeViewWrapper: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    as: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=NodeViewWrapper.d.ts.map

package/dist/node-views/NodeViewWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeViewWrapper.d.ts","sourceRoot":"","sources":["../../src/node-views/NodeViewWrapper.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;4EAoB1B,CAAC"}

package/dist/node-views/VueNodeViewContext.d.ts

@@ -0,0 +1,27 @@
+import type { InjectionKey } from 'vue';
+/**
+ * Injection key for the drag start handler in node views.
+ * Provided by VueNodeViewRenderer's extended component,
+ * consumed by NodeViewWrapper.
+ */
+export declare const NODE_VIEW_ON_DRAG_START: InjectionKey<(event: DragEvent) => void>;
+/**
+ * Injection key for the content DOM ref callback in node views.
+ * Provided by VueNodeViewRenderer's extended component,
+ * consumed by NodeViewContent.
+ */
+export declare const NODE_VIEW_CONTENT_REF: InjectionKey<(el: HTMLElement | null) => void>;
+/**
+ * Convenience composable for accessing node view context.
+ * Use inside custom node view components built with VueNodeViewRenderer.
+ *
+ * @example
+ * ```ts
+ * const { onDragStart, nodeViewContentRef } = useVueNodeView();
+ * ```
+ */
+export declare function useVueNodeView(): {
+    onDragStart: ((event: DragEvent) => void) | undefined;
+    nodeViewContentRef: ((el: HTMLElement | null) => void) | undefined;
+};
+//# sourceMappingURL=VueNodeViewContext.d.ts.map

package/dist/node-views/VueNodeViewContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueNodeViewContext.d.ts","sourceRoot":"","sources":["../../src/node-views/VueNodeViewContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,YAAY,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CACzC,CAAC;AAErC;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAC1C,CAAC;AAExC;;;;;;;;GAQG;AACH,wBAAgB,cAAc,IAAI;IAChC,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACpE,CAIA"}

package/dist/node-views/VueNodeViewRenderer.d.ts

@@ -0,0 +1,88 @@
+import type { AppContext, Component } from 'vue';
+import type { Editor } from '@domternal/core';
+/** ProseMirror node shape passed to node views. */
+interface PMNode {
+    type: {
+        name: string;
+        spec: {
+            group?: string;
+        };
+    };
+    attrs: Record<string, unknown>;
+    textContent: string;
+    nodeSize: number;
+}
+/**
+ * Props passed to custom Vue node view components.
+ */
+export interface VueNodeViewProps {
+    editor: Editor;
+    node: PMNode;
+    selected: boolean;
+    getPos: () => number | undefined;
+    updateAttributes: (attrs: Record<string, unknown>) => void;
+    deleteNode: () => void;
+    extension: {
+        name: string;
+        options: Record<string, unknown>;
+    };
+    decorations: readonly unknown[];
+}
+export interface VueNodeViewRendererOptions {
+    /** Wrapper element tag. @default 'div' for block, 'span' for inline */
+    as?: string;
+    /** Additional CSS class on the wrapper element. */
+    className?: string;
+    /** Tag for the content DOM element. Set to null for no editable content. @default 'div' */
+    contentDOMElement?: string | null;
+}
+/**
+ * Converts a Vue component into a ProseMirror NodeView constructor.
+ *
+ * Uses Vue's low-level `render(h(), el)` API with appContext forwarding
+ * so that provide/inject from the parent component tree works inside
+ * node view components.
+ *
+ * @example
+ * ```ts
+ * const ImageExtension = Image.extend({
+ *   addNodeView() {
+ *     return VueNodeViewRenderer(ImageComponent);
+ *   }
+ * });
+ * ```
+ */
+export declare function VueNodeViewRenderer(component: Component, options?: VueNodeViewRendererOptions): (node: PMNode, view: unknown, getPos: () => number | undefined, decorations: readonly unknown[]) => VueNodeView | {
+    dom: HTMLElement;
+    update: () => boolean;
+    destroy: () => void;
+};
+interface VueNodeViewInit {
+    editor: Editor;
+    node: PMNode;
+    getPos: () => number | undefined;
+    decorations: readonly unknown[];
+    extension: {
+        name: string;
+        options: Record<string, unknown>;
+    };
+}
+declare class VueNodeView {
+    dom: HTMLElement;
+    contentDOM: HTMLElement | null;
+    private props;
+    private editor;
+    private appContext;
+    constructor(component: Component, init: VueNodeViewInit, options: VueNodeViewRendererOptions, appContext: AppContext);
+    update(node: PMNode, decorations: readonly unknown[]): boolean;
+    selectNode(): void;
+    deselectNode(): void;
+    destroy(): void;
+    ignoreMutation(mutation: MutationRecord | {
+        type: 'selection';
+        target: Node;
+    }): boolean;
+    stopEvent(): boolean;
+}
+export {};
+//# sourceMappingURL=VueNodeViewRenderer.d.ts.map

package/dist/node-views/VueNodeViewRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueNodeViewRenderer.d.ts","sourceRoot":"","sources":["../../src/node-views/VueNodeViewRenderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACjD,OAAO,KAAK,EAAE,MAAM,EAAmB,MAAM,iBAAiB,CAAC;AAI/D,mDAAmD;AACnD,UAAU,MAAM;IACd,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACjC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC3D,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IAC9D,WAAW,EAAE,SAAS,OAAO,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,0BAA0B;IACzC,uEAAuE;IACvE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2FAA2F;IAC3F,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,SAAS,EACpB,OAAO,GAAE,0BAA+B,GACvC,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,EAAE,WAAW,EAAE,SAAS,OAAO,EAAE,KAAK,WAAW,GAAG;IAAE,GAAG,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,MAAM,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAiDpL;AAED,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACjC,WAAW,EAAE,SAAS,OAAO,EAAE,CAAC;IAChC,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;CAC/D;AAED,cAAM,WAAW;IACf,GAAG,EAAE,WAAW,CAAC;IACjB,UAAU,EAAE,WAAW,GAAG,IAAI,CAAQ;IACtC,OAAO,CAAC,KAAK,CAAmB;IAChC,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,UAAU,CAAa;gBAG7B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,eAAe,EACrB,OAAO,EAAE,0BAA0B,EACnC,UAAU,EAAE,UAAU;IAgGxB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,OAAO,EAAE,GAAG,OAAO;IAO9D,UAAU,IAAI,IAAI;IAIlB,YAAY,IAAI,IAAI;IAIpB,OAAO,IAAI,IAAI;IAIf,cAAc,CAAC,QAAQ,EAAE,cAAc,GAAG;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,IAAI,CAAA;KAAE,GAAG,OAAO;IAKvF,SAAS,IAAI,OAAO;CAGrB"}

package/dist/notion-color-picker/DomternalNotionColorPicker.d.ts

@@ -0,0 +1,22 @@
+import type { PropType, VNode } from 'vue';
+import type { Editor } from '@domternal/core';
+export interface DomternalNotionColorPickerProps {
+    /** The editor instance. If omitted, uses provideEditor context. */
+    editor?: Editor;
+}
+export declare const DomternalNotionColorPicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<Editor>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<Editor>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    editor: Editor;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=DomternalNotionColorPicker.d.ts.map

package/dist/notion-color-picker/DomternalNotionColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomternalNotionColorPicker.d.ts","sourceRoot":"","sources":["../../src/notion-color-picker/DomternalNotionColorPicker.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,QAAQ,EAAc,KAAK,EAAE,MAAM,KAAK,CAAC;AAEvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAI9C,MAAM,WAAW,+BAA+B;IAC9C,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,0BAA0B;;cAGT,QAAQ,CAAC,MAAM,CAAC;;;;;;;cAAhB,QAAQ,CAAC,MAAM,CAAC;;;;;4EAgJ5C,CAAC"}

package/dist/notion-color-picker/index.d.ts

@@ -0,0 +1,5 @@
+export { DomternalNotionColorPicker } from './DomternalNotionColorPicker.js';
+export type { DomternalNotionColorPickerProps } from './DomternalNotionColorPicker.js';
+export { useNotionColorPicker } from './useNotionColorPicker.js';
+export type { UseNotionColorPickerOptions, UseNotionColorPickerResult } from './useNotionColorPicker.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/notion-color-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notion-color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,YAAY,EAAE,+BAA+B,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/notion-color-picker/useNotionColorPicker.d.ts

@@ -0,0 +1,35 @@
+import type { Ref, ShallowRef } from 'vue';
+import type { Editor } from '@domternal/core';
+export interface UseNotionColorPickerOptions {
+    editor: ShallowRef<Editor | null>;
+}
+export interface UseNotionColorPickerResult {
+    /** Whether the picker panel is currently open. */
+    isOpen: Ref<boolean>;
+    /** Editor host element (`.dm-editor`) used as the Teleport target. Null until the editor is ready. */
+    hostEl: ShallowRef<HTMLElement | null>;
+    /** Anchor element the picker positions against (the bubble-menu "A" trigger button). */
+    anchorEl: ShallowRef<HTMLElement | null>;
+    /** Ref to the panel root, used by the picker UI for positioning + focus management. */
+    panelRef: Ref<HTMLDivElement | undefined>;
+    /** Currently applied text token at the cursor, or null when default. */
+    currentTextToken: Ref<string | null>;
+    /** Currently applied background token at the cursor, or null when default. */
+    currentBgToken: Ref<string | null>;
+    /** Named-token palette (read from the NotionColorPicker extension options). */
+    palette: ShallowRef<readonly string[]>;
+    /** Apply a text color token to the current selection. Picker stays open. */
+    applyText: (token: string | null) => void;
+    /** Apply a background color token to the current selection. Picker stays open. */
+    applyBg: (token: string | null) => void;
+    /** Close the picker. When `refocus` is true, returns focus to the editor view. */
+    close: (opts?: {
+        refocus?: boolean;
+    }) => void;
+    /** Display label for a palette token (defaults to title-case fallback). */
+    tokenLabel: (token: string) => string;
+    /** Arrow / Home / End keyboard navigation across the 5-column swatch grid. */
+    onPanelKeydown: (event: KeyboardEvent) => void;
+}
+export declare function useNotionColorPicker(options: UseNotionColorPickerOptions): UseNotionColorPickerResult;
+//# sourceMappingURL=useNotionColorPicker.d.ts.map

package/dist/notion-color-picker/useNotionColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotionColorPicker.d.ts","sourceRoot":"","sources":["../../src/notion-color-picker/useNotionColorPicker.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AA8B9C,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,0BAA0B;IACzC,kDAAkD;IAClD,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACrB,sGAAsG;IACtG,MAAM,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACvC,wFAAwF;IACxF,QAAQ,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,uFAAuF;IACvF,QAAQ,EAAE,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC;IAC1C,wEAAwE;IACxE,gBAAgB,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACrC,8EAA8E;IAC9E,cAAc,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACnC,+EAA+E;IAC/E,OAAO,EAAE,UAAU,CAAC,SAAS,MAAM,EAAE,CAAC,CAAC;IACvC,4EAA4E;IAC5E,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,kFAAkF;IAClF,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,kFAAkF;IAClF,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9C,2EAA2E;IAC3E,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,8EAA8E;IAC9E,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAChD;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,2BAA2B,GACnC,0BAA0B,CA4O5B"}

package/dist/toolbar/DomternalToolbar.d.ts

@@ -0,0 +1,41 @@
+import type { PropType } from 'vue';
+import type { Editor, IconSet, ToolbarLayoutEntry } from '@domternal/core';
+export interface DomternalToolbarProps {
+    editor?: Editor;
+    icons?: IconSet;
+    layout?: ToolbarLayoutEntry[];
+}
+export declare const DomternalToolbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<Editor>;
+        default: undefined;
+    };
+    icons: {
+        type: PropType<IconSet>;
+        default: undefined;
+    };
+    layout: {
+        type: PropType<ToolbarLayoutEntry[]>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<Editor>;
+        default: undefined;
+    };
+    icons: {
+        type: PropType<IconSet>;
+        default: undefined;
+    };
+    layout: {
+        type: PropType<ToolbarLayoutEntry[]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    editor: Editor;
+    icons: IconSet;
+    layout: ToolbarLayoutEntry[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=DomternalToolbar.d.ts.map

package/dist/toolbar/DomternalToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomternalToolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/DomternalToolbar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,KAAK,CAAC;AAChD,OAAO,KAAK,EACV,MAAM,EACN,OAAO,EAGP,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAUzB,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,gBAAgB;;cAGC,QAAQ,CAAC,MAAM,CAAC;;;;cACjB,QAAQ,CAAC,OAAO,CAAC;;;;cACjB,QAAQ,CAAC,kBAAkB,EAAE,CAAC;;;;;;;cAF7B,QAAQ,CAAC,MAAM,CAAC;;;;cACjB,QAAQ,CAAC,OAAO,CAAC;;;;cACjB,QAAQ,CAAC,kBAAkB,EAAE,CAAC;;;;;;;4EAwKzD,CAAC"}

package/dist/toolbar/ToolbarButton.d.ts

@@ -0,0 +1,72 @@
+import type { PropType } from 'vue';
+import type { ToolbarButton as ToolbarButtonType } from '@domternal/core';
+export declare const ToolbarButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<ToolbarButtonType>;
+        required: true;
+    };
+    isActive: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    tabIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    tooltip: {
+        type: StringConstructor;
+        required: true;
+    };
+    iconHtml: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: PropType<string | null>;
+        default: null;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (_item: ToolbarButtonType, _event: MouseEvent) => true;
+    focus: (_name: string) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<ToolbarButtonType>;
+        required: true;
+    };
+    isActive: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    tabIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    tooltip: {
+        type: StringConstructor;
+        required: true;
+    };
+    iconHtml: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: PropType<string | null>;
+        default: null;
+    };
+}>> & Readonly<{
+    onFocus?: (_name: string) => any;
+    onClick?: (_item: ToolbarButtonType, _event: MouseEvent) => any;
+}>, {
+    ariaExpanded: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=ToolbarButton.d.ts.map

package/dist/toolbar/ToolbarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarButton.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE1E,eAAO,MAAM,aAAa;;cAGE,QAAQ,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cAMnB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;mBAGxC,iBAAiB,UAAU,UAAU;mBACrC,MAAM;;;cAVG,QAAQ,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cAMnB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;;4EAuBzD,CAAC"}

package/dist/toolbar/ToolbarDropdown.d.ts

@@ -0,0 +1,76 @@
+import type { PropType } from 'vue';
+import type { ToolbarDropdown as ToolbarDropdownType } from '@domternal/core';
+export declare const ToolbarDropdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    dropdown: {
+        type: PropType<ToolbarDropdownType>;
+        required: true;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isActive: {
+        type: PropType<(name: string) => boolean>;
+        required: true;
+    };
+    isDropdownActive: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    tabIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    triggerHtml: {
+        type: StringConstructor;
+        required: true;
+    };
+    getCachedItemContent: {
+        type: PropType<(icon: string, label: string, mode?: "icon-text" | "text" | "icon") => string>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "toggle" | "itemClick")[], "focus" | "toggle" | "itemClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    dropdown: {
+        type: PropType<ToolbarDropdownType>;
+        required: true;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isActive: {
+        type: PropType<(name: string) => boolean>;
+        required: true;
+    };
+    isDropdownActive: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    tabIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    triggerHtml: {
+        type: StringConstructor;
+        required: true;
+    };
+    getCachedItemContent: {
+        type: PropType<(icon: string, label: string, mode?: "icon-text" | "text" | "icon") => string>;
+        required: true;
+    };
+}>> & Readonly<{
+    onFocus?: (...args: any[]) => any;
+    onToggle?: (...args: any[]) => any;
+    onItemClick?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=ToolbarDropdown.d.ts.map

package/dist/toolbar/ToolbarDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarDropdown.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarDropdown.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,KAAK,EAAiB,eAAe,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG7F,eAAO,MAAM,eAAe;;cAGI,QAAQ,CAAC,mBAAmB,CAAC;;;;;;;;cAE3B,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;cAM7C,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;;;;;;;cAR/E,QAAQ,CAAC,mBAAmB,CAAC;;;;;;;;cAE3B,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;cAM7C,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;;;;;;;iFAuC7G,CAAC"}

package/dist/toolbar/ToolbarDropdownPanel.d.ts

@@ -0,0 +1,34 @@
+import type { PropType, VNode } from 'vue';
+import type { ToolbarDropdown } from '@domternal/core';
+export declare const ToolbarDropdownPanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    dropdown: {
+        type: PropType<ToolbarDropdown>;
+        required: true;
+    };
+    isActive: {
+        type: PropType<(name: string) => boolean>;
+        required: true;
+    };
+    getCachedItemContent: {
+        type: PropType<(icon: string, label: string, mode?: "icon-text" | "text" | "icon") => string>;
+        required: true;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "itemClick"[], "itemClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    dropdown: {
+        type: PropType<ToolbarDropdown>;
+        required: true;
+    };
+    isActive: {
+        type: PropType<(name: string) => boolean>;
+        required: true;
+    };
+    getCachedItemContent: {
+        type: PropType<(icon: string, label: string, mode?: "icon-text" | "text" | "icon") => string>;
+        required: true;
+    };
+}>> & Readonly<{
+    onItemClick?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=ToolbarDropdownPanel.d.ts.map

package/dist/toolbar/ToolbarDropdownPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarDropdownPanel.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarDropdownPanel.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAiB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEtE,eAAO,MAAM,oBAAoB;;cAGD,QAAQ,CAAC,eAAe,CAAC;;;;cACvB,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;;;;cAE7C,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;;;;;;;cAH/E,QAAQ,CAAC,eAAe,CAAC;;;;cACvB,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;;;;cAE7C,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;;;;;iFAyE7G,CAAC"}

package/dist/toolbar/useComputedStyle.d.ts

@@ -0,0 +1,12 @@
+import type { Editor } from '@domternal/core';
+/**
+ * Reads a CSS property at the current cursor position.
+ * Prefers inline style, falls back to computed style.
+ */
+export declare function getComputedStyleAtCursor(editor: Editor, prop: string): string | null;
+/**
+ * Reads only the inline style at the current cursor position.
+ * Used for font-family to avoid browser default inheritance.
+ */
+export declare function getInlineStyleAtCursor(editor: Editor, prop: string): string | null;
+//# sourceMappingURL=useComputedStyle.d.ts.map

package/dist/toolbar/useComputedStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComputedStyle.d.ts","sourceRoot":"","sources":["../../src/toolbar/useComputedStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAQ9C;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAYpF;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CASlF"}

package/dist/toolbar/useKeyboardNav.d.ts

@@ -0,0 +1,9 @@
+import type { Ref } from 'vue';
+import type { ToolbarController } from '@domternal/core';
+export declare function useKeyboardNav(controllerRef: {
+    readonly current: ToolbarController | null;
+}, toolbarRef: Ref<HTMLDivElement | undefined>, closeDropdown: () => void): {
+    onKeyDown: (event: KeyboardEvent) => void;
+    focusCurrentButton: () => void;
+};
+//# sourceMappingURL=useKeyboardNav.d.ts.map

package/dist/toolbar/useKeyboardNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNav.d.ts","sourceRoot":"","sources":["../../src/toolbar/useKeyboardNav.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,wBAAgB,cAAc,CAC5B,aAAa,EAAE;IAAE,QAAQ,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAA;CAAE,EAC7D,UAAU,EAAE,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC,EAC3C,aAAa,EAAE,MAAM,IAAI,GACxB;IACD,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAgFA"}

package/dist/toolbar/useToolbarController.d.ts

@@ -0,0 +1,24 @@
+import type { Ref, ShallowRef } from 'vue';
+import { ToolbarController } from '@domternal/core';
+import type { Editor, ToolbarButton, ToolbarDropdown, ToolbarGroup, ToolbarLayoutEntry } from '@domternal/core';
+export interface UseToolbarControllerResult {
+    controller: {
+        readonly current: ToolbarController | null;
+    };
+    groups: ShallowRef<ToolbarGroup[]>;
+    focusedIndex: Ref<number>;
+    openDropdown: Ref<string | null>;
+    activeVersion: Ref<number>;
+    toolbarRef: Ref<HTMLDivElement | undefined>;
+    isActive: (name: string) => boolean;
+    isDisabled: (name: string) => boolean;
+    isDropdownActive: (dropdown: ToolbarDropdown) => boolean;
+    getAriaExpanded: (item: ToolbarButton) => string | null;
+    getFlatIndex: (name: string) => number;
+    handleDropdownToggle: (dropdown: ToolbarDropdown) => void;
+    closeDropdown: () => void;
+    executeCommand: (item: ToolbarButton) => void;
+    syncState: () => void;
+}
+export declare function useToolbarController(editor: ShallowRef<Editor | null>, layout?: ToolbarLayoutEntry[]): UseToolbarControllerResult;
+//# sourceMappingURL=useToolbarController.d.ts.map

package/dist/toolbar/useToolbarController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarController.d.ts","sourceRoot":"","sources":["../../src/toolbar/useToolbarController.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EACL,iBAAiB,EAElB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,eAAe,EAEf,YAAY,EACZ,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE;QAAE,QAAQ,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAA;KAAE,CAAC;IAC3D,MAAM,EAAE,UAAU,CAAC,YAAY,EAAE,CAAC,CAAC;IACnC,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,YAAY,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACjC,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,UAAU,EAAE,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC;IAC5C,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,OAAO,CAAC;IACzD,eAAe,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,MAAM,GAAG,IAAI,CAAC;IACxD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,oBAAoB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,EACjC,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAC5B,0BAA0B,CAuK5B"}

package/dist/toolbar/useToolbarIcons.d.ts

@@ -0,0 +1,12 @@
+import type { IconSet, ToolbarButton, ToolbarDropdown } from '@domternal/core';
+export declare const DROPDOWN_CARET = "<svg class=\"dm-dropdown-caret\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\"><path d=\"M2 4l3 3 3-3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>";
+export interface UseToolbarIconsResult {
+    resolveIconSvg: (name: string) => string;
+    getCachedIcon: (name: string) => string;
+    getCachedTriggerLabel: (label: string, isIcon?: boolean) => string;
+    getCachedTriggerIcon: (iconName: string) => string;
+    getCachedItemContent: (iconName: string, label: string, displayMode?: 'icon-text' | 'text' | 'icon') => string;
+    getDropdownTriggerHtml: (dropdown: ToolbarDropdown, activeItem: ToolbarButton | undefined) => string;
+}
+export declare function useToolbarIcons(icons?: IconSet | null): UseToolbarIconsResult;
+//# sourceMappingURL=useToolbarIcons.d.ts.map

package/dist/toolbar/useToolbarIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarIcons.d.ts","sourceRoot":"","sources":["../../src/toolbar/useToolbarIcons.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE/E,eAAO,MAAM,cAAc,qOAAiN,CAAC;AAE7O,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,MAAM,CAAC;IACnE,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAC/G,sBAAsB,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,GAAG,SAAS,KAAK,MAAM,CAAC;CACtG;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,qBAAqB,CAgH7E"}

package/dist/toolbar/useTooltip.d.ts

@@ -0,0 +1,5 @@
+import type { ToolbarButton } from '@domternal/core';
+export declare function useTooltip(): {
+    getTooltip: (item: ToolbarButton) => string;
+};
+//# sourceMappingURL=useTooltip.d.ts.map

package/dist/toolbar/useTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../src/toolbar/useTooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQrD,wBAAgB,UAAU,IAAI;IAAE,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,MAAM,CAAA;CAAE,CAU5E"}