@threadlabs/looma 0.2.5 → 0.2.7

package/dist/collection/field/validation.js

@@ -1,62 +0,0 @@
-/** Formatting is additive: every original character must survive in order.
- * Normalization belongs to submitted output, never the visible editing buffer. */
-export function formatEditingValue(raw, selection, format) {
-    const unchanged = { display: raw, selection };
-    if (!format)
-        return unchanged;
-    let result;
-    try {
-        result = format(raw, selection);
-    }
-    catch {
-        return unchanged;
-    }
-    if (!result)
-        return unchanged;
-    const characters = Array.from(raw);
-    let cursor = 0;
-    for (const character of result.display)
-        if (character === characters[cursor])
-            cursor += 1;
-    if (!Number.isInteger(result.selection.start) || !Number.isInteger(result.selection.end) || cursor !== characters.length || result.selection.start < 0 || result.selection.end < result.selection.start
-        || result.selection.end > result.display.length)
-        return unchanged;
-    return result;
-}
-export async function validateField(request, config) {
-    let output = request.raw;
-    let issues = [];
-    const check = () => request.signal.throwIfAborted();
-    try {
-        check();
-        if (config.parse)
-            output = await config.parse(request.raw, request);
-        check();
-        if (config.schema) {
-            const result = await config.schema['~standard'].validate(output);
-            check();
-            if (result.issues)
-                issues = result.issues;
-            else if ('value' in result)
-                output = result.value;
-        }
-        if (!issues.some(issue => issue.severity !== 'warning')) {
-            if (config.normalize)
-                output = await config.normalize(output, request);
-            check();
-            if (config.validator) {
-                const result = await config.validator(output, request);
-                check();
-                issues = [...issues, ...(result.issues ?? [])];
-                if ('output' in result)
-                    output = result.output;
-            }
-        }
-    }
-    catch (error) {
-        check();
-        issues = [{ message: error instanceof Error ? error.message : 'Unable to validate this value.' }];
-    }
-    issues = [...issues, ...(config.issues ?? [])];
-    return { output: issues.some(issue => issue.severity !== 'warning') ? undefined : output, issues };
-}

package/dist/collection/icons.js

@@ -1,71 +0,0 @@
-import { AlignCenter, AlignLeft, AlignRight, Bold, Braces, ChevronDown, ChevronLeft, CodeXml, CircleCheck, CircleX, Columns3, Ellipsis, Eraser, GripHorizontal, GripVertical, Heading1, Heading2, Heading3, Highlighter, Image, Info, Italic, List, ListOrdered, ListTodo, Merge, NotebookPen, Minus, PaintBucket, PanelBottom, PanelLeft, PanelRight, PanelTop, Pilcrow, Plus, Quote, Redo2, Rows3, Split, Strikethrough, Table2, Trash2, TriangleAlert, Underline, Undo2, } from "lucide";
-/** The opinionated Lucide set used by Looma's shipped interaction surfaces. */
-export const LOOMA_ICONS = {
-    'align-center': AlignCenter,
-    'align-left': AlignLeft,
-    'align-right': AlignRight,
-    bold: Bold,
-    braces: Braces,
-    'circle-check': CircleCheck,
-    'circle-x': CircleX,
-    'chevron-down': ChevronDown,
-    'chevron-left': ChevronLeft,
-    'code-xml': CodeXml,
-    columns: Columns3,
-    ellipsis: Ellipsis,
-    eraser: Eraser,
-    'grip-horizontal': GripHorizontal,
-    'grip-vertical': GripVertical,
-    'heading-1': Heading1,
-    'heading-2': Heading2,
-    'heading-3': Heading3,
-    highlighter: Highlighter,
-    image: Image,
-    info: Info,
-    italic: Italic,
-    list: List,
-    'list-ordered': ListOrdered,
-    'list-todo': ListTodo,
-    merge: Merge,
-    'notebook-pen': NotebookPen,
-    minus: Minus,
-    'paint-bucket': PaintBucket,
-    'panel-bottom': PanelBottom,
-    'panel-left': PanelLeft,
-    'panel-right': PanelRight,
-    'panel-top': PanelTop,
-    pilcrow: Pilcrow,
-    plus: Plus,
-    quote: Quote,
-    redo: Redo2,
-    rows: Rows3,
-    split: Split,
-    strikethrough: Strikethrough,
-    table: Table2,
-    trash: Trash2,
-    'triangle-alert': TriangleAlert,
-    underline: Underline,
-    undo: Undo2,
-};
-function serializeAttributes(attributes) {
-    return Object.entries(attributes)
-        .map(([name, value]) => ` ${name}="${escapeAttribute(value)}"`)
-        .join('');
-}
-function escapeAttribute(value) {
-    return String(value).replaceAll('&', '&').replaceAll('"', '"');
-}
-function serializeIconNode(node) {
-    const [tag, attributes] = node;
-    return `<${tag}${serializeAttributes(attributes)}></${tag}>`;
-}
-/** Creates consistent, currentColor-driven SVG markup for framework-neutral components. */
-export function loomaIconMarkup(name, className = 'looma-icon') {
-    return [
-        `<svg class="${escapeAttribute(className)}" data-looma-icon="${name}" aria-hidden="true" focusable="false"`,
-        ' viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"',
-        ' stroke-linecap="round" stroke-linejoin="round">',
-        LOOMA_ICONS[name].map(serializeIconNode).join(''),
-        '</svg>',
-    ].join('');
-}

