@edv4h/usketch-shape-utils 2.1.1 → 2.2.0

package/dist/editable-text/controller.d.ts

@@ -0,0 +1,35 @@
+import type { PluginContext, ShapeData } from "@edv4h/usketch-shared";
+export interface EditableTextOptions {
+    /** Which shape types this controller edits. */
+    isEditableType: (type: string) => boolean;
+    /** Hit-test used for double-click detection (per-shape geometry). */
+    hitTest: (shape: ShapeData, point: {
+        x: number;
+        y: number;
+    }) => boolean;
+    /** Grow the shape's height to fit text on input. Default true. */
+    growHeight?: boolean;
+    /**
+     * When growing, never shrink below the shape's current height (grow-only).
+     * Use for sticky notes that may have been manually resized. Default false
+     * (fit down to `minHeight`, e.g. the text shape).
+     */
+    growOnly?: boolean;
+    /** Minimum height when growing. Default 24. */
+    minHeight?: number;
+    /**
+     * Delete the shape when its text is emptied on exit. Use for shapes that are
+     * nothing but their text (the `text` shape). Sticky/geo keep their shape and
+     * just clear the label. Default false.
+     */
+    deleteWhenEmpty?: boolean;
+}
+export interface EditableTextController {
+    /** Begin editing a specific shape explicitly (e.g. right after creation). */
+    beginEdit(shapeId: string): void;
+    isEditing(): boolean;
+    teardown(): void;
+}
+/** Wire up the shared editable-text machine + DOM/canvas listeners for a plugin. */
+export declare function createEditableTextController(ctx: PluginContext, options: EditableTextOptions): EditableTextController;
+//# sourceMappingURL=controller.d.ts.map

package/dist/editable-text/controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../src/editable-text/controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAsB,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAqQ1F,MAAM,WAAW,mBAAmB;IACnC,+CAA+C;IAC/C,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,qEAAqE;IACrE,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC;IACxE,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAsB;IACtC,6EAA6E;IAC7E,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,SAAS,IAAI,OAAO,CAAC;IACrB,QAAQ,IAAI,IAAI,CAAC;CACjB;AAED,oFAAoF;AACpF,wBAAgB,4BAA4B,CAC3C,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,mBAAmB,GAC1B,sBAAsB,CA4ExB"}

package/dist/editable-text/controller.js

@@ -0,0 +1,278 @@
+import { createMachine } from "@zag-js/core";
+import { VanillaMachine } from "@zag-js/vanilla";
+const machine = createMachine({
+    initialState: () => "idle",
+    context({ bindable }) {
+        return {
+            editingShapeId: bindable(() => ({ defaultValue: null })),
+            textSnapshot: bindable(() => ({ defaultValue: null })),
+            heightSnapshot: bindable(() => ({ defaultValue: null })),
+            clickedShapeId: bindable(() => ({ defaultValue: null })),
+        };
+    },
+    refs() {
+        return {
+            clickTimer: null,
+            settleTimer: null,
+            ctx: null,
+            isEditableType: () => false,
+            growHeight: true,
+            growOnly: false,
+            minHeight: 24,
+            deleteWhenEmpty: false,
+        };
+    },
+    states: {
+        idle: {
+            on: {
+                POINTER_DOWN: [
+                    { guard: "hasShape", target: "clicked", actions: ["setClicked", "startClickTimer"] },
+                ],
+                CREATE_SHAPE: { target: "creating", actions: ["setEditing"] },
+            },
+        },
+        clicked: {
+            on: {
+                POINTER_DOWN: [
+                    { guard: "isSameShape", target: "editing", actions: ["setEditing", "enterEdit"] },
+                    {
+                        guard: "hasShape",
+                        target: "clicked",
+                        actions: ["setClicked", "startClickTimer"],
+                        reenter: true,
+                    },
+                    { target: "idle", actions: ["clearClicked"] },
+                ],
+                CLICK_TIMEOUT: { target: "idle", actions: ["clearClicked"] },
+            },
+        },
+        creating: {
+            entry: ["sendEnterEdit"],
+            on: { ENTER_EDIT: { target: "editing", actions: ["enterEdit"] } },
+        },
+        editing: {
+            initial: "settling",
+            states: {
+                settling: {
+                    entry: ["startSettleTimer"],
+                    on: {
+                        TEXT_INPUT: { guard: "isEditingTarget", actions: ["updateText"] },
+                        TEXT_ESCAPE: { guard: "isEditingTarget", target: "idle", actions: ["exitEdit"] },
+                        DESELECTED: { target: "idle", actions: ["exitEdit"] },
+                        SETTLE_TIMEOUT: { target: "active" },
+                    },
+                },
+                active: {
+                    on: {
+                        TEXT_INPUT: { guard: "isEditingTarget", actions: ["updateText"] },
+                        TEXT_BLUR: { guard: "isEditingTarget", target: "idle", actions: ["exitEdit"] },
+                        OUTSIDE_CLICK: { target: "idle", actions: ["exitEdit"] },
+                        TEXT_ESCAPE: { guard: "isEditingTarget", target: "idle", actions: ["exitEdit"] },
+                        DESELECTED: { target: "idle", actions: ["exitEdit"] },
+                    },
+                },
+            },
+        },
+    },
+    implementations: {
+        guards: {
+            hasShape: ({ event }) => "shapeId" in event && event.shapeId != null,
+            isSameShape: ({ context, event }) => "shapeId" in event &&
+                event.shapeId != null &&
+                event.shapeId === context.get("clickedShapeId"),
+            isEditingTarget: ({ context, event }) => "id" in event && event.id === context.get("editingShapeId"),
+        },
+        actions: {
+            setClicked({ context, event, refs }) {
+                const prev = refs.get("clickTimer");
+                if (prev != null)
+                    clearTimeout(prev);
+                if ("shapeId" in event)
+                    context.set("clickedShapeId", event.shapeId);
+            },
+            startClickTimer({ refs, send }) {
+                const prev = refs.get("clickTimer");
+                if (prev != null)
+                    clearTimeout(prev);
+                refs.set("clickTimer", setTimeout(() => send({ type: "CLICK_TIMEOUT" }), 300));
+            },
+            clearClicked({ context, refs }) {
+                context.set("clickedShapeId", null);
+                const t = refs.get("clickTimer");
+                if (t != null) {
+                    clearTimeout(t);
+                    refs.set("clickTimer", null);
+                }
+            },
+            setEditing({ context, event }) {
+                if ("shapeId" in event)
+                    context.set("editingShapeId", event.shapeId);
+            },
+            enterEdit({ context, refs }) {
+                const id = context.get("editingShapeId");
+                if (!id)
+                    return;
+                const ctx = refs.get("ctx");
+                const isEditableType = refs.get("isEditableType");
+                const shape = ctx.store.getShape(id);
+                if (!shape || !isEditableType(shape.type))
+                    return;
+                context.set("textSnapshot", shape.text ?? "");
+                context.set("heightSnapshot", shape.height);
+                context.set("clickedShapeId", null);
+                const t = refs.get("clickTimer");
+                if (t != null) {
+                    clearTimeout(t);
+                    refs.set("clickTimer", null);
+                }
+                ctx.store.updateShape(id, { isEditing: true });
+            },
+            startSettleTimer({ refs, send }) {
+                const prev = refs.get("settleTimer");
+                if (prev != null)
+                    clearTimeout(prev);
+                refs.set("settleTimer", setTimeout(() => send({ type: "SETTLE_TIMEOUT" }), 200));
+            },
+            exitEdit({ context, refs }) {
+                const id = context.get("editingShapeId");
+                if (!id)
+                    return;
+                const prevText = context.get("textSnapshot");
+                const prevHeight = context.get("heightSnapshot");
+                const ctx = refs.get("ctx");
+                const settle = refs.get("settleTimer");
+                if (settle != null) {
+                    clearTimeout(settle);
+                    refs.set("settleTimer", null);
+                }
+                const shape = ctx.store.getShape(id);
+                const reset = () => {
+                    context.set("editingShapeId", null);
+                    context.set("textSnapshot", null);
+                    context.set("heightSnapshot", null);
+                };
+                if (!shape)
+                    return reset();
+                ctx.store.updateShape(id, { isEditing: false });
+                const currentText = shape.text ?? "";
+                // Only shapes that are *nothing but* their text (e.g. the `text`
+                // shape) are removed when emptied. Sticky notes and geo shapes are
+                // containers with a label, so an empty label must leave the shape.
+                if (refs.get("deleteWhenEmpty") && currentText.trim() === "") {
+                    const snapshot = { ...shape, isEditing: false };
+                    ctx.commands.execute({
+                        execute: () => ctx.store.deleteShape(id),
+                        undo: () => ctx.store.addShape(snapshot),
+                    });
+                }
+                else if (currentText !== prevText || shape.height !== prevHeight) {
+                    const from = { text: prevText, height: prevHeight ?? shape.height };
+                    const to = { text: currentText, height: shape.height };
+                    ctx.commands.execute({
+                        execute: () => ctx.store.updateShape(id, to),
+                        undo: () => ctx.store.updateShape(id, from),
+                    });
+                }
+                reset();
+            },
+            updateText({ refs, event }) {
+                if (!("text" in event))
+                    return;
+                const ctx = refs.get("ctx");
+                const shape = ctx.store.getShape(event.id);
+                if (!shape)
+                    return;
+                const patch = { text: event.text };
+                if (refs.get("growHeight")) {
+                    // grow-only shapes (sticky) never shrink below their current
+                    // (possibly manually-resized) height; others fit down to minHeight.
+                    const floor = refs.get("growOnly") ? shape.height : refs.get("minHeight");
+                    patch.height = Math.max(floor, event.scrollHeight);
+                }
+                ctx.store.updateShape(event.id, patch);
+            },
+            sendEnterEdit({ send }) {
+                send({ type: "ENTER_EDIT" });
+            },
+        },
+    },
+});
+/** Wire up the shared editable-text machine + DOM/canvas listeners for a plugin. */
+export function createEditableTextController(ctx, options) {
+    const service = new VanillaMachine(machine);
+    service.refs.set("ctx", ctx);
+    service.refs.set("isEditableType", options.isEditableType);
+    service.refs.set("growHeight", options.growHeight ?? true);
+    service.refs.set("growOnly", options.growOnly ?? false);
+    service.refs.set("minHeight", options.minHeight ?? 24);
+    service.refs.set("deleteWhenEmpty", options.deleteWhenEmpty ?? false);
+    service.start();
+    const matches = (...values) => {
+        const s = service.state.get();
+        return values.some((v) => s === v || s.startsWith(`${v}.`));
+    };
+    const onInput = (e) => {
+        const { id, text, scrollHeight } = e.detail;
+        service.send({ type: "TEXT_INPUT", id, text, scrollHeight });
+    };
+    const onBlur = (e) => {
+        const { id } = e.detail;
+        requestAnimationFrame(() => service.send({ type: "TEXT_BLUR", id }));
+    };
+    const onEscape = (e) => {
+        const { id } = e.detail;
+        service.send({ type: "TEXT_ESCAPE", id });
+    };
+    const onWindowPointerDown = (e) => {
+        if (!matches("editing"))
+            return;
+        const target = e.target instanceof Element ? e.target : e.target?.parentElement;
+        // Match any contenteditable value (we use "plaintext-only"), not just "true".
+        if (target?.closest("[contenteditable]"))
+            return;
+        service.send({ type: "OUTSIDE_CLICK" });
+    };
+    window.addEventListener("usketch:text-input", onInput);
+    window.addEventListener("usketch:text-blur", onBlur);
+    window.addEventListener("usketch:text-escape", onEscape);
+    window.addEventListener("pointerdown", onWindowPointerDown, true);
+    const offPointerDown = ctx.events.on("canvas:pointerdown", (event) => {
+        let hitShapeId = null;
+        for (const [id, shape] of ctx.store.getShapes()) {
+            if (options.isEditableType(shape.type) && options.hitTest(shape, event.worldPoint)) {
+                hitShapeId = id;
+            }
+        }
+        service.send({ type: "POINTER_DOWN", shapeId: hitShapeId });
+    });
+    const unsubscribe = ctx.store.subscribe(() => {
+        const editingShapeId = service.context.get("editingShapeId");
+        if (!editingShapeId)
+            return;
+        if (!ctx.store.getSelection().has(editingShapeId)) {
+            service.send({ type: "DESELECTED" });
+        }
+    });
+    return {
+        beginEdit(shapeId) {
+            service.send({ type: "CREATE_SHAPE", shapeId });
+        },
+        isEditing: () => matches("editing"),
+        teardown() {
+            const clickTimer = service.refs.get("clickTimer");
+            if (clickTimer != null)
+                clearTimeout(clickTimer);
+            const settleTimer = service.refs.get("settleTimer");
+            if (settleTimer != null)
+                clearTimeout(settleTimer);
+            service.stop();
+            window.removeEventListener("usketch:text-input", onInput);
+            window.removeEventListener("usketch:text-blur", onBlur);
+            window.removeEventListener("usketch:text-escape", onEscape);
+            window.removeEventListener("pointerdown", onWindowPointerDown, true);
+            offPointerDown();
+            unsubscribe();
+        },
+    };
+}
+//# sourceMappingURL=controller.js.map

package/dist/editable-text/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../src/editable-text/controller.ts"],"names":[],"mappings":"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"}

package/dist/editable-text/render-props.d.ts

@@ -0,0 +1,25 @@
+import type { FormEvent, CompositionEvent as ReactCompositionEvent, FocusEvent as ReactFocusEvent, KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent } from "react";
+/** Custom event names the controller listens for (shared across text/sticky/geo). */
+export declare const TEXT_INPUT_EVENT = "usketch:text-input";
+export declare const TEXT_BLUR_EVENT = "usketch:text-blur";
+export declare const TEXT_ESCAPE_EVENT = "usketch:text-escape";
+/**
+ * Props for a `contentEditable` element that drives the shared editable-text
+ * controller via `usketch:text-*` window events. Spread onto the editor div
+ * (a plain div for HTML shapes, or a div inside `<foreignObject>` for SVG
+ * shapes). Handles IME composition, Escape, blur, and one-time focus.
+ */
+export declare function editableTextProps(id: string, text: string): {
+    contentEditable: "plaintext-only";
+    suppressContentEditableWarning: boolean;
+    role: string;
+    "aria-multiline": boolean;
+    tabIndex: number;
+    ref: (el: HTMLElement | null) => void;
+    onInput: (e: FormEvent<HTMLElement>) => void;
+    onCompositionEnd: (e: ReactCompositionEvent<HTMLElement>) => void;
+    onKeyDown: (e: ReactKeyboardEvent) => void;
+    onBlur: (e: ReactFocusEvent<HTMLElement>) => void;
+    onPointerDown: (e: ReactPointerEvent) => void;
+};
+//# sourceMappingURL=render-props.d.ts.map

package/dist/editable-text/render-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-props.d.ts","sourceRoot":"","sources":["../../src/editable-text/render-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,SAAS,EACT,gBAAgB,IAAI,qBAAqB,EACzC,UAAU,IAAI,eAAe,EAC7B,aAAa,IAAI,kBAAkB,EACnC,YAAY,IAAI,iBAAiB,EACjC,MAAM,OAAO,CAAC;AAEf,qFAAqF;AACrF,eAAO,MAAM,gBAAgB,uBAAuB,CAAC;AACrD,eAAO,MAAM,eAAe,sBAAsB,CAAC;AACnD,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAavD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IASxD,eAAe,EAAE,gBAAgB;IACjC,8BAA8B;IAC9B,IAAI;IACJ,gBAAgB;IAChB,QAAQ;IACR,GAAG,OAAO,WAAW,GAAG,IAAI;IAM5B,OAAO,MAAM,SAAS,CAAC,WAAW,CAAC;IAInC,gBAAgB,MAAM,qBAAqB,CAAC,WAAW,CAAC;IACxD,SAAS,MAAM,kBAAkB;IAMjC,MAAM,MAAM,eAAe,CAAC,WAAW,CAAC;IAIxC,aAAa,MAAM,iBAAiB;EAErC"}

package/dist/editable-text/render-props.js

@@ -0,0 +1,60 @@
+/** Custom event names the controller listens for (shared across text/sticky/geo). */
+export const TEXT_INPUT_EVENT = "usketch:text-input";
+export const TEXT_BLUR_EVENT = "usketch:text-blur";
+export const TEXT_ESCAPE_EVENT = "usketch:text-escape";
+function focusAtEnd(el) {
+    el.focus();
+    const sel = window.getSelection();
+    if (!sel)
+        return;
+    const range = document.createRange();
+    range.selectNodeContents(el);
+    range.collapse(false);
+    sel.removeAllRanges();
+    sel.addRange(range);
+}
+/**
+ * Props for a `contentEditable` element that drives the shared editable-text
+ * controller via `usketch:text-*` window events. Spread onto the editor div
+ * (a plain div for HTML shapes, or a div inside `<foreignObject>` for SVG
+ * shapes). Handles IME composition, Escape, blur, and one-time focus.
+ */
+export function editableTextProps(id, text) {
+    const dispatchInput = (el) => {
+        window.dispatchEvent(new CustomEvent(TEXT_INPUT_EVENT, {
+            detail: { id, text: el.innerText, scrollHeight: el.scrollHeight },
+        }));
+    };
+    return {
+        contentEditable: "plaintext-only",
+        suppressContentEditableWarning: true,
+        role: "textbox",
+        "aria-multiline": true,
+        tabIndex: 0,
+        ref: (el) => {
+            if (!el || el.dataset.focused)
+                return;
+            el.dataset.focused = "1";
+            el.textContent = text;
+            requestAnimationFrame(() => focusAtEnd(el));
+        },
+        onInput: (e) => {
+            if (e.nativeEvent.isComposing)
+                return;
+            dispatchInput(e.currentTarget);
+        },
+        onCompositionEnd: (e) => dispatchInput(e.currentTarget),
+        onKeyDown: (e) => {
+            e.stopPropagation();
+            if (e.key === "Escape" && !e.nativeEvent.isComposing) {
+                window.dispatchEvent(new CustomEvent(TEXT_ESCAPE_EVENT, { detail: { id } }));
+            }
+        },
+        onBlur: (e) => {
+            delete e.currentTarget.dataset.focused;
+            window.dispatchEvent(new CustomEvent(TEXT_BLUR_EVENT, { detail: { id } }));
+        },
+        onPointerDown: (e) => e.stopPropagation(),
+    };
+}
+//# sourceMappingURL=render-props.js.map

package/dist/editable-text/render-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-props.js","sourceRoot":"","sources":["../../src/editable-text/render-props.ts"],"names":[],"mappings":"AAQA,qFAAqF;AACrF,MAAM,CAAC,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACrD,MAAM,CAAC,MAAM,eAAe,GAAG,mBAAmB,CAAC;AACnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAEvD,SAAS,UAAU,CAAC,EAAe;IAClC,EAAE,CAAC,KAAK,EAAE,CAAC;IACX,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;IAClC,IAAI,CAAC,GAAG;QAAE,OAAO;IACjB,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;IAC7B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtB,GAAG,CAAC,eAAe,EAAE,CAAC;IACtB,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACrB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAU,EAAE,IAAY;IACzD,MAAM,aAAa,GAAG,CAAC,EAAe,EAAE,EAAE;QACzC,MAAM,CAAC,aAAa,CACnB,IAAI,WAAW,CAAC,gBAAgB,EAAE;YACjC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,EAAE,CAAC,YAAY,EAAE;SACjE,CAAC,CACF,CAAC;IACH,CAAC,CAAC;IACF,OAAO;QACN,eAAe,EAAE,gBAAyB;QAC1C,8BAA8B,EAAE,IAAI;QACpC,IAAI,EAAE,SAAS;QACf,gBAAgB,EAAE,IAAI;QACtB,QAAQ,EAAE,CAAC;QACX,GAAG,EAAE,CAAC,EAAsB,EAAE,EAAE;YAC/B,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,OAAO;gBAAE,OAAO;YACtC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,GAAG,CAAC;YACzB,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;YACtB,qBAAqB,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;QAC7C,CAAC;QACD,OAAO,EAAE,CAAC,CAAyB,EAAE,EAAE;YACtC,IAAK,CAAC,CAAC,WAA0B,CAAC,WAAW;gBAAE,OAAO;YACtD,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAChC,CAAC;QACD,gBAAgB,EAAE,CAAC,CAAqC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;QAC3F,SAAS,EAAE,CAAC,CAAqB,EAAE,EAAE;YACpC,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;gBACtD,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;YAC9E,CAAC;QACF,CAAC;QACD,MAAM,EAAE,CAAC,CAA+B,EAAE,EAAE;YAC3C,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC;YACvC,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;QAC5E,CAAC;QACD,aAAa,EAAE,CAAC,CAAoB,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;KAC5D,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export { getBounds } from "./bounds.js";
+export { createEditableTextController, type EditableTextController, type EditableTextOptions, } from "./editable-text/controller.js";
+export { editableTextProps, TEXT_BLUR_EVENT, TEXT_ESCAPE_EVENT, TEXT_INPUT_EVENT, } from "./editable-text/render-props.js";
 export { type FindFreePositionOptions, type FreePositionStrategy, findFreePosition, overlapsAny, } from "./free-position.js";
 export { aabbHitTest, ellipseHitTest, lineHitTest, pointInPolygon } from "./hit-test.js";
 export { createResize } from "./resize.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EACN,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,gBAAgB,EAChB,WAAW,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EACN,4BAA4B,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,GACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACN,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,GAChB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACN,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,gBAAgB,EAChB,WAAW,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -1,4 +1,6 @@
 export { getBounds } from "./bounds.js";
+export { createEditableTextController, } from "./editable-text/controller.js";
+export { editableTextProps, TEXT_BLUR_EVENT, TEXT_ESCAPE_EVENT, TEXT_INPUT_EVENT, } from "./editable-text/render-props.js";
 export { findFreePosition, overlapsAny, } from "./free-position.js";
 export { aabbHitTest, ellipseHitTest, lineHitTest, pointInPolygon } from "./hit-test.js";
 export { createResize } from "./resize.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAGN,gBAAgB,EAChB,WAAW,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EACN,4BAA4B,GAG5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACN,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,GAChB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAGN,gBAAgB,EAChB,WAAW,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/resize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../src/resize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE5E,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,IAC9C,MAAM,SAAS,EAAE,QAAQ,YAAY,EAAE,OAAO,KAAK,KAAG,SAAS,CA8CvE"}
+{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../src/resize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE5E,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,UACxC,SAAS,UAAU,YAAY,SAAS,KAAK,KAAG,SAAS,CA8CvE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edv4h/usketch-shape-utils",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -12,11 +12,17 @@
     }
   },
   "dependencies": {
-    "@edv4h/usketch-shared": "4.3.0"
+    "@zag-js/core": "^1.37.0",
+    "@zag-js/vanilla": "^1.37.0",
+    "@edv4h/usketch-shared": "4.5.0"
+  },
+  "peerDependencies": {
+    "react": ">=19"
   },
   "devDependencies": {
-    "typescript": "5.9.3",
-    "vitest": "3.2.7"
+    "@types/react": "19.2.17",
+    "typescript": "7.0.2",
+    "vitest": "4.1.10"
   },
   "publishConfig": {
     "access": "public"