@watt-ui/react 0.0.0-stage → 0.1.0

package/dist/components/asset-tree.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
+import { useTree } from "@headless-tree/react";
+import { syncDataLoaderFeature, selectionFeature, hotkeysCoreFeature, } from "@headless-tree/core";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { cx } from "../internal.js";
+const ROOT = "\u0000watt-tree-root";
+function Root({ items, children, expandedIds, defaultExpandedIds = [], onExpandedChange, selectedIds, defaultSelectedIds = [], onSelectionChange, onActivate, density = "comfortable", height = 360, rowHeight = density === "compact" ? 36 : 48, empty, className, style, ...props }, forwardedRef) {
+    const host = useRef(null);
+    const indexed = useMemo(() => {
+        const map = new Map();
+        const stack = [...items];
+        while (stack.length) {
+            const item = stack.pop();
+            if (!item.id || item.id === ROOT || map.has(item.id))
+                throw new Error("AssetTree IDs must be nonempty and unique, with no cycles");
+            map.set(item.id, item);
+            if (item.children)
+                for (const child of item.children)
+                    stack.push(child);
+        }
+        return map;
+    }, [items]);
+    const virtualRef = useRef(null);
+    const focusFrame = useRef(0);
+    const virtualFocus = useMemo(() => ({
+        key: "watt-virtual-focus",
+        treeInstance: {
+            updateDomFocus: ({ tree }) => {
+                const item = tree.getFocusedItem();
+                if (!item)
+                    return;
+                const id = item.getId();
+                const started = performance.now();
+                virtualRef.current?.scrollToIndex(item.getItemMeta().index, {
+                    behavior: "instant",
+                });
+                cancelAnimationFrame(focusFrame.current);
+                const focus = () => {
+                    if (tree.getFocusedItem()?.getId() !== id)
+                        return;
+                    const active = document.activeElement;
+                    if (active &&
+                        active !== document.body &&
+                        !host.current?.contains(active))
+                        return;
+                    const element = item.getElement();
+                    // Wait for the virtual row, then focus without a second native scroll that can unmount it.
+                    if (element)
+                        element.focus({ preventScroll: true });
+                    else if (performance.now() - started < 1000)
+                        focusFrame.current = requestAnimationFrame(focus);
+                };
+                focusFrame.current = requestAnimationFrame(focus);
+            },
+        },
+    }), []);
+    useEffect(() => () => cancelAnimationFrame(focusFrame.current), []);
+    const [internalExpanded, setInternalExpanded] = useState(defaultExpandedIds);
+    const [internalSelected, setInternalSelected] = useState(defaultSelectedIds);
+    const tree = useTree({
+        rootItemId: ROOT,
+        getItemName: (item) => item.getItemData().label,
+        isItemFolder: (item) => !!item.getItemData().children?.length,
+        dataLoader: {
+            getItem: (id) => indexed.get(id),
+            getChildren: (id) => id === ROOT
+                ? items.map((item) => item.id)
+                : (indexed.get(id)?.children?.map((item) => item.id) ?? []),
+        },
+        state: {
+            expandedItems: expandedIds ?? internalExpanded,
+            selectedItems: selectedIds ?? internalSelected,
+        },
+        setExpandedItems: (updater) => {
+            const next = typeof updater === "function"
+                ? updater(tree.getState().expandedItems)
+                : updater;
+            if (expandedIds === undefined)
+                setInternalExpanded(next);
+            onExpandedChange?.(next);
+        },
+        setSelectedItems: (updater) => {
+            const next = typeof updater === "function"
+                ? updater(tree.getState().selectedItems)
+                : updater;
+            if (selectedIds === undefined)
+                setInternalSelected(next);
+            onSelectionChange?.(next);
+        },
+        onPrimaryAction: (item) => onActivate?.(item.getItemData()),
+        scrollToItem: (item) => virtualRef.current?.scrollToIndex(item.getItemMeta().index, {
+            behavior: "instant",
+        }),
+        features: [
+            syncDataLoaderFeature,
+            selectionFeature,
+            hotkeysCoreFeature,
+            virtualFocus,
+        ],
+    });
+    useEffect(() => {
+        tree.rebuildTree();
+        const focused = tree.getState().focusedItem;
+        if (focused && !tree.getItems().some((item) => item.getId() === focused))
+            tree.applySubStateUpdate("focusedItem", null);
+    }, [items, expandedIds, tree]);
+    const visible = tree.getItems();
+    const virtualizer = useVirtualizer({
+        count: visible.length,
+        getScrollElement: () => host.current,
+        estimateSize: () => rowHeight,
+        overscan: 5,
+        initialRect: { width: 0, height },
+        getItemKey: (index) => visible[index].getId(),
+    });
+    virtualRef.current = virtualizer;
+    const containerProps = tree.getContainerProps(props["aria-label"]);
+    const hostRef = useComposedRefs(host, tree.registerElement, forwardedRef);
+    const renderRow = (item, index, start) => {
+        const rowProps = item.getProps();
+        return (_createElement("div", { ...rowProps, "aria-label": undefined, key: item.getId(), "data-slot": "asset-tree-row", "data-index": index, "data-selected": item.isSelected() || undefined, className: "absolute top-0 left-0 flex w-full items-center border-b border-[var(--watt-border)] outline-offset-[-2px] data-[selected]:bg-[var(--watt-subtle)] focus-visible:outline-2 focus-visible:outline-[var(--watt-accent)]", style: {
+                height: rowHeight,
+                paddingInlineStart: item.getItemMeta().level * 20,
+                transform: `translateY(${start}px)`,
+            } }, children({
+            item: item.getItemData(),
+            level: item.getItemMeta().level,
+            expanded: item.isExpanded(),
+            selected: item.isSelected(),
+            focused: item.isFocused(),
+            hasChildren: item.isFolder(),
+            toggleExpanded: () => item.isExpanded() ? item.collapse() : item.expand(),
+        })));
+    };
+    return (_jsx("div", { ...containerProps, ...props, ref: hostRef, "data-slot": "asset-tree", "data-density": density, className: cx("watt-root overflow-auto text-sm", className), style: { height, ...style }, children: !items.length ? (empty) : (_jsx("div", { role: "presentation", style: { height: virtualizer.getTotalSize(), position: "relative" }, children: virtualizer.getVirtualItems().map((row) => {
+                const item = visible[row.index];
+                return item && indexed.has(item.getId())
+                    ? renderRow(item, row.index, row.start)
+                    : null;
+            }) })) }));
+}
+export const AssetTree = {
+    Root: forwardRef(Root),
+};
+//# sourceMappingURL=asset-tree.js.map

