@watt-ui/react 0.1.1 → 0.1.3

package/dist/components/telemetry-chart.js

@@ -4,6 +4,7 @@ import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import { Slot } from "@radix-ui/react-slot";
 import { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { cx, part } from "../internal.js";
+import { MotionProvider, motionStyle, useChangeFeedback } from "../motion.js";
 import { nearestIndex, prepareSeries, lowerBound } from "../chart/data.js";
 import { chartOption, hasManagedConflict, } from "../chart/options.js";
 const Context = createContext(null);
@@ -13,7 +14,7 @@ function useChart() {
         throw new Error("Chart parts require TelemetryChart.Root");
     return ctx;
 }
-const Root = forwardRef(({ series, timeZone, locale, range, onRangeChange, sampling = "minmax", options, events, onReady, onError, density = "comfortable", asChild, children, className, ...props }, ref) => {
+const Root = forwardRef(({ series, timeZone, locale, range, onRangeChange, sampling = "minmax", options, events, onReady, onError, density = "comfortable", asChild, children, className, style, motion, ...props }, ref) => {
     const prepared = useMemo(() => prepareSeries(series), [series]);
     const [hidden, setHidden] = useState(() => new Set());
     const [timestamp, setTimestamp] = useState(null);
@@ -55,22 +56,22 @@ const Root = forwardRef(({ series, timeZone, locale, range, onRangeChange, sampl
             console.warn("Watt UI: explicit chart props override series, axes, zoom, tooltip and legend options.");
     }, [options, prepared, range, timeZone]);
     const Component = asChild ? Slot : "div";
-    return (_jsx(Context.Provider, { value: {
-            series: prepared,
-            timeZone,
-            locale,
-            range,
-            onRangeChange,
-            sampling,
-            options,
-            events,
-            inspection,
-            inspect,
-            hidden,
-            toggle,
-            onReady,
-            onError,
-        }, children: _jsx(Component, { ...props, ref: ref, "data-slot": "telemetry-chart", "data-density": density, className: cx("watt-root min-w-0", className), children: children }) }));
+    return (_jsx(MotionProvider, { motion: motion, children: _jsx(Context.Provider, { value: {
+                series: prepared,
+                timeZone,
+                locale,
+                range,
+                onRangeChange,
+                sampling,
+                options,
+                events,
+                inspection,
+                inspect,
+                hidden,
+                toggle,
+                onReady,
+                onError,
+            }, children: _jsx(Component, { ...props, ref: ref, "data-slot": "telemetry-chart", "data-density": density, style: { ...style, ...motionStyle(motion) }, className: cx("watt-root min-w-0", className), children: children }) }) }));
 });
 const Canvas = forwardRef(({ previewSvg, height = 300, className, style, onKeyDown, ...props }, forwardedRef) => {
     const ctx = useChart();
@@ -240,12 +241,20 @@ const Legend = forwardRef(({ children, className, ...props }, ref) => {
                 ...s,
                 hidden: ctx.hidden.has(s.id),
                 toggle: () => ctx.toggle(s.id),
-            })) : (_jsxs("button", { type: "button", "aria-pressed": !ctx.hidden.has(s.id), onClick: () => ctx.toggle(s.id), className: "inline-flex items-center gap-2", children: [_jsx("span", { className: "h-2 w-2 rounded-full", style: { background: s.color ?? "var(--watt-accent)" } }), s.label] })) }, s.id))) }));
+            })) : (_jsxs("button", { type: "button", "aria-pressed": !ctx.hidden.has(s.id), onClick: () => ctx.toggle(s.id), className: "watt-motion watt-chart-legend-toggle inline-flex items-center gap-2", children: [_jsx("span", { "aria-hidden": "true", "data-slot": "telemetry-chart-legend-marker", className: "watt-motion h-2 w-2 rounded-full border border-current", style: {
+                            color: s.color ?? "var(--watt-accent)",
+                            background: ctx.hidden.has(s.id)
+                                ? "transparent"
+                                : "currentColor",
+                        } }), s.label] })) }, s.id))) }));
 });
-function Tooltip({ children, ...props }) {
+const Tooltip = forwardRef(function Tooltip({ children, className, ...props }, ref) {
     const { inspection } = useChart();
-    return (_jsx("div", { ...props, "data-slot": "telemetry-chart-tooltip", "aria-live": props["aria-live"] ?? "polite", "aria-atomic": props["aria-atomic"] ?? true, children: children(inspection) }));
-}
+    const host = useRef(null);
+    const hostRef = useComposedRefs(host, ref);
+    useChangeFeedback(host, inspection !== null);
+    return (_jsx("div", { ...props, ref: hostRef, "data-slot": "telemetry-chart-tooltip", "data-state": inspection ? "active" : "idle", className: cx("watt-motion", className), "aria-live": props["aria-live"] ?? "polite", "aria-atomic": props["aria-atomic"] ?? true, children: children(inspection) }));
+});
 export const TelemetryChart = {
     Root,
     Canvas,

package/dist/components/telemetry-chart.js.map

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

package/dist/index.d.ts

@@ -8,12 +8,12 @@ export { AlarmFeed } from "./components/alarm-feed.js";
 export { AssetTree } from "./components/asset-tree.js";
 export { formatNumber, formatTime, parseTimestamp } from "./domain.js";
 export type * from "./types.js";
-export type { MetricValueProps } from "./components/power-metric.js";
+export type { PowerMetricProps, MetricValueProps, } from "./components/power-metric.js";
 export type { StatusIndicatorProps } from "./components/status-indicator.js";
 export type { BatterySOCProps } from "./components/battery-soc.js";
 export type { DataFreshnessProps, FreshnessTimeProps, FreshnessElapsedProps, } from "./components/data-freshness.js";
 export type { TelemetryChartProps, ChartCanvasProps, ChartInspection, } from "./components/telemetry-chart.js";
 export type { EnergyFlowProps, FlowAnimation, FlowStyle, FlowNodeProps, FlowPortProps, FlowEdgeProps, } from "./components/energy-flow.js";
 export type { AlarmFeedProps } from "./components/alarm-feed.js";
-export type { AssetTreeProps, AssetTreeRow, AssetTreeItem, } from "./components/asset-tree.js";
+export type { AssetTreeProps, AssetTreeRow, AssetTreeItem, AssetTreeIndicatorProps, } from "./components/asset-tree.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACvE,mBAAmB,YAAY,CAAC;AAChC,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,YAAY,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,GAChB,MAAM,iCAAiC,CAAC;AACzC,YAAY,EACV,eAAe,EACf,aAAa,EACb,SAAS,EACT,aAAa,EACb,aAAa,EACb,aAAa,GACd,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EACV,cAAc,EACd,YAAY,EACZ,aAAa,GACd,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACvE,mBAAmB,YAAY,CAAC;AAChC,YAAY,EACV,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,GAChB,MAAM,iCAAiC,CAAC;AACzC,YAAY,EACV,eAAe,EACf,aAAa,EACb,SAAS,EACT,aAAa,EACb,aAAa,EACb,aAAa,GACd,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,uBAAuB,GACxB,MAAM,4BAA4B,CAAC"}

package/dist/motion.d.ts

@@ -0,0 +1,12 @@
+import { type CSSProperties, type ReactNode, type RefObject } from "react";
+import type { Motion, MotionProps } from "./types.js";
+export declare function useMotion(own?: Motion): Motion;
+export declare function MotionProvider({ motion, children, }: MotionProps & {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function motionStyle(motion?: Motion): CSSProperties;
+/** Bounded feedback only: never changes text, data, row geometry or DOM identity. */
+export declare function animateMotion(element: HTMLElement, frames: Keyframe[]): () => void;
+export declare function highlightChange(element: HTMLElement): () => void;
+export declare function useChangeFeedback(ref: RefObject<HTMLElement | null>, value: unknown, ownMotion?: Motion): void;
+//# sourceMappingURL=motion.d.ts.map

package/dist/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../src/motion.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAMtD,wBAAgB,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAG9C;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,GACT,EAAE,WAAW,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAKvC;AAED,wBAAgB,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,aAAa,CAgB1D;AAED,qFAAqF;AACrF,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,QAAQ,EAAE,GACjB,MAAM,IAAI,CAkCZ;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,IAAI,CAQhE;AAED,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,KAAK,EAAE,OAAO,EACd,SAAS,CAAC,EAAE,MAAM,QAYnB"}

package/dist/motion.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useLayoutEffect, useRef, } from "react";
+const Context = createContext(true);
+const useMotionEffect = typeof document === "undefined" ? useEffect : useLayoutEffect;
+const noop = () => { };
+export function useMotion(own) {
+    const parent = useContext(Context);
+    return own ?? parent;
+}
+export function MotionProvider({ motion, children, }) {
+    const parent = useContext(Context);
+    return (_jsx(Context.Provider, { value: motion ?? parent, children: children }));
+}
+export function motionStyle(motion) {
+    if (motion === undefined)
+        return {};
+    const duration = motion === false ? 0 : motion === true ? 240 : (motion.duration ?? 240);
+    if (!Number.isFinite(duration) || duration < 0)
+        throw new Error("Motion duration must be finite and nonnegative milliseconds");
+    return {
+        "--watt-motion-duration": `${duration}ms`,
+        "--watt-motion-property": duration === 0 ? "none" : "initial",
+        "--watt-motion-easing": typeof motion === "object"
+            ? (motion.easing ?? "cubic-bezier(0.16, 1, 0.3, 1)")
+            : "cubic-bezier(0.16, 1, 0.3, 1)",
+    };
+}
+/** Bounded feedback only: never changes text, data, row geometry or DOM identity. */
+export function animateMotion(element, frames) {
+    if (!element.animate || document.hidden || !element.getClientRects().length)
+        return noop;
+    const preference = window.matchMedia("(prefers-reduced-motion: reduce)");
+    if (preference.matches)
+        return noop;
+    const styles = getComputedStyle(element);
+    const time = styles.transitionDuration.split(",")[0] ?? "0s";
+    const duration = parseFloat(time) * (time.trim().endsWith("ms") ? 1 : 1000);
+    if (!(duration > 0))
+        return noop;
+    let animation;
+    try {
+        animation = element.animate(frames, {
+            duration,
+            easing: styles.transitionTimingFunction,
+        });
+    }
+    catch {
+        return noop; // A consumer's unsupported CSS easing must not block live readings.
+    }
+    const detach = () => {
+        preference.removeEventListener("change", stop);
+        document.removeEventListener("visibilitychange", onVisibility);
+    };
+    const stop = () => {
+        animation.cancel();
+        detach();
+    };
+    const onVisibility = () => {
+        if (document.hidden)
+            stop();
+    };
+    preference.addEventListener("change", stop);
+    document.addEventListener("visibilitychange", onVisibility);
+    animation.addEventListener("finish", detach, { once: true });
+    animation.addEventListener("cancel", detach, { once: true });
+    return stop;
+}
+export function highlightChange(element) {
+    const styles = getComputedStyle(element);
+    const background = styles.backgroundColor;
+    const accent = styles.getPropertyValue("--watt-accent").trim() || "#355dff";
+    return animateMotion(element, [
+        { backgroundColor: `color-mix(in srgb, ${accent} 10%, ${background})` },
+        { backgroundColor: background },
+    ]);
+}
+export function useChangeFeedback(ref, value, ownMotion) {
+    const motion = useMotion(ownMotion);
+    const duration = typeof motion === "object" ? motion.duration : undefined;
+    const easing = typeof motion === "object" ? motion.easing : undefined;
+    const previous = useRef(value);
+    useMotionEffect(() => {
+        const changed = !Object.is(previous.current, value);
+        previous.current = value;
+        if (changed && motion !== false && ref.current)
+            return highlightChange(ref.current);
+    }, [value, ref, motion === false, duration, easing]);
+}
+//# sourceMappingURL=motion.js.map

package/dist/motion.js.map

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

package/dist/styles.css

@@ -22,6 +22,8 @@
   --watt-warning: #996009;
   --watt-critical: #c43b40;
   --watt-radius: 12px;
+  --watt-motion-duration: 240ms;
+  --watt-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
 }
 .dark,
 [data-theme="dark"] {
@@ -39,9 +41,71 @@
   color: var(--watt-foreground);
   font-variant-numeric: tabular-nums;
 }
+.watt-motion {
+  transition-property: none;
+  transition-duration: var(--watt-motion-duration, 240ms);
+  transition-timing-function: var(--watt-motion-easing, ease-out);
+}
+.watt-motion.watt-status {
+  transition-property: var(--watt-motion-property, color);
+}
+.watt-soc-fill {
+  transition-property: var(--watt-motion-property, width);
+}
+[data-slot="battery-soc"][data-invalid] .watt-soc-fill {
+  transition-duration: 0s;
+}
+[data-slot="asset-tree-row"] {
+  transition-property: var(--watt-motion-property, background-color);
+}
+[data-slot="asset-tree-row"][data-selected] {
+  background-color: color-mix(in srgb, var(--watt-accent) 8%, var(--watt-surface));
+}
+@media (hover: hover) {
+  [data-slot="asset-tree-row"]:hover:not([data-selected]) {
+    background-color: var(--watt-subtle);
+  }
+  [data-slot="asset-tree-row"][data-selected]:hover {
+    background-color: color-mix(in srgb, var(--watt-accent) 12%, var(--watt-surface));
+  }
+  .watt-chart-legend-toggle:hover {
+    background-color: var(--watt-subtle);
+  }
+}
+[data-slot="asset-tree-row"]:active:not([data-selected]) {
+  background-color: color-mix(in srgb, var(--watt-foreground) 7%, var(--watt-surface));
+}
+.watt-chart-legend-toggle {
+  min-height: 36px;
+  padding: 4px 6px;
+  border-radius: 6px;
+  transition-property: var(--watt-motion-property, background-color);
+}
+.watt-chart-legend-toggle:focus-visible {
+  outline: 2px solid var(--watt-accent);
+  outline-offset: 3px;
+}
+.watt-chart-legend-toggle:active {
+  background-color: var(--watt-border);
+}
+@media (pointer: coarse) {
+  .watt-chart-legend-toggle { min-height: 44px; }
+}
+[data-slot="asset-tree-indicator"] {
+  transition-property: var(--watt-motion-property, transform);
+}
+[data-slot="telemetry-chart-legend-marker"] {
+  transition-property: var(--watt-motion-property, background-color, scale);
+}
+.watt-chart-legend-toggle[aria-pressed="false"] {
+  text-decoration: line-through;
+}
+.watt-chart-legend-toggle[aria-pressed="false"]
+  [data-slot="telemetry-chart-legend-marker"] {
+  scale: 0.75;
+}
 .watt-status {
   color: var(--watt-muted);
-  transition: color 140ms ease-out;
 }
 .watt-status[data-status="normal"] {
   color: var(--watt-positive);
@@ -121,6 +185,10 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
+  .watt-motion {
+    transition-duration: 0s !important;
+    transition-property: none !important;
+  }
   .watt-status {
     transition: none;
   }

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from "react";
+import type { CSSProperties, HTMLAttributes } from "react";
 export type PowerUnit = "W" | "kW" | "MW";
 export type EnergyUnit = "Wh" | "kWh" | "MWh";
 export type MeasurementUnit = PowerUnit | EnergyUnit | "V" | "A" | "Hz" | "°C" | "%" | "W/m²";
@@ -6,6 +6,15 @@ export type Timestamp = string | number;
 export type DataQuality = "good" | "uncertain" | "stale" | "missing" | "bad" | "offline";
 export type EquipmentStatus = "normal" | "standby" | "stopped" | "warning" | "fault" | "offline";
 export type Density = "compact" | "comfortable";
+export interface MotionOptions {
+    /** Duration in milliseconds; zero disables transitions. */
+    duration?: number;
+    easing?: CSSProperties["transitionTimingFunction"];
+}
+export type Motion = boolean | MotionOptions;
+export interface MotionProps {
+    motion?: Motion;
+}
 export interface PartProps extends HTMLAttributes<HTMLElement> {
     asChild?: boolean;
 }

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;AAC9C,MAAM,MAAM,eAAe,GACzB,SAAS,GAAG,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AACxC,MAAM,MAAM,WAAW,GACrB,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;AACjE,MAAM,MAAM,eAAe,GACzB,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC;AAChD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe;IACtE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,CAAC,CAAC;IACR,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AACD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AACD,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AACD,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAClD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IAC1C,MAAM,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC;IAC/C,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;CACZ;AACD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@watt-ui/react",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "React components for energy and power dashboards",
   "homepage": "https://watt-ui.pages.dev",
   "license": "MIT",

package/src/components/alarm-feed.tsx

@@ -1,15 +1,20 @@
 "use client";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import type { ForwardedRef, RefAttributes, ReactElement } from "react";
-import { forwardRef } from "react";
+import { forwardRef, useEffect } from "react";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { useRef } from "react";
 import { cx, part } from "../internal.js";
-import type { AlarmEvent, Density } from "../types.js";
-export interface AlarmFeedProps<T extends AlarmEvent = AlarmEvent> extends Omit<
-  React.HTMLAttributes<HTMLDivElement>,
-  "children"
-> {
+import type { AlarmEvent, Density, MotionProps } from "../types.js";
+import {
+  MotionProvider,
+  motionStyle,
+  highlightChange,
+  useMotion,
+} from "../motion.js";
+export interface AlarmFeedProps<T extends AlarmEvent = AlarmEvent>
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">,
+    MotionProps {
   items: readonly T[];
   children: (item: T, index: number) => React.ReactNode;
   density?: Density;
@@ -27,6 +32,7 @@ function Root<T extends AlarmEvent>(
     rowHeight = 80,
     height = 400,
     empty,
+    motion,
     className,
     style,
     ...props
@@ -35,6 +41,28 @@ function Root<T extends AlarmEvent>(
 ) {
   const host = useRef<HTMLDivElement>(null);
   const hostRef = useComposedRefs(host, forwardedRef);
+  const previousItems = useRef(items);
+  const resolvedMotion = useMotion(motion);
+  const duration =
+    typeof resolvedMotion === "object" ? resolvedMotion.duration : undefined;
+  const easing =
+    typeof resolvedMotion === "object" ? resolvedMotion.easing : undefined;
+  useEffect(() => {
+    const old = previousItems.current;
+    previousItems.current = items;
+    if (old === items || resolvedMotion === false || !host.current) return;
+    const known = new Set(old.map((item) => item.id));
+    const added = new Set(
+      items.filter((item) => !known.has(item.id)).map((item) => item.id),
+    );
+    const stop: (() => void)[] = [];
+    for (const element of host.current.querySelectorAll<HTMLElement>(
+      "[data-slot=alarm-feed-item]",
+    ))
+      if (added.has(element.dataset.alarmId!))
+        stop.push(highlightChange(element));
+    return () => stop.forEach((cancel) => cancel());
+  }, [items, resolvedMotion === false, duration, easing]);
   const virtualizer = useVirtualizer({
     count: items.length,
     initialRect: { width: 0, height: virtualized ? height : 0 },
@@ -48,62 +76,69 @@ function Root<T extends AlarmEvent>(
     ? virtualizer.getVirtualItems()
     : items.map((item, index) => ({ key: item.id, index, start: 0 }));
   return (
-    <div
-      {...props}
-      ref={hostRef}
-      tabIndex={props.tabIndex ?? (virtualized ? 0 : undefined)}
-      data-slot="alarm-feed"
-      data-density={density}
-      className={cx("watt-root overflow-auto", className)}
-      style={{ ...(virtualized ? { height } : {}), ...style }}
-    >
-      {!items.length ? (
-        empty
-      ) : (
-        <div
-          role="list"
-          style={
-            virtualized
-              ? { height: virtualizer.getTotalSize(), position: "relative" }
-              : undefined
-          }
-        >
-          {rows.map((row) => {
-            const item = items[row.index]!;
-            return (
-              <div
-                role="listitem"
-                key={row.key}
-                data-index={row.index}
-                ref={virtualized ? virtualizer.measureElement : undefined}
-                aria-posinset={row.index + 1}
-                aria-setsize={items.length}
-                data-slot="alarm-feed-item"
-                data-severity={item.severity}
-                data-state={item.status}
-                className={cx(
-                  "border-b border-[var(--watt-border)] last:border-0",
-                  density === "compact" ? "py-2.5" : "py-4",
-                )}
-                style={
-                  virtualized
-                    ? {
-                        position: "absolute",
-                        top: 0,
-                        left: 0,
-                        width: "100%",
-                        transform: `translateY(${row.start}px)`,
-                      }
-                    : undefined
-                }
-              >
-                {children(item, row.index)}
-              </div>
-            );
-          })}
-        </div>
-      )}
-    </div>
+    <MotionProvider motion={motion}>
+      <div
+        {...props}
+        ref={hostRef}
+        tabIndex={props.tabIndex ?? (virtualized ? 0 : undefined)}
+        data-slot="alarm-feed"
+        data-density={density}
+        className={cx("watt-root overflow-auto", className)}
+        style={{
+          ...(virtualized ? { height } : {}),
+          ...style,
+          ...motionStyle(motion),
+        }}
+      >
+        {!items.length ? (
+          empty
+        ) : (
+          <div
+            role="list"
+            style={
+              virtualized
+                ? { height: virtualizer.getTotalSize(), position: "relative" }
+                : undefined
+            }
+          >
+            {rows.map((row) => {
+              const item = items[row.index]!;
+              return (
+                <div
+                  role="listitem"
+                  key={row.key}
+                  data-index={row.index}
+                  ref={virtualized ? virtualizer.measureElement : undefined}
+                  aria-posinset={row.index + 1}
+                  aria-setsize={items.length}
+                  data-slot="alarm-feed-item"
+                  data-alarm-id={item.id}
+                  data-severity={item.severity}
+                  data-state={item.status}
+                  className={cx(
+                    "watt-motion border-b border-[var(--watt-border)] last:border-0",
+                    density === "compact" ? "py-2.5" : "py-4",
+                  )}
+                  style={
+                    virtualized
+                      ? {
+                          position: "absolute",
+                          top: 0,
+                          left: 0,
+                          width: "100%",
+                          transform: `translateY(${row.start}px)`,
+                        }
+                      : undefined
+                  }
+                >
+                  {children(item, row.index)}
+                </div>
+              );
+            })}
+          </div>
+        )}
+      </div>
+    </MotionProvider>
   );
 }
 const Severity = forwardRef<