@agent-native/toolkit 0.11.2 → 0.12.0

package/dist/design-tweaks/scrub-input.js

@@ -0,0 +1,313 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconArrowsHorizontal } from "@tabler/icons-react";
+import { useEffect, useId, useRef, useState, } from "react";
+import { Input } from "../ui/input.js";
+import { Label } from "../ui/label.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../ui/tooltip.js";
+import { cn } from "../utils.js";
+import { formatScrubValue, getScrubStepFromEvent, normalizeScrubNumber, parseScrubExpression, roundScrubDragValue, startScrubDrag, updateScrubDrag, } from "./scrub-input-utils.js";
+export function resolvePendingScrubCommit(pending, incomingValue, options) {
+    if (pending === null)
+        return "none";
+    const incoming = normalizeScrubNumber(incomingValue, options);
+    if (incoming === pending.value)
+        return "confirmed";
+    return incoming === pending.baseline ? "hold" : "superseded";
+}
+export function VisualScrubInput({ label, value, onChange, id, step = 1, unit, min, max, precision, icon: Icon = IconArrowsHorizontal, prefix = "label", disabled = false, placeholder, mixed = false, mixedLabel, className, inputClassName, labelClassName, ariaLabel, tooltipLabel, }) {
+    const resolvedMixedLabel = mixedLabel ?? "Mixed";
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    const [draft, setDraft] = useState(() => mixed ? resolvedMixedLabel : formatScrubValue(value, { unit, precision }));
+    // Track the latest draft in a ref so commitDraft always reads the most
+    // up-to-date value even if the blur event fires before the React state
+    // update has been committed to the render tree (concurrent mode / batching).
+    const draftRef = useRef(draft);
+    const [focused, setFocused] = useState(false);
+    const [dragging, setDragging] = useState(false);
+    const inputRef = useRef(null);
+    const skipNextBlurCommitRef = useRef(false);
+    const dragRef = useRef({
+        pointerId: -1,
+        drag: startScrubDrag(0),
+    });
+    // The last normalized value emitted as a "preview" scrub tick, so endDrag
+    // can re-emit it once as the gesture's authoritative "commit" — without
+    // recomputing from stale pointer deltas after pointer capture is released.
+    const lastScrubValueRef = useRef(value);
+    // The most recent value THIS input committed (typed Enter/blur, keyboard
+    // nudge, or scrub release) that the host hasn't echoed back yet. While this
+    // is set, the resync effect below must hold the optimistic committed
+    // display instead of snapping back to the still-stale incoming `value`
+    // prop — otherwise a round-trip slower than one React render (host commit
+    // -> computedStyles update -> fresh `value` prop) clobbers the just-typed
+    // value back to the old one the instant focus leaves the input, which
+    // reads as "Enter resets to the old value". Cleared as soon as a fresh
+    // `value` prop confirms (or supersedes) the pending commit.
+    const pendingCommitRef = useRef(null);
+    const options = { unit, min, max, precision };
+    useEffect(() => {
+        if (mixed)
+            pendingCommitRef.current = null;
+        const resolution = resolvePendingScrubCommit(pendingCommitRef.current, value, options);
+        if (resolution !== "none") {
+            if (resolution === "confirmed" || resolution === "superseded") {
+                // The host either echoed exactly what we committed or returned a new,
+                // authoritative normalized/rejected value. In both cases resume prop
+                // synchronization. The old equality-only logic held forever on the
+                // second path, leaving the field permanently stuck on a value the
+                // canvas never accepted.
+                pendingCommitRef.current = null;
+            }
+            else {
+                // Still seeing the exact pre-commit prop — don't stomp the optimistic
+                // draft while the source-write round trip is pending.
+                return;
+            }
+        }
+        if (!focused) {
+            const formatted = mixed
+                ? resolvedMixedLabel
+                : formatScrubValue(value, { unit, precision });
+            draftRef.current = formatted;
+            setDraft(formatted);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- `options` is a fresh object every render; the individual fields it's built from (unit/min/max/precision) are already listed below.
+    }, [focused, max, min, mixed, precision, resolvedMixedLabel, unit, value]);
+    const resolvedTooltipLabel = tooltipLabel ?? ariaLabel ?? label;
+    const setNextValue = (nextValue, meta) => {
+        const normalized = normalizeScrubNumber(nextValue, options);
+        // Mark commit-phase writes as pending confirmation so the resync effect
+        // holds this optimistic display instead of reverting to a stale `value`
+        // prop before the host's round-trip lands (see pendingCommitRef above).
+        // Preview ticks don't need this: they're expected to be superseded by
+        // the next tick or the gesture's own final commit almost immediately.
+        if (meta.phase === "commit") {
+            pendingCommitRef.current = {
+                value: normalized,
+                baseline: normalizeScrubNumber(value, options),
+            };
+        }
+        onChange(normalized, meta);
+        const formatted = formatScrubValue(normalized, options);
+        draftRef.current = formatted;
+        setDraft(formatted);
+        return normalized;
+    };
+    const commitDraft = () => {
+        // Always read from the ref so we use the latest typed value even if the
+        // React render with the updated draft state hasn't committed yet (e.g.
+        // when blur fires in the same synchronous batch as the last onChange).
+        const currentDraft = draftRef.current;
+        if (mixed && currentDraft === resolvedMixedLabel)
+            return;
+        const parsed = parseScrubExpression(currentDraft, value, options);
+        if (!parsed) {
+            const reverted = mixed
+                ? resolvedMixedLabel
+                : formatScrubValue(value, options);
+            draftRef.current = reverted;
+            setDraft(reverted);
+            return;
+        }
+        draftRef.current = parsed.normalized;
+        setDraft(parsed.normalized);
+        // From a mixed selection every explicitly typed value must commit, even
+        // when it equals the placeholder `value` prop (e.g. typing "0"): the
+        // selected objects hold differing values, so "no change" is meaningless.
+        if (parsed.value !== value || mixed) {
+            // See setNextValue's pendingCommitRef comment — this text-commit path
+            // (Enter/blur) bypasses setNextValue, so mark it pending here too.
+            pendingCommitRef.current = {
+                value: parsed.value,
+                baseline: normalizeScrubNumber(value, options),
+            };
+            onChange(parsed.value, {
+                source: "commit",
+                expression: currentDraft,
+                phase: "commit",
+            });
+        }
+    };
+    const handleKeyDown = (event) => {
+        if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+            event.preventDefault();
+            const direction = event.key === "ArrowUp" ? 1 : -1;
+            // getScrubStepFromEvent handles shiftKey (×10) and altKey (÷10).
+            // Cmd (metaKey) mirrors Shift for ×10 — editor convention on macOS.
+            const baseStep = getScrubStepFromEvent(event, step);
+            const cmdMultiplier = event.metaKey && !event.shiftKey ? 10 : 1;
+            const delta = direction * baseStep * cmdMultiplier;
+            // Mixed selection: the `value` prop is only a placeholder (typically 0)
+            // — there's no single current value to step from, and there's no
+            // typed draft either (mixed keeps the draft as the literal "Mixed"
+            // string, see commitDraft's guard). Figma's behavior here is a
+            // *relative* nudge: apply the same +/-delta to each selected object's
+            // own value rather than snapping every object to one absolute number.
+            // ScrubInput itself can't resolve each target's individual value, so
+            // emit the delta via `onChange` (as both `value` and
+            // `meta.relativeDelta`) and let the consumer apply it per-target. Do
+            // NOT route through setNextValue: that formats/displays one absolute
+            // number in the draft, which would incorrectly replace the "Mixed"
+            // placeholder text with a single value that was never actually common
+            // to the whole selection.
+            if (mixed) {
+                onChange(delta, {
+                    source: "keyboard",
+                    phase: "commit",
+                    relativeDelta: delta,
+                });
+                return;
+            }
+            // Step from the currently typed draft, not the last-committed `value`
+            // prop — otherwise an in-progress, uncommitted edit (typed but not yet
+            // blurred/entered) is silently discarded the moment an arrow key is
+            // pressed. Parse the draft the same way commitDraft does, falling back
+            // to `value` only when the draft doesn't parse (e.g. empty/invalid).
+            const draftParsed = parseScrubExpression(draftRef.current, value, options);
+            const base = draftParsed ? draftParsed.value : value;
+            setNextValue(base + delta, {
+                source: "keyboard",
+                phase: "commit",
+            });
+            return;
+        }
+        if (event.key === "Enter") {
+            event.preventDefault();
+            commitDraft();
+            skipNextBlurCommitRef.current = true;
+            event.currentTarget.blur();
+            return;
+        }
+        if (event.key === "Escape") {
+            event.preventDefault();
+            const reverted = mixed
+                ? resolvedMixedLabel
+                : formatScrubValue(value, options);
+            draftRef.current = reverted;
+            setDraft(reverted);
+            skipNextBlurCommitRef.current = true;
+            event.currentTarget.blur();
+        }
+    };
+    const handlePointerDown = (event) => {
+        if (disabled || event.button !== 0)
+            return;
+        event.preventDefault();
+        dragRef.current = {
+            pointerId: event.pointerId,
+            drag: startScrubDrag(event.clientX),
+        };
+        // Re-seed the gesture's running base from the current prop right as the
+        // drag starts. Without this, a stale `lastScrubValueRef` left over from a
+        // previous gesture (or from an out-of-band prop update that arrived while
+        // not dragging) would silently become this gesture's starting point
+        // instead of the value actually displayed when the user grabbed the
+        // control.
+        lastScrubValueRef.current = value;
+        event.currentTarget.setPointerCapture(event.pointerId);
+        setDragging(true);
+    };
+    const handlePointerMove = (event) => {
+        if (!dragging || dragRef.current.pointerId !== event.pointerId)
+            return;
+        // Mixed selection: scrubbing has no meaningful base value (the `value`
+        // prop is a placeholder), so committing drag deltas would snap every
+        // selected object to a step-from-0 value. Keep the drag inert; releasing
+        // without a committed drag focuses the input so the user can type an
+        // explicit value that then applies to all.
+        if (mixed)
+            return;
+        // updateScrubDrag mirrors the jitter-threshold + hasDragged bookkeeping
+        // (see scrub-input-utils.ts) so it can be unit tested in isolation from
+        // real DOM pointer events.
+        const tick = updateScrubDrag(dragRef.current.drag, event.clientX);
+        dragRef.current.drag = tick.state;
+        if (tick.deltaX === null)
+            return;
+        // Use incremental deltas from the last move so that clamped/rounded values
+        // committed by onChange are respected. A total-delta approach would create
+        // a dead zone equal to the amount dragged past the clamp boundary.
+        //
+        // Accumulate from this gesture's OWN last emitted value
+        // (lastScrubValueRef), not the `value` prop. The prop only reflects
+        // whatever the host last echoed back through computedStyles — a "preview"
+        // phase commit is not guaranteed to round-trip before the next
+        // pointermove tick fires (the host may debounce/throttle/skip preview
+        // writes), so re-reading `value` here would recompute every tick from a
+        // stale, pre-drag base plus one tiny incremental delta: the displayed
+        // number barely creeps from the original value instead of following the
+        // cursor, which reads as jittery/near-random rather than a smooth
+        // continuum. The gesture's own running total is always current because
+        // this component sets it itself on every tick below.
+        const next = lastScrubValueRef.current +
+            tick.deltaX *
+                getScrubStepFromEvent({ altKey: event.altKey, shiftKey: event.shiftKey }, step);
+        // Px-type fields snap to whole numbers while scrubbing (see
+        // roundScrubDragValue) even though `precision` — which also governs typed
+        // input and keyboard nudges — allows a decimal. Rounding here, before
+        // setNextValue's own normalizeScrubNumber pass, keeps every subsequent
+        // incremental delta measured from an already-whole value instead of
+        // drifting on fractional leftovers.
+        lastScrubValueRef.current = setNextValue(roundScrubDragValue(next, unit), {
+            source: "scrub",
+            phase: "preview",
+        });
+    };
+    const endDrag = (event) => {
+        if (dragRef.current.pointerId !== event.pointerId)
+            return;
+        event.currentTarget.releasePointerCapture(event.pointerId);
+        const wasDrag = dragRef.current.drag.hasDragged;
+        setDragging(false);
+        // A real scrub drag emitted only "preview" ticks via handlePointerMove.
+        // Emit exactly one authoritative "commit" here with the final value so a
+        // downstream consumer can distinguish "gesture finished" from "still
+        // dragging" — without this, the last preview tick would be the only
+        // signal, and a consumer that ignores preview ticks would never commit.
+        if (wasDrag && !mixed) {
+            // See setNextValue's pendingCommitRef comment — mark this gesture's
+            // authoritative value as pending confirmation so releasing the drag
+            // can't be clobbered back to the pre-drag value by a slow host
+            // round-trip (same class of bug as the Enter/blur text-commit case).
+            pendingCommitRef.current = {
+                value: lastScrubValueRef.current,
+                baseline: normalizeScrubNumber(value, options),
+            };
+            onChange(lastScrubValueRef.current, {
+                source: "scrub",
+                phase: "commit",
+            });
+        }
+        // If the pointer was released without dragging (a plain click), focus the
+        // input so the user can type immediately — mirrors the design editor's label click
+        // behaviour (the event.preventDefault() in handlePointerDown blocks the
+        // native label→input focus transfer).
+        if (!wasDrag && !disabled) {
+            inputRef.current?.focus();
+        }
+    };
+    return (_jsxs("div", { className: cn("flex min-w-0 items-center gap-1.5", className), children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(Label, { htmlFor: inputId, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: endDrag, onPointerCancel: endDrag, className: cn("flex h-6 shrink-0 cursor-ew-resize select-none items-center gap-1 truncate whitespace-nowrap rounded-sm !text-[11px] text-muted-foreground transition-colors", prefix === "icon" ? "w-8 justify-center gap-0" : "w-20", "hover:bg-[var(--design-editor-control-bg)] hover:text-foreground", dragging &&
+                                    "bg-[var(--design-editor-control-bg)] text-foreground", disabled && "pointer-events-none cursor-not-allowed opacity-50", labelClassName), children: [Icon ? (_jsx(Icon, { className: "size-3 shrink-0", "aria-hidden": true })) : null, _jsx("span", { className: cn("truncate", prefix === "icon" && "sr-only"), children: label })] }) }), _jsx(TooltipContent, { children: resolvedTooltipLabel })] }) }), _jsx(Input, { ref: inputRef, id: inputId, value: draft, disabled: disabled, placeholder: placeholder, inputMode: "decimal", "aria-label": ariaLabel ?? label, onFocus: (event) => {
+                    setFocused(true);
+                    if (mixed && mixedLabel !== undefined) {
+                        const formatted = formatScrubValue(value, options);
+                        draftRef.current = formatted;
+                        setDraft(formatted);
+                    }
+                    event.currentTarget.select();
+                }, onBlur: () => {
+                    setFocused(false);
+                    if (skipNextBlurCommitRef.current) {
+                        skipNextBlurCommitRef.current = false;
+                        return;
+                    }
+                    commitDraft();
+                }, onChange: (event) => {
+                    draftRef.current = event.target.value;
+                    setDraft(event.target.value);
+                }, onKeyDown: handleKeyDown, className: cn(
+                // Compact design-editor: h-6, 11px tabular text, ring-1 with no offset.
+                "h-6 w-0 min-w-0 flex-1 !text-[11px] tabular-nums", "focus-visible:ring-1 focus-visible:ring-offset-0", inputClassName, mixed && "text-muted-foreground") })] }));
+}
+//# sourceMappingURL=scrub-input.js.map

package/dist/design-tweaks/scrub-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrub-input.js","sourceRoot":"","sources":["../../src/design-tweaks/scrub-input.tsx"],"names":[],"mappings":"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"}

package/dist/design-tweaks/visual-style-controls.d.ts

@@ -1,5 +1,7 @@
 import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 import { PopoverContent } from "../ui/popover.js";
+export { VisualScrubInput, resolvePendingScrubCommit, type PendingScrubCommit, type ScrubInputChangeMeta, type ScrubInputProps, } from "./scrub-input.js";
+export { formatScrubValue, getScrubStepFromEvent, normalizeScrubNumber, parseScrubExpression, roundScrubDragValue, scrubSnapsToInteger, SCRUB_DRAG_THRESHOLD_PX, startScrubDrag, updateScrubDrag, type ParsedScrubExpression, type ScrubDragState, type ScrubDragTick, type ScrubExpressionOptions, } from "./scrub-input-utils.js";
 export type VisualControlValue = string | number | boolean;
 export interface VisualControlOption {
     label: string;
@@ -76,18 +78,6 @@ export declare function VisualSliderControl({ value, onChange, min, max, step, u
     step?: number;
     unit?: string;
 }): import("react").JSX.Element;
-export declare function VisualScrubInput({ label, value, onChange, min, max, step, unit, disabled, mixed, mixedLabel, }: {
-    label: string;
-    value: number;
-    onChange: (value: number) => void;
-    min?: number;
-    max?: number;
-    step?: number;
-    unit?: string;
-    disabled?: boolean;
-    mixed?: boolean;
-    mixedLabel?: string;
-}): import("react").JSX.Element;
 export declare function VisualTweakControl({ tweak, value, onChange, className, }: {
     tweak: VisualTweakDefinition;
     value: VisualControlValue;

package/dist/design-tweaks/visual-style-controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visual-style-controls.d.ts","sourceRoot":"","sources":["../../src/design-tweaks/visual-style-controls.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"visual-style-controls.d.ts","sourceRoot":"","sources":["../../src/design-tweaks/visual-style-controls.tsx"],"names":[],"mappings":"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"}

package/dist/design-tweaks/visual-style-controls.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconColorPicker } from "@tabler/icons-react";
-import { useEffect, useId, useRef, useState, } from "react";
+import { useEffect, useRef, useState, } from "react";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
 import { cn } from "../utils.js";
+export { VisualScrubInput, resolvePendingScrubCommit, } from "./scrub-input.js";
+export { formatScrubValue, getScrubStepFromEvent, normalizeScrubNumber, parseScrubExpression, roundScrubDragValue, scrubSnapsToInteger, SCRUB_DRAG_THRESHOLD_PX, startScrubDrag, updateScrubDrag, } from "./scrub-input-utils.js";
 function clampNumber(value, min, max) {
     let next = value;
     if (typeof min === "number")
@@ -15,13 +17,6 @@ function formatNumber(value, unit) {
     const rounded = Number.isInteger(value) ? value : Number(value.toFixed(2));
     return unit ? `${rounded}${unit}` : String(rounded);
 }
-function parseDraftNumber(value, fallback) {
-    const match = value.trim().match(/-?\d+(?:\.\d+)?/);
-    if (!match)
-        return fallback;
-    const next = Number(match[0]);
-    return Number.isFinite(next) ? next : fallback;
-}
 const CHECKERBOARD_IMAGE = "linear-gradient(45deg, #d4d4d4 25%, transparent 25%), linear-gradient(-45deg, #d4d4d4 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #d4d4d4 75%), linear-gradient(-45deg, transparent 75%, #d4d4d4 75%)";
 const FALLBACK_RGBA = { r: 0, g: 0, b: 0, a: 1 };
 function normalizeRgba(color) {
@@ -409,105 +404,6 @@ export function VisualSliderControl({ value, onChange, min = 0, max = 100, step
     const safeValue = clampNumber(Number.isFinite(value) ? value : min, min, max);
     return (_jsxs("div", { className: "flex h-7 items-center gap-2", children: [_jsx("input", { type: "range", min: min, max: max, step: step, value: safeValue, onChange: (event) => onChange(Number(event.currentTarget.value)), className: "min-w-0 flex-1 cursor-pointer accent-foreground" }), _jsx("span", { className: "w-9 text-right text-[11px] tabular-nums text-muted-foreground", children: formatNumber(safeValue, unit) })] }));
 }
-export function VisualScrubInput({ label, value, onChange, min, max, step = 1, unit, disabled = false, mixed = false, mixedLabel = "Mixed", }) {
-    const id = useId();
-    const [draft, setDraft] = useState(() => mixed ? mixedLabel : formatNumber(value, unit));
-    const [focused, setFocused] = useState(false);
-    const [hasInteracted, setHasInteracted] = useState(false);
-    const dragRef = useRef(null);
-    useEffect(() => {
-        if (!focused) {
-            setDraft(mixed && !hasInteracted ? mixedLabel : formatNumber(value, unit));
-        }
-    }, [focused, hasInteracted, mixed, mixedLabel, unit, value]);
-    useEffect(() => {
-        if (mixed)
-            setHasInteracted(false);
-    }, [mixed]);
-    const startInteraction = () => {
-        if (!hasInteracted) {
-            setHasInteracted(true);
-            setDraft(formatNumber(value, unit));
-        }
-    };
-    const commit = (nextDraft = draft) => {
-        const parsed = parseDraftNumber(nextDraft, value);
-        const next = clampNumber(parsed, min, max);
-        onChange(next);
-        setDraft(formatNumber(next, unit));
-    };
-    const setNext = (next) => {
-        const clamped = clampNumber(next, min, max);
-        onChange(clamped);
-        setDraft(formatNumber(clamped, unit));
-    };
-    const onKeyDown = (event) => {
-        startInteraction();
-        if (event.key === "Enter") {
-            event.preventDefault();
-            commit();
-            event.currentTarget.blur();
-            return;
-        }
-        if (event.key === "Escape") {
-            event.preventDefault();
-            setDraft(formatNumber(value, unit));
-            event.currentTarget.blur();
-            return;
-        }
-        if (event.key === "ArrowUp" || event.key === "ArrowDown") {
-            event.preventDefault();
-            const mult = event.shiftKey || event.metaKey ? 10 : event.altKey ? 0.1 : 1;
-            const direction = event.key === "ArrowUp" ? 1 : -1;
-            const base = parseDraftNumber(draft, value);
-            setNext(base + direction * step * mult);
-        }
-    };
-    const onPointerDown = (event) => {
-        if (disabled || event.button !== 0)
-            return;
-        event.preventDefault();
-        startInteraction();
-        dragRef.current = {
-            pointerId: event.pointerId,
-            prevX: event.clientX,
-            dragged: false,
-        };
-        event.currentTarget.setPointerCapture(event.pointerId);
-    };
-    const onPointerMove = (event) => {
-        const drag = dragRef.current;
-        if (!drag || drag.pointerId !== event.pointerId)
-            return;
-        const delta = event.clientX - drag.prevX;
-        if (delta === 0)
-            return;
-        drag.prevX = event.clientX;
-        drag.dragged = true;
-        const mult = event.shiftKey || event.metaKey ? 10 : event.altKey ? 0.1 : 1;
-        setNext(value + delta * step * mult);
-    };
-    const onPointerUp = (event) => {
-        const drag = dragRef.current;
-        if (!drag || drag.pointerId !== event.pointerId)
-            return;
-        event.currentTarget.releasePointerCapture(event.pointerId);
-        dragRef.current = null;
-        if (!drag.dragged) {
-            document.getElementById(id)?.focus();
-        }
-    };
-    return (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("label", { htmlFor: id, onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerUp, className: cn("flex w-8 shrink-0 cursor-ew-resize select-none items-center justify-center rounded border border-transparent px-1 text-[10px] font-semibold text-muted-foreground hover:border-border hover:bg-accent/60", disabled && "cursor-not-allowed opacity-50"), children: label }), _jsx("input", { id: id, value: draft, disabled: disabled, onFocus: () => {
-                    setFocused(true);
-                    startInteraction();
-                }, onBlur: () => {
-                    setFocused(false);
-                    commit();
-                }, onChange: (event) => {
-                    startInteraction();
-                    setDraft(event.currentTarget.value);
-                }, onKeyDown: onKeyDown, className: "h-7 min-w-0 flex-1 rounded-md border border-input bg-background/70 px-2 text-right text-[11px] tabular-nums text-foreground outline-none transition-colors focus:border-ring focus:ring-1 focus:ring-ring disabled:opacity-50" })] }));
-}
 export function VisualTweakControl({ tweak, value, onChange, className, }) {
     if (tweak.type === "toggle") {
         return (_jsxs("div", { className: cn("flex h-7 items-center justify-between gap-2", className), children: [_jsx("span", { className: "truncate text-[11px] text-muted-foreground", children: tweak.label }), _jsx(VisualToggleControl, { checked: Boolean(value), onChange: onChange, label: tweak.label })] }));