@adobe/data-lit 0.9.11

package/dist/hooks/use-drag-observe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drag-observe.js","sourceRoot":"","sources":["../../src/hooks/use-drag-observe.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAsB9C;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,KAAuB,EAAE,YAAuB;IAC3E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,OAAO,CAAC,WAAW,EAAa,CAAC;IACnE,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,YAAY,CAAC,OAAO,EAChB;QACI,GAAG,KAAK;QACR,WAAW,EAAE,EAAE,CAAC,EAAE;YACd,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QACpC,CAAC;QACD,MAAM,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;YAC5B,YAAY,CAAC;gBACT,IAAI,EAAE,MAAM;gBACZ,QAAQ;gBACR,KAAK;aACR,CAAC,CAAC;QACP,CAAC;QACD,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;YAC/B,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QACnD,CAAC;QACD,YAAY,EAAE,GAAG,EAAE;YACf,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QACrC,CAAC;KACJ,EACD,YAAY,CACf,CAAC;IACF,OAAO,SAAS,CAAC;AACrB,CAAC"}

package/dist/hooks/use-drag-transaction.d.ts

@@ -0,0 +1,7 @@
+import { DragEnd, DragMove, DragObserveProps } from './use-drag-observe.js';
+import type { AsyncArgsProvider } from '@adobe/data/ecs';
+export type DragTransactionProps<T> = DragObserveProps & {
+    transaction: (asyncArgs: AsyncArgsProvider<T>) => void;
+    update: (drag: DragMove | DragEnd) => T | void;
+};
+export declare function useDragTransaction<T>(props: DragTransactionProps<T>, dependencies: unknown[]): void;

package/dist/hooks/use-drag-transaction.js

@@ -0,0 +1,35 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { useDragObserve } from './use-drag-observe.js';
+import { useEffect } from "./use-effect.js";
+import { Observe } from '@adobe/data/observe';
+export function useDragTransaction(props, dependencies) {
+    const { transaction, update } = props;
+    const dragObserve = useDragObserve(props, dependencies);
+    const startDragTransaction = () => {
+        let done = false;
+        // we start the transaction by calling it with an async generator that will yield the args asynchronously
+        transaction(
+        // we create the async generator by mapping the dragObserve state changes to transaction args
+        () => Observe.toAsyncGenerator(
+        // this uses the withMap function and the provided update and finish functions
+        // any type 'start' will just be ignored and filtered out
+        Observe.withFilter(dragObserve, value => {
+            if (value.type === 'end') {
+                done = true;
+                return update(value);
+            }
+            if (value.type === 'move') {
+                return update(value);
+            }
+        }), _value => done));
+    };
+    // now we will observe the drag state and start a new transaction whenever a drag starts
+    useEffect(() => {
+        return dragObserve(value => {
+            if (value.type === 'start') {
+                startDragTransaction();
+            }
+        });
+    }, dependencies);
+}
+//# sourceMappingURL=use-drag-transaction.js.map

package/dist/hooks/use-drag-transaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drag-transaction.js","sourceRoot":"","sources":["../../src/hooks/use-drag-transaction.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,EAAuC,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5F,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAO9C,MAAM,UAAU,kBAAkB,CAAI,KAA8B,EAAE,YAAuB;IACzF,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;IACxD,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,IAAI,IAAI,GAAG,KAAK,CAAC;QACjB,yGAAyG;QACzG,WAAW;QACP,6FAA6F;QAC7F,GAAG,EAAE,CACD,OAAO,CAAC,gBAAgB;QACpB,8EAA8E;QAC9E,yDAAyD;QACzD,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE;YACpC,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;gBACvB,IAAI,GAAG,IAAI,CAAC;gBACZ,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;YACD,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBACxB,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACL,CAAC,CAAC,EACF,MAAM,CAAC,EAAE,CAAC,IAAI,CACjB,CACR,CAAC;IACN,CAAC,CAAC;IACF,wFAAwF;IACxF,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE;YACvB,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBACzB,oBAAoB,EAAE,CAAC;YAC3B,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,YAAY,CAAC,CAAC;AACrB,CAAC"}

