oasis-editor 0.0.1 → 0.0.3

package/dist/ui/components/Menubar/builtinMenuIds.d.ts

@@ -0,0 +1,36 @@
+export declare const OASIS_MENU_ITEMS: {
+    readonly fileNew: "file_new";
+    readonly fileImport: "file_import";
+    readonly fileSave: "file_save";
+    readonly fileExport: "file_export";
+    readonly fileExportPdf: "file_export_pdf";
+    readonly fileExportDocx: "file_export_docx";
+    readonly filePrint: "file_print";
+    readonly editUndo: "edit_undo";
+    readonly editRedo: "edit_redo";
+    readonly editCopy: "edit_copy";
+    readonly editFind: "edit_find";
+    readonly editSelectAll: "edit_selectAll";
+    readonly viewMargins: "view_margins";
+    readonly viewParagraphMarks: "view_paragraph_marks";
+    readonly viewPreciseFonts: "view_precise_fonts";
+    readonly insertImage: "insert_image";
+    readonly insertTable: "insert_table";
+    readonly insertLink: "insert_link";
+    readonly insertFootnote: "insert_footnote";
+    readonly insertPageBreak: "insert_pageBreak";
+    readonly formatText: "format_text";
+    readonly formatTextBold: "format_text_bold";
+    readonly formatTextItalic: "format_text_italic";
+    readonly formatTextUnderline: "format_text_underline";
+    readonly formatTextStrike: "format_text_strike";
+    readonly formatAlign: "format_align";
+    readonly formatAlignLeft: "format_align_left";
+    readonly formatAlignCenter: "format_align_center";
+    readonly formatAlignRight: "format_align_right";
+    readonly formatAlignJustify: "format_align_justify";
+    readonly formatLists: "format_lists";
+    readonly formatListsBullet: "format_lists_bullet";
+    readonly formatListsNumbered: "format_lists_numbered";
+};
+export type OasisMenuItemId = (typeof OASIS_MENU_ITEMS)[keyof typeof OASIS_MENU_ITEMS];

package/dist/ui/components/OasisBrandMark.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from '../../solid-js';
+
+export declare function OasisBrandMark(props: {
+    /** Rendered height in px; width follows the 3:4 aspect ratio. */
+    height?: number;
+    class?: string;
+}): JSX.Element;

package/dist/ui/components/PluginUi/PluginUiHost.d.ts

@@ -0,0 +1,8 @@
+import { Accessor, JSX } from '../../../solid-js';
+import { OasisEditor } from '../../../../../../core/plugin.js';
+
+export interface PluginUiHostProps {
+    editor: Accessor<OasisEditor>;
+    children: JSX.Element;
+}
+export declare function PluginUiHost(props: PluginUiHostProps): JSX.Element;

package/dist/ui/components/Ruler/HorizontalRuler.d.ts

@@ -0,0 +1,11 @@
+import { Accessor } from '../../../solid-js';
+import { EditorState } from '../../../../../../core/model.js';
+import { ToolbarHost } from '../../../../Toolbar/state/createToolbarApi.js';
+
+export interface HorizontalRulerProps {
+    state: Accessor<EditorState>;
+    toolbarHost: () => ToolbarHost;
+    viewportRef: Accessor<HTMLDivElement | undefined>;
+    readOnly: Accessor<boolean>;
+}
+export declare function HorizontalRuler(props: HorizontalRulerProps): import("solid-js").JSX.Element;

package/dist/ui/components/Ruler/rulerGeometry.d.ts