package/dist/components/asset-tree.js.map

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

package/dist/components/battery-soc.d.ts

@@ -0,0 +1,11 @@
+import type { PartProps, RootProps } from "../types.js";
+export interface BatterySOCProps extends RootProps {
+    value: number | null;
+}
+export declare const BatterySOC: {
+    Root: import("react").ForwardRefExoticComponent<BatterySOCProps & import("react").RefAttributes<HTMLElement>>;
+    Track: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
+    Fill: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
+    Label: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
+};
+//# sourceMappingURL=battery-soc.d.ts.map

package/dist/components/battery-soc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"battery-soc.d.ts","sourceRoot":"","sources":["../../src/components/battery-soc.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAW,MAAM,aAAa,CAAC;AAWjE,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AA6DD,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC"}

package/dist/components/battery-soc.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cx, part } from "../internal.js";
+const Context = createContext(null);
+function useSOC() {
+    const value = useContext(Context);
+    if (value === null)
+        throw new Error("BatterySOC parts require BatterySOC.Root");
+    return value;
+}
+const Root = forwardRef(({ value, asChild, density = "comfortable", className, ...props }, ref) => {
+    const Component = asChild ? Slot : "div";
+    const valid = value !== null && Number.isFinite(value) && value >= 0 && value <= 100;
+    return (_jsx(Context.Provider, { value: { value: valid ? value : null, density }, children: _jsx(Component, { ...props, ref: ref, "data-slot": "battery-soc", "data-invalid": !valid || undefined, "data-density": density, className: cx("watt-root flex flex-col gap-3", className) }) }));
+});
+const Track = forwardRef(({ asChild, className, ...props }, ref) => {
+    const { value, density } = useSOC();
+    const Component = asChild ? Slot : "div";
+    return (_jsx(Component, { ...props, ref: ref, role: value === null ? "img" : "meter", "aria-valuemin": value === null ? undefined : 0, "aria-valuemax": value === null ? undefined : 100, "aria-valuenow": value ?? undefined, "data-slot": "battery-soc-track", className: cx(density === "compact" ? "h-2" : "h-4", "overflow-hidden rounded-sm bg-[var(--watt-subtle)]", className) }));
+});
+const Fill = forwardRef(({ asChild, className, style, ...props }, ref) => {
+    const { value } = useSOC();
+    const Component = asChild ? Slot : "div";
+    return (_jsx(Component, { ...props, ref: ref, "aria-hidden": "true", "data-slot": "battery-soc-fill", className: cx("h-full bg-[var(--watt-accent)] transition-[width] duration-500 motion-reduce:transition-none", className), style: { width: `${value ?? 0}%`, ...style } }));
+});
+export const BatterySOC = {
+    Root,
+    Track,
+    Fill,
+    Label: part("battery-soc-label", "text-sm", "span"),
+};
+//# sourceMappingURL=battery-soc.js.map