package/dist/hooks/use-draggable.d.ts

@@ -0,0 +1,15 @@
+import { Vec2 } from '@adobe/data/math';
+export interface DraggableProps {
+    onDragStart: (e: PointerEvent) => Vec2 | void;
+    onDrag: (e: PointerEvent, newPosition: Vec2, delta: Vec2) => void;
+    onDragEnd?: (e: PointerEvent, newPosition: Vec2, delta: Vec2) => void;
+    /**
+     * Called if this hook is destroyed before the drag is completed.
+     */
+    onDragCancel?: () => void;
+    minDragDistance?: number;
+    dragCursor?: string;
+    addPlaceholder?: boolean;
+    stopPropagation?: boolean;
+}
+export declare function useDraggable(element: HTMLElement, props: DraggableProps, dependencies: unknown[]): void;

package/dist/hooks/use-draggable.js

@@ -0,0 +1,96 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { Vec2 } from '@adobe/data/math';
+import { useEffect } from './use-effect.js';
+function toCssUnitString(value) {
+    return `${value}px`;
+}
+export function useDraggable(element, props, dependencies) {
+    const { minDragDistance = 10, dragCursor = 'grab', addPlaceholder = false, stopPropagation = false } = props;
+    useEffect(() => {
+        let downPosition = null;
+        // the bounds of the element when the pointer was first pressed down.
+        let dragStartOffset = null;
+        let originalCursor = '';
+        let placeholder = null;
+        let movePosition = [0, 0];
+        function notify(e, dragListener) {
+            const delta = Vec2.subtract(movePosition, downPosition);
+            dragListener(e, Vec2.add(dragStartOffset, delta), delta);
+        }
+        function onPointerMove(e) {
+            movePosition = [e.clientX, e.clientY];
+            if (Vec2.length(Vec2.subtract(movePosition, downPosition)) >= minDragDistance) {
+                if (!dragStartOffset) {
+                    dragStartOffset = [element.offsetLeft, element.offsetTop];
+                    props.onDragStart(e);
+                    if (dragCursor) {
+                        originalCursor = element.style.cursor;
+                        element.style.cursor = dragCursor;
+                    }
+                    // add a placeholder so the parent element doesn't change size when the element is dragged.
+                    if (addPlaceholder) {
+                        placeholder = document.createElement('div');
+                        Object.assign(placeholder.style, {
+                            position: 'absolute',
+                            backgroundColor: 'pink',
+                            left: toCssUnitString(element.offsetLeft),
+                            top: toCssUnitString(element.offsetTop),
+                            width: toCssUnitString(element.offsetWidth),
+                            height: toCssUnitString(element.offsetHeight),
+                            visibility: 'hidden',
+                        });
+                        element.parentElement?.appendChild(placeholder);
+                    }
+                }
+            }
+            if (dragStartOffset) {
+                notify(e, props.onDrag);
+            }
+            if (stopPropagation)
+                e.stopPropagation();
+        }
+        function cleanup() {
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            window.removeEventListener('pointerup', onPointerUp);
+            window.removeEventListener('pointermove', onPointerMove);
+            if (dragCursor) {
+                element.style.cursor = originalCursor;
+            }
+            if (placeholder) {
+                placeholder.remove();
+                placeholder = null;
+            }
+        }
+        function onPointerUp(e) {
+            cleanup();
+            if (dragStartOffset && props.onDragEnd) {
+                notify(e, props.onDragEnd);
+            }
+            if (stopPropagation)
+                e.stopPropagation();
+            downPosition = null;
+            dragStartOffset = null;
+        }
+        function onPointerDown(e) {
+            // Only start drag transaction for left mouse button clicks
+            if (e.button !== 0)
+                return;
+            window.addEventListener('pointermove', onPointerMove);
+            window.addEventListener('pointerup', onPointerUp);
+            downPosition = [e.clientX, e.clientY];
+            if (stopPropagation)
+                e.stopPropagation();
+        }
+        element?.addEventListener('pointerdown', onPointerDown);
+        return () => {
+            element?.removeEventListener('pointerdown', onPointerDown);
+            if (downPosition) {
+                cleanup();
+            }
+            if (dragStartOffset) {
+                props.onDragCancel?.();
+            }
+        };
+    }, [element, ...(dependencies ?? [])]);
+}
+//# sourceMappingURL=use-draggable.js.map

