@pauloricca/spagbol 0.0.0-stage → 0.1.1

package/dist/react/SpagbolCanvasLinkControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpagbolCanvasLinkControls.js","sourceRoot":"","sources":["../../src/react/SpagbolCanvasLinkControls.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAQzE,MAAM,UAAU,yBAAyB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,iBAAiB,EAAE,cAAc,EAAE,YAAY,EAAE,eAAe,EAAkC;IAClL,OAAO,eAAK,SAAS,EAAC,2CAA2C,EAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,aAC9K,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,wBAAwB,IAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,GAAI,EACrE,iBAAQ,SAAS,EAAE,oDAAoD,OAAO,CAAC,CAAC,CAAC,8CAA8C,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,gBAAc,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,kBAAgB,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,GAAI,IAC9e,EACN,iBAAQ,SAAS,EAAC,gDAAgD,EAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,gBAAa,WAAW,EAAC,KAAK,EAAC,WAAW,YAC5V,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,iBAAsB,KAAK,EAAE,IAAI,CAAC,EAAE,YAAG,IAAI,CAAC,KAAK,IAApC,IAAI,CAAC,EAAE,CAAuC,CAAC,GACxE,IACL,CAAC;AACT,CAAC","sourcesContent":["import type { CSSProperties } from 'react';\nimport { standardLinkModes } from '../core/index.js';\nimport { SpagbolControlNumberLink } from './SpagbolControlNumberLink.js';\nexport interface SpagbolCanvasLinkControlsProps {\n  weight: number; mode: string; enabled: boolean; style?: CSSProperties;\n  modes?: readonly { id: string; label: string }[];\n  onWeightChange(value: number): void;\n  onModeChange(mode: string): void;\n  onEnabledChange(enabled: boolean): void;\n}\nexport function SpagbolCanvasLinkControls({ weight, mode, enabled, style, modes = standardLinkModes, onWeightChange, onModeChange, onEnabledChange }: SpagbolCanvasLinkControlsProps) {\n  return <div className=\"spagbol-canvas-link-controls nodrag nopan\" style={style} onPointerDown={event => event.stopPropagation()} onDoubleClick={event => event.stopPropagation()}>\n    <div className=\"spagbol-canvas-link-controls-value-row\">\n      <SpagbolControlNumberLink value={weight} onChange={onWeightChange} />\n      <button className={`spagbol-canvas-link-controls-enabled nodrag nopan${enabled ? ' spagbol-canvas-link-controls-enabled-active' : ''}`} type=\"button\" onClick={event => { event.stopPropagation(); onEnabledChange(!enabled); }} onPointerDown={event => event.stopPropagation()} onMouseDown={event => event.stopPropagation()} onDoubleClick={event => event.stopPropagation()} aria-label={enabled ? 'Disable link' : 'Enable link'} aria-pressed={enabled} title={enabled ? 'Disable link' : 'Enable link'} />\n    </div>\n    <select className=\"spagbol-canvas-link-controls-mode nodrag nopan\" value={mode} onChange={event => { onModeChange(event.target.value); event.currentTarget.blur(); }} onPointerDown={event => event.stopPropagation()} onMouseDown={event => event.stopPropagation()} onDoubleClick={event => event.stopPropagation()} aria-label=\"Link mode\" title=\"Link mode\">\n      {modes.map(item => <option key={item.id} value={item.id}>{item.label}</option>)}\n    </select>\n  </div>;\n}\n"]}

package/dist/react/SpagbolCanvasMenu.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+export interface SpagbolCanvasMenuProps {
+    children: ReactNode;
+    label?: ReactNode;
+    ariaLabel?: string;
+    className?: string;
+    menuClassName?: string;
+    triggerClassName?: string;
+}
+/** Controller-independent menu mechanics; the host owns actions and styling. */
+export declare function SpagbolCanvasMenu({ children, label, ariaLabel, className, menuClassName, triggerClassName, }: SpagbolCanvasMenuProps): import("react").JSX.Element;
+//# sourceMappingURL=SpagbolCanvasMenu.d.ts.map

package/dist/react/SpagbolCanvasMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpagbolCanvasMenu.d.ts","sourceRoot":"","sources":["../../src/react/SpagbolCanvasMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AACD,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,KAAgB,EAChB,SAA0B,EAC1B,SAAS,EACT,aAAa,EACb,gBAAgB,GACjB,EAAE,sBAAsB,+BAsGxB"}

package/dist/react/SpagbolCanvasMenu.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from "react";
+/** Controller-independent menu mechanics; the host owns actions and styling. */
+export function SpagbolCanvasMenu({ children, label = "MORE ˆ", ariaLabel = "More actions", className, menuClassName, triggerClassName, }) {
+    const [open, setOpen] = useState(false);
+    const wrapper = useRef(null);
+    const trigger = useRef(null);
+    const menu = useRef(null);
+    const id = useId();
+    function close(restoreFocus = false) {
+        if (restoreFocus)
+            trigger.current?.focus();
+        setOpen(false);
+    }
+    useEffect(() => {
+        if (!open)
+            return;
+        const outside = (event) => {
+            if (event.target instanceof Node &&
+                !wrapper.current?.contains(event.target))
+                setOpen(false);
+        };
+        document.addEventListener("pointerdown", outside, true);
+        return () => document.removeEventListener("pointerdown", outside, true);
+    }, [open]);
+    return (_jsxs("div", { ref: wrapper, className: `spagbol-canvas-menu ${className ?? ""}`, "data-open": open, onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), onBlur: (event) => {
+            if (!event.currentTarget.contains(event.relatedTarget))
+                close();
+        }, onKeyDown: (event) => {
+            event.stopPropagation();
+            if (event.key === "Escape") {
+                event.preventDefault();
+                close(true);
+            }
+            if (["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) {
+                event.preventDefault();
+                setOpen(true);
+                const key = event.key;
+                requestAnimationFrame(() => {
+                    const buttons = Array.from(menu.current?.querySelectorAll("button:not(:disabled)") ?? []);
+                    const current = buttons.indexOf(document.activeElement);
+                    const index = key === "Home"
+                        ? 0
+                        : key === "End"
+                            ? buttons.length - 1
+                            : current < 0
+                                ? key === "ArrowDown"
+                                    ? 0
+                                    : buttons.length - 1
+                                : (current +
+                                    (key === "ArrowDown" ? 1 : -1) +
+                                    buttons.length) %
+                                    buttons.length;
+                    buttons[index]?.focus();
+                });
+            }
+        }, children: [_jsx("button", { ref: trigger, className: `spagbol-canvas-menu-trigger ${triggerClassName ?? ""}`, type: "button", "aria-haspopup": "menu", "aria-controls": id, "aria-expanded": open, "aria-label": ariaLabel, title: ariaLabel, onFocus: () => setOpen(true), onClick: () => setOpen(true), children: label }), _jsx("div", { ref: menu, id: id, className: `spagbol-canvas-menu-items ${menuClassName ?? ""}`, role: "menu", "aria-label": ariaLabel, hidden: !open, onClick: (event) => {
+                    const button = event.target instanceof Element
+                        ? event.target.closest("button")
+                        : null;
+                    if (button && !button.disabled)
+                        close(true);
+                }, children: children })] }));
+}
+//# sourceMappingURL=SpagbolCanvasMenu.js.map