package/dist/collection/input-modality.js

@@ -1,24 +0,0 @@
-const initializedDocuments = new WeakSet();
-/**
- * Reflects real touch use instead of guessing from device capability media
- * queries. Hybrid devices therefore keep compact pointer affordances until the
- * user actually touches the interface.
- */
-export function initializeInputModality(owner = document) {
-    if (initializedDocuments.has(owner))
-        return;
-    initializedDocuments.add(owner);
-    const markTouch = () => {
-        if (owner.documentElement.getAttribute("data-ui-input-modality") === "touch")
-            return;
-        owner.documentElement.setAttribute("data-ui-input-modality", "touch");
-        owner.dispatchEvent(new CustomEvent("ui-input-modality-change", {
-            detail: { modality: "touch" },
-        }));
-    };
-    owner.addEventListener("pointerdown", (event) => {
-        if (event.pointerType === "touch")
-            markTouch();
-    }, { capture: true, passive: true });
-    owner.addEventListener("touchstart", markTouch, { capture: true, passive: true });
-}

package/dist/collection/overlay/manager.js

@@ -1,92 +0,0 @@
-const stack = [];
-const scrollLockAttribute = "data-ui-scroll-lock";
-let modalCount = 0;
-let listenersAttached = false;
-function syncScrollLock() {
-    if (typeof document === "undefined") {
-        return;
-    }
-    const root = document.documentElement;
-    if (modalCount > 0) {
-        root.setAttribute(scrollLockAttribute, "true");
-        root.style.overflow = "hidden";
-        return;
-    }
-    root.removeAttribute(scrollLockAttribute);
-    root.style.removeProperty("overflow");
-}
-function getOverlayDismissible(record) {
-    return record.dismissible ?? true;
-}
-function handleEscape(event) {
-    if (event.key !== "Escape") {
-        return;
-    }
-    requestTopOverlayClose("escape", "keyboard");
-}
-function handleLightDismiss(event) {
-    const top = getTopOverlay();
-    if (!top || !getOverlayDismissible(top)) {
-        return;
-    }
-    // A document listener sees a shadow host as event.target. Use the composed
-    // path so connected controls inside a field remain inside the overlay boundary.
-    const boundary = [top.element, ...(top.relatedElements ?? [])];
-    if (event.composedPath().some(target => target instanceof Node
-        && boundary.some(element => element.contains(target))))
-        return;
-    requestTopOverlayClose("light-dismiss", "pointer");
-}
-function ensureListeners() {
-    if (listenersAttached || typeof document === "undefined") {
-        return;
-    }
-    document.addEventListener("keydown", handleEscape);
-    document.addEventListener("pointerdown", handleLightDismiss, { capture: true });
-    listenersAttached = true;
-}
-function removeListenersIfIdle() {
-    if (!listenersAttached || stack.length > 0 || typeof document === "undefined") {
-        return;
-    }
-    document.removeEventListener("keydown", handleEscape);
-    document.removeEventListener("pointerdown", handleLightDismiss, { capture: true });
-    listenersAttached = false;
-}
-export function openOverlay(record) {
-    closeOverlay(record.id);
-    stack.push(record);
-    if (record.modal) {
-        modalCount += 1;
-        syncScrollLock();
-    }
-    ensureListeners();
-}
-export function closeOverlay(id) {
-    const index = stack.findIndex((record) => record.id === id);
-    if (index >= 0) {
-        const [record] = stack.splice(index, 1);
-        if (record?.modal) {
-            modalCount = Math.max(0, modalCount - 1);
-            syncScrollLock();
-        }
-    }
-    removeListenersIfIdle();
-}
-export function getTopOverlay() {
-    return stack.at(-1);
-}
-export function isTopOverlay(id) {
-    return getTopOverlay()?.id === id;
-}
-export function requestTopOverlayClose(reason, trigger) {
-    const top = getTopOverlay();
-    if (!top) {
-        return false;
-    }
-    if (!getOverlayDismissible(top) && (reason === "escape" || reason === "light-dismiss")) {
-        return false;
-    }
-    top.requestClose(reason, trigger);
-    return true;
-}