package/dist/hooks/use-draggable.js.map

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

package/dist/hooks/use-effect.d.ts

@@ -0,0 +1,3 @@
+import type { Component } from "./component/component.js";
+export type EffectCallback = () => (void | (() => void));
+export declare function useEffect<T extends Component>(callback: EffectCallback, dependencies?: unknown[]): void;

package/dist/hooks/use-effect.js

@@ -0,0 +1,14 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { equalsShallow } from "@adobe/data/equals-shallow";
+import { Component_stack } from "./component/stack.js";
+export function useEffect(callback, dependencies = []) {
+    const component = Component_stack.active();
+    const hookIndex = component.hookIndex++;
+    const oldHookState = component.hooks[hookIndex];
+    const rerunEffect = !oldHookState || !equalsShallow(dependencies, oldHookState.dependencies);
+    if (rerunEffect) {
+        oldHookState?.dispose?.();
+        component.hooks[hookIndex] = { dispose: callback.call(component) ?? undefined, dependencies };
+    }
+}
+//# sourceMappingURL=use-effect.js.map

package/dist/hooks/use-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-effect.js","sourceRoot":"","sources":["../../src/hooks/use-effect.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD,MAAM,UAAU,SAAS,CAAsB,QAAwB,EAAE,eAA0B,EAAE;IACjG,MAAM,SAAS,GAAG,eAAe,CAAC,MAAM,EAAO,CAAC;IAChD,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC;IACxC,MAAM,YAAY,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAgC,CAAC;IAC/E,MAAM,WAAW,GAAG,CAAC,YAAY,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IAC7F,IAAI,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,OAAO,EAAE,EAAE,CAAC;QAC1B,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,YAAY,EAAE,CAAC;IAClG,CAAC;AACL,CAAC"}

package/dist/hooks/use-element.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Hook that returns the currently active component.
+ * If a querySelector is provided, it dynamically observes for child elements
+ * matching the selector and triggers rerender when found.
+ */
+export declare function useElement<K extends keyof HTMLElementTagNameMap>(querySelector: K): HTMLElementTagNameMap[K] | null;
+export declare function useElement<T = HTMLElement>(): T;

package/dist/hooks/use-element.js

@@ -0,0 +1,67 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { Component_stack } from "./component/stack.js";
+import { useEffect } from "./use-effect.js";
+import { useState } from "./use-state.js";
+export function useElement(querySelector) {
+    const component = Component_stack.active();
+    // If no querySelector provided, return the active component
+    if (!querySelector) {
+        return component;
+    }
+    // Use state to track the found element
+    const [foundElement, setFoundElement] = useState(null);
+    useEffect(() => {
+        const element = component;
+        // Check if element already exists
+        const existingElement = element.querySelector(querySelector);
+        if (existingElement) {
+            setFoundElement(existingElement);
+            return;
+        }
+        // Set up MutationObserver to watch for new child elements
+        const observer = new MutationObserver((mutations) => {
+            for (const mutation of mutations) {
+                if (mutation.type === 'childList') {
+                    // Check if any added nodes match the selector
+                    for (const node of mutation.addedNodes) {
+                        if (node.nodeType === Node.ELEMENT_NODE) {
+                            const element = node;
+                            // Check if the added node itself matches
+                            if (element.matches(querySelector)) {
+                                setFoundElement(element);
+                                observer.disconnect();
+                                return;
+                            }
+                            // Check if any descendant matches
+                            const descendant = element.querySelector(querySelector);
+                            if (descendant) {
+                                setFoundElement(descendant);
+                                observer.disconnect();
+                                return;
+                            }
+                        }
+                    }
+                }
+            }
+        });
+        // Start observing both element and shadowRoot
+        for (const observe of [element.shadowRoot, element]) {
+            if (observe) {
+                observer.observe(observe, {
+                    childList: true,
+                    subtree: true
+                });
+            }
+        }
+        observer.observe(element.shadowRoot ?? element, {
+            childList: true,
+            subtree: true
+        });
+        // Cleanup function
+        return () => {
+            observer.disconnect();
+        };
+    }, [querySelector]);
+    return foundElement;
+}
+//# sourceMappingURL=use-element.js.map