package/dist/react/SpagbolCanvasMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpagbolCanvasMenu.js","sourceRoot":"","sources":["../../src/react/SpagbolCanvasMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useId, useRef, useState, type ReactNode } from \"react\";\n\nexport interface SpagbolCanvasMenuProps {\n  children: ReactNode;\n  label?: ReactNode;\n  ariaLabel?: string;\n  className?: string;\n  menuClassName?: string;\n  triggerClassName?: string;\n}\n/** Controller-independent menu mechanics; the host owns actions and styling. */\nexport function SpagbolCanvasMenu({\n  children,\n  label = \"MORE ˆ\",\n  ariaLabel = \"More actions\",\n  className,\n  menuClassName,\n  triggerClassName,\n}: SpagbolCanvasMenuProps) {\n  const [open, setOpen] = useState(false);\n  const wrapper = useRef<HTMLDivElement>(null);\n  const trigger = useRef<HTMLButtonElement>(null);\n  const menu = useRef<HTMLDivElement>(null);\n  const id = useId();\n  function close(restoreFocus = false) {\n    if (restoreFocus) trigger.current?.focus();\n    setOpen(false);\n  }\n  useEffect(() => {\n    if (!open) return;\n    const outside = (event: PointerEvent) => {\n      if (\n        event.target instanceof Node &&\n        !wrapper.current?.contains(event.target)\n      )\n        setOpen(false);\n    };\n    document.addEventListener(\"pointerdown\", outside, true);\n    return () => document.removeEventListener(\"pointerdown\", outside, true);\n  }, [open]);\n  return (\n    <div\n      ref={wrapper}\n      className={`spagbol-canvas-menu ${className ?? \"\"}`}\n      data-open={open}\n      onMouseEnter={() => setOpen(true)}\n      onMouseLeave={() => setOpen(false)}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) close();\n      }}\n      onKeyDown={(event) => {\n        event.stopPropagation();\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          close(true);\n        }\n        if ([\"ArrowDown\", \"ArrowUp\", \"Home\", \"End\"].includes(event.key)) {\n          event.preventDefault();\n          setOpen(true);\n          const key = event.key;\n          requestAnimationFrame(() => {\n            const buttons = Array.from(\n              menu.current?.querySelectorAll<HTMLButtonElement>(\n                \"button:not(:disabled)\",\n              ) ?? [],\n            );\n            const current = buttons.indexOf(\n              document.activeElement as HTMLButtonElement,\n            );\n            const index =\n              key === \"Home\"\n                ? 0\n                : key === \"End\"\n                  ? buttons.length - 1\n                  : current < 0\n                    ? key === \"ArrowDown\"\n                      ? 0\n                      : buttons.length - 1\n                    : (current +\n                        (key === \"ArrowDown\" ? 1 : -1) +\n                        buttons.length) %\n                      buttons.length;\n            buttons[index]?.focus();\n          });\n        }\n      }}\n    >\n      <button\n        ref={trigger}\n        className={`spagbol-canvas-menu-trigger ${triggerClassName ?? \"\"}`}\n        type=\"button\"\n        aria-haspopup=\"menu\"\n        aria-controls={id}\n        aria-expanded={open}\n        aria-label={ariaLabel}\n        title={ariaLabel}\n        onFocus={() => setOpen(true)}\n        onClick={() => setOpen(true)}\n      >\n        {label}\n      </button>\n      <div\n        ref={menu}\n        id={id}\n        className={`spagbol-canvas-menu-items ${menuClassName ?? \"\"}`}\n        role=\"menu\"\n        aria-label={ariaLabel}\n        hidden={!open}\n        onClick={(event) => {\n          const button =\n            event.target instanceof Element\n              ? event.target.closest(\"button\")\n              : null;\n          if (button && !button.disabled) close(true);\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/react/SpagbolControlNumber.d.ts

@@ -0,0 +1,25 @@
+/** Numeric entry, scrubbing and modifier-wheel behavior extracted directly from Teia. */
+export interface SpagbolControlNumberProps {
+    value: number;
+    onChange(value: number): void;
+    label?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    integer?: boolean;
+    replaced?: boolean;
+    disabled?: boolean;
+    onClear?(): void;
+    onEditStart?(): void;
+    /** Optional host input capture while editing (for example MIDI learn). */
+    capture?: {
+        id: number;
+        value: number;
+        onCapture(): void;
+    };
+    onGestureStart?(): void;
+    onGestureEnd?(cancelled: boolean): void;
+}
+export declare const formatNumber: (value: number) => string;
+export declare function SpagbolControlNumber({ value, min, max, step: baseStep, integer, replaced, onChange, onClear, capture, onEditStart, label, disabled, onGestureStart, onGestureEnd, }: SpagbolControlNumberProps): import("react").JSX.Element;
+//# sourceMappingURL=SpagbolControlNumber.d.ts.map