package/dist/collection/overlay/positioning.js

@@ -1,424 +0,0 @@
-export const DEFAULT_AFFORDANCE_NEAR_RADIUS = 16;
-let anchorSequence = 0;
-const anchorBindings = new WeakMap();
-function bindAnchorName(anchor, name) {
-    const binding = anchorBindings.get(anchor) ?? {
-        original: anchor.style.getPropertyValue("anchor-name"),
-        names: new Set(),
-    };
-    binding.names.add(name);
-    anchorBindings.set(anchor, binding);
-    const values = [binding.original, ...binding.names].filter(Boolean);
-    anchor.style.setProperty("anchor-name", values.join(", "));
-}
-function unbindAnchorName(anchor, name) {
-    const binding = anchorBindings.get(anchor);
-    if (!binding)
-        return;
-    binding.names.delete(name);
-    if (binding.names.size) {
-        const values = [binding.original, ...binding.names].filter(Boolean);
-        anchor.style.setProperty("anchor-name", values.join(", "));
-        return;
-    }
-    if (binding.original)
-        anchor.style.setProperty("anchor-name", binding.original);
-    else
-        anchor.style.removeProperty("anchor-name");
-    anchorBindings.delete(anchor);
-}
-function supportsAnchorPositioning(owner) {
-    const css = owner.CSS;
-    return typeof css?.supports === "function"
-        && css.supports("anchor-name: --ui-anchor-test")
-        && css.supports("position-anchor: --ui-anchor-test")
-        && css.supports("top: anchor(bottom)");
-}
-function topLayerOpen(surface) {
-    try {
-        return surface.matches(":popover-open");
-    }
-    catch {
-        return !surface.hidden;
-    }
-}
-function showInTopLayer(surface) {
-    surface.setAttribute("popover", "manual");
-    surface.hidden = false;
-    if (typeof surface.showPopover === "function" && !topLayerOpen(surface)) {
-        try {
-            surface.showPopover();
-        }
-        catch {
-            // A disconnected or already-transitioning surface still receives the
-            // fixed-position fallback below and will be retried on the next sync.
-        }
-    }
-}
-function hideFromTopLayer(surface) {
-    if (typeof surface.hidePopover === "function" && topLayerOpen(surface)) {
-        try {
-            surface.hidePopover();
-        }
-        catch {
-            // The surface may have been disconnected between state and DOM updates.
-        }
-    }
-    surface.hidden = true;
-}
-/**
- * Places unanchored floating UI, such as a toast region, in the browser top
- * layer. Its viewport position remains CSS-owned; the controller only provides
- * the native Popover API boundary and its no-Popover fallback.
- */
-export function createViewportSurface(surface) {
-    surface.setAttribute("popover", "manual");
-    surface.dataset.uiPositioning = "viewport";
-    return {
-        show() {
-            showInTopLayer(surface);
-        },
-        hide() {
-            hideFromTopLayer(surface);
-        },
-        destroy() {
-            hideFromTopLayer(surface);
-        },
-    };
-}
-function fallbackPosition(surface, anchor, placement, gap, viewportGap, surfaceRect = surface.getBoundingClientRect()) {
-    const owner = surface.ownerDocument.defaultView ?? window;
-    const viewport = getVisualViewportRect(owner);
-    const preferTop = placement.startsWith("top");
-    const preferEnd = placement.endsWith("end");
-    const spaceBelow = viewport.bottom - anchor.bottom - viewportGap;
-    const spaceAbove = anchor.top - viewport.top - viewportGap;
-    const useTop = preferTop
-        ? !(spaceAbove < surfaceRect.height + gap && spaceBelow > spaceAbove)
-        : spaceBelow < surfaceRect.height + gap && spaceAbove > spaceBelow;
-    const unclampedTop = useTop
-        ? anchor.top - surfaceRect.height - gap
-        : anchor.bottom + gap;
-    const unclampedLeft = preferEnd
-        ? anchor.right - surfaceRect.width
-        : anchor.left;
-    const shifted = clampRectToViewport({
-        left: unclampedLeft,
-        top: unclampedTop,
-        right: unclampedLeft + surfaceRect.width,
-        bottom: unclampedTop + surfaceRect.height,
-        width: surfaceRect.width,
-        height: surfaceRect.height,
-    }, viewport, viewportGap);
-    surface.style.left = `${Math.round(unclampedLeft + shifted.x)}px`;
-    surface.style.top = `${Math.round(unclampedTop + shifted.y)}px`;
-    surface.style.right = "auto";
-    surface.style.bottom = "auto";
-}
-/**
- * One lightweight positioning controller for Looma floating UI. Native
- * Popover provides the top layer and CSS Anchor Positioning follows a named
- * element. Browsers without Anchor Positioning use the same flip/shift
- * geometry through scroll/resize listeners that exist only while open.
- */
-export function createAnchoredSurface(surface, options = {}) {
-    const owner = surface.ownerDocument.defaultView ?? window;
-    const placement = options.placement ?? "bottom-start";
-    const gap = Math.max(0, options.gap ?? 4);
-    const viewportGap = Math.max(0, options.viewportGap ?? 8);
-    const nativeAnchor = supportsAnchorPositioning(owner);
-    const anchorName = `--ui-anchor-${++anchorSequence}`;
-    let anchor = options.anchor ?? null;
-    let point = null;
-    let open = false;
-    let frame = null;
-    let listenerAbort = null;
-    let sizeObserver = null;
-    // The surface can enter the top layer before its content has laid out (a
-    // menu's items, a tooltip's text), so its measured size is briefly zero or
-    // stale and the viewport clamp would run against the wrong geometry. Re-run
-    // positioning whenever the surface's own size settles.
-    const ResizeObserverImpl = owner.ResizeObserver;
-    const observeSurfaceSize = () => {
-        if (sizeObserver || typeof ResizeObserverImpl !== "function")
-            return;
-        sizeObserver = new ResizeObserverImpl(() => schedule());
-        sizeObserver.observe(surface);
-    };
-    const stopObservingSurfaceSize = () => {
-        sizeObserver?.disconnect();
-        sizeObserver = null;
-    };
-    surface.setAttribute("popover", "manual");
-    surface.dataset.uiPositioning = nativeAnchor ? "anchor" : "fallback";
-    surface.style.position = "fixed";
-    surface.style.margin = "0";
-    const bindAnchor = (next) => {
-        if (anchor)
-            unbindAnchorName(anchor, anchorName);
-        anchor = next;
-        if (!anchor) {
-            surface.style.removeProperty("position-anchor");
-            return;
-        }
-        bindAnchorName(anchor, anchorName);
-        surface.style.setProperty("position-anchor", anchorName);
-    };
-    const positionNative = () => {
-        const blockEnd = placement.startsWith("bottom");
-        const inlineEnd = placement.endsWith("end");
-        surface.style.top = blockEnd ? `calc(anchor(bottom) + ${gap}px)` : "auto";
-        surface.style.bottom = blockEnd ? "auto" : `calc(anchor(top) + ${gap}px)`;
-        surface.style.left = inlineEnd ? "auto" : "anchor(left)";
-        surface.style.right = inlineEnd ? "anchor(right)" : "auto";
-        surface.style.setProperty("position-try-fallbacks", "flip-block, flip-inline");
-    };
-    const position = () => {
-        frame = null;
-        if (!open)
-            return;
-        if (point) {
-            fallbackPosition(surface, {
-                left: point.x,
-                right: point.x,
-                top: point.y,
-                bottom: point.y,
-                width: 0,
-                height: 0,
-            }, "bottom-start", gap, viewportGap);
-            return;
-        }
-        if (!anchor)
-            return;
-        let surfaceRect;
-        if (nativeAnchor) {
-            positionNative();
-            const viewport = getVisualViewportRect(owner);
-            surfaceRect = surface.getBoundingClientRect();
-            // The surface can be measured before it paints (its first frames in the
-            // top layer, or while slow content/fonts settle), reporting a zero size.
-            // The pixel fallback below would then place it at `anchor - 0`, i.e. off
-            // the anchored edge, and leave it stranded there. Trust native anchor
-            // placement — which does not depend on our measurement — until the
-            // surface has real geometry; the scheduled re-run and ResizeObserver
-            // re-position once it does.
-            if (surfaceRect.width === 0 || surfaceRect.height === 0)
-                return;
-            const shift = clampRectToViewport(surfaceRect, viewport, viewportGap);
-            if (shift.x === 0 && shift.y === 0)
-                return;
-        }
-        fallbackPosition(surface, anchor.getBoundingClientRect(), placement, gap, viewportGap, surfaceRect);
-    };
-    const schedule = () => {
-        if (!open || frame !== null)
-            return;
-        frame = owner.requestAnimationFrame(position);
-    };
-    const syncFallbackListeners = () => {
-        // Native anchor positioning handles ordinary placement, but the shared
-        // controller still owns viewport containment when neither side can fit.
-        const needsListeners = open && (point !== null || anchor !== null);
-        if (!needsListeners) {
-            listenerAbort?.abort();
-            listenerAbort = null;
-            return;
-        }
-        if (listenerAbort)
-            return;
-        listenerAbort = new AbortController();
-        const signal = listenerAbort.signal;
-        owner.addEventListener("resize", schedule, { passive: true, signal });
-        owner.addEventListener("scroll", schedule, { passive: true, capture: true, signal });
-        owner.visualViewport?.addEventListener("resize", schedule, { passive: true, signal });
-        owner.visualViewport?.addEventListener("scroll", schedule, { passive: true, signal });
-    };
-    bindAnchor(anchor);
-    return {
-        setAnchor(next) {
-            point = null;
-            bindAnchor(next);
-            syncFallbackListeners();
-            schedule();
-        },
-        show() {
-            point = null;
-            open = true;
-            syncFallbackListeners();
-            showInTopLayer(surface);
-            position();
-            // The surface has just entered the top layer and may not be laid out yet,
-            // so the first position() can measure a zero/stale size and skip the
-            // viewport clamp. Re-position on the next frame, and keep re-positioning
-            // while the surface's own size settles as its content renders.
-            schedule();
-            observeSurfaceSize();
-        },
-        showAtPoint(nextPoint) {
-            point = nextPoint;
-            open = true;
-            syncFallbackListeners();
-            showInTopLayer(surface);
-            position();
-            schedule();
-            observeSurfaceSize();
-        },
-        hide() {
-            open = false;
-            point = null;
-            syncFallbackListeners();
-            stopObservingSurfaceSize();
-            if (frame !== null)
-                owner.cancelAnimationFrame(frame);
-            frame = null;
-            hideFromTopLayer(surface);
-        },
-        refresh: schedule,
-        destroy() {
-            open = false;
-            listenerAbort?.abort();
-            listenerAbort = null;
-            stopObservingSurfaceSize();
-            if (frame !== null)
-                owner.cancelAnimationFrame(frame);
-            frame = null;
-            hideFromTopLayer(surface);
-            bindAnchor(null);
-        },
-    };
-}
-export function getVisualViewportRect(owner = window) {
-    const viewport = owner.visualViewport;
-    const left = viewport?.offsetLeft ?? 0;
-    const top = viewport?.offsetTop ?? 0;
-    const width = viewport?.width ?? owner.innerWidth;
-    const height = viewport?.height ?? owner.innerHeight;
-    return {
-        left,
-        top,
-        right: left + width,
-        bottom: top + height,
-        width,
-        height,
-    };
-}
-export function clampRectToViewport(rect, viewport = getVisualViewportRect(), gutter = 0) {
-    const availableWidth = Math.max(0, viewport.width - (gutter * 2));
-    const availableHeight = Math.max(0, viewport.height - (gutter * 2));
-    const targetLeft = rect.width > availableWidth
-        ? viewport.left + gutter
-        : Math.min(Math.max(rect.left, viewport.left + gutter), viewport.right - gutter - rect.width);
-    const targetTop = rect.height > availableHeight
-        ? viewport.top + gutter
-        : Math.min(Math.max(rect.top, viewport.top + gutter), viewport.bottom - gutter - rect.height);
-    return { x: targetLeft - rect.left, y: targetTop - rect.top };
-}
-export function distanceFromPointToRect(point, rect) {
-    const dx = Math.max(rect.left - point.x, 0, point.x - rect.right);
-    const dy = Math.max(rect.top - point.y, 0, point.y - rect.bottom);
-    return Math.hypot(dx, dy);
-}
-/**
- * Coordinates anticipatory UI within one interaction scope.
- *
- * The coordinator deliberately owns one pointer listener and one animation-frame
- * update for the whole scope. Anchors remain the only hit-testable controls; the
- * reflected state is presentation-only, so overlapping near regions do not steal
- * pointer input from each other or from surrounding content.
- */
-export function createProximityCoordinator(scope, options = {}) {
-    const owner = scope.ownerDocument.defaultView ?? window;
-    const pointerTarget = options.pointerTarget ?? scope;
-    const anchorSelector = options.anchorSelector ?? "[data-ui-affordance]";
-    const configuredRadius = options.nearRadius ?? DEFAULT_AFFORDANCE_NEAR_RADIUS;
-    const nearRadius = Number.isFinite(configuredRadius)
-        ? Math.max(0, configuredRadius)
-        : DEFAULT_AFFORDANCE_NEAR_RADIUS;
-    const abort = new AbortController();
-    let anchors = [];
-    let frame = null;
-    let point = null;
-    let geometryDirty = false;
-    const clear = () => {
-        for (const { element } of anchors) {
-            if (element.hasAttribute("data-ui-proximity")) {
-                element.removeAttribute("data-ui-proximity");
-            }
-        }
-        if (scope.hasAttribute("data-ui-interaction")) {
-            scope.removeAttribute("data-ui-interaction");
-        }
-    };
-    const measure = () => {
-        anchors = Array.from(scope.querySelectorAll(anchorSelector))
-            .filter((element) => !element.hasAttribute("disabled") && element.getAttribute("aria-disabled") !== "true")
-            .map((element) => ({ element, rect: element.getBoundingClientRect() }));
-        geometryDirty = false;
-    };
-    const update = () => {
-        frame = null;
-        if (geometryDirty)
-            measure();
-        if (!point) {
-            clear();
-            return;
-        }
-        let engaged = false;
-        for (const anchor of anchors) {
-            const near = distanceFromPointToRect(point, anchor.rect) <= nearRadius;
-            if (near && anchor.element.getAttribute("data-ui-proximity") !== "near") {
-                anchor.element.setAttribute("data-ui-proximity", "near");
-            }
-            else if (!near && anchor.element.hasAttribute("data-ui-proximity")) {
-                anchor.element.removeAttribute("data-ui-proximity");
-            }
-            engaged ||= near;
-        }
-        if (engaged && scope.getAttribute("data-ui-interaction") !== "engaged") {
-            scope.setAttribute("data-ui-interaction", "engaged");
-        }
-        else if (!engaged && scope.hasAttribute("data-ui-interaction")) {
-            scope.removeAttribute("data-ui-interaction");
-        }
-    };
-    const schedule = () => {
-        if (frame !== null)
-            return;
-        frame = owner.requestAnimationFrame(update);
-    };
-    const onPointerMove = (event) => {
-        const pointer = event;
-        if (pointer.pointerType === "touch") {
-            point = null;
-        }
-        else {
-            point = { x: pointer.clientX, y: pointer.clientY };
-        }
-        schedule();
-    };
-    const invalidate = () => {
-        geometryDirty = true;
-        schedule();
-    };
-    pointerTarget.addEventListener("pointermove", onPointerMove, {
-        passive: true,
-        signal: abort.signal,
-    });
-    owner.addEventListener("resize", invalidate, { passive: true, signal: abort.signal });
-    owner.addEventListener("scroll", invalidate, { passive: true, capture: true, signal: abort.signal });
-    owner.visualViewport?.addEventListener("resize", invalidate, { passive: true, signal: abort.signal });
-    owner.visualViewport?.addEventListener("scroll", invalidate, { passive: true, signal: abort.signal });
-    measure();
-    return {
-        refresh: invalidate,
-        destroy() {
-            abort.abort();
-            if (frame !== null)
-                owner.cancelAnimationFrame(frame);
-            frame = null;
-            point = null;
-            clear();
-            anchors = [];
-        },
-    };
-}

package/dist/collection/utils/controlled-state.js

@@ -1,4 +0,0 @@
-/** A state prop is controlled only when the consumer supplies a value. */
-export const isControlled = (value) => value !== undefined;
-/** Defaults apply only when a corresponding controlled prop is omitted. */
-export const controlledOrDefault = (value, defaultValue) => value === undefined ? defaultValue : value;