package/dist/hooks/use-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-element.js","sourceRoot":"","sources":["../../src/hooks/use-element.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAS1C,MAAM,UAAU,UAAU,CAAkB,aAAsB;IAC9D,MAAM,SAAS,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC;IAE3C,4DAA4D;IAC5D,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,SAAyB,CAAC;IACrC,CAAC;IAED,uCAAuC;IACvC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,SAAmC,CAAC;QAEpD,kCAAkC;QAClC,MAAM,eAAe,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CAAa,CAAC;QACzE,IAAI,eAAe,EAAE,CAAC;YAClB,eAAe,CAAC,eAAe,CAAC,CAAC;YACjC,OAAO;QACX,CAAC;QAED,0DAA0D;QAC1D,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE;YAChD,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;gBAC/B,IAAI,QAAQ,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;oBAChC,8CAA8C;oBAC9C,KAAK,MAAM,IAAI,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC;wBACrC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;4BACtC,MAAM,OAAO,GAAG,IAAe,CAAC;4BAChC,yCAAyC;4BACzC,IAAI,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC;gCACjC,eAAe,CAAC,OAAY,CAAC,CAAC;gCAC9B,QAAQ,CAAC,UAAU,EAAE,CAAC;gCACtB,OAAO;4BACX,CAAC;4BACD,kCAAkC;4BAClC,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CAAa,CAAC;4BACpE,IAAI,UAAU,EAAE,CAAC;gCACb,eAAe,CAAC,UAAU,CAAC,CAAC;gCAC5B,QAAQ,CAAC,UAAU,EAAE,CAAC;gCACtB,OAAO;4BACX,CAAC;wBACL,CAAC;oBACL,CAAC;gBACL,CAAC;YACL,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,8CAA8C;QAC9C,KAAK,MAAM,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,CAAC;YAClD,IAAI,OAAO,EAAE,CAAC;gBACV,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE;oBACtB,SAAS,EAAE,IAAI;oBACf,OAAO,EAAE,IAAI;iBAChB,CAAC,CAAC;YACP,CAAC;QACL,CAAC;QACD,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,IAAI,OAAO,EAAE;YAC5C,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SAChB,CAAC,CAAC;QAEH,mBAAmB;QACnB,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,UAAU,EAAE,CAAC;QAC1B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,YAAY,CAAC;AACxB,CAAC"}

package/dist/hooks/use-memo.d.ts

@@ -0,0 +1 @@
+export declare function useMemo<T>(calculateValue: () => T, dependencies?: unknown[]): T;

package/dist/hooks/use-memo.js

@@ -0,0 +1,13 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { useEffect } from "./use-effect.js";
+import { useState } from "./use-state.js";
+export function useMemo(calculateValue, dependencies = []) {
+    const [state, setState] = useState(undefined);
+    let currentValue = state;
+    useEffect(() => {
+        currentValue = calculateValue();
+        setState(currentValue);
+    }, dependencies);
+    return currentValue;
+}
+//# sourceMappingURL=use-memo.js.map