package/dist/react/SpagbolControlNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpagbolControlNumber.d.ts","sourceRoot":"","sources":["../../src/react/SpagbolControlNumber.tsx"],"names":[],"mappings":"AACA,yFAAyF;AACzF,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,IAAI,IAAI,CAAC;IAAC,WAAW,CAAC,IAAI,IAAI,CAAC;IAC/E,0EAA0E;IAC1E,OAAO,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,IAAI,IAAI,CAAA;KAAE,CAAC;IAC3D,cAAc,CAAC,IAAI,IAAI,CAAC;IAAC,YAAY,CAAC,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;CAClE;AACD,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,WAA8B,CAAC;AACzE,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EAAE,QAAQ,EACd,OAAe,EACf,QAAgB,EAChB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EAAE,KAAe,EAAE,QAAgB,EAAE,cAAc,EAAE,YAAY,GAC7E,EAAE,yBAAyB,+BAwN3B"}

package/dist/react/SpagbolControlNumber.js

@@ -0,0 +1,209 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+export const formatNumber = (value) => formatNumericValue(value);
+export function SpagbolControlNumber({ value, min, max, step: baseStep, integer = false, replaced = false, onChange, onClear, capture, onEditStart, label = "Value", disabled = false, onGestureStart, onGestureEnd, }) {
+    const dragStep = integer ? (baseStep ?? 0.01) * 3 : baseStep;
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState(formatNumericValue(value));
+    const inputRef = useRef(null);
+    const lastCaptureIdRef = useRef(null);
+    const wheelValueRef = useRef(value);
+    const lastWheelTimeRef = useRef(-Infinity);
+    const wheelEnd = useRef(null);
+    const wheelTargetRef = useModifiedWheel((event) => {
+        if (disabled)
+            return;
+        if (event.timeStamp - lastWheelTimeRef.current > 160) {
+            onGestureStart?.();
+            wheelValueRef.current = value;
+        }
+        lastWheelTimeRef.current = event.timeStamp;
+        if (wheelEnd.current)
+            clearTimeout(wheelEnd.current);
+        wheelEnd.current = setTimeout(() => { wheelEnd.current = null; onGestureEnd?.(false); }, 160);
+        const wheelDelta = wheelAxisDeltaPixels(event, 'vertical');
+        if (wheelDelta === 0)
+            return;
+        const nextValue = constrainValue(roundValue(wheelValueRef.current + wheelDelta * scrubberStep(event, dragStep)), min, max, integer);
+        wheelValueRef.current = nextValue;
+        onChange(nextValue);
+    });
+    const dragRef = useRef(null);
+    useEffect(() => {
+        if (!editing) {
+            setDraft(formatNumericValue(value));
+        }
+    }, [editing, value]);
+    useEffect(() => {
+        if (editing) {
+            setDraft(formatNumericValue(value));
+            requestAnimationFrame(() => {
+                inputRef.current?.focus();
+                inputRef.current?.select();
+            });
+        }
+    }, [editing, value]);
+    useEffect(() => {
+        if (!editing || !capture)
+            return;
+        if (lastCaptureIdRef.current === capture.id)
+            return;
+        lastCaptureIdRef.current = capture.id;
+        const nextValue = constrainValue(capture.value, min, max, integer);
+        setDraft(formatNumericValue(nextValue));
+        capture.onCapture();
+    }, [editing, integer, max, capture, min]);
+    function beginEditing() {
+        if (disabled)
+            return;
+        onGestureStart?.();
+        lastCaptureIdRef.current = capture?.id ?? null;
+        onEditStart?.();
+        setEditing(true);
+    }
+    function startDrag(event) {
+        event.stopPropagation();
+        if (disabled || event.button !== 0)
+            return;
+        dragRef.current = {
+            pointerId: event.pointerId,
+            anchorY: event.clientY,
+            anchorValue: value,
+            currentValue: value,
+            step: scrubberStep(event, dragStep),
+            dragging: false,
+        };
+        event.currentTarget.setPointerCapture(event.pointerId);
+    }
+    function updateDrag(event) {
+        const drag = dragRef.current;
+        if (!drag || drag.pointerId !== event.pointerId)
+            return;
+        const distance = drag.anchorY - event.clientY;
+        if (!drag.dragging && Math.abs(distance) < 3)
+            return;
+        if (!drag.dragging)
+            onGestureStart?.();
+        drag.dragging = true;
+        event.preventDefault();
+        event.stopPropagation();
+        const step = scrubberStep(event, dragStep);
+        if (step !== drag.step) {
+            drag.anchorY = event.clientY;
+            drag.anchorValue = drag.currentValue;
+            drag.step = step;
+        }
+        const nextValue = constrainValue(roundValue(drag.anchorValue + (drag.anchorY - event.clientY) * drag.step), min, max, integer);
+        drag.currentValue = nextValue;
+        onChange(nextValue);
+    }
+    function endDrag(event) {
+        const drag = dragRef.current;
+        if (!drag || drag.pointerId !== event.pointerId)
+            return;
+        event.stopPropagation();
+        event.currentTarget.releasePointerCapture(event.pointerId);
+        dragRef.current = null;
+        if (drag.dragging) {
+            onGestureEnd?.(false);
+            event.currentTarget.blur();
+        }
+        else {
+            beginEditing();
+        }
+    }
+    function commitDraft() {
+        const trimmedDraft = draft.trim();
+        if (trimmedDraft.length === 0 && onClear) {
+            onClear();
+            onGestureEnd?.(false);
+            setEditing(false);
+            return;
+        }
+        const nextValue = Number(trimmedDraft);
+        if (Number.isFinite(nextValue)) {
+            onChange(constrainValue(nextValue, min, max, integer));
+        }
+        else {
+            setDraft(formatNumericValue(value));
+        }
+        setEditing(false);
+        onGestureEnd?.(false);
+    }
+    function cancelDraft() {
+        onGestureEnd?.(true);
+        setDraft(formatNumericValue(value));
+        setEditing(false);
+    }
+    function handleEditKeyDown(event) {
+        event.stopPropagation();
+        if (event.key === 'Enter') {
+            commitDraft();
+        }
+        if (event.key === 'Escape') {
+            cancelDraft();
+        }
+    }
+    if (editing) {
+        return (_jsx("input", { ref: inputRef, className: `spagbol-control-number spagbol-control-number-editing${replaced ? ' spagbol-control-number-replaced' : ''} nodrag nopan`, "aria-label": label, disabled: disabled, type: "text", inputMode: integer ? 'numeric' : 'decimal', value: draft, onChange: (event) => setDraft(event.target.value), onBlur: commitDraft, onKeyDown: handleEditKeyDown, onPointerDown: (event) => event.stopPropagation(), onMouseDown: (event) => event.stopPropagation(), onClick: (event) => event.stopPropagation(), onDoubleClick: (event) => event.stopPropagation(), spellCheck: false }));
+    }
+    return (_jsx("div", { ref: wheelTargetRef, className: `spagbol-control-number${replaced ? ' spagbol-control-number-replaced' : ''} nodrag nopan`, role: "spinbutton", "aria-label": label, "aria-disabled": disabled, tabIndex: -1, "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, onPointerDown: startDrag, onPointerMove: updateDrag, onPointerUp: endDrag, onPointerCancel: endDrag, onMouseDown: (event) => event.stopPropagation(), onClick: (event) => event.stopPropagation(), onDoubleClick: (event) => event.stopPropagation(), onKeyDown: (event) => {
+            if (event.key === 'Enter') {
+                event.stopPropagation();
+                beginEditing();
+            }
+        }, children: formatNumericValue(value) }));
+}
+function roundValue(value) {
+    return Math.round(value * 10000) / 10000;
+}
+function scrubberStep(event, baseStep = 0.01) {
+    if (event.metaKey && event.shiftKey)
+        return baseStep * 200;
+    if (event.metaKey)
+        return baseStep * 20;
+    if (event.shiftKey)
+        return baseStep * 0.1;
+    return baseStep;
+}
+function useModifiedWheel(onWheel) {
+    const targetRef = useRef(null);
+    const handlerRef = useRef(onWheel);
+    handlerRef.current = onWheel;
+    useEffect(() => {
+        const target = targetRef.current;
+        if (!target)
+            return;
+        const handleWheel = (event) => {
+            if (!event.shiftKey && !event.altKey)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            event.stopImmediatePropagation();
+            handlerRef.current(event, target);
+        };
+        target.addEventListener('wheel', handleWheel, { capture: true, passive: false });
+        return () => target.removeEventListener('wheel', handleWheel, { capture: true });
+    });
+    return targetRef;
+}
+function wheelAxisDeltaPixels(event, direction) {
+    const delta = direction === 'vertical' ? event.deltaY : event.deltaX;
+    if (event.deltaMode === 1)
+        return delta * 16;
+    if (event.deltaMode === 2)
+        return delta * window.innerHeight;
+    return delta;
+}
+function constrainValue(value, min, max, integer = false) {
+    const rounded = integer ? Math.round(value) : value;
+    return Math.min(Math.max(rounded, min ?? -Infinity), max ?? Infinity);
+}
+function formatNumericValue(value) {
+    if (!Number.isFinite(value))
+        return '0';
+    if (Object.is(value, -0))
+        return '0';
+    return String(value);
+}
+//# sourceMappingURL=SpagbolControlNumber.js.map