package/dist/components/battery-soc.js.map

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

package/dist/components/data-freshness.d.ts

@@ -0,0 +1,26 @@
+import type { DataQuality, PartProps, RootProps, Timestamp } from "../types.js";
+interface Freshness {
+    timestamp: Timestamp | null;
+    quality?: DataQuality;
+}
+export interface DataFreshnessProps extends RootProps, Freshness {
+}
+export interface FreshnessTimeProps extends React.ComponentPropsWithoutRef<"time"> {
+    timeZone: string;
+    locale?: string;
+    formatter?: (timestamp: number) => React.ReactNode;
+    fallback?: React.ReactNode;
+}
+export interface FreshnessElapsedProps extends PartProps {
+    now?: Timestamp;
+    formatter: (elapsedMs: number) => React.ReactNode;
+    fallback?: React.ReactNode;
+}
+export declare const DataFreshness: {
+    Root: import("react").ForwardRefExoticComponent<DataFreshnessProps & import("react").RefAttributes<HTMLElement>>;
+    Time: import("react").ForwardRefExoticComponent<FreshnessTimeProps & import("react").RefAttributes<HTMLTimeElement>>;
+    Elapsed: import("react").ForwardRefExoticComponent<FreshnessElapsedProps & import("react").RefAttributes<HTMLElement>>;
+    Quality: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
+};
+export {};
+//# sourceMappingURL=data-freshness.d.ts.map

package/dist/components/data-freshness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-freshness.d.ts","sourceRoot":"","sources":["../../src/components/data-freshness.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAChF,UAAU,SAAS;IACjB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAOD,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,SAAS;CAAG;AA+BnE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC;IAChF,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAyBD,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAsBD,eAAO,MAAM,aAAa;;;;;CAKzB,CAAC"}

package/dist/components/data-freshness.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cx, part, useNow } from "../internal.js";
+import { parseTimestamp, formatTime } from "../domain.js";
+const Context = createContext(null);
+function useFreshness() {
+    const ctx = useContext(Context);
+    if (!ctx)
+        throw new Error("DataFreshness parts require DataFreshness.Root");
+    return ctx;
+}
+const Root = forwardRef(({ timestamp, quality, density = "comfortable", asChild, className, ...props }, ref) => {
+    const Component = asChild ? Slot : "span";
+    return (_jsx(Context.Provider, { value: { timestamp, quality }, children: _jsx(Component, { ...props, ref: ref, "data-slot": "data-freshness", "data-density": density, "data-quality": quality, className: cx("watt-root inline-flex items-center gap-2 text-sm text-[var(--watt-muted)] data-[density=compact]:gap-1 data-[density=compact]:text-xs", className) }) }));
+});
+const Time = forwardRef(({ timeZone, locale, formatter, fallback = "—", children, ...props }, ref) => {
+    const { timestamp } = useFreshness();
+    const time = parseTimestamp(timestamp);
+    return (_jsx("time", { ...props, ref: ref, "data-slot": "data-freshness-time", dateTime: time === null ? undefined : new Date(time).toISOString(), children: children ??
+            (time === null
+                ? fallback
+                : formatter
+                    ? formatter(time)
+                    : formatTime(time, timeZone, locale)) }));
+});
+const Elapsed = forwardRef(({ now, formatter, fallback = "—", asChild, children, ...props }, ref) => {
+    const { timestamp } = useFreshness();
+    const clock = useNow(now === undefined);
+    const reference = now === undefined ? clock : parseTimestamp(now);
+    const time = parseTimestamp(timestamp);
+    const Component = asChild ? Slot : "span";
+    return (_jsx(Component, { ...props, ref: ref, "data-slot": "data-freshness-elapsed", children: children ??
+            (time === null || reference === null
+                ? fallback
+                : formatter(reference - time)) }));
+});
+export const DataFreshness = {
+    Root,
+    Time,
+    Elapsed,
+    Quality: part("data-freshness-quality", "", "span"),
+};
+//# sourceMappingURL=data-freshness.js.map

package/dist/components/data-freshness.js.map

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

package/dist/components/energy-flow.d.ts

@@ -0,0 +1,39 @@
+import { type Side } from "./flow-geometry.js";
+import type { EnergyFlowEdge, PartProps, RootProps } from "../types.js";
+export interface FlowAnimation {
+    type?: "particles" | "dash" | "pulse" | "none";
+    speed?: number;
+    particleSize?: number;
+    particleCount?: number;
+}
+export interface FlowStyle {
+    animation?: FlowAnimation;
+    path?: "straight" | "step" | "bezier";
+    color?: string;
+    strokeWidth?: number;
+}
+export interface EnergyFlowProps extends RootProps, FlowStyle {
+}
+export interface FlowNodeProps extends PartProps {
+    id: string;
+}
+export interface FlowPortProps extends PartProps {
+    id: string;
+    side: Side;
+}
+export interface FlowEdgeProps extends EnergyFlowEdge, FlowStyle {
+    children?: React.ReactNode;
+    className?: string;
+    label?: string;
+    style?: React.CSSProperties;
+}
+declare function Edge({ source, target, sourcePort, targetPort, animation, path, color, strokeWidth, children, className, label, style, }: FlowEdgeProps): import("react").JSX.Element | null;
+export declare const EnergyFlow: {
+    Root: import("react").ForwardRefExoticComponent<EnergyFlowProps & import("react").RefAttributes<HTMLElement>>;
+    Node: import("react").ForwardRefExoticComponent<FlowNodeProps & import("react").RefAttributes<HTMLElement>>;
+    Port: import("react").ForwardRefExoticComponent<FlowPortProps & import("react").RefAttributes<HTMLElement>>;
+    Edge: typeof Edge;
+    Label: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
+};
+export {};
+//# sourceMappingURL=energy-flow.d.ts.map

package/dist/components/energy-flow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"energy-flow.d.ts","sourceRoot":"","sources":["../../src/components/energy-flow.tsx"],"names":[],"mappings":"AAcA,OAAO,EAGL,KAAK,IAAI,EAEV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxE,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,SAAS;CAAG;AAgIhE,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,EAAE,EAAE,MAAM,CAAC;CACZ;AAwBD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;CACZ;AA2BD,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,SAAS;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AACD,iBAAS,IAAI,CAAC,EACZ,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,SAAS,EACT,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,GACN,EAAE,aAAa,sCAsGf;AAyBD,eAAO,MAAM,UAAU;;;;;;CAAoC,CAAC"}

package/dist/components/energy-flow.js

@@ -0,0 +1,176 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useRef, useState, } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cx } from "../internal.js";
+import { connection, } from "./flow-geometry.js";
+const Context = createContext(null);
+const NodeContext = createContext(null);
+const LabelContext = createContext(null);
+const keyFor = (node, port) => JSON.stringify([node, port ?? null]);
+function useFlow() {
+    const ctx = useContext(Context);
+    if (!ctx)
+        throw new Error("EnergyFlow parts require EnergyFlow.Root");
+    return ctx;
+}
+const Root = forwardRef(({ asChild, density = "comfortable", animation, path = "bezier", color, strokeWidth = 2, children, className, ...props }, ref) => {
+    const host = useRef(null);
+    const elements = useRef(new Map());
+    const observer = useRef(null);
+    const frame = useRef(0);
+    const [rects, setRects] = useState(new Map());
+    const measure = useCallback(() => {
+        cancelAnimationFrame(frame.current);
+        frame.current = requestAnimationFrame(() => {
+            const root = host.current;
+            if (!root)
+                return;
+            const rootRect = root.getBoundingClientRect();
+            const scaleX = rootRect.width / (root.offsetWidth || 1), scaleY = rootRect.height / (root.offsetHeight || 1);
+            const next = new Map();
+            elements.current.forEach(({ element, side }, key) => {
+                if (!element.getClientRects().length)
+                    return;
+                const r = element.getBoundingClientRect();
+                next.set(key, {
+                    x: (r.left - rootRect.left) / (scaleX || 1) -
+                        root.clientLeft +
+                        root.scrollLeft,
+                    y: (r.top - rootRect.top) / (scaleY || 1) -
+                        root.clientTop +
+                        root.scrollTop,
+                    width: r.width / (scaleX || 1),
+                    height: r.height / (scaleY || 1),
+                    side,
+                });
+            });
+            setRects((old) => JSON.stringify([...old]) === JSON.stringify([...next]) ? old : next);
+        });
+    }, []);
+    const register = useCallback((key, element, side) => {
+        if (elements.current.has(key))
+            throw new Error(`Duplicate EnergyFlow node/port: ${key}`);
+        elements.current.set(key, { element, side });
+        observer.current?.observe(element);
+        measure();
+        return () => {
+            observer.current?.unobserve(element);
+            elements.current.delete(key);
+            measure();
+        };
+    }, [measure]);
+    const hostRef = useComposedRefs(host, ref);
+    useEffect(() => {
+        observer.current = new ResizeObserver(measure);
+        if (host.current)
+            observer.current.observe(host.current);
+        elements.current.forEach(({ element }) => observer.current.observe(element));
+        const mutation = new MutationObserver(measure);
+        if (host.current)
+            mutation.observe(host.current, {
+                attributes: true,
+                subtree: true,
+                attributeFilter: ["class", "style"],
+                childList: true,
+            });
+        window.addEventListener("resize", measure);
+        document.addEventListener("scroll", measure, true);
+        measure();
+        return () => {
+            observer.current?.disconnect();
+            observer.current = null;
+            mutation.disconnect();
+            window.removeEventListener("resize", measure);
+            document.removeEventListener("scroll", measure, true);
+            cancelAnimationFrame(frame.current);
+        };
+    }, [measure]);
+    const Component = asChild ? Slot : "div";
+    return (_jsx(Context.Provider, { value: { register, rects, animation, path, color, strokeWidth }, children: _jsx(Component, { ...props, ref: hostRef, "data-slot": "energy-flow", "data-density": density, className: cx("watt-root relative isolate", className), children: children }) }));
+});
+const Node = forwardRef(({ id, asChild, className, ...props }, ref) => {
+    const { register } = useFlow();
+    const host = useRef(null);
+    const hostRef = useComposedRefs(host, ref);
+    useEffect(() => {
+        if (!id)
+            throw new Error("EnergyFlow.Node requires a nonempty id");
+        if (host.current)
+            return register(keyFor(id), host.current);
+    }, [id, register]);
+    const Component = asChild ? Slot : "div";
+    return (_jsx(NodeContext.Provider, { value: id, children: _jsx(Component, { ...props, ref: hostRef, "data-slot": "energy-flow-node", "data-node-id": id, className: cx("relative z-10", className) }) }));
+});
+const Port = forwardRef(({ id, side, asChild, className, ...props }, ref) => {
+    const { register } = useFlow();
+    const node = useContext(NodeContext);
+    const host = useRef(null);
+    const hostRef = useComposedRefs(host, ref);
+    useEffect(() => {
+        if (!node || !id)
+            throw new Error("A named EnergyFlow.Port requires a Node");
+        if (host.current)
+            return register(keyFor(node, id), host.current, side);
+    }, [node, id, side, register]);
+    const Component = asChild ? Slot : "span";
+    return (_jsx(Component, { ...props, ref: hostRef, "data-slot": "energy-flow-port", "data-port-id": id, className: cx("absolute h-2 w-2 rounded-full bg-[var(--watt-accent)]", className) }));
+});
+function Edge({ source, target, sourcePort, targetPort, animation, path, color, strokeWidth, children, className, label, style, }) {
+    const ctx = useFlow();
+    const id = `watt-${useId().replace(/:/g, "")}`;
+    const a = ctx.rects.get(keyFor(source, sourcePort)), b = ctx.rects.get(keyFor(target, targetPort));
+    const settings = {
+        type: "particles",
+        speed: 1,
+        particleSize: 3,
+        particleCount: 3,
+        ...ctx.animation,
+        ...animation,
+    };
+    if (!Number.isFinite(settings.speed) || settings.speed < 0)
+        throw new Error("Flow speed must be finite and nonnegative");
+    if (!Number.isFinite(settings.particleCount) ||
+        settings.particleCount < 0 ||
+        settings.particleCount > 100 ||
+        !Number.isFinite(settings.particleSize) ||
+        settings.particleSize < 0)
+        throw new Error("Invalid flow particles (count 0–100, size >= 0)");
+    const width = strokeWidth ?? ctx.strokeWidth ?? 2;
+    if (!Number.isFinite(width) || width <= 0)
+        throw new Error("Flow strokeWidth must be positive");
+    if (source === target || !a || !b)
+        return null;
+    const geometry = connection(a, b, path ?? ctx.path ?? "bezier");
+    const ink = color ?? ctx.color ?? "var(--watt-accent)";
+    const duration = 3 / (settings.speed || 1);
+    const motionStyle = {
+        animationDuration: `${duration}s`,
+        animationPlayState: settings.speed === 0 ? "paused" : "running",
+    };
+    return (_jsxs(LabelContext.Provider, { value: geometry.middle, children: [_jsxs("svg", { "data-slot": "energy-flow-edge", "data-source": source, "data-target": target, className: cx("pointer-events-none absolute inset-0 h-full w-full overflow-visible", className), style: { color: ink, ...style }, role: label ? "img" : undefined, "aria-label": label, "aria-hidden": !label || undefined, children: [_jsx("defs", { children: _jsx("marker", { id: id, markerWidth: "8", markerHeight: "8", refX: "7", refY: "4", orient: "auto", markerUnits: "userSpaceOnUse", children: _jsx("path", { d: "M1 1 L7 4 L1 7", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("path", { d: geometry.path, fill: "none", stroke: "currentColor", strokeWidth: width, markerEnd: `url(#${id})`, className: settings.type === "dash"
+                            ? "watt-flow-dash"
+                            : settings.type === "pulse"
+                                ? "watt-flow-pulse"
+                                : undefined, style: motionStyle }), settings.type === "particles" &&
+                        Array.from({ length: Math.floor(settings.particleCount) }, (_, i) => (_jsx("circle", { r: settings.particleSize, fill: "currentColor", className: "watt-flow-particle", style: {
+                                ...motionStyle,
+                                offsetPath: `path('${geometry.path}')`,
+                                animationDelay: `${(-duration * i) / Math.max(1, settings.particleCount)}s`,
+                            } }, i)))] }), children] }));
+}
+const Label = forwardRef(({ asChild, className, style, ...props }, ref) => {
+    const point = useContext(LabelContext);
+    if (!point)
+        throw new Error("EnergyFlow.Label requires an Edge");
+    const Component = asChild ? Slot : "span";
+    return (_jsx(Component, { ...props, ref: ref, "data-slot": "energy-flow-label", className: cx("absolute z-10 bg-[var(--watt-surface)] px-2 text-sm tabular-nums", className), style: {
+            left: point.x,
+            top: point.y,
+            transform: "translate(-50%, -140%)",
+            ...style,
+        } }));
+});
+export const EnergyFlow = { Root, Node, Port, Edge, Label };
+//# sourceMappingURL=energy-flow.js.map

package/dist/components/energy-flow.js.map

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

package/dist/components/flow-geometry.d.ts

@@ -0,0 +1,24 @@
+export interface Rect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    side?: Side;
+}
+export type Side = "top" | "right" | "bottom" | "left";
+export interface Point {
+    x: number;
+    y: number;
+}
+export declare function anchor(rect: Rect, other: Rect): {
+    point: Point;
+    side: Side;
+};
+export declare function connection(source: Rect, target: Rect, type: "straight" | "step" | "bezier"): {
+    path: string;
+    middle: {
+        x: number;
+        y: number;
+    };
+};
+//# sourceMappingURL=flow-geometry.d.ts.map

package/dist/components/flow-geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-geometry.d.ts","sourceRoot":"","sources":["../../src/components/flow-geometry.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AACD,MAAM,MAAM,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AACvD,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AACD,wBAAgB,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,CA2B5E;AACD,wBAAgB,UAAU,CACxB,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ;;;;;;EAsCrC"}

package/dist/components/flow-geometry.js

@@ -0,0 +1,57 @@
+export function anchor(rect, other) {
+    const dx = other.x + other.width / 2 - rect.x - rect.width / 2;
+    const dy = other.y + other.height / 2 - rect.y - rect.height / 2;
+    const side = rect.side ??
+        (Math.abs(dx) >= Math.abs(dy)
+            ? dx >= 0
+                ? "right"
+                : "left"
+            : dy >= 0
+                ? "bottom"
+                : "top");
+    return {
+        side,
+        point: {
+            x: rect.x +
+                (side === "left" ? 0 : side === "right" ? rect.width : rect.width / 2),
+            y: rect.y +
+                (side === "top"
+                    ? 0
+                    : side === "bottom"
+                        ? rect.height
+                        : rect.height / 2),
+        },
+    };
+}
+export function connection(source, target, type) {
+    const a = anchor(source, target), b = anchor(target, source);
+    const start = a.point, end = b.point;
+    const middle = { x: (start.x + end.x) / 2, y: (start.y + end.y) / 2 };
+    const move = `M ${start.x} ${start.y}`;
+    if (type === "straight")
+        return { path: `${move} L ${end.x} ${end.y}`, middle };
+    if (type === "step") {
+        const horizontal = a.side === "left" || a.side === "right";
+        return {
+            path: horizontal
+                ? `${move} H ${middle.x} V ${end.y} H ${end.x}`
+                : `${move} V ${middle.y} H ${end.x} V ${end.y}`,
+            middle,
+        };
+    }
+    const distance = Math.max(36, Math.hypot(end.x - start.x, end.y - start.y) * 0.45);
+    const offset = (side) => ({
+        x: side === "left" ? -distance : side === "right" ? distance : 0,
+        y: side === "top" ? -distance : side === "bottom" ? distance : 0,
+    });
+    const da = offset(a.side), db = offset(b.side);
+    const c1 = { x: start.x + da.x, y: start.y + da.y }, c2 = { x: end.x + db.x, y: end.y + db.y };
+    return {
+        path: `${move} C ${c1.x} ${c1.y}, ${c2.x} ${c2.y}, ${end.x} ${end.y}`,
+        middle: {
+            x: (start.x + 3 * c1.x + 3 * c2.x + end.x) / 8,
+            y: (start.y + 3 * c1.y + 3 * c2.y + end.y) / 8,
+        },
+    };
+}
+//# sourceMappingURL=flow-geometry.js.map