package/dist/hooks/use-memo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-memo.js","sourceRoot":"","sources":["../../src/hooks/use-memo.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,UAAU,OAAO,CAAI,cAAuB,EAAE,eAA0B,EAAE;IAC5E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,SAAS,CAAC,CAAC;IAC7D,IAAI,YAAY,GAAG,KAAK,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,GAAG,cAAc,EAAE,CAAC;QAChC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC3B,CAAC,EAAE,YAAY,CAAC,CAAC;IAEjB,OAAO,YAAa,CAAC;AACzB,CAAC"}

package/dist/hooks/use-observable-values.d.ts

@@ -0,0 +1,4 @@
+import { Observe } from "@adobe/data/observe";
+export declare function useObservableValues<T extends Record<string, Observe<unknown>>>(factory: () => T, deps?: unknown[]): {
+    [K in keyof T]: T[K] extends Observe<infer U> ? U : never;
+} | undefined;

package/dist/hooks/use-observable-values.js

@@ -0,0 +1,9 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { Observe } from "@adobe/data/observe";
+import { useMemo } from "./use-memo.js";
+import { useObservable } from "./use-observable.js";
+export function useObservableValues(factory, deps = []) {
+    const observable = useMemo(() => Observe.fromProperties(factory()), deps);
+    return useObservable(observable);
+}
+//# sourceMappingURL=use-observable-values.js.map

package/dist/hooks/use-observable-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-observable-values.js","sourceRoot":"","sources":["../../src/hooks/use-observable-values.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,UAAU,mBAAmB,CAA6C,OAAgB,EAAE,OAAkB,EAAE;IAClH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;IAC1E,OAAO,aAAa,CAAC,UAAU,CAAC,CAAC;AACrC,CAAC"}

package/dist/hooks/use-observable.d.ts

@@ -0,0 +1,2 @@
+import { Observe } from "@adobe/data/observe";
+export declare function useObservable<T>(observable: Observe<T>): T | undefined;

package/dist/hooks/use-observable.js

@@ -0,0 +1,13 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { useState } from "./use-state.js";
+import { useEffect } from "./use-effect.js";
+export function useObservable(observable) {
+    let [value, setValue] = useState(undefined);
+    useEffect(() => {
+        return observable(newValue => {
+            setValue(value = newValue);
+        });
+    }, [observable]);
+    return value;
+}
+//# sourceMappingURL=use-observable.js.map

package/dist/hooks/use-observable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-observable.js","sourceRoot":"","sources":["../../src/hooks/use-observable.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,MAAM,UAAU,aAAa,CAAI,UAAsB;IACnD,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,SAAS,CAAC,CAAC;IAC3D,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,UAAU,CAAC,QAAQ,CAAC,EAAE;YACzB,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,OAAO,KAAK,CAAC;AACjB,CAAC"}

package/dist/hooks/use-ref.d.ts

@@ -0,0 +1,3 @@
+export declare function useRef<T>(initialValue: T): {
+    current: T;
+};

package/dist/hooks/use-ref.js

@@ -0,0 +1,7 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { useState } from "./use-state.js";
+export function useRef(initialValue) {
+    const [state] = useState({ current: initialValue });
+    return state;
+}
+//# sourceMappingURL=use-ref.js.map

package/dist/hooks/use-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-ref.js","sourceRoot":"","sources":["../../src/hooks/use-ref.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,UAAU,MAAM,CAAI,YAAe;IACrC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC;IACpD,OAAO,KAAK,CAAC;AACjB,CAAC"}

package/dist/hooks/use-resize-observer.d.ts