package/dist/react/SpagbolControlNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpagbolControlNumber.js","sourceRoot":"","sources":["../../src/react/SpagbolControlNumber.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState, type PointerEvent, type KeyboardEvent, type RefObject } from 'react';\n/** Numeric entry, scrubbing and modifier-wheel behavior extracted directly from Teia. */\nexport interface SpagbolControlNumberProps {\n  value: number; onChange(value: number): void; label?: string;\n  min?: number; max?: number; step?: number; integer?: boolean;\n  replaced?: boolean; disabled?: boolean; onClear?(): void; onEditStart?(): void;\n  /** Optional host input capture while editing (for example MIDI learn). */\n  capture?: { id: number; value: number; onCapture(): void };\n  onGestureStart?(): void; onGestureEnd?(cancelled: boolean): void;\n}\nexport const formatNumber = (value: number) => formatNumericValue(value);\nexport function SpagbolControlNumber({\n  value,\n  min,\n  max,\n  step: baseStep,\n  integer = false,\n  replaced = false,\n  onChange,\n  onClear,\n  capture,\n  onEditStart, label = \"Value\", disabled = false, onGestureStart, onGestureEnd,\n}: SpagbolControlNumberProps) {\n  const dragStep = integer ? (baseStep ?? 0.01) * 3 : baseStep;\n  const [editing, setEditing] = useState(false);\n  const [draft, setDraft] = useState(formatNumericValue(value));\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const lastCaptureIdRef = useRef<number | null>(null);\n  const wheelValueRef = useRef(value);\n  const lastWheelTimeRef = useRef(-Infinity);\n  const wheelEnd = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const wheelTargetRef = useModifiedWheel<HTMLDivElement>((event) => {\n    if (disabled) return;\n    if (event.timeStamp - lastWheelTimeRef.current > 160) {\n      onGestureStart?.();\n      wheelValueRef.current = value;\n    }\n    lastWheelTimeRef.current = event.timeStamp;\n    if (wheelEnd.current) clearTimeout(wheelEnd.current);\n    wheelEnd.current = setTimeout(() => { wheelEnd.current = null; onGestureEnd?.(false); }, 160);\n    const wheelDelta = wheelAxisDeltaPixels(event, 'vertical');\n    if (wheelDelta === 0) return;\n    const nextValue = constrainValue(\n      roundValue(wheelValueRef.current + wheelDelta * scrubberStep(event, dragStep)),\n      min,\n      max,\n      integer,\n    );\n    wheelValueRef.current = nextValue;\n    onChange(nextValue);\n  });\n  const dragRef = useRef<{\n    pointerId: number;\n    anchorY: number;\n    anchorValue: number;\n    currentValue: number;\n    step: number;\n    dragging: boolean;\n  } | null>(null);\n\n  useEffect(() => {\n    if (!editing) {\n      setDraft(formatNumericValue(value));\n    }\n  }, [editing, value]);\n\n  useEffect(() => {\n    if (editing) {\n      setDraft(formatNumericValue(value));\n      requestAnimationFrame(() => {\n        inputRef.current?.focus();\n        inputRef.current?.select();\n      });\n    }\n  }, [editing, value]);\n\n  useEffect(() => {\n    if (!editing || !capture) return;\n    if (lastCaptureIdRef.current === capture.id) return;\n\n    lastCaptureIdRef.current = capture.id;\n    const nextValue = constrainValue(capture.value, min, max, integer);\n    setDraft(formatNumericValue(nextValue));\n    capture.onCapture();\n  }, [editing, integer, max, capture, min]);\n\n  function beginEditing() {\n    if (disabled) return;\n    onGestureStart?.();\n    lastCaptureIdRef.current = capture?.id ?? null;\n    onEditStart?.();\n    setEditing(true);\n  }\n\n  function startDrag(event: PointerEvent<HTMLDivElement>) {\n    event.stopPropagation();\n    if (disabled || event.button !== 0) return;\n    dragRef.current = {\n      pointerId: event.pointerId,\n      anchorY: event.clientY,\n      anchorValue: value,\n      currentValue: value,\n      step: scrubberStep(event, dragStep),\n      dragging: false,\n    };\n    event.currentTarget.setPointerCapture(event.pointerId);\n  }\n\n  function updateDrag(event: PointerEvent<HTMLDivElement>) {\n    const drag = dragRef.current;\n    if (!drag || drag.pointerId !== event.pointerId) return;\n\n    const distance = drag.anchorY - event.clientY;\n    if (!drag.dragging && Math.abs(distance) < 3) return;\n\n    if (!drag.dragging) onGestureStart?.();\n    drag.dragging = true;\n    event.preventDefault();\n    event.stopPropagation();\n\n    const step = scrubberStep(event, dragStep);\n    if (step !== drag.step) {\n      drag.anchorY = event.clientY;\n      drag.anchorValue = drag.currentValue;\n      drag.step = step;\n    }\n\n    const nextValue = constrainValue(\n      roundValue(drag.anchorValue + (drag.anchorY - event.clientY) * drag.step),\n      min,\n      max,\n      integer,\n    );\n    drag.currentValue = nextValue;\n    onChange(nextValue);\n  }\n\n  function endDrag(event: PointerEvent<HTMLDivElement>) {\n    const drag = dragRef.current;\n    if (!drag || drag.pointerId !== event.pointerId) return;\n\n    event.stopPropagation();\n    event.currentTarget.releasePointerCapture(event.pointerId);\n    dragRef.current = null;\n\n    if (drag.dragging) {\n      onGestureEnd?.(false);\n      event.currentTarget.blur();\n    } else {\n      beginEditing();\n    }\n  }\n\n  function commitDraft() {\n    const trimmedDraft = draft.trim();\n    if (trimmedDraft.length === 0 && onClear) {\n      onClear();\n      onGestureEnd?.(false);\n      setEditing(false);\n      return;\n    }\n\n    const nextValue = Number(trimmedDraft);\n    if (Number.isFinite(nextValue)) {\n      onChange(constrainValue(nextValue, min, max, integer));\n    } else {\n      setDraft(formatNumericValue(value));\n    }\n    setEditing(false);\n    onGestureEnd?.(false);\n  }\n\n  function cancelDraft() {\n    onGestureEnd?.(true);\n    setDraft(formatNumericValue(value));\n    setEditing(false);\n  }\n\n  function handleEditKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (event.key === 'Enter') {\n      commitDraft();\n    }\n    if (event.key === 'Escape') {\n      cancelDraft();\n    }\n  }\n\n  if (editing) {\n    return (\n      <input\n        ref={inputRef}\n        className={`spagbol-control-number spagbol-control-number-editing${replaced ? ' spagbol-control-number-replaced' : ''} nodrag nopan`}\n        aria-label={label}\n        disabled={disabled}\n        type=\"text\"\n        inputMode={integer ? 'numeric' : 'decimal'}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={commitDraft}\n        onKeyDown={handleEditKeyDown}\n        onPointerDown={(event) => event.stopPropagation()}\n        onMouseDown={(event) => event.stopPropagation()}\n        onClick={(event) => event.stopPropagation()}\n        onDoubleClick={(event) => event.stopPropagation()}\n        spellCheck={false}\n      />\n    );\n  }\n\n  return (\n    <div\n      ref={wheelTargetRef}\n      className={`spagbol-control-number${replaced ? ' spagbol-control-number-replaced' : ''} nodrag nopan`}\n      role=\"spinbutton\"\n      aria-label={label}\n      aria-disabled={disabled}\n      tabIndex={-1}\n      aria-valuenow={value}\n      aria-valuemin={min}\n      aria-valuemax={max}\n      onPointerDown={startDrag}\n      onPointerMove={updateDrag}\n      onPointerUp={endDrag}\n      onPointerCancel={endDrag}\n      onMouseDown={(event) => event.stopPropagation()}\n      onClick={(event) => event.stopPropagation()}\n      onDoubleClick={(event) => event.stopPropagation()}\n      onKeyDown={(event) => {\n        if (event.key === 'Enter') {\n          event.stopPropagation();\n          beginEditing();\n        }\n      }}\n    >\n      {formatNumericValue(value)}\n    </div>\n  );\n}\n\nfunction roundValue(value: number): number {\n  return Math.round(value * 10000) / 10000;\n}\n\nfunction scrubberStep(event: { metaKey: boolean; shiftKey: boolean }, baseStep = 0.01): number {\n  if (event.metaKey && event.shiftKey) return baseStep * 200;\n  if (event.metaKey) return baseStep * 20;\n  if (event.shiftKey) return baseStep * 0.1;\n  return baseStep;\n}\n\nfunction useModifiedWheel<T extends HTMLElement>(\n  onWheel: (event: WheelEvent, target: T) => void,\n): RefObject<T | null> {\n  const targetRef = useRef<T | null>(null);\n  const handlerRef = useRef(onWheel);\n  handlerRef.current = onWheel;\n\n  useEffect(() => {\n    const target = targetRef.current;\n    if (!target) return;\n\n    const handleWheel = (event: WheelEvent) => {\n      if (!event.shiftKey && !event.altKey) return;\n      event.preventDefault();\n      event.stopPropagation();\n      event.stopImmediatePropagation();\n      handlerRef.current(event, target);\n    };\n\n    target.addEventListener('wheel', handleWheel, { capture: true, passive: false });\n    return () => target.removeEventListener('wheel', handleWheel, { capture: true });\n  });\n\n  return targetRef;\n}\n\nfunction wheelAxisDeltaPixels(\n  event: Pick<WheelEvent, 'deltaX' | 'deltaY' | 'deltaMode'>,\n  direction: 'horizontal' | 'vertical',\n): number {\n  const delta = direction === 'vertical' ? event.deltaY : event.deltaX;\n  if (event.deltaMode === 1) return delta * 16;\n  if (event.deltaMode === 2) return delta * window.innerHeight;\n  return delta;\n}\n\nfunction constrainValue(value: number, min?: number, max?: number, integer = false): number {\n  const rounded = integer ? Math.round(value) : value;\n  return Math.min(Math.max(rounded, min ?? -Infinity), max ?? Infinity);\n}\n\nfunction formatNumericValue(value: number): string {\n  if (!Number.isFinite(value)) return '0';\n  if (Object.is(value, -0)) return '0';\n  return String(value);\n}\n"]}