@@ -0,0 +1,63 @@
+import { EditorPageSettings } from '../../../../../../core/model.js';
+
+/**
+ * Horizontal ruler geometry. The editor stores page dimensions, margins and
+ * paragraph indents all in CSS pixels (96 dpi), so the ruler works purely in
+ * pixels too — no point/twip conversion is needed for positioning. Only the
+ * tick labels convert pixels to inches/centimeters for display.
+ */
+export declare const PX_PER_INCH = 96;
+export declare const PX_PER_CM: number;
+/** Minimum content width (px) the editor guarantees; mirrors getPageContentWidth. */
+export declare const MIN_CONTENT_WIDTH_PX = 24;
+export interface RulerIndents {
+    /** Left indent (padding-left), px. */
+    indentLeft: number;
+    /** Right indent, px. */
+    indentRight: number;
+    /** First-line indent (text-indent), px. Mutually exclusive with hanging. */
+    indentFirstLine: number;
+    /** Hanging indent, px. Mutually exclusive with first line. */
+    indentHanging: number;
+}
+export interface RulerGeometry {
+    pageWidth: number;
+    /** Left edge of the white (content) zone, px from page left. */
+    contentLeft: number;
+    /** Right edge of the white (content) zone, px from page left. */
+    contentRight: number;
+    /** Gutter width folded into the left margin, px. */
+    gutter: number;
+    /** X of the left-indent box / hanging marker, px from page left. */
+    leftIndentX: number;
+    /** X of the first-line marker (top triangle), px from page left. */
+    firstLineX: number;
+    /** X of the right-indent marker, px from page left. */
+    rightIndentX: number;
+}
+/** Signed offset of the first line relative to the left indent (px). */
+export declare function resolveFirstLineOffset(indents: RulerIndents): number;
+export declare function computeRulerGeometry(pageSettings: EditorPageSettings, indents: RulerIndents): RulerGeometry;
+export declare function clamp(value: number, min: number, max: number): number;
+/**
+ * Left offset of the first rendered page (`.oasis-editor-paper`) within the
+ * scrollable viewport's content space, i.e. independent of the current scroll
+ * position. Returns `null` when no page has been rendered/measured yet.
+ *
+ * The page's horizontal position is owned by CSS (scroll-content gutter +
+ * centering) and differs subtly between UI variants, so the ruler measures it
+ * from the DOM rather than assuming a constant. This is the single place that
+ * formula lives.
+ */
+export declare function measurePageLeft(viewport: HTMLElement): number | null;
+export interface RulerTick {
+    x: number;
+    kind: "major" | "medium" | "minor";
+    label?: string;
+}
+/**
+ * Generates ruler ticks across the page width. Word shows numbered major ticks
+ * at each whole unit and smaller subdivisions in between. The origin (0) is the
+ * left content edge; numbers grow outward in both directions, like Word.
+ */
+export declare function computeRulerTicks(pageWidth: number, contentLeft: number, unit: "in" | "cm"): RulerTick[];

package/dist/ui/components/Toolbar/Toolbar.d.ts

@@ -1,11 +1,13 @@
 import { JSX } from '../../../solid-js';
 import { ToolbarHost } from '../../../state/createToolbarApi.js';
 import { ToolbarRegistry } from '../../../registry/ToolbarRegistry.js';
+import { ToolbarLayoutMode } from '../../../../../OasisEditorAppProps.js';
 
 export interface ToolbarProps {
     host: () => ToolbarHost;
     registry: ToolbarRegistry;
     showFileGroup?: boolean;
+    layout?: ToolbarLayoutMode;
 }
 /**
  * Thin, data-driven toolbar renderer: maps the per-instance registry's ordered

package/dist/ui/components/Toolbar/presets/builtinToolbarIds.d.ts

@@ -0,0 +1,40 @@
+export declare const OASIS_TOOLBAR_ITEMS: {
+    readonly fileDropdown: "editor-toolbar-file-dropdown";
+    readonly exportDocx: "editor-toolbar-export-docx";
+    readonly exportPdf: "editor-toolbar-export-pdf";
+    readonly importDocument: "editor-toolbar-import-document";
+    readonly undo: "editor-toolbar-undo";
+    readonly redo: "editor-toolbar-redo";
+    readonly style: "editor-toolbar-style";
+    readonly fontFamily: "editor-toolbar-font-family";
+    readonly fontSize: "editor-toolbar-font-size";
+    readonly color: "editor-toolbar-color";
+    readonly highlight: "editor-toolbar-highlight";
+    readonly textShading: "editor-toolbar-text-shading";
+    readonly bold: "editor-toolbar-bold";
+    readonly italic: "editor-toolbar-italic";
+    readonly underlineControl: "editor-toolbar-underline-control";
+    readonly strike: "editor-toolbar-strike";
+    readonly superscript: "editor-toolbar-superscript";
+    readonly subscript: "editor-toolbar-subscript";
+    readonly insertImage: "editor-toolbar-insert-image";
+    readonly insertTable: "editor-toolbar-insert-table";
+    readonly link: "editor-toolbar-link";
+    readonly unlink: "editor-toolbar-unlink";
+    readonly footnote: "editor-toolbar-footnote";
+    readonly imageAlt: "editor-toolbar-image-alt";
+    readonly alignLeft: "editor-toolbar-align-left";
+    readonly alignCenter: "editor-toolbar-align-center";
+    readonly alignRight: "editor-toolbar-align-right";
+    readonly alignJustify: "editor-toolbar-align-justify";
+    readonly bulletList: "editor-toolbar-list-bullet";
+    readonly orderedList: "editor-toolbar-list-ordered";
+    readonly outdent: "editor-toolbar-list-outdent";
+    readonly indent: "editor-toolbar-list-indent";
+    readonly listOptions: "editor-toolbar-list-options";
+    readonly lineSpacing: "editor-toolbar-line-spacing-control";
+    readonly metrics: "editor-toolbar-metrics";
+    readonly table: "editor-toolbar-table";
+    readonly section: "editor-toolbar-section";
+};
+export type OasisToolbarItemId = (typeof OASIS_TOOLBAR_ITEMS)[keyof typeof OASIS_TOOLBAR_ITEMS];

package/dist/ui/components/Toolbar/primitives/ColorPicker.d.ts

@@ -1,7 +1,7 @@
 import { JSX } from '../../../../solid-js';
 import { ColorPalette } from '../../../../../schema/palette.js';
 
-export type ColorPickerKind = "color" | "highlight";
+export type ColorPickerKind = "color" | "highlight" | "shading";
 export interface ColorPickerProps {
     kind: ColorPickerKind;
     icon: string;

package/dist/ui/components/Toolbar/primitives/Separator.d.ts

@@ -1,6 +1,7 @@
 import { JSX } from '../../../../solid-js';
 
-/** Vertical divider between toolbar item groups. */
-export declare function Separator(props: {
+export interface SeparatorProps {
     hidden?: boolean;
-}): JSX.Element;
+}
+/** Vertical divider between toolbar item groups. */
+export declare function Separator(props: SeparatorProps): JSX.Element;

package/dist/ui/components/Toolbar/registry/ToolbarRegistry.d.ts

@@ -1,5 +1,10 @@
 import { ToolbarItem } from '../../../../../schema/items.js';
 
+export type ToolbarMoveTarget = number | {
+    before: string;
+} | {
+    after: string;
+};
 export interface ToolbarRegistry {
     /** Add or update by id (last-write-wins). New items append, then sort by `order`. */
     register(item: ToolbarItem): void;
@@ -10,8 +15,8 @@ export interface ToolbarRegistry {
     /** Replace an existing item in place, preserving its position. */
     replace(targetId: string, item: ToolbarItem): void;
     remove(id: string): void;
-    /** Move an existing item to an absolute index. */
-    move(id: string, toIndex: number): void;
+    /** Move an existing item to an absolute index or relative to another item. */
+    move(id: string, target: ToolbarMoveTarget): void;
     get(id: string): ToolbarItem | undefined;
     getOrdered(): ToolbarItem[];
     /** Backward-friendly alias for getOrdered. */

package/dist/ui/components/Toolbar/schema/items.d.ts

@@ -103,7 +103,7 @@ export interface SelectItem extends ToolbarItemBase {
 }
 export interface ColorPickerItem extends ToolbarItemBase {
     type: "colorPicker";
-    kind: "color" | "highlight";
+    kind: "color" | "highlight" | "shading";
     /** Command dispatched with the chosen color (or null) as payload. */
     command: CommandRef;
     palette?: ColorPalette;

package/dist/ui/components/WelcomeOverlay.d.ts

@@ -0,0 +1,13 @@
+interface WelcomeOverlayProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+/**
+ * First-use welcome, rendered as an overlay that fills the editor container
+ * (reusing the loading-overlay positioning) rather than a viewport modal. Offers
+ * opt-in precise font mode; the Enable/Skip handlers drive the Local Font Access
+ * orchestration, persist the choice, and close. Shown once (gated by
+ * `welcomeSeen` in user preferences).
+ */
+export declare function WelcomeOverlay(props: WelcomeOverlayProps): import("solid-js").JSX.Element;
+export {};

package/dist/ui/editorLayoutConstants.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Horizontal gutter (px) between the page (`.oasis-editor-paper`) and the edge
+ * of the scrollable editor content (`.oasis-editor-editor-scroll-content`).
+ *
+ * The single source of truth for the horizontal gutter. TS uses it directly for
+ * the editor shell width (`pageWidth + 2 * gutter`) and injects it into CSS as
+ * the `--oasis-editor-gutter-x` custom property on `.oasis-editor-app` (see
+ * OasisEditorApp.tsx), so the gutter is defined exactly once. Keeping it
+ * identical across every UI variant is what keeps the ruler origin aligned with
+ * the caret — the ruler still measures the paper from the DOM as a backstop.
+ */
+export declare const EDITOR_SCROLL_PADDING_PX = 34;

package/dist/ui/editorUiTypes.d.ts

@@ -1,5 +1,7 @@
 import { Accessor } from '../solid-js';
 import { EditorState, EditorLayoutParagraph } from '../../core/model.js';
+import { WrapPreset } from '../../core/commands/floatingLayout.js';
+import { ResizeHandleDirection } from '../resizeGeometry.js';
 export interface InputBox {
     left: number;
     top: number;
@@ -22,6 +24,21 @@ export interface SelectedImageBox {
     top: number;
     width: number;
     height: number;
+    /** Shape rotation in degrees (0 when not rotated). */
+    rotation: number;
+}
+export interface SelectedTextBoxBox {
+    paragraphId: string;
+    startOffset: number;
+    endOffset: number;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    /** Shape rotation in degrees (0 when not rotated). */
+    rotation: number;
+    /** True when the text box is a floating (anchored) drawing. */
+    floating: boolean;
 }
 export interface RevisionBox {
     revisionId: string;
@@ -31,13 +48,24 @@ export interface RevisionBox {
     left: number;
     top: number;
 }
-export type ImageResizeHandleDirection = "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
-export declare const IMAGE_RESIZE_HANDLE_DIRECTIONS: ImageResizeHandleDirection[];
+/**
+ * State and actions backing the Word-style "Layout Options" popup for the
+ * selected image or text box.
+ */
+export interface LayoutOptionsOverlay {
+    /** Which kind of object is currently selected (`null` when none qualifies). */
+    target: Accessor<"image" | "textBox" | null>;
+    /** Active wrap preset for the selected object (`null` when none). */
+    preset: Accessor<WrapPreset | null>;
+    /** True when the selected object is pinned to the page. */
+    fixedPosition: Accessor<boolean>;
+    setPreset: (preset: WrapPreset) => void;
+    setFixedPosition: (fixed: boolean) => void;
+}
 export interface EditorSurfaceProps {
     state: Accessor<EditorState>;
     measuredBlockHeights?: Accessor<Record<string, number>>;
     measuredParagraphLayouts?: Accessor<Record<string, EditorLayoutParagraph>>;
-    layoutMode?: "fast" | "wordParity";
     /**
      * Phase 4: scroll viewport accessor for page virtualization.
      * When provided, only pages within (or near) the viewport are rendered with
@@ -56,7 +84,10 @@ export interface EditorSurfaceProps {
     onImageMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    onImageResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: ImageResizeHandleDirection, event: MouseEvent & {
+    onImageResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {
+        currentTarget: HTMLElement;
+    }) => void;
+    onTextBoxResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {
         currentTarget: HTMLElement;
     }) => void;
     onTableDragHandleMouseDown: (tableId: string, event: MouseEvent) => void;

package/dist/ui/fontSizeUnits.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Font sizes are stored in the model — and rendered on the canvas — in pixels,
+ * but the toolbar and dialogs present them to the user in points (pt), matching
+ * Word. These helpers convert at that UI boundary; the model/render stay in px.
+ */
+/** Standard point sizes offered in the toolbar and font dialog dropdowns. */
+export declare const STANDARD_FONT_SIZES_PT: number[];
+/** Convert a model pixel size to a point value, rounded to 2 decimals. */
+export declare function fontSizePxToPt(px: number): number;
+/** Convert a user-facing point size to a model pixel size, rounded to 4 decimals. */
+export declare function fontSizePtToPx(pt: number): number;
+/** Format a model pixel size as a point display string ("" when invalid/≤0). */
+export declare function formatFontSizePt(px: string | number | null | undefined): string;
+/** Parse a user-facing point string into a model pixel size (null when invalid/≤0). */
+export declare function parseFontSizePtToPx(pt: string | number | null | undefined): number | null;

package/dist/ui/mount.d.ts

@@ -1,6 +1,7 @@
 import { OasisEditorAppProps } from '../OasisEditorApp.js';
+import { OasisEditorClient } from '../../app/client/OasisEditorClient.js';
 
-export interface OasisMountInstance {
+export interface OasisMountInstance extends OasisEditorClient {
     unmount: () => void;
 }
 /**

package/dist/ui/overlays/ResizeHandlesOverlay.d.ts

@@ -0,0 +1,34 @@
+import { ResizeHandleDirection } from '../../../resizeGeometry.js';
+
+export interface ResizeHandlesOverlayBox {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export interface ResizeHandlesOverlayProps {
+    /** The selected object's box, or `null` when nothing is selected. */
+    box: () => ResizeHandlesOverlayBox | null;
+    readOnly: boolean;
+    /** Variant class appended to the shared overlay class (image vs text box). */
+    variantClass: string;
+    /** Current rotation in degrees, applied as a CSS transform on the overlay. */
+    rotation?: () => number;
+    onResizeStart: (direction: ResizeHandleDirection, event: MouseEvent & {
+        currentTarget: HTMLElement;
+    }) => void;
+    /** Optional handler for pressing the overlay body (e.g. image drag-to-move). */
+    onBodyMouseDown?: (event: MouseEvent & {
+        currentTarget: HTMLElement;
+    }) => void;
+    /** Optional handler for pressing the rotation knob. */
+    onRotateStart?: (event: MouseEvent & {
+        currentTarget: HTMLElement;
+    }) => void;
+}
+/**
+ * Renders the 8-handle selection overlay used to resize a floating/inline
+ * object. Shared by image and text-box selection so the handle geometry,
+ * positioning and pointer plumbing live in one place.
+ */
+export declare function ResizeHandlesOverlay(props: ResizeHandlesOverlayProps): import("solid-js").JSX.Element;

package/dist/ui/public/Button.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from '../../solid-js';
+
+export interface ButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "ghost" | "danger";
+    size?: "sm" | "md";
+    icon?: string;
+    iconPosition?: "start" | "end";
+    fullWidth?: boolean;
+}
+export declare function Button(props: ButtonProps): JSX.Element;

package/dist/ui/public/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from '../../solid-js';
+
+export interface CheckboxProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> {
+    label: string;
+    description?: string;
+    error?: string;
+    onChange?: (checked: boolean) => void;
+}
+export declare function Checkbox(props: CheckboxProps): JSX.Element;

package/dist/ui/public/DialogFooter.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from '../../solid-js';
+
+export interface DialogFooterProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    align?: "start" | "end" | "between";
+}
+export declare function DialogFooter(props: DialogFooterProps): JSX.Element;

package/dist/ui/public/FloatingActionButton.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from '../../solid-js';
+
+export interface FloatingActionButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon: string;
+    label: string;
+    active?: boolean;
+}
+export declare function FloatingActionButton(props: FloatingActionButtonProps): JSX.Element;

package/dist/ui/public/IconButton.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from '../../solid-js';
+
+export interface IconButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon: string;
+    label: string;
+    active?: boolean;
+    variant?: "ghost" | "secondary";
+    size?: "sm" | "md";
+}
+export declare function IconButton(props: IconButtonProps): JSX.Element;

package/dist/ui/public/SelectField.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from '../../solid-js';
+
+export interface SelectFieldOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectFieldProps extends Omit<JSX.SelectHTMLAttributes<HTMLSelectElement>, "onChange"> {
+    label?: string;
+    description?: string;
+    error?: string;
+    options: SelectFieldOption[];
+    onChange?: (value: string) => void;
+}
+export declare function SelectField(props: SelectFieldProps): JSX.Element;

package/dist/ui/public/SidePanel.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from '../../solid-js';
+
+export interface SidePanelProps extends JSX.HTMLAttributes<HTMLElement> {
+    mode?: "dock" | "overlay";
+    width?: number | string;
+}
+export declare function SidePanel(props: SidePanelProps): JSX.Element;
+export interface SidePanelSectionProps extends JSX.HTMLAttributes<HTMLDivElement> {
+}
+export declare function SidePanelHeader(props: SidePanelSectionProps): JSX.Element;
+export declare function SidePanelBody(props: SidePanelSectionProps): JSX.Element;
+export declare function SidePanelFooter(props: SidePanelSectionProps): JSX.Element;

package/dist/ui/public/TextField.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from '../../solid-js';
+
+export interface TextFieldProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
+    label?: string;
+    description?: string;
+    error?: string;
+    onChange?: (value: string) => void;
+}
+export declare function TextField(props: TextFieldProps): JSX.Element;

package/dist/ui/public/index.d.ts

@@ -0,0 +1,36 @@
+export { Dialog } from '../../../components/Dialogs/Dialog.js';
+export type { DialogProps } from '../../../components/Dialogs/Dialog.js';
+export { Tabs } from '../../../components/Tabs/Tabs.js';
+export type { TabsItem, TabsProps } from '../../../components/Tabs/Tabs.js';
+export { Button } from '../../Button.js';
+export type { ButtonProps } from '../../Button.js';
+export { IconButton } from '../../IconButton.js';
+export type { IconButtonProps } from '../../IconButton.js';
+export { TextField } from '../../TextField.js';
+export type { TextFieldProps } from '../../TextField.js';
+export { Checkbox } from '../../Checkbox.js';
+export type { CheckboxProps } from '../../Checkbox.js';
+export { SelectField } from '../../SelectField.js';
+export type { SelectFieldOption, SelectFieldProps } from '../../SelectField.js';
+export { DialogFooter } from '../../DialogFooter.js';
+export type { DialogFooterProps } from '../../DialogFooter.js';
+export { FloatingActionButton } from '../../FloatingActionButton.js';
+export type { FloatingActionButtonProps } from '../../FloatingActionButton.js';
+export { SidePanel, SidePanelBody, SidePanelFooter, SidePanelHeader, } from '../../SidePanel.js';
+export type { SidePanelProps, SidePanelSectionProps } from '../../SidePanel.js';
+export { Popover } from '../../../components/Toolbar/primitives/Popover.js';
+export type { PopoverProps, PopoverTriggerApi, } from '../../../components/Toolbar/primitives/Popover.js';
+export { Menu } from '../../../components/Toolbar/primitives/Menu.js';
+export type { MenuProps } from '../../../components/Toolbar/primitives/Menu.js';
+export { Select } from '../../../components/Toolbar/primitives/Select.js';
+export type { ToolbarSelectProps } from '../../../components/Toolbar/primitives/Select.js';
+export { Separator } from '../../../components/Toolbar/primitives/Separator.js';
+export type { SeparatorProps } from '../../../components/Toolbar/primitives/Separator.js';
+export { SplitButton } from '../../../components/Toolbar/primitives/SplitButton.js';
+export type { SplitButtonProps } from '../../../components/Toolbar/primitives/SplitButton.js';
+export { ColorPicker } from '../../../components/Toolbar/primitives/ColorPicker.js';
+export type { ColorPickerKind, ColorPickerProps, } from '../../../components/Toolbar/primitives/ColorPicker.js';
+export { GridPicker } from '../../../components/Toolbar/primitives/GridPicker.js';
+export type { GridPickerProps } from '../../../components/Toolbar/primitives/GridPicker.js';
+export { Button as ToolbarButton } from '../../../components/Toolbar/primitives/Button.js';
+export type { ToolbarButtonProps } from '../../../components/Toolbar/primitives/Button.js';

package/dist/ui/resizeGeometry.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Pure, object-type-agnostic geometry for handle-based resizing.
+ *
+ * Shared by image and text-box resize: given a resize session (the dimensions
+ * captured when a handle was grabbed) and the pointer delta, it resolves the
+ * next width/height, applying min/max constraints and optional aspect-ratio
+ * preservation. Contains no DOM or editor-state coupling.
+ */
+export type ResizeHandleDirection = "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
+export declare const RESIZE_HANDLE_DIRECTIONS: ResizeHandleDirection[];
+/** Minimum size (px) any resizable object may shrink to. */
+export declare const MIN_RESIZE_SIZE_PX = 24;
+/**
+ * The geometry captured at the start of a resize session. Both
+ * `ActiveImageResize` and the text-box resize session satisfy this shape.
+ */
+export interface ResizeSessionGeometry {
+    handleDirection: ResizeHandleDirection;
+    startWidth: number;
+    startHeight: number;
+    aspectRatio: number;
+}
+export declare function clamp(value: number, min: number, max?: number): number;
+export declare function axisSignForDirection(direction: ResizeHandleDirection, axis: "x" | "y"): -1 | 0 | 1;
+export declare function resolveResizedDimensions(geometry: ResizeSessionGeometry, deltaX: number, deltaY: number, preserveAspectRatio: boolean, maxWidth: number): {
+    width: number;
+    height: number;
+};

package/dist/ui/shells/DocumentShell.d.ts

@@ -2,18 +2,24 @@ import { Accessor } from '../../solid-js';
 import { OasisEditorEditorFileHandlers, OasisEditorEditorInputHandlers, OasisEditorEditorLayoutProps, OasisEditorEditorOverlayProps, OasisEditorEditorRefProps, OasisEditorEditorSurfaceHandlers } from '../../../OasisEditorEditor.js';
 import { ToolbarHost } from '../../../components/Toolbar/state/createToolbarApi.js';
 import { ToolbarRegistry } from '../../../components/Toolbar/registry/ToolbarRegistry.js';
+import { MenuRegistry } from '../../../components/Menubar/menuRegistry.js';
 import { EditorLayoutParagraph, EditorState } from '../../../../core/model.js';
+import { ToolbarLayoutMode } from '../../../OasisEditorAppProps.js';
+import { OasisEditor } from '../../../../core/plugin.js';
 
 export interface ShellProps {
     state: EditorState;
     toolbarHost: () => ToolbarHost;
+    runtimeEditor: Accessor<OasisEditor>;
     persistenceStatus: () => string;
     toolbarRegistry: ToolbarRegistry;
+    menuRegistry: MenuRegistry;
     showChrome: boolean;
     showTitleBar: boolean;
     showMenubar: boolean;
     showToolbar: boolean;
     showOutline: boolean;
+    toolbarLayout: ToolbarLayoutMode;
     isReadOnly: boolean;
     measuredBlockHeights: Accessor<Record<string, number>>;
     measuredParagraphLayouts: Accessor<Record<string, EditorLayoutParagraph>>;

package/dist/ui/textMeasurement/alignment.d.ts

@@ -0,0 +1,3 @@
+import { EditorLayoutLine, EditorNamedStyle, EditorParagraphNode } from '../../../../core/model.js';
+
+export declare function applyParagraphAlignment(paragraph: EditorParagraphNode, styles: Record<string, EditorNamedStyle> | undefined, contentWidth: number, lines: EditorLayoutLine[], lineHardBreaks: boolean[], charByOffset: Map<number, string>): EditorLayoutLine[];

package/dist/ui/textMeasurement/characterWidth.d.ts

@@ -0,0 +1,9 @@
+import { EditorTextStyle } from '../../../../core/model.js';
+
+/**
+ * Clears the per-character width cache. Call this after font metrics become
+ * available asynchronously (browser preload), so cached heuristic widths are
+ * recomputed from the real TrueType metrics.
+ */
+export declare function clearTextMeasureCache(): void;
+export declare function measureCharacterWidth(char: string, styles: EditorTextStyle | undefined, fallbackFontSize: number): number;

package/dist/ui/textMeasurement/composer.d.ts

@@ -0,0 +1,5 @@
+import { EditorLayoutLine, EditorNamedStyle, EditorParagraphNode } from '../../../../core/model.js';
+import { TextMeasureOptions } from '../../types.js';
+
+export declare function measureParagraphMinContentWidthPx(paragraph: EditorParagraphNode, styles?: Record<string, EditorNamedStyle>): number;
+export declare function composeMeasuredParagraphLines(options: TextMeasureOptions): EditorLayoutLine[];

package/dist/ui/textMeasurement/constants.d.ts

@@ -0,0 +1,4 @@
+/** 11pt expressed in CSS pixels (11 * 96 / 72). */
+export declare const DEFAULT_FONT_SIZE = 14.6667;
+/** CSS pixels per typographic point. */
+export declare const PX_PER_POINT: number;

package/dist/ui/textMeasurement/fontMetrics.d.ts

@@ -0,0 +1,12 @@
+import { EditorTextStyle } from '../../../../core/model.js';
+
+export declare function getMeasuredFontSize(styles: EditorTextStyle | undefined, fallbackFontSize: number): number;
+export declare function getRenderedMeasureChar(char: string, styles: EditorTextStyle | undefined): string;
+export declare function buildCanvasFont(styles: EditorTextStyle | undefined, fallbackFontSize: number): string;
+/**
+ * Clears the cached natural line heights. Required after the metric source for a
+ * family changes (precise font mode toggling, or real metrics arriving), since
+ * the cache is keyed only by the CSS font string, not by which face supplied it.
+ */
+export declare function clearNormalLineHeightCache(): void;
+export declare function resolveRenderedLineHeightPx(styles: EditorTextStyle | undefined, lineHeightMultiple: number): number;