@@ -0,0 +1,12 @@
+export interface ResizeInfo {
+    width: number;
+    height: number;
+    entry: ResizeObserverEntry;
+}
+/**
+ * Hook to observe element resizes. Calls callback with width, height, and the original entry
+ * when the element's size changes.
+ *
+ * @param onResize - Callback invoked when element size changes
+ */
+export declare function useResizeObserver(onResize: (info: ResizeInfo) => void): void;

package/dist/hooks/use-resize-observer.js

@@ -0,0 +1,23 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { useEffect } from "./use-effect.js";
+import { useElement } from "./use-element.js";
+/**
+ * Hook to observe element resizes. Calls callback with width, height, and the original entry
+ * when the element's size changes.
+ *
+ * @param onResize - Callback invoked when element size changes
+ */
+export function useResizeObserver(onResize) {
+    const element = useElement();
+    useEffect(() => {
+        const observer = new ResizeObserver(entries => {
+            for (const entry of entries) {
+                const { width, height } = entry.contentRect;
+                onResize({ width, height, entry });
+            }
+        });
+        observer.observe(element);
+        return () => observer.disconnect();
+    }, [element, onResize]);
+}
+//# sourceMappingURL=use-resize-observer.js.map

package/dist/hooks/use-resize-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resize-observer.js","sourceRoot":"","sources":["../../src/hooks/use-resize-observer.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAQ9C;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,QAAoC;IAClE,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAC1C,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC1B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC;gBAC5C,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;YACvC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC1B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC5B,CAAC"}

package/dist/hooks/use-state.d.ts

@@ -0,0 +1,2 @@
+export declare function useState<T>(initializer: () => T): [T, (value: T) => void];
+export declare function useState<T>(initialValue: T): [T, (value: T) => void];

package/dist/hooks/use-state.js

@@ -0,0 +1,15 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { Component_stack } from "./component/stack.js";
+export function useState(initial) {
+    const component = Component_stack.active();
+    const hookIndex = component.hookIndex++;
+    const value = component.hooks[hookIndex] ??= (typeof initial === "function" ? initial() : initial);
+    return [
+        value,
+        (newValue) => {
+            component.hooks[hookIndex] = newValue;
+            component.requestUpdate();
+        }
+    ];
+}
+//# sourceMappingURL=use-state.js.map

package/dist/hooks/use-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-state.js","sourceRoot":"","sources":["../../src/hooks/use-state.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAIvD,MAAM,UAAU,QAAQ,CAAI,OAAgB;IACxC,MAAM,SAAS,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC;IACxC,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACnG,OAAO;QACH,KAAK;QACL,CAAC,QAAW,EAAE,EAAE;YACZ,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC;YACtC,SAAS,CAAC,aAAa,EAAE,CAAC;QAC9B,CAAC;KACJ,CAAC;AAEN,CAAC"}

package/dist/hooks/use-updated.d.ts

@@ -0,0 +1,4 @@
+export interface UpdateEventHost {
+    updateListeners: Set<() => void>;
+}
+export declare function useUpdated(listener: () => void, dependencies?: unknown[]): void;

package/dist/hooks/use-updated.js

@@ -0,0 +1,40 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { useElement } from "./use-element.js";
+import { useEffect } from "./use-effect.js";
+function hasUpdateListeners(el) {
+    return (typeof el === 'object' &&
+        el !== null &&
+        'updateListeners' in el &&
+        el['updateListeners'] instanceof Set);
+}
+function makeUpdateEventHost(el) {
+    if (hasUpdateListeners(el))
+        return el;
+    const updateListeners = new Set();
+    Object.defineProperty(el, 'updateListeners', {
+        value: updateListeners,
+        writable: false,
+        enumerable: false,
+    });
+    if (!('updated' in el)) {
+        throw new Error('Element does not have an updated method');
+    }
+    const element = el;
+    const orig = element.updated.bind(el);
+    element.updated = (changedProps) => {
+        orig(changedProps);
+        for (const fn of updateListeners)
+            fn();
+    };
+    return element;
+}
+export function useUpdated(listener, dependencies = []) {
+    const element = makeUpdateEventHost(useElement());
+    useEffect(() => {
+        element.updateListeners.add(listener);
+        return () => {
+            element.updateListeners.delete(listener);
+        };
+    }, dependencies);
+}
+//# sourceMappingURL=use-updated.js.map

package/dist/hooks/use-updated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-updated.js","sourceRoot":"","sources":["../../src/hooks/use-updated.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAM5C,SAAS,kBAAkB,CAAC,EAAW;IACnC,OAAO,CACH,OAAO,EAAE,KAAK,QAAQ;QACtB,EAAE,KAAK,IAAI;QACX,iBAAiB,IAAI,EAAE;QACvB,EAAE,CAAC,iBAAiB,CAAC,YAAY,GAAG,CACvC,CAAC;AACN,CAAC;AAED,SAAS,mBAAmB,CACxB,EAAK;IAEL,IAAI,kBAAkB,CAAC,EAAE,CAAC;QAAE,OAAO,EAAyB,CAAC;IAE7D,MAAM,eAAe,GAAG,IAAI,GAAG,EAAc,CAAC;IAC9C,MAAM,CAAC,cAAc,CAAC,EAAE,EAAE,iBAAiB,EAAE;QACzC,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,KAAK;KACpB,CAAC,CAAC;IAEH,IAAI,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;IAC/D,CAAC;IAED,MAAM,OAAO,GAAG,EAEG,CAAC;IACpB,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEtC,OAAO,CAAC,OAAO,GAAG,CAAC,YAAY,EAAE,EAAE;QAC/B,IAAI,CAAC,YAAY,CAAC,CAAC;QACnB,KAAK,MAAM,EAAE,IAAI,eAAe;YAAE,EAAE,EAAE,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC;AACnB,CAAC;AAGD,MAAM,UAAU,UAAU,CAAC,QAAoB,EAAE,eAA0B,EAAE;IACzE,MAAM,OAAO,GAAG,mBAAmB,CAAC,UAAU,EAAE,CAAC,CAAC;IAClD,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACtC,OAAO,GAAG,EAAE;YACR,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAA;IACL,CAAC,EAAE,YAAY,CAAC,CAAC;AACrB,CAAC"}

package/dist/hooks/use-window-event.d.ts

@@ -0,0 +1 @@
+export declare function useWindowEvent<K extends keyof WindowEventMap>(event: K, callbackFactory: () => (e: WindowEventMap[K]) => void, deps?: any[]): void;

package/dist/hooks/use-window-event.js

@@ -0,0 +1,11 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { useEffect } from "./use-effect.js";
+import { useMemo } from "./use-memo.js";
+export function useWindowEvent(event, callbackFactory, deps = []) {
+    const callback = useMemo(callbackFactory, deps);
+    useEffect(() => {
+        window.addEventListener(event, callback);
+        return () => window.removeEventListener(event, callback);
+    }, [callback]);
+}
+//# sourceMappingURL=use-window-event.js.map

package/dist/hooks/use-window-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-window-event.js","sourceRoot":"","sources":["../../src/hooks/use-window-event.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,UAAU,cAAc,CAC1B,KAAQ,EACR,eAAqD,EACrD,OAAc,EAAE;IAEhB,MAAM,QAAQ,GAAG,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;IAChD,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACnB,CAAC"}

package/dist/hooks/with-hooks.d.ts

@@ -0,0 +1,2 @@
+import type { Component } from "./component/component.js";
+export declare function withHooks<This extends Component, Args extends any[], Return>(target: object, propertyKey: string, descriptor: TypedPropertyDescriptor<(this: This, ...args: Args) => Return>): TypedPropertyDescriptor<(this: This, ...args: Args) => Return>;

package/dist/hooks/with-hooks.js

@@ -0,0 +1,16 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+import { Component_stack } from "./component/stack.js";
+export function withHooks(target, propertyKey, descriptor) {
+    const originalMethod = descriptor.value;
+    descriptor.value = function (...args) {
+        Component_stack.push(this);
+        try {
+            return originalMethod.apply(this, args);
+        }
+        finally {
+            Component_stack.pop();
+        }
+    };
+    return descriptor;
+}
+//# sourceMappingURL=with-hooks.js.map

package/dist/hooks/with-hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-hooks.js","sourceRoot":"","sources":["../../src/hooks/with-hooks.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAGvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,UAAU,SAAS,CACrB,MAAc,EACd,WAAmB,EACnB,UAA0E;IAE1E,MAAM,cAAc,GAAG,UAAU,CAAC,KAAM,CAAC;IACzC,UAAU,CAAC,KAAK,GAAG,UAAsB,GAAG,IAAU;QAClD,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC;YACD,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC5C,CAAC;gBACO,CAAC;YACL,eAAe,CAAC,GAAG,EAAE,CAAC;QAC1B,CAAC;IACL,CAAC,CAAA;IACD,OAAO,UAAU,CAAC;AACtB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./hooks/index.js";
+export * from "./elements/index.js";
+export * from "./decorators/index.js";
+export type { Vec2 } from "@adobe/data/math";

package/dist/index.js

@@ -0,0 +1,5 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+export * from "./hooks/index.js";
+export * from "./elements/index.js";
+export * from "./decorators/index.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC"}

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@adobe/data-lit",
+  "version": "0.9.11",
+  "description": "Adobe data Lit bindings - hooks, elements, decorators",
+  "type": "module",
+  "private": false,
+  "dependencies": {
+    "@adobe/data": "0.9.11"
+  },
+  "peerDependencies": {
+    "lit": "^3.3.1"
+  },
+  "devDependencies": {
+    "lit": "^3.3.1",
+    "typescript": "^5.8.3",
+    "vitest": "^1.6.0"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsc -b",
+    "dev": "tsc -b -w",
+    "test": "vitest --run --passWithNoTests",
+    "publish-public": "pnpm build && pnpm publish --no-git-checks --access public"
+  }
+}

package/src/decorators/apply-decorator.ts

@@ -0,0 +1,26 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+
+export function applyDecorator(
+    target: any,
+    propertyKey: string,
+    decorator: (target: any, propertyKey: string, descriptor: PropertyDescriptor) => PropertyDescriptor
+) {
+    // Get the prototype chain
+    let currentPrototype = target;
+    let descriptor: PropertyDescriptor | undefined;
+
+    // Walk up the prototype chain until we find the property
+    while (currentPrototype && !descriptor) {
+        descriptor = Object.getOwnPropertyDescriptor(currentPrototype, propertyKey);
+        if (!descriptor) {
+            currentPrototype = Object.getPrototypeOf(currentPrototype);
+        }
+    }
+
+    if (!descriptor) {
+        throw new Error(`Property ${propertyKey} not found in prototype chain`);
+    }
+
+    const newDescriptor = decorator(target, propertyKey, descriptor);
+    Object.defineProperty(target, propertyKey, newDescriptor);
+} 

package/src/decorators/apply-service-decorators.ts

@@ -0,0 +1,15 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+
+import { withHooks } from "../hooks/with-hooks.js";
+import { requireService } from "./require-service.js";
+import { TemplateResult } from "lit";
+
+export function applyServiceDecorators(target: any) {
+    const prototype = Object.getPrototypeOf(target);
+    const originalRender = target.render ?? prototype.render;
+    const withService = requireService()(target, 'render', {
+        value: originalRender
+    });
+    const withHooksAndService = withHooks(target, 'render', withService);
+    target.render = withHooksAndService.value as () => TemplateResult | null;
+} 

package/src/decorators/index.ts

@@ -0,0 +1,4 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+export * from "./apply-decorator.js";
+export * from "./apply-service-decorators.js";
+export * from "./require-service.js";