package/dist/react/SpagbolControlNumberLink.d.ts

@@ -0,0 +1,6 @@
+export interface SpagbolControlNumberLinkProps {
+    value: number;
+    onChange: (value: number) => void;
+}
+export declare function SpagbolControlNumberLink({ value, onChange }: SpagbolControlNumberLinkProps): import("react").JSX.Element;
+//# sourceMappingURL=SpagbolControlNumberLink.d.ts.map

package/dist/react/SpagbolControlNumberLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpagbolControlNumberLink.d.ts","sourceRoot":"","sources":["../../src/react/SpagbolControlNumberLink.tsx"],"names":[],"mappings":"AACA,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,wBAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,6BAA6B,+BAkL1F"}

package/dist/react/SpagbolControlNumberLink.js

@@ -0,0 +1,159 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+export function SpagbolControlNumberLink({ value, onChange }) {
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState(formatNumericValue(value));
+    const inputRef = useRef(null);
+    const wheelValueRef = useRef(value);
+    const lastWheelTimeRef = useRef(-Infinity);
+    const wheelTargetRef = useRef(null);
+    const latestValueRef = useRef(value);
+    const onChangeRef = useRef(onChange);
+    latestValueRef.current = value;
+    onChangeRef.current = onChange;
+    const dragRef = useRef(null);
+    useEffect(() => {
+        if (!editing) {
+            setDraft(formatNumericValue(value));
+        }
+    }, [editing, value]);
+    useEffect(() => {
+        if (!editing)
+            return;
+        setDraft(formatNumericValue(value));
+        requestAnimationFrame(() => {
+            inputRef.current?.focus();
+            inputRef.current?.select();
+        });
+    }, [editing, value]);
+    useEffect(() => {
+        const target = wheelTargetRef.current;
+        if (!target || editing)
+            return;
+        const handleWheel = (event) => {
+            if (!event.shiftKey && !event.altKey)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            event.stopImmediatePropagation();
+            if (event.timeStamp - lastWheelTimeRef.current > 160) {
+                wheelValueRef.current = latestValueRef.current;
+            }
+            lastWheelTimeRef.current = event.timeStamp;
+            const wheelDelta = verticalWheelDeltaPixels(event);
+            if (wheelDelta === 0)
+                return;
+            const nextValue = roundValue(wheelValueRef.current + wheelDelta * scrubberStep(event));
+            wheelValueRef.current = nextValue;
+            onChangeRef.current(nextValue);
+        };
+        target.addEventListener('wheel', handleWheel, { capture: true, passive: false });
+        return () => target.removeEventListener('wheel', handleWheel, { capture: true });
+    }, [editing]);
+    function startDrag(event) {
+        event.stopPropagation();
+        dragRef.current = {
+            pointerId: event.pointerId,
+            anchorY: event.clientY,
+            anchorValue: value,
+            currentValue: value,
+            step: scrubberStep(event),
+            dragging: false,
+        };
+        event.currentTarget.setPointerCapture(event.pointerId);
+    }
+    function updateDrag(event) {
+        const drag = dragRef.current;
+        if (!drag || drag.pointerId !== event.pointerId)
+            return;
+        const distance = drag.anchorY - event.clientY;
+        if (!drag.dragging && Math.abs(distance) < 3)
+            return;
+        drag.dragging = true;
+        event.preventDefault();
+        event.stopPropagation();
+        const step = scrubberStep(event);
+        if (step !== drag.step) {
+            drag.anchorY = event.clientY;
+            drag.anchorValue = drag.currentValue;
+            drag.step = step;
+        }
+        const nextValue = roundValue(drag.anchorValue + (drag.anchorY - event.clientY) * drag.step);
+        drag.currentValue = nextValue;
+        onChange(nextValue);
+    }
+    function endDrag(event) {
+        const drag = dragRef.current;
+        if (!drag || drag.pointerId !== event.pointerId)
+            return;
+        event.stopPropagation();
+        event.currentTarget.releasePointerCapture(event.pointerId);
+        dragRef.current = null;
+        if (drag.dragging) {
+            event.currentTarget.blur();
+        }
+        else {
+            setEditing(true);
+        }
+    }
+    function commitDraft() {
+        const nextValue = Number(draft.trim());
+        if (Number.isFinite(nextValue)) {
+            onChange(nextValue);
+        }
+        else {
+            setDraft(formatNumericValue(value));
+        }
+        setEditing(false);
+    }
+    function cancelDraft() {
+        setDraft(formatNumericValue(value));
+        setEditing(false);
+    }
+    function handleEditKeyDown(event) {
+        event.stopPropagation();
+        if (event.key === 'Enter') {
+            commitDraft();
+        }
+        if (event.key === 'Escape') {
+            cancelDraft();
+        }
+    }
+    if (editing) {
+        return (_jsx("input", { ref: inputRef, className: "spagbol-control-number-link spagbol-control-number-link-editing nodrag nopan", type: "text", inputMode: "decimal", value: draft, onChange: (event) => setDraft(event.target.value), onBlur: commitDraft, onKeyDown: handleEditKeyDown, onPointerDown: (event) => event.stopPropagation(), onMouseDown: (event) => event.stopPropagation(), onDoubleClick: (event) => event.stopPropagation(), spellCheck: false }));
+    }
+    return (_jsx("div", { ref: wheelTargetRef, className: "spagbol-control-number-link nodrag nopan", role: "spinbutton", tabIndex: -1, "aria-valuenow": value, onPointerDown: startDrag, onPointerMove: updateDrag, onPointerUp: endDrag, onPointerCancel: endDrag, onMouseDown: (event) => event.stopPropagation(), onDoubleClick: (event) => event.stopPropagation(), onKeyDown: (event) => {
+            if (event.key === 'Enter') {
+                event.stopPropagation();
+                setEditing(true);
+            }
+        }, children: formatNumericValue(value) }));
+}
+function roundValue(value) {
+    return Math.round(value * 10000) / 10000;
+}
+function scrubberStep(event) {
+    if (event.metaKey && event.shiftKey)
+        return 2;
+    if (event.metaKey)
+        return 0.2;
+    if (event.shiftKey)
+        return 0.001;
+    return 0.01;
+}
+function verticalWheelDeltaPixels(event) {
+    const delta = event.deltaY;
+    if (event.deltaMode === 1)
+        return delta * 16;
+    if (event.deltaMode === 2)
+        return delta * window.innerHeight;
+    return delta;
+}
+function formatNumericValue(value) {
+    if (!Number.isFinite(value))
+        return '0';
+    if (Object.is(value, -0))
+        return '0';
+    return String(value);
+}
+//# sourceMappingURL=SpagbolControlNumberLink.js.map

package/dist/react/SpagbolControlNumberLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpagbolControlNumberLink.js","sourceRoot":"","sources":["../../src/react/SpagbolControlNumberLink.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState, type PointerEvent, type KeyboardEvent } from 'react';\nexport interface SpagbolControlNumberLinkProps {\n  value: number;\n  onChange: (value: number) => void;\n}\n\nexport function SpagbolControlNumberLink({ value, onChange }: SpagbolControlNumberLinkProps) {\n  const [editing, setEditing] = useState(false);\n  const [draft, setDraft] = useState(formatNumericValue(value));\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const wheelValueRef = useRef(value);\n  const lastWheelTimeRef = useRef(-Infinity);\n  const wheelTargetRef = useRef<HTMLDivElement | null>(null);\n  const latestValueRef = useRef(value);\n  const onChangeRef = useRef(onChange);\n  latestValueRef.current = value;\n  onChangeRef.current = onChange;\n  const dragRef = useRef<{\n    pointerId: number;\n    anchorY: number;\n    anchorValue: number;\n    currentValue: number;\n    step: number;\n    dragging: boolean;\n  } | null>(null);\n\n  useEffect(() => {\n    if (!editing) {\n      setDraft(formatNumericValue(value));\n    }\n  }, [editing, value]);\n\n  useEffect(() => {\n    if (!editing) return;\n\n    setDraft(formatNumericValue(value));\n    requestAnimationFrame(() => {\n      inputRef.current?.focus();\n      inputRef.current?.select();\n    });\n  }, [editing, value]);\n\n  useEffect(() => {\n    const target = wheelTargetRef.current;\n    if (!target || editing) return;\n\n    const handleWheel = (event: WheelEvent) => {\n      if (!event.shiftKey && !event.altKey) return;\n      event.preventDefault();\n      event.stopPropagation();\n      event.stopImmediatePropagation();\n      if (event.timeStamp - lastWheelTimeRef.current > 160) {\n        wheelValueRef.current = latestValueRef.current;\n      }\n      lastWheelTimeRef.current = event.timeStamp;\n      const wheelDelta = verticalWheelDeltaPixels(event);\n      if (wheelDelta === 0) return;\n      const nextValue = roundValue(wheelValueRef.current + wheelDelta * scrubberStep(event));\n      wheelValueRef.current = nextValue;\n      onChangeRef.current(nextValue);\n    };\n\n    target.addEventListener('wheel', handleWheel, { capture: true, passive: false });\n    return () => target.removeEventListener('wheel', handleWheel, { capture: true });\n  }, [editing]);\n\n  function startDrag(event: PointerEvent<HTMLDivElement>) {\n    event.stopPropagation();\n    dragRef.current = {\n      pointerId: event.pointerId,\n      anchorY: event.clientY,\n      anchorValue: value,\n      currentValue: value,\n      step: scrubberStep(event),\n      dragging: false,\n    };\n    event.currentTarget.setPointerCapture(event.pointerId);\n  }\n\n  function updateDrag(event: PointerEvent<HTMLDivElement>) {\n    const drag = dragRef.current;\n    if (!drag || drag.pointerId !== event.pointerId) return;\n\n    const distance = drag.anchorY - event.clientY;\n    if (!drag.dragging && Math.abs(distance) < 3) return;\n\n    drag.dragging = true;\n    event.preventDefault();\n    event.stopPropagation();\n\n    const step = scrubberStep(event);\n    if (step !== drag.step) {\n      drag.anchorY = event.clientY;\n      drag.anchorValue = drag.currentValue;\n      drag.step = step;\n    }\n\n    const nextValue = roundValue(drag.anchorValue + (drag.anchorY - event.clientY) * drag.step);\n    drag.currentValue = nextValue;\n    onChange(nextValue);\n  }\n\n  function endDrag(event: PointerEvent<HTMLDivElement>) {\n    const drag = dragRef.current;\n    if (!drag || drag.pointerId !== event.pointerId) return;\n\n    event.stopPropagation();\n    event.currentTarget.releasePointerCapture(event.pointerId);\n    dragRef.current = null;\n\n    if (drag.dragging) {\n      event.currentTarget.blur();\n    } else {\n      setEditing(true);\n    }\n  }\n\n  function commitDraft() {\n    const nextValue = Number(draft.trim());\n    if (Number.isFinite(nextValue)) {\n      onChange(nextValue);\n    } else {\n      setDraft(formatNumericValue(value));\n    }\n    setEditing(false);\n  }\n\n  function cancelDraft() {\n    setDraft(formatNumericValue(value));\n    setEditing(false);\n  }\n\n  function handleEditKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (event.key === 'Enter') {\n      commitDraft();\n    }\n    if (event.key === 'Escape') {\n      cancelDraft();\n    }\n  }\n\n  if (editing) {\n    return (\n      <input\n        ref={inputRef}\n        className=\"spagbol-control-number-link spagbol-control-number-link-editing nodrag nopan\"\n        type=\"text\"\n        inputMode=\"decimal\"\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={commitDraft}\n        onKeyDown={handleEditKeyDown}\n        onPointerDown={(event) => event.stopPropagation()}\n        onMouseDown={(event) => event.stopPropagation()}\n        onDoubleClick={(event) => event.stopPropagation()}\n        spellCheck={false}\n      />\n    );\n  }\n\n  return (\n    <div\n      ref={wheelTargetRef}\n      className=\"spagbol-control-number-link nodrag nopan\"\n      role=\"spinbutton\"\n      tabIndex={-1}\n      aria-valuenow={value}\n      onPointerDown={startDrag}\n      onPointerMove={updateDrag}\n      onPointerUp={endDrag}\n      onPointerCancel={endDrag}\n      onMouseDown={(event) => event.stopPropagation()}\n      onDoubleClick={(event) => event.stopPropagation()}\n      onKeyDown={(event) => {\n        if (event.key === 'Enter') {\n          event.stopPropagation();\n          setEditing(true);\n        }\n      }}\n    >\n      {formatNumericValue(value)}\n    </div>\n  );\n}\n\nfunction roundValue(value: number): number {\n  return Math.round(value * 10000) / 10000;\n}\n\nfunction scrubberStep(event: { metaKey: boolean; shiftKey: boolean }): number {\n  if (event.metaKey && event.shiftKey) return 2;\n  if (event.metaKey) return 0.2;\n  if (event.shiftKey) return 0.001;\n  return 0.01;\n}\n\nfunction verticalWheelDeltaPixels(event: Pick<WheelEvent, 'deltaY' | 'deltaMode'>): number {\n  const delta = event.deltaY;\n  if (event.deltaMode === 1) return delta * 16;\n  if (event.deltaMode === 2) return delta * window.innerHeight;\n  return delta;\n}\n\nfunction formatNumericValue(value: number): string {\n  if (!Number.isFinite(value)) return '0';\n  if (Object.is(value, -0)) return '0';\n  return String(value);\n}\n"]}

package/dist/react/SpagbolControlZoom.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export interface SpagbolControlZoomProps {
+    zoom: number;
+    className?: string;
+    onReset?(): void;
+    extra?: ReactNode;
+    layout?: "flow" | "corner";
+}
+/** Zoom UI reusable with either Spagbol's controller or a host-owned flow. */
+export declare function SpagbolControlZoom({ zoom, className, onReset, extra, layout, }: SpagbolControlZoomProps): import("react").JSX.Element;
+//# sourceMappingURL=SpagbolControlZoom.d.ts.map

package/dist/react/SpagbolControlZoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpagbolControlZoom.d.ts","sourceRoot":"","sources":["../../src/react/SpagbolControlZoom.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC5B;AACD,8EAA8E;AAC9E,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,OAAO,EACP,KAAK,EACL,MAAe,GAChB,EAAE,uBAAuB,+BAoFzB"}

package/dist/react/SpagbolControlZoom.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ControlButton, Controls, useReactFlow } from "@xyflow/react";
+/** Zoom UI reusable with either Spagbol's controller or a host-owned flow. */
+export function SpagbolControlZoom({ zoom, className, onReset, extra, layout = "flow", }) {
+    const flow = useReactFlow();
+    const percentage = `${Math.round(zoom * 100)}%`;
+    const reset = () => {
+        if (onReset)
+            onReset();
+        else
+            void flow.zoomTo(1);
+    };
+    const label = `Reset zoom to 100% (currently ${percentage})`;
+    if (layout === "flow")
+        return (_jsxs(Controls, { showInteractive: false, className: `spagbol-control-zoom ${className ?? ""}`, children: [_jsx(ControlButton, { className: "react-flow__controls-zoom-percentage", type: "button", onClick: reset, "aria-label": label, title: label, children: percentage }), extra] }));
+    return (_jsxs("div", { className: `spagbol-control-zoom spagbol-control-zoom-corner nodrag nopan ${className ?? ""}`, role: "group", "aria-label": "Canvas zoom controls", onPointerDown: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation(), children: [_jsxs("div", { className: "spagbol-control-zoom-stack", children: [_jsx("button", { type: "button", "aria-label": "Zoom in", title: "Zoom in", disabled: zoom >= 3 - 0.0001, onClick: () => {
+                            void flow.zoomIn();
+                        }, children: "+" }), _jsx("button", { type: "button", "aria-label": "Zoom out", title: "Zoom out", disabled: zoom <= 0.05 + 0.0001, onClick: () => {
+                            void flow.zoomOut();
+                        }, children: "\u2212" }), _jsx("button", { type: "button", "aria-label": "Fit graph to view", title: "Fit graph to view", onClick: () => {
+                            void flow.fitView({ padding: 0.18 });
+                        }, children: _jsx("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: _jsx("path", { d: "M2 6V2h4M10 2h4v4M14 10v4h-4M6 14H2v-4" }) }) })] }), _jsxs("div", { className: "spagbol-control-zoom-extras", children: [extra, _jsx("button", { type: "button", className: "spagbol-control-zoom-percentage", "aria-label": label, title: label, onClick: reset, children: percentage })] })] }));
+}
+//# sourceMappingURL=SpagbolControlZoom.js.map