microboard-temp 0.14.14 → 0.14.16

package/dist/types/Items/Frame/Frame.d.ts

@@ -1,20 +1,19 @@
-import { Mbr } from "../Mbr/Mbr";
-import { Line } from "../Line/Line";
-import { Point } from "../Point/Point";
-import { Path } from "../Path/Path";
-import { Paths } from "../Path/Paths";
+import { Mbr } from "../../Geometry/Mbr/Mbr";
+import { Point } from "../../Geometry/Point/Point";
+import { Path } from "../../Geometry/Path/Path";
+import { Paths } from "../../Geometry/Path/Paths";
 import { RichText } from "../RichText/RichText";
-import { Matrix } from "../Transformation/Matrix";
+import { Matrix } from "../../Geometry/Transformation/Matrix";
 import { BaseItem, SerializedItemData } from "../BaseItem/BaseItem";
+import { UpdateHint } from "../BaseItem/UpdateHint";
 import { TransformParams, TransformResult } from "../BaseItem/TransformContext";
 import { Subject } from "../../Subject";
-import { DrawingContext } from "../DrawingContext";
+import { DrawingContext } from "../../Geometry/DrawingContext";
 import { Operation } from "../../Events";
 import { FrameOperation } from "./FrameOperation";
 import { FrameType } from "./Basic";
-import { GeometricNormal } from "../GeometricNormal";
 import { Board } from "../../Board";
-import { SnapshotInfo } from "../../Tools/ExportSnapshot/exportBoardSnapshot";
+import { ScreenshotInfo } from "../../Tools/ExportScreenshot/exportBoardScreenshot";
 import { FrameData } from "./FrameData";
 import { ResizeType } from "../../Selection/Transformer/TransformerHelpers/getResizeType";
 import { ColorValue } from "../../..";
@@ -47,8 +46,6 @@ export declare class Frame extends BaseItem<Frame> {
     getPaths(): Path | Paths;
     getPath(): Path | Paths;
     copyPaths(): Path | Paths;
-    isTextUnderPoint(point: Point): boolean;
-    getUnderPoint(point: Point): boolean;
     isClosed(): boolean;
     setId(id: string): this;
     getId(): string;
@@ -68,14 +65,11 @@ export declare class Frame extends BaseItem<Frame> {
     deserialize(data: SerializedItemData<FrameData> | FrameData): this;
     getSavedProportionsMatrix(): Matrix;
     private transformPath;
-    apply(op: Operation): void;
+    apply(opIn: Operation): void;
+    protected updateVisuals(_op: any, hint: UpdateHint): void;
+    protected getPropertyUpdateHint(property: string): UpdateHint;
     emit(operation: FrameOperation): void;
-    getNearestEdgePointTo(point: Point): Point;
-    getDistanceToPoint(point: Point): number;
-    isInView(rect: Mbr): boolean;
-    getSnapAnchorPoints(): Point[];
-    getNormal(point: Point): GeometricNormal;
-    getIntersectionPoints(segment: Line): Point[];
+    getIsScalingContainer(): boolean;
     getFrameType(): FrameType;
     private applyFrameType;
     setFrameType(shapeType: FrameType): void;
@@ -89,13 +83,12 @@ export declare class Frame extends BaseItem<Frame> {
     private applyBackgroundColor;
     setBackgroundColor(backgroundColor: ColorValue): void;
     getExportName(): string;
-    export(board: Board, name?: string): Promise<SnapshotInfo>;
+    export(board: Board, name?: string): Promise<ScreenshotInfo>;
     render(context: DrawingContext): void;
     renderName(context: DrawingContext): void;
     renderBorders(context: DrawingContext): void;
     renderPath(context: DrawingContext): void;
     renderNewShape(context: DrawingContext): void;
     getRichText(): RichText;
-    getIsScalingContainer(): boolean;
     handleTransform(params: TransformParams): TransformResult;
 }

package/dist/types/Items/Frame/FrameData.d.ts

@@ -1,6 +1,6 @@
-import { DefaultTransformationData, TransformationData } from '../Transformation/TransformationData';
+import { DefaultTransformationData, TransformationData } from '../../Geometry/Transformation/TransformationData';
 import { RichTextData } from '../RichText';
-import { BorderStyle, BorderWidth } from '../Path';
+import { BorderStyle, BorderWidth } from '../../Geometry/Path';
 import { FrameType } from './Basic';
 import { ColorValue } from '../../..';
 export declare const FRAME_BORDER_COLOR: import("../../..").SemanticColor;

package/dist/types/Items/Frame/FrameOverlay.d.ts

@@ -0,0 +1,2 @@
+import type { ToolOverlayDefinition } from "../../Overlay";
+export declare const addFrameToolOverlay: ToolOverlayDefinition;

package/dist/types/{Tools/AddFrame → Items/Frame/Tool}/AddFrame.d.ts

@@ -1,9 +1,9 @@
-import { Board } from '../../Board';
-import { Line, Frame, Mbr, Item } from '../../Items';
-import { DrawingContext } from '../../Items/DrawingContext';
-import { FrameType } from '../../Items/Frame/Basic';
-import { BoardTool } from '../BoardTool';
-import { NestingHighlighter } from '../NestingHighlighter';
+import { Board } from '../../../Board';
+import { Line, Frame, Mbr, Item } from '../../../Items';
+import { DrawingContext } from '../../../Geometry/DrawingContext';
+import { FrameType } from '../../Frame/Basic';
+import { BoardTool } from '../../../Tools/BoardTool';
+import { NestingHighlighter } from '../../../Tools/NestingHighlighter';
 export declare class AddFrame extends BoardTool {
     line: Line | undefined;
     shape: FrameType;

package/dist/types/Items/Group/Group.d.ts

@@ -1,14 +1,14 @@
 import { Subject } from "../../Subject";
-import { DrawingContext } from "../DrawingContext";
-import { TransformationData } from "../Transformation/TransformationData";
+import { DrawingContext } from "../../Geometry/DrawingContext";
+import { TransformationData } from "../../Geometry/Transformation/TransformationData";
 import { GroupOperation } from "./GroupOperation";
-import type { Operation } from "../../Events";
-import { Mbr } from "../Mbr/Mbr";
-import { Line } from "../Line/Line";
-import { Point } from "../Point/Point";
+import type { Operation, BaseOperation } from "../../Events";
+import { Mbr } from "../../Geometry/Mbr/Mbr";
 import type { Item } from "../Item";
 import { Board } from "../../Board";
 import { BaseItem, SerializedItemData } from "../BaseItem/BaseItem";
+import { BaseItemOperation } from "../BaseItem/BaseItemOperation";
+import { UpdateHint } from "../BaseItem/UpdateHint";
 export interface GroupData {
     readonly itemType: "Group";
     childIds: string[];
@@ -31,7 +31,9 @@ export declare class Group extends BaseItem<Group> {
     constructor(board: Board, id?: string);
     isClosed(): boolean;
     getRichText(): null;
-    apply(op: Operation): void;
+    apply(opIn: Operation | BaseItemOperation | BaseOperation): void;
+    protected updateVisuals(op: Operation, hint: UpdateHint): void;
+    protected getPropertyUpdateHint(property: string): UpdateHint;
     emit(operation: GroupOperation): void;
     setId(id: string): this;
     getMbr(): Mbr;
@@ -42,7 +44,6 @@ export declare class Group extends BaseItem<Group> {
     serialize(): SerializedItemData<GroupData>;
     deserialize(data: SerializedItemData<GroupData> | GroupData): this;
     getId(): string;
-    getIntersectionPoints(segment: Line): Point[];
     render(context: DrawingContext): void;
 }
 export declare const DefaultGroupData: GroupData;

package/dist/types/Items/Image/Image.d.ts

@@ -1,13 +1,15 @@
-import type { Operation } from "../../Events";
+import type { Operation, BaseOperation } from "../../Events";
 import { Subject } from "../../Subject";
-import { DrawingContext } from "../DrawingContext";
-import { Path } from "../Path/Path";
-import { Paths } from "../Path/Paths";
-import { Point } from "../Point/Point";
-import { TransformationData } from "../Transformation/TransformationData";
+import { DrawingContext } from "../../Geometry/DrawingContext";
+import { Path } from "../../Geometry/Path/Path";
+import { Paths } from "../../Geometry/Path/Paths";
+import { Point } from "../../Geometry/Point/Point";
+import { TransformationData } from "../../Geometry/Transformation/TransformationData";
 import { Board } from "../../Board";
 import { ImageOperation } from "./ImageOperation";
 import { BaseItem, SerializedItemData } from "../BaseItem/BaseItem";
+import { BaseItemOperation } from "../BaseItem/BaseItemOperation";
+import { UpdateHint } from "../BaseItem/UpdateHint";
 export interface ImageItemData {
     itemType: "Image";
     storageLink: string;
@@ -55,7 +57,9 @@ export declare class ImageItem extends BaseItem<ImageItem> {
     private shootLoadCallbacks;
     deserialize(data: SerializedItemData<ImageItemData> | ImageItemData): this;
     emit(operation: ImageOperation): void;
-    apply(op: Operation): void;
+    apply(opIn: Operation | BaseItemOperation | BaseOperation): void;
+    protected updateVisuals(op: Operation, hint: UpdateHint): void;
+    protected getPropertyUpdateHint(property: string): UpdateHint;
     render(context: DrawingContext): void;
     getPath(): Path | Paths;
     getSnapAnchorPoints(): Point[];

package/dist/types/Items/Item.d.ts

@@ -14,7 +14,7 @@ import type { StickerData } from "./Sticker/StickerOperation";
 import type { VideoItem, VideoItemData } from "./Video";
 import type { BaseItem, SerializedItemData } from "./BaseItem/BaseItem";
 export type Item = RichText | Shape | Connector | ImageItem | Drawing | Sticker | Frame | Placeholder | Comment | Group | AINode | VideoItem | AudioItem | BaseItem;
-export type ItemType = "RichText" | "Shape" | "Connector" | "Image" | "ImageItem" | "Drawing" | "Sticker" | "Frame" | "Placeholder" | "Comment" | "Group" | "AINode" | "Video" | "VideoItem" | "Audio" | "AudioItem" | "BaseItem" | "Eraser" | "Card" | "Deck" | "Dice" | "Star" | (string & {});
+export type ItemType = "RichText" | "Shape" | "Connector" | "Image" | "ImageItem" | "Drawing" | "Sticker" | "Frame" | "Placeholder" | "Comment" | "Group" | "AINode" | "Video" | "VideoItem" | "Audio" | "AudioItem" | "BaseItem" | "Eraser" | "Card" | "Deck" | "Dice" | "Screen" | (string & {});
 export type ItemData = ShapeData | RichTextData | ConnectorData | ImageItemData | DrawingData | StickerData | FrameData | PlaceholderData | CommentData | GroupData | AINodeData | VideoItemData | AudioItemData | SerializedItemData;
 export type ItemDataWithId = ItemData & {
     id: string;

package/dist/types/Items/ItemActions.d.ts

@@ -0,0 +1,160 @@
+/**
+ * ItemActions — declarative descriptor for item-specific UI actions.
+ *
+ * The UI repo reads these configs from the `itemActions` registry (keyed by
+ * `itemType`) and renders context panels, context menus, and tool panel buttons
+ * without any item-specific knowledge.
+ *
+ * Operation primitive hierarchy:
+ *  1. `setProperty` — the primary primitive for most property mutations.
+ *     Emits `{ class: "Item", method: "setProperty", property, value }`.
+ *  2. `custom` — escape hatch for operations that cannot be expressed as
+ *     setProperty (see docs on each `CustomAction` below).
+ */
+/** A plain SVG icon button. */
+export interface IconButton {
+    kind: "icon";
+    /** Inline SVG markup (full `<svg>` element). */
+    svg: string;
+}
+/**
+ * A button whose icon displays the current value of a color property.
+ * The UI reads `item[property]` to fill the color swatch.
+ */
+export interface ColorButton {
+    kind: "color";
+    /** Property name on the item that holds the current color string. */
+    property: string;
+}
+/**
+ * A button whose label displays the current value of a property.
+ * Useful for numeric or text property indicators.
+ */
+export interface LabelButton {
+    kind: "label";
+    /** Property name on the item to read for display. */
+    property: string;
+}
+export type ButtonVariant = IconButton | ColorButton | LabelButton;
+/**
+ * A single option inside a `MenuAction` dropdown.
+ * When selected, emits `setProperty(property, value)`.
+ */
+export interface MenuOption {
+    /** Display label for this option. */
+    label: string;
+    /** Property name on the item to set. */
+    property: string;
+    /** The value to assign to the property. */
+    value: unknown;
+}
+/**
+ * A button that opens a dropdown of fixed options.
+ * Each option emits a `setProperty` operation when chosen.
+ */
+export interface MenuAction {
+    kind: "menu";
+    tooltip: string;
+    button: ButtonVariant;
+    options: MenuOption[];
+}
+/**
+ * A button that directly emits `setProperty(property, value)` when clicked.
+ */
+export interface SetPropertyAction {
+    kind: "setProperty";
+    tooltip: string;
+    button: ButtonVariant;
+    /** Property name on the item to set. */
+    property: string;
+    /** The value to assign to the property. */
+    value: unknown;
+}
+/**
+ * Escape hatch for operations that CANNOT be expressed as `setProperty`.
+ *
+ * These are complex operations, typically on container/group items, where:
+ * - The value must be computed at invocation time (e.g. random dice value), OR
+ * - The operation involves reading and mutating children, OR
+ * - The operation affects multiple items simultaneously with interdependent
+ *   state (e.g. flip all cards in a deck).
+ *
+ * Known cases:
+ *
+ * **Dice**
+ * - `throwDice`: generates a random valueIndex at call time + triggers a
+ *   timed rotation animation. The value is not known statically.
+ *
+ * **Card**
+ * - `toggleIsOpen(cards)`: operates on the entire selection of Card items
+ *   simultaneously; must inspect each card's current `isOpen` state to decide
+ *   which cards to open and which to close. Cannot be expressed as setProperty
+ *   because the value to write depends on reading the current value first.
+ *
+ * **Deck** (group item — all operations involve child management)
+ * - `shuffleDeck`: randomly reorders children within the container and
+ *   triggers a shuffle animation.
+ * - `flipDeck`: reverses child insertion order AND toggles face/back state
+ *   on all contained cards.
+ * - `getTopCard`: removes the top child card from the Deck container and
+ *   places it on the board at a computed position. Involves spatial math.
+ * - `getBottomCard`: same as getTopCard but for the bottom card.
+ * - `getRandomCard`: same but for a random card.
+ *
+ * The UI calls `(item as any)[methodName]()` for these actions. They are
+ * public methods on the item class. The UI repo's ActionRenderer component
+ * should handle this with a thin `custom` branch.
+ */
+export interface CustomAction {
+    kind: "custom";
+    tooltip: string;
+    button: ButtonVariant;
+    /**
+     * Name of the public method to call on the item instance.
+     * Must be a method on the item class.
+     */
+    methodName: string;
+}
+export type ItemAction = MenuAction | SetPropertyAction | CustomAction;
+/**
+ * Defines the toolbar entry for items that have a placement tool (e.g. "Add Dice").
+ * The UI panel renders a button for each registered item that has a `toolButton`.
+ */
+export interface ToolPanelButton {
+    /**
+     * Must match the `toolData.name` passed to `registerItem`.
+     * Used to activate the tool via `board.tools.activate(toolName)`.
+     */
+    toolName: string;
+    /** Tooltip / accessible label for the tool panel button. */
+    tooltip: string;
+    /** Inline SVG markup for the button icon. */
+    svg: string;
+    /** Optional keyboard shortcut labels for display only. */
+    hotkey?: {
+        windows: string;
+        mac: string;
+    };
+}
+/**
+ * Complete action descriptor for an item type.
+ * Register via `registerItem({ actions: config })`.
+ * Read from `itemActions[itemType]` in the UI repo.
+ */
+export interface ItemActionConfig {
+    /**
+     * Actions shown in the floating context panel when this item type is selected.
+     * Rendered left-to-right as a row of buttons.
+     */
+    contextPanel: ItemAction[];
+    /**
+     * Actions shown in the right-click context menu for this item type.
+     * A subset of contextPanel actions plus any menu-only actions.
+     */
+    contextMenu: ItemAction[];
+    /**
+     * If this item has an "Add" placement tool, this defines its tool panel entry.
+     * Absent for items that cannot be placed by the user directly.
+     */
+    toolButton?: ToolPanelButton;
+}

package/dist/types/Items/LinkTo/LinkTo.d.ts

@@ -1,7 +1,7 @@
 import { SubjectOperation } from "../../SubjectOperation";
 import { LinkToOperation } from "./LinkToOperation";
 import { Events } from "../../Events";
-import { DrawingContext } from "../DrawingContext";
+import { DrawingContext } from "../../Geometry/DrawingContext";
 export declare class LinkTo {
     private id;
     private events?;

package/dist/types/Items/Placeholder/Placeholder.d.ts

@@ -1,19 +1,15 @@
 import type { Operation } from "../../Events";
-import { DrawingContext } from "../DrawingContext";
-import { ShapeType } from "../Shape/index";
+import { DrawingContext } from "../../Geometry/DrawingContext";
 import { ResizeType } from "../../Selection/Transformer/TransformerHelpers/getResizeType";
 import { Subject } from "../../Subject";
-import { GeometricNormal } from "../GeometricNormal";
-import { Line } from "../Line/Line";
-import { Mbr } from "../Mbr/Mbr";
-import { Path } from "../Path/Path";
-import { Paths } from "../Path/Paths";
-import { Point } from "../Point/Point";
-import { Matrix } from "../Transformation/Matrix";
-import type { TransformationData } from "../Transformation/TransformationData";
+import { Mbr } from "../../Geometry/Mbr/Mbr";
+import { Point } from "../../Geometry/Point/Point";
+import { Matrix } from "../../Geometry/Transformation/Matrix";
+import { TransformationData } from "../../Geometry/Transformation/TransformationData";
 import { PlaceholderOperation } from "./PlaceholderOperation";
 import { BaseItem } from "../BaseItem/BaseItem";
 import type { SerializedItemData } from "../BaseItem/BaseItem";
+import { UpdateHint } from "../BaseItem/UpdateHint";
 import { Board } from "../../Board";
 export interface PlaceholderData {
     readonly itemType: "Placeholder";
@@ -25,9 +21,7 @@ export interface PlaceholderData {
 }
 export declare class Placeholder extends BaseItem<Placeholder> {
     readonly itemType = "Placeholder";
-    shapeType: ShapeType;
     parent: string;
-    private path;
     readonly subject: Subject<Placeholder>;
     transformationRenderBlock?: boolean;
     iconImage?: HTMLImageElement;
@@ -40,7 +34,9 @@ export declare class Placeholder extends BaseItem<Placeholder> {
     deserialize(data: SerializedItemData<PlaceholderData> | PlaceholderData): this;
     setId(id: string): this;
     getId(): string;
-    apply(op: Operation): void;
+    apply(opIn: Operation): void;
+    protected updateVisuals(_op: any, _hint: UpdateHint): void;
+    protected getPropertyUpdateHint(property: string): UpdateHint;
     private applyPlaceholder;
     getBackgroundColor(): string;
     private applyBackgroundColor;
@@ -51,30 +47,13 @@ export declare class Placeholder extends BaseItem<Placeholder> {
     getMiroData(): unknown;
     private applyMiroData;
     setMiroData(miroData: unknown): void;
-    getIntersectionPoints(segment: Line): Point[];
-    updateMbr(): Mbr;
-    getNearestEdgePointTo(point: Point): Point;
-    getDistanceToPoint(point: Point): number;
-    isUnderPoint(point: Point): boolean;
-    isNearPoint(point: Point, distance: number): boolean;
-    isEnclosedOrCrossedBy(rect: Mbr): boolean;
-    isEnclosedBy(rect: Mbr): boolean;
-    isInView(rect: Mbr): boolean;
-    getNormal(point: Point): GeometricNormal;
-    getPaths(): Path | Paths;
-    getPath(): Path | Paths;
-    copyPaths(): Path | Paths;
-    isClosed(): boolean;
-    getSnapAnchorPoints(): Point[];
-    doResize(resizeType: ResizeType, pointer: Point, mbr: Mbr, opposite: Point, startMbr: Mbr, timeStamp: number): {
+    doResize(resizeType: ResizeType, pointer: Point, mbr: Mbr, opposite: Point, _startMbr: Mbr, timeStamp: number): {
         matrix: Matrix;
         mbr: Mbr;
     };
-    private transformPath;
-    private initPath;
     private loadIconImage;
     private renderIcon;
-    private renderShadowShape;
+    private renderBody;
     render(context: DrawingContext): void;
     isReady(): boolean;
     getLinkTo(): undefined;

package/dist/types/Items/RegisterItem.d.ts

@@ -1,20 +1,24 @@
 import { z } from "zod";
 import { Board } from "../Board";
-import { CustomTool } from "../Tools/CustomTool";
+import { BoardToolConstructor } from "../RegistryMaps";
 import { BaseItem, BaseItemData } from "./BaseItem/BaseItem";
+import type { ItemOverlayDefinition, ToolOverlayDefinition } from "../Overlay";
 type ItemConstructor = new (board: Board, id: string) => BaseItem;
 type RegisterItemArgs = {
     item: ItemConstructor;
     defaultData: BaseItemData;
     toolData?: {
         name: string;
-        tool: typeof CustomTool;
+        tool: BoardToolConstructor;
+        overlay?: ToolOverlayDefinition;
     };
     schema?: z.ZodType<any>;
+    overlay?: ItemOverlayDefinition;
 };
-export declare function registerItem({ item, defaultData, toolData, schema, }: RegisterItemArgs): void;
+export declare function registerItem({ item, defaultData, toolData, schema, overlay, }: RegisterItemArgs): void;
 export declare function registerTool(toolData: {
     name: string;
-    tool: typeof CustomTool;
+    tool: BoardToolConstructor;
+    overlay?: ToolOverlayDefinition;
 }): void;
 export {};

package/dist/types/Items/RichText/Editor/BlockNode.d.ts

@@ -1,4 +1,4 @@
-import { HorisontalAlignment } from "../../Alignment";
+import { HorisontalAlignment } from "../../../Geometry/Alignment";
 import { TextNode } from "./TextNode";
 export declare const ListTypes: readonly ["ol_list", "ul_list"];
 export type ListType = (typeof ListTypes)[number];

package/dist/types/Items/RichText/Editor/TextNode.d.ts

@@ -1,4 +1,4 @@
-import { HorisontalAlignment } from "../../Alignment";
+import { HorisontalAlignment } from "../../../Geometry/Alignment";
 import type { ColorValue } from "../../../..";
 export declare const TextStyles: string[];
 export type TextStyle = (typeof TextStyles)[number];

package/dist/types/Items/RichText/EditorContainer.d.ts

@@ -1,7 +1,7 @@
 import { DefaultTextStyles } from "../../Settings";
 import { Subject } from "../../Subject";
 import { BaseSelection, Descendant, Operation as SlateOp, Operation } from "slate";
-import { HorisontalAlignment, VerticalAlignment } from "../Alignment";
+import { HorisontalAlignment, VerticalAlignment } from "../../Geometry/Alignment";
 import { BlockNode, ListType, ParagraphNode } from "./Editor/BlockNode";
 import { TextNode, TextStyle } from "./Editor/TextNode";
 import { ColorValue } from '../../..';

package/dist/types/Items/RichText/RichText.d.ts

@@ -5,12 +5,12 @@ import type { SelectionContext } from "../../Selection";
 import { Subject } from "../../Subject";
 import { BaseRange, BaseSelection, Descendant, Operation as SlateOp } from "slate";
 import { ItemType } from "../Item";
-import { Matrix } from "../Transformation/Matrix";
-import { Mbr } from "../Mbr/Mbr";
-import { Point } from "../Point/Point";
+import { Matrix } from "../../Geometry/Transformation/Matrix";
+import { Mbr } from "../../Geometry/Mbr/Mbr";
+import { Point } from "../../Geometry/Point/Point";
 import { RichTextData } from "./RichTextData";
-import { HorisontalAlignment, VerticalAlignment } from "../Alignment";
-import { DrawingContext } from "../DrawingContext";
+import { HorisontalAlignment, VerticalAlignment } from "../../Geometry/Alignment";
+import { DrawingContext } from "../../Geometry/DrawingContext";
 import { TransformParams, TransformResult } from "../BaseItem/TransformContext";
 import { ResizeType } from "../../Selection/Transformer/TransformerHelpers/getResizeType";
 import { LayoutBlockNodes } from "./CanvasText/LayoutBlockNodes";
@@ -20,6 +20,9 @@ import { EditorContainer } from "./EditorContainer";
 import { RichTextOperation } from "./RichTextOperations";
 import { BaseItem } from "../BaseItem/BaseItem";
 import type { SerializedItemData } from "../BaseItem/BaseItem";
+import { BaseItemOperation } from "../BaseItem/BaseItemOperation";
+import { UpdateHint } from "../BaseItem/UpdateHint";
+import { BaseOperation } from "../../Events";
 /**
  * A geometric item to render a rich text on a DrawingContext.
  *
@@ -99,7 +102,9 @@ export declare class RichText extends BaseItem<RichText> {
     getTransformedContainer(): Mbr;
     emitWithoutApplying: (op: RichTextOperation) => void;
     emit: (op: RichTextOperation) => void;
-    apply(op: Operation): void;
+    apply(opIn: Operation | BaseItemOperation | BaseOperation): void;
+    protected updateVisuals(op: Operation, hint: UpdateHint): void;
+    protected getPropertyUpdateHint(property: string): UpdateHint;
     applyCommand(op: Operation): void;
     getId(): string;
     setId(id: string): this;

package/dist/types/Items/RichText/RichTextData.d.ts

@@ -1,6 +1,6 @@
 import { Descendant } from 'slate';
-import { VerticalAlignment } from '../Alignment';
-import { TransformationData } from '../Transformation/TransformationData';
+import { VerticalAlignment } from '../../Geometry/Alignment';
+import { TransformationData } from '../../Geometry/Transformation/TransformationData';
 import { ItemType } from '../Item';
 export interface RichTextData {
     readonly itemType: 'RichText';

package/dist/types/Items/RichText/RichTextOperations.d.ts

@@ -1,5 +1,5 @@
 import { BaseSelection, Operation } from 'slate';
-import { HorisontalAlignment, VerticalAlignment } from '../Alignment';
+import { HorisontalAlignment, VerticalAlignment } from '../../Geometry/Alignment';
 import { TextStyle } from './Editor/TextNode';
 import type { SelectionContext } from '../../Selection/Selection';
 import { ColorValue } from '../../..';

package/dist/types/Items/RichText/RichTextOverlay.d.ts

@@ -0,0 +1,3 @@
+import type { ItemOverlayDefinition, ToolOverlayDefinition } from "../../Overlay";
+export declare const richTextOverlay: ItemOverlayDefinition;
+export declare const addTextToolOverlay: ToolOverlayDefinition;

package/dist/types/{Tools/AddText → Items/RichText/Tool}/AddText.d.ts

@@ -1,7 +1,7 @@
-import { Board } from '../../Board';
-import { Line, Mbr } from '../../Items';
-import { DrawingContext } from '../../Items/DrawingContext';
-import { BoardTool } from '../BoardTool';
+import { Board } from '../../../Board';
+import { Line, Mbr } from '../../../Items';
+import { DrawingContext } from '../../../Geometry/DrawingContext';
+import { BoardTool } from '../../../Tools/BoardTool';
 export declare class AddText extends BoardTool {
     line: Line | undefined;
     bounds: Mbr;

package/dist/types/Items/RichText/editorHelpers/common/createParagraphNode.d.ts

@@ -1,4 +1,4 @@
 import { ParagraphNode } from '../../../RichText/Editor/BlockNode';
 import { CustomEditor } from 'Items/RichText/Editor/Editor.d';
-import { HorisontalAlignment } from '../../../Alignment';
+import { HorisontalAlignment } from '../../../../Geometry/Alignment';
 export declare function createParagraphNode(text: string, editor: CustomEditor, horisontalAlignment?: HorisontalAlignment): ParagraphNode;

package/dist/types/Items/RichText/editorHelpers/common/getParagraph.d.ts

@@ -1,5 +1,5 @@
 import type { ColorValue } from '../../../../Color/index.js';
-import { HorisontalAlignment } from '../../../Alignment.js';
+import { HorisontalAlignment } from '../../../../Geometry/Alignment.js';
 import { BlockNode } from '../../Editor/BlockNode.js';
 import { TextNode, TextStyle } from '../../Editor/TextNode.js';
 export declare function getParagraph(fontStyles: TextStyle[], fontColor: string | ColorValue, fontSize: number, fontFamily: string, defaultHorizontalAlignment: HorisontalAlignment, text: string): BlockNode[];

package/dist/types/Items/RichText/editorHelpers/selectionOps/setSelectionHorisontalAlignment.d.ts

@@ -1,3 +1,3 @@
-import { HorisontalAlignment } from '../../../Alignment';
+import { HorisontalAlignment } from '../../../../Geometry/Alignment';
 import { Editor } from 'slate';
 export declare function setSelectionHorisontalAlignment(editor: Editor, horisontalAlignment: HorisontalAlignment, selectionContext?: string): void;

package/dist/types/Items/RichText/setNodeStyles.d.ts

@@ -1,5 +1,5 @@
 import { BlockNode, NoneListBlockNode } from '../RichText/Editor/BlockNode';
-import { HorisontalAlignment } from '../Alignment';
+import { HorisontalAlignment } from '../../Geometry/Alignment';
 export declare function setNodeChildrenStyles({ editor, horisontalAlignment, node, }: {
     editor?: any;
     horisontalAlignment?: HorisontalAlignment;

package/dist/types/Items/{Examples/CardGame/Screen → Screen}/AddScreen.d.ts

@@ -1,5 +1,5 @@
-import { Board } from "../../../../Board";
-import { ShapeTool } from "../../../../Tools/CustomTool";
+import { Board } from "../../Board";
+import { ShapeTool } from "../../Tools/CustomTool";
 export declare class AddScreen extends ShapeTool {
     constructor(board: Board, name: string);
     pointerUp(): boolean;

package/dist/types/Items/{Examples/CardGame/Screen → Screen}/Screen.d.ts

@@ -1,8 +1,9 @@
-import { BaseItem, BaseItemData, SerializedItemData } from "../../../BaseItem/BaseItem";
-import { Board } from "../../../../Board";
-import { Subject } from "../../../../Subject";
-import { DrawingContext } from "../../../DrawingContext";
-import { BorderWidth, BorderStyle } from "../../../Path";
+import { BaseItem, BaseItemData, SerializedItemData } from "../BaseItem/BaseItem";
+import { UpdateHint } from "../BaseItem/UpdateHint";
+import { Board } from "../../Board";
+import { Subject } from "../../Subject";
+import { DrawingContext } from "../../Geometry/DrawingContext";
+import { BorderWidth, BorderStyle } from "../../Geometry/Path";
 export interface ScreenData extends BaseItemData {
     ownerId?: string;
     backgroundUrl?: string;
@@ -19,7 +20,10 @@ export declare class Screen extends BaseItem<Screen> {
     backgroundImage: HTMLImageElement | null;
     ownerId: string;
     constructor(board: Board, id?: string);
-    apply(op: any): void;
+    apply(opIn: any): void;
+    protected updateVisuals(_op: any, hint: UpdateHint): void;
+    protected getPropertyUpdateHint(property: string): UpdateHint;
+    protected onPropertyUpdated(property: string, value: any, prevValue: any): void;
     getOwnerId(): string;
     getBackgroundColor(): string;
     getBorderStyle(): string;