@watt-ui/react 0.1.3 → 0.2.0

package/dist/components/equipment-table.d.ts

@@ -0,0 +1,34 @@
+import type { Density, MotionProps } from "../types.js";
+import type { ReactElement, RefAttributes } from "react";
+export interface EquipmentColumn<T> {
+    id: string;
+    header: React.ReactNode;
+    cell: (item: T) => React.ReactNode;
+    width?: string;
+    sortable?: boolean;
+}
+export interface TableSort {
+    columnId: string;
+    direction: "ascending" | "descending";
+}
+export interface EquipmentTableProps<T extends {
+    id: string;
+}> extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onSelect">, MotionProps {
+    items: readonly T[];
+    columns: readonly EquipmentColumn<T>[];
+    sort?: TableSort;
+    onSortChange?: (sort: TableSort) => void;
+    selectedId?: string | null;
+    onRowSelect?: (item: T) => void;
+    density?: Density;
+    height?: number;
+    rowHeight?: number;
+    virtualized?: boolean;
+    empty?: React.ReactNode;
+}
+export declare const EquipmentTable: {
+    Root: <T extends {
+        id: string;
+    }>(props: EquipmentTableProps<T> & RefAttributes<HTMLDivElement>) => ReactElement;
+};
+//# sourceMappingURL=equipment-table.d.ts.map

package/dist/components/equipment-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"equipment-table.d.ts","sourceRoot":"","sources":["../../src/components/equipment-table.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAgB,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACvE,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,WAAW,GAAG,YAAY,CAAC;CACvC;AACD,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAC3D,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,EACnE,WAAW;IACb,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,OAAO,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAqQD,eAAO,MAAM,cAAc;UACC,CAAC,CAAC,SAAS;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EACjD,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,KAC1D,YAAY;CAClB,CAAC"}

package/dist/components/equipment-table.js

@@ -0,0 +1,141 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { ArrowDown, ArrowUp } from "lucide-react";
+import { cx } from "../internal.js";
+import { MotionProvider, motionStyle } from "../motion.js";
+import { useVirtualFocus } from "../virtual-focus.js";
+function Root({ items, columns, sort, onSortChange, selectedId, onRowSelect, density = "comfortable", height = 360, rowHeight = density === "compact" ? 36 : 48, virtualized = true, empty, motion, style, className, onKeyDown, ...props }, ref) {
+    if (!Number.isFinite(height) ||
+        height <= 0 ||
+        !Number.isFinite(rowHeight) ||
+        rowHeight < 24)
+        throw new Error("EquipmentTable requires a positive height and rowHeight >= 24");
+    useMemo(() => {
+        for (const list of [items, columns]) {
+            const ids = new Set();
+            for (const item of list) {
+                if (!item.id || ids.has(item.id))
+                    throw new Error("EquipmentTable row and column IDs must be nonempty and unique");
+                ids.add(item.id);
+            }
+        }
+        if (!columns.length)
+            throw new Error("EquipmentTable needs at least one column");
+    }, [items, columns]);
+    const host = useRef(null);
+    const hostRef = useComposedRefs(host, ref);
+    const [focused, setFocused] = useState(0);
+    const virtualizer = useVirtualizer({
+        count: items.length,
+        getScrollElement: () => host.current,
+        estimateSize: () => rowHeight,
+        initialRect: { width: 0, height },
+        overscan: 5,
+        enabled: virtualized,
+        getItemKey: (index) => items[index].id,
+        scrollMargin: rowHeight,
+    });
+    useEffect(() => {
+        virtualizer.measure();
+    }, [virtualizer, rowHeight]);
+    const focus = useVirtualFocus(host, (index) => virtualizer.scrollToIndex(index, { align: "auto" }));
+    const rows = virtualized
+        ? virtualizer.getVirtualItems()
+        : items.map((item, index) => ({
+            key: item.id,
+            index,
+            start: index * rowHeight,
+        }));
+    const tabIndex = rows.some((row) => row.index === focused)
+        ? focused
+        : rows[0]?.index;
+    const gridTemplateColumns = columns
+        .map((column) => column.width ?? "minmax(140px, 1fr)")
+        .join(" ");
+    return (_jsx(MotionProvider, { motion: motion, children: _jsxs("div", { ...props, ref: hostRef, role: onRowSelect ? "grid" : "table", tabIndex: props.tabIndex ?? (!onRowSelect || !items.length ? 0 : undefined), "aria-rowcount": items.length + 1, "aria-colcount": columns.length, "data-slot": "equipment-table", "data-density": density, className: cx("watt-root relative overflow-auto text-sm", className), style: { maxHeight: height, ...style, ...motionStyle(motion) }, onKeyDown: (event) => {
+                onKeyDown?.(event);
+                if (event.defaultPrevented ||
+                    !onRowSelect ||
+                    event.target !== event.currentTarget.ownerDocument.activeElement)
+                    return;
+                const target = event.target;
+                if (target.dataset.slot !== "equipment-table-row")
+                    return;
+                const index = Number(target.dataset.focusIndex);
+                let next;
+                switch (event.key) {
+                    case "ArrowDown":
+                        next = Math.min(items.length - 1, index + 1);
+                        break;
+                    case "ArrowUp":
+                        next = Math.max(0, index - 1);
+                        break;
+                    case "Home":
+                        next = 0;
+                        break;
+                    case "End":
+                        next = items.length - 1;
+                        break;
+                    case "Enter":
+                    case " ":
+                        event.preventDefault();
+                        onRowSelect(items[index]);
+                        return;
+                    default:
+                        return;
+                }
+                event.preventDefault();
+                setFocused(next);
+                focus(next);
+            }, children: [_jsx("div", { role: "rowgroup", className: "sticky top-0 z-10 bg-[var(--watt-surface)]", children: _jsx("div", { role: "row", "aria-rowindex": 1, style: {
+                            display: "grid",
+                            gridTemplateColumns,
+                            minWidth: "max-content",
+                            minHeight: rowHeight,
+                        }, children: columns.map((column) => (_jsx("div", { role: "columnheader", "aria-sort": column.sortable
+                                ? sort?.columnId === column.id
+                                    ? sort.direction
+                                    : "none"
+                                : undefined, className: "flex items-center border-b border-[var(--watt-border)] px-3 font-medium", children: column.sortable && onSortChange ? (_jsxs("button", { type: "button", className: "watt-choice inline-flex min-h-9 items-center gap-2 rounded-sm text-left focus-visible:outline-2 focus-visible:outline-[var(--watt-accent)]", onClick: () => onSortChange({
+                                    columnId: column.id,
+                                    direction: sort?.columnId === column.id &&
+                                        sort.direction === "ascending"
+                                        ? "descending"
+                                        : "ascending",
+                                }), children: [column.header, sort?.columnId === column.id &&
+                                        (sort.direction === "ascending" ? (_jsx(ArrowUp, { size: 14 })) : (_jsx(ArrowDown, { size: 14 })))] })) : (column.header) }, column.id))) }) }), !items.length ? (empty) : (_jsx("div", { role: "rowgroup", style: {
+                        position: "relative",
+                        height: virtualized ? virtualizer.getTotalSize() : undefined,
+                    }, children: rows.map((row) => {
+                        const item = items[row.index];
+                        return (_jsx("div", { role: "row", "aria-rowindex": row.index + 2, "data-slot": "equipment-table-row", "aria-selected": onRowSelect ? selectedId === item.id : undefined, "data-focus-index": row.index, "data-selected": selectedId === item.id || undefined, tabIndex: onRowSelect ? (tabIndex === row.index ? 0 : -1) : undefined, className: "watt-motion border-b border-[var(--watt-border)] last:border-0 outline-offset-[-2px] data-[selected]:bg-[var(--watt-subtle)] focus-visible:outline-2 focus-visible:outline-[var(--watt-accent)]", style: {
+                                display: "grid",
+                                gridTemplateColumns,
+                                minWidth: "max-content",
+                                height: rowHeight,
+                                ...(virtualized
+                                    ? {
+                                        position: "absolute",
+                                        top: 0,
+                                        left: 0,
+                                        width: "100%",
+                                        transform: `translateY(${row.start - rowHeight}px)`,
+                                    }
+                                    : {}),
+                            }, onFocus: (event) => {
+                                if (event.target === event.currentTarget)
+                                    setFocused(row.index);
+                            }, onClick: (event) => {
+                                if (event.target.closest("button,a,input,select,textarea"))
+                                    return;
+                                onRowSelect?.(item);
+                            }, children: columns.map((column) => (_jsx("div", { role: onRowSelect ? "gridcell" : "cell", className: "flex min-w-0 items-center overflow-hidden px-3", children: column.cell(item) }, column.id))) }, item.id));
+                    }) }))] }) }));
+}
+export const EquipmentTable = {
+    Root: forwardRef(Root),
+};
+//# sourceMappingURL=equipment-table.js.map

package/dist/components/equipment-table.js.map

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

package/dist/components/metric-trend.d.ts

@@ -0,0 +1,13 @@
+import { type MetricValueProps } from "./power-metric.js";
+import type { RootProps, MotionProps, PartProps } from "../types.js";
+export interface MetricTrendProps extends RootProps, MotionProps {
+    direction: "up" | "down" | "flat";
+    tone?: "neutral" | "positive" | "warning" | "critical";
+}
+export declare const MetricTrend: {
+    Root: import("react").ForwardRefExoticComponent<MetricTrendProps & import("react").RefAttributes<HTMLElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
+    Value: import("react").ForwardRefExoticComponent<MetricValueProps & import("react").RefAttributes<HTMLElement>>;
+    Label: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
+};
+//# sourceMappingURL=metric-trend.d.ts.map

package/dist/components/metric-trend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-trend.d.ts","sourceRoot":"","sources":["../../src/components/metric-trend.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACrE,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,WAAW;IAC9D,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;CACxD;AAED,eAAO,MAAM,WAAW;;;;;CAyEvB,CAAC"}

package/dist/components/metric-trend.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext } from "react";
+import { ArrowUpRight, ArrowDownRight, ArrowRight } from "lucide-react";
+import { Slot } from "@radix-ui/react-slot";
+import { cx, part } from "../internal.js";
+import { MotionProvider, motionStyle } from "../motion.js";
+import { PowerMetric } from "./power-metric.js";
+const Context = createContext("flat");
+export const MetricTrend = {
+    Root: forwardRef(function MetricTrendRoot({ direction, tone = "neutral", density = "comfortable", motion, style, asChild, className, ...props }, ref) {
+        const Component = asChild ? Slot : "span";
+        return (_jsx(MotionProvider, { motion: motion, children: _jsx(Context.Provider, { value: direction, children: _jsx(Component, { ...props, ref: ref, "data-slot": "metric-trend", "data-direction": direction, "data-tone": tone, "data-density": density, style: { ...style, ...motionStyle(motion) }, className: cx("watt-root inline-flex items-center gap-1.5 text-sm data-[tone=positive]:text-[var(--watt-positive)] data-[tone=warning]:text-[var(--watt-warning)] data-[tone=critical]:text-[var(--watt-critical)] data-[density=compact]:text-xs", className) }) }) }));
+    }),
+    Indicator: forwardRef(function TrendIndicator({ asChild, children, ...props }, ref) {
+        const direction = useContext(Context);
+        const Icon = direction === "up"
+            ? ArrowUpRight
+            : direction === "down"
+                ? ArrowDownRight
+                : ArrowRight;
+        const Component = asChild ? Slot : "span";
+        return (_jsx(Component, { ...props, ref: ref, "data-slot": "metric-trend-indicator", children: children ?? _jsx(Icon, { size: 16, "aria-hidden": "true" }) }));
+    }),
+    Value: forwardRef(function TrendValue({ className, ...props }, ref) {
+        return (_jsx(PowerMetric.Value, { ...props, ref: ref, className: cx("text-[length:inherit] font-medium tracking-normal", className) }));
+    }),
+    Label: part("metric-trend-label", "", "span"),
+};
+//# sourceMappingURL=metric-trend.js.map

package/dist/components/metric-trend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-trend.js","sourceRoot":"","sources":["../../src/components/metric-trend.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAyB,MAAM,mBAAmB,CAAC;AAMvE,MAAM,OAAO,GAAG,aAAa,CAAgC,MAAM,CAAC,CAAC;AACrE,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,UAAU,CAAgC,SAAS,eAAe,CACtE,EACE,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,aAAa,EACvB,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG;QAEH,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QAC1C,OAAO,CACL,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,YAC5B,KAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YAChC,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAY,eACP,cAAc,oBACR,SAAS,eACd,IAAI,kBACD,OAAO,EACrB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,EAC3C,SAAS,EAAE,EAAE,CACX,oOAAoO,EACpO,SAAS,CACV,GACD,GACe,GACJ,CAClB,CAAC;IACJ,CAAC,CAAC;IACF,SAAS,EAAE,UAAU,CAAyB,SAAS,cAAc,CACnE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC/B,GAAG;QAEH,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;QACtC,MAAM,IAAI,GACR,SAAS,KAAK,IAAI;YAChB,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,SAAS,KAAK,MAAM;gBACpB,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,UAAU,CAAC;QACnB,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QAC1C,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAY,eACP,wBAAwB,YAEjC,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,GACxC,CACb,CAAC;IACJ,CAAC,CAAC;IACF,KAAK,EAAE,UAAU,CAAgC,SAAS,UAAU,CAClE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;QAEH,OAAO,CACL,KAAC,WAAW,CAAC,KAAK,OACZ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,SAAS,CACV,GACD,CACH,CAAC;IACJ,CAAC,CAAC;IACF,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,MAAM,CAAC;CAC9C,CAAC"}

package/dist/components/operating-timeline.d.ts

@@ -0,0 +1,31 @@
+import type { Timestamp, TimeRange, Density, MotionProps } from "../types.js";
+import type { ReactElement, RefAttributes } from "react";
+export interface TimelineTrack {
+    id: string;
+    label: React.ReactNode;
+}
+export interface TimelineEvent {
+    id: string;
+    trackId: string;
+    start: Timestamp;
+    end: Timestamp;
+    label: string;
+    color?: string;
+}
+export interface OperatingTimelineProps<T extends TimelineEvent = TimelineEvent> extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onSelect">, MotionProps {
+    events: readonly T[];
+    tracks: readonly TimelineTrack[];
+    range: TimeRange;
+    timeZone: string;
+    selectedId?: string | null;
+    onEventSelect?: (event: T) => void;
+    children?: (event: T) => React.ReactNode;
+    density?: Density;
+    timeFormatter?: (timestamp: number) => string;
+    empty?: React.ReactNode;
+}
+export declare const OperatingTimeline: {
+    Root: <T extends TimelineEvent>(props: OperatingTimelineProps<T> & RefAttributes<HTMLDivElement>) => ReactElement;
+    Legend: import("react").ForwardRefExoticComponent<import("../types.js").PartProps & RefAttributes<HTMLElement>>;
+};
+//# sourceMappingURL=operating-timeline.d.ts.map

package/dist/components/operating-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"operating-timeline.d.ts","sourceRoot":"","sources":["../../src/components/operating-timeline.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,KAAK,EAAgB,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACvE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AACD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,SAAS,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa,CAC7E,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,EACnE,WAAW;IACb,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC;IACrB,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AA4ID,eAAO,MAAM,iBAAiB;UACF,CAAC,CAAC,SAAS,aAAa,EAChD,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,KAC7D,YAAY;;CAKlB,CAAC"}

package/dist/components/operating-timeline.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useMemo, useState } from "react";
+import { cx, part } from "../internal.js";
+import { parseTimestamp } from "../domain.js";
+import { motionStyle } from "../motion.js";
+function Root({ events, tracks, range, timeZone, selectedId, onEventSelect, children, density = "comfortable", timeFormatter, empty, motion, style, className, ...props }, ref) {
+    const [internal, setInternal] = useState(null);
+    const selected = selectedId === undefined ? internal : selectedId;
+    const grouped = useMemo(() => {
+        if (!Number.isFinite(range[0]) ||
+            !Number.isFinite(range[1]) ||
+            range[1] <= range[0])
+            throw new Error("OperatingTimeline requires finite start < end");
+        const groups = new Map(tracks.map((track) => [
+            track.id,
+            [],
+        ]));
+        if (groups.size !== tracks.length || tracks.some((track) => !track.id))
+            throw new Error("Timeline track IDs must be nonempty and unique");
+        const ids = new Set();
+        for (const event of events) {
+            const start = parseTimestamp(event.start), end = parseTimestamp(event.end);
+            if (!event.id ||
+                ids.has(event.id) ||
+                start === null ||
+                end === null ||
+                end < start ||
+                !groups.has(event.trackId))
+                throw new Error("Timeline events need unique IDs, a known track and valid start <= end");
+            ids.add(event.id);
+            if (end >= range[0] && start <= range[1])
+                groups.get(event.trackId).push({ event, start, end });
+        }
+        return groups;
+    }, [events, tracks, range]);
+    const label = timeFormatter ??
+        new Intl.DateTimeFormat("en-GB", {
+            timeZone,
+            dateStyle: "short",
+            timeStyle: "short",
+            hour12: false,
+        }).format;
+    const rowHeight = density === "compact" ? 40 : 52;
+    return (_jsx("div", { ...props, ref: ref, "data-slot": "operating-timeline", tabIndex: props.tabIndex ?? 0, "data-density": density, className: cx("watt-root overflow-auto text-sm", className), style: { ...style, ...motionStyle(motion) }, children: _jsxs("div", { className: "min-w-[280px]", children: [_jsxs("div", { "data-slot": "operating-timeline-range", className: "mb-3 grid grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] gap-2 pl-28 text-xs text-[var(--watt-muted)]", children: [_jsx("span", { children: label(range[0]) }), _jsx("span", { children: timeZone }), _jsx("span", { className: "text-right", children: label(range[1]) })] }), !events.length && empty, tracks.map((track) => (_jsxs("div", { "data-slot": "operating-timeline-track", className: "grid grid-cols-[7rem_minmax(0,1fr)] items-center border-b border-[var(--watt-border)] last:border-0", style: { minHeight: rowHeight }, children: [_jsx("span", { className: "pr-3 text-xs", children: track.label }), _jsx("div", { role: "list", "aria-label": typeof track.label === "string" ? track.label : track.id, className: "relative", style: { height: rowHeight }, children: grouped.get(track.id).map(({ event, start, end }) => (_jsx("div", { role: "listitem", className: "watt-motion watt-timeline-event absolute inset-y-2", style: {
+                                    left: `clamp(0px, ${((Math.max(start, range[0]) - range[0]) / (range[1] - range[0])) * 100}%, calc(100% - 16px))`,
+                                    minWidth: 16,
+                                    width: `${Math.max(0.6, ((Math.min(end, range[1]) - Math.max(start, range[0])) / (range[1] - range[0])) * 100)}%`,
+                                }, children: _jsx("button", { type: "button", "data-slot": "operating-timeline-event", "data-selected": selected === event.id || undefined, "aria-pressed": selected === event.id, "aria-label": `${event.label}, ${label(start)}–${label(end)} ${timeZone}`, className: "h-full w-full overflow-hidden rounded-sm border border-[var(--watt-border)] px-1.5 text-left text-xs whitespace-nowrap outline-offset-2 data-[selected]:outline-2 data-[selected]:outline-[var(--watt-accent)] focus-visible:outline-2 focus-visible:outline-[var(--watt-accent)]", style: {
+                                        backgroundColor: event.color ?? "var(--watt-subtle)",
+                                    }, onClick: () => {
+                                        if (selectedId === undefined)
+                                            setInternal(event.id);
+                                        onEventSelect?.(event);
+                                    }, children: children ? children(event) : event.label }) }, event.id))) })] }, track.id)))] }) }));
+}
+export const OperatingTimeline = {
+    Root: forwardRef(Root),
+    Legend: part("operating-timeline-legend", "flex flex-wrap gap-4 text-xs text-[var(--watt-muted)]"),
+};
+//# sourceMappingURL=operating-timeline.js.map

package/dist/components/operating-timeline.js.map

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

package/dist/components/plant-fleet-map.d.ts

@@ -0,0 +1,32 @@
+import type { DataQuality, Density, EquipmentStatus, MotionProps } from "../types.js";
+import type { ReactElement, RefAttributes } from "react";
+export interface FleetSite {
+    id: string;
+    label: string;
+    longitude: number;
+    latitude: number;
+    status?: EquipmentStatus;
+    quality?: DataQuality;
+}
+export type MapBounds = readonly [
+    west: number,
+    south: number,
+    east: number,
+    north: number
+];
+export interface PlantFleetMapProps<T extends FleetSite = FleetSite> extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, MotionProps {
+    sites: readonly T[];
+    density?: Density;
+    bounds?: MapBounds;
+    selectedId?: string | null;
+    defaultSelectedId?: string | null;
+    onSelectionChange?: (site: T) => void;
+    children?: (site: T, selected: boolean) => React.ReactNode;
+    background?: React.ReactNode;
+    empty?: React.ReactNode;
+}
+export declare const PlantFleetMap: {
+    Root: <T extends FleetSite>(props: PlantFleetMapProps<T> & RefAttributes<HTMLDivElement>) => ReactElement;
+    Legend: import("react").ForwardRefExoticComponent<import("../types.js").PartProps & RefAttributes<HTMLElement>>;
+};
+//# sourceMappingURL=plant-fleet-map.d.ts.map

package/dist/components/plant-fleet-map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plant-fleet-map.d.ts","sourceRoot":"","sources":["../../src/components/plant-fleet-map.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,WAAW,EACX,OAAO,EACP,eAAe,EACf,WAAW,EACZ,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAgB,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACvE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AACD,MAAM,MAAM,SAAS,GAAG,SAAS;IAC/B,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,MAAM;CACd,CAAC;AACF,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CACjE,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAAE,WAAW;IAC3E,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AA+HD,eAAO,MAAM,aAAa;UACE,CAAC,CAAC,SAAS,SAAS,EAC5C,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,KACzD,YAAY;;CAKlB,CAAC"}

package/dist/components/plant-fleet-map.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useMemo, useState } from "react";
+import { cx, part } from "../internal.js";
+import { motionStyle } from "../motion.js";
+import { landPath } from "../map/land.js";
+const WORLD = [-180, -75, 180, 85];
+function Root({ sites, bounds = WORLD, selectedId, defaultSelectedId = null, onSelectionChange, children, background, empty, density = "comfortable", motion, style, className, ...props }, ref) {
+    const [internal, setInternal] = useState(defaultSelectedId);
+    const selected = selectedId === undefined ? internal : selectedId;
+    const visible = useMemo(() => {
+        const [west, south, east, north] = bounds;
+        if (!bounds.every(Number.isFinite) ||
+            west < -180 ||
+            east > 180 ||
+            south < -90 ||
+            north > 90 ||
+            west >= east ||
+            south >= north)
+            throw new Error("Map bounds must be finite west < east and south < north within longitude/latitude limits");
+        const ids = new Set();
+        for (const site of sites) {
+            if (!site.id ||
+                ids.has(site.id) ||
+                !Number.isFinite(site.longitude) ||
+                Math.abs(site.longitude) > 180 ||
+                !Number.isFinite(site.latitude) ||
+                Math.abs(site.latitude) > 90)
+                throw new Error("Map sites need unique IDs and valid longitude/latitude");
+            ids.add(site.id);
+        }
+        return sites.filter((site) => site.longitude >= west &&
+            site.longitude <= east &&
+            site.latitude >= south &&
+            site.latitude <= north);
+    }, [sites, bounds]);
+    return (_jsxs("div", { ...props, ref: ref, "data-slot": "plant-fleet-map", "data-density": density, className: cx("watt-root relative isolate overflow-hidden rounded-sm bg-[var(--watt-subtle)]", className), style: {
+            aspectRatio: (bounds[2] - bounds[0]) / (bounds[3] - bounds[1]),
+            ...style,
+            ...motionStyle(motion),
+        }, children: [background ?? (_jsx("svg", { "aria-hidden": "true", className: "absolute inset-0 h-full w-full", preserveAspectRatio: "none", viewBox: `${(bounds[0] + 180) * 2} ${(90 - bounds[3]) * 2} ${(bounds[2] - bounds[0]) * 2} ${(bounds[3] - bounds[1]) * 2}`, children: _jsx("path", { d: landPath, fill: "var(--watt-surface)", stroke: "var(--watt-border)", strokeWidth: ".7", vectorEffect: "non-scaling-stroke" }) })), !visible.length && _jsx("div", { className: "relative p-6 text-sm", children: empty }), visible.map((site) => (_jsx("button", { type: "button", "data-slot": "plant-fleet-map-site", "data-selected": selected === site.id || undefined, "data-status": site.status, "data-quality": site.quality, "aria-label": [site.label, site.status, site.quality]
+                    .filter(Boolean)
+                    .join(", "), "aria-pressed": selected === site.id, title: site.label, className: "watt-motion watt-choice absolute z-10 inline-flex min-h-9 min-w-9 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full focus-visible:outline-2 focus-visible:outline-[var(--watt-accent)] data-[selected]:outline-2 data-[selected]:outline-[var(--watt-accent)]", style: {
+                    left: `${((site.longitude - bounds[0]) / (bounds[2] - bounds[0])) * 100}%`,
+                    top: `${((bounds[3] - site.latitude) / (bounds[3] - bounds[1])) * 100}%`,
+                }, onClick: () => {
+                    if (selectedId === undefined)
+                        setInternal(site.id);
+                    onSelectionChange?.(site);
+                }, children: children ? (children(site, selected === site.id)) : (_jsx("span", { className: "watt-status", "data-status": site.status, children: _jsx("span", { className: "watt-status-dot" }) })) }, site.id)))] }));
+}
+export const PlantFleetMap = {
+    Root: forwardRef(Root),
+    Legend: part("plant-fleet-map-legend", "flex flex-wrap gap-4 text-xs text-[var(--watt-muted)]"),
+};
+//# sourceMappingURL=plant-fleet-map.js.map

package/dist/components/plant-fleet-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plant-fleet-map.js","sourceRoot":"","sources":["../../src/components/plant-fleet-map.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAkC1C,MAAM,KAAK,GAAc,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;AAC9C,SAAS,IAAI,CACX,EACE,KAAK,EACL,MAAM,GAAG,KAAK,EACd,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,iBAAiB,EACjB,QAAQ,EACR,UAAU,EACV,KAAK,EACL,OAAO,GAAG,aAAa,EACvB,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACc,EACxB,GAAiC;IAEjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;IAClE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,MAAM,CAAC;QAC1C,IACE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;YAC9B,IAAI,GAAG,CAAC,GAAG;YACX,IAAI,GAAG,GAAG;YACV,KAAK,GAAG,CAAC,EAAE;YACX,KAAK,GAAG,EAAE;YACV,IAAI,IAAI,IAAI;YACZ,KAAK,IAAI,KAAK;YAEd,MAAM,IAAI,KAAK,CACb,0FAA0F,CAC3F,CAAC;QACJ,MAAM,GAAG,GAAG,IAAI,GAAG,EAAU,CAAC;QAC9B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IACE,CAAC,IAAI,CAAC,EAAE;gBACR,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBAChB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;gBAChC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG;gBAC9B,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC/B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAE5B,MAAM,IAAI,KAAK,CACb,wDAAwD,CACzD,CAAC;YACJ,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACnB,CAAC;QACD,OAAO,KAAK,CAAC,MAAM,CACjB,CAAC,IAAI,EAAE,EAAE,CACP,IAAI,CAAC,SAAS,IAAI,IAAI;YACtB,IAAI,CAAC,SAAS,IAAI,IAAI;YACtB,IAAI,CAAC,QAAQ,IAAI,KAAK;YACtB,IAAI,CAAC,QAAQ,IAAI,KAAK,CACzB,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IACpB,OAAO,CACL,kBACM,KAAK,EACT,GAAG,EAAE,GAAG,eACE,iBAAiB,kBACb,OAAO,EACrB,SAAS,EAAE,EAAE,CACX,+EAA+E,EAC/E,SAAS,CACV,EACD,KAAK,EAAE;YACL,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAC9D,GAAG,KAAK;YACR,GAAG,WAAW,CAAC,MAAM,CAAC;SACvB,aAEA,UAAU,IAAI,CACb,6BACc,MAAM,EAClB,SAAS,EAAC,gCAAgC,EAC1C,mBAAmB,EAAC,MAAM,EAC1B,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,YAEzH,eACE,CAAC,EAAE,QAAQ,EACX,IAAI,EAAC,qBAAqB,EAC1B,MAAM,EAAC,oBAAoB,EAC3B,WAAW,EAAC,IAAI,EAChB,YAAY,EAAC,oBAAoB,GACjC,GACE,CACP,EACA,CAAC,OAAO,CAAC,MAAM,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAO,EACtE,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACrB,iBACE,IAAI,EAAC,QAAQ,eAEH,sBAAsB,mBACjB,QAAQ,KAAK,IAAI,CAAC,EAAE,IAAI,SAAS,iBACnC,IAAI,CAAC,MAAM,kBACV,IAAI,CAAC,OAAO,gBACd,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC;qBAChD,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,IAAI,CAAC,kBACC,QAAQ,KAAK,IAAI,CAAC,EAAE,EAClC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAC,wRAAwR,EAClS,KAAK,EAAE;oBACL,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;oBAC1E,GAAG,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;iBACzE,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,UAAU,KAAK,SAAS;wBAAE,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBACnD,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC;gBAC5B,CAAC,YAEA,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,CAAC,CACrC,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,aAAa,iBAAc,IAAI,CAAC,MAAM,YACpD,eAAM,SAAS,EAAC,iBAAiB,GAAG,GAC/B,CACR,IA1BI,IAAI,CAAC,EAAE,CA2BL,CACV,CAAC,IACE,CACP,CAAC;AACJ,CAAC;AACD,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,UAAU,CAAC,IAAI,CAEJ;IACjB,MAAM,EAAE,IAAI,CACV,wBAAwB,EACxB,uDAAuD,CACxD;CACF,CAAC"}

package/dist/components/threshold-gauge.d.ts

@@ -0,0 +1,19 @@
+import type { RootProps, MotionProps, PartProps } from "../types.js";
+export interface ThresholdGaugeProps extends RootProps, MotionProps {
+    value: number | null;
+    min?: number;
+    max: number;
+    valueText?: string;
+    tone?: "neutral" | "positive" | "warning" | "critical";
+}
+export declare const ThresholdGauge: {
+    Root: import("react").ForwardRefExoticComponent<ThresholdGaugeProps & import("react").RefAttributes<HTMLElement>>;
+    Track: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
+    Fill: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
+    Marker: import("react").ForwardRefExoticComponent<PartProps & {
+        value: number;
+    } & import("react").RefAttributes<HTMLElement>>;
+    Label: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
+    Description: import("react").ForwardRefExoticComponent<PartProps & import("react").RefAttributes<HTMLElement>>;
+};
+//# sourceMappingURL=threshold-gauge.d.ts.map

package/dist/components/threshold-gauge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"threshold-gauge.d.ts","sourceRoot":"","sources":["../../src/components/threshold-gauge.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACrE,MAAM,WAAW,mBAAoB,SAAQ,SAAS,EAAE,WAAW;IACjE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;CACxD;AAeD,eAAO,MAAM,cAAc;;;;;eAqG4B,MAAM;;;;CAuB5D,CAAC"}

package/dist/components/threshold-gauge.js

@@ -0,0 +1,54 @@
+"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";
+import { MotionProvider, motionStyle } from "../motion.js";
+const Context = createContext(null);
+function useGauge() {
+    const context = useContext(Context);
+    if (!context)
+        throw new Error("ThresholdGauge parts require ThresholdGauge.Root");
+    return context;
+}
+export const ThresholdGauge = {
+    Root: forwardRef(function GaugeRoot({ value, min = 0, max, valueText, tone = "neutral", density = "comfortable", motion, style, asChild, className, ...props }, ref) {
+        if (!Number.isFinite(min) || !Number.isFinite(max) || max <= min)
+            throw new Error("ThresholdGauge requires finite min < max");
+        const valid = value !== null && Number.isFinite(value) && value >= min && value <= max;
+        const Component = asChild ? Slot : "div";
+        return (_jsx(MotionProvider, { motion: motion, children: _jsx(Context.Provider, { value: {
+                    min,
+                    max,
+                    value: valid ? value : null,
+                    valueText,
+                    percent: valid ? ((value - min) / (max - min)) * 100 : 0,
+                }, children: _jsx(Component, { ...props, ref: ref, "data-slot": "threshold-gauge", "data-density": density, "data-tone": tone, "data-invalid": !valid || undefined, style: { ...style, ...motionStyle(motion) }, className: cx("watt-root", className) }) }) }));
+    }),
+    Track: forwardRef(function GaugeTrack({ asChild, className, ...props }, ref) {
+        const { value, min, max, valueText } = useGauge();
+        const Component = asChild ? Slot : "div";
+        return (_jsx(Component, { ...props, ref: ref, "data-slot": "threshold-gauge-track", role: value === null ? "img" : "meter", "aria-valuemin": value === null ? undefined : min, "aria-valuemax": value === null ? undefined : max, "aria-valuenow": value ?? undefined, "aria-valuetext": value === null ? undefined : (props["aria-valuetext"] ?? valueText), "aria-description": value === null
+                ? (props["aria-valuetext"] ?? valueText ?? "Unavailable")
+                : props["aria-description"], className: cx("relative h-2.5 rounded-sm bg-[var(--watt-subtle)]", className) }));
+    }),
+    Fill: forwardRef(function GaugeFill({ asChild, className, style, ...props }, ref) {
+        const { percent, value } = useGauge();
+        const Component = asChild ? Slot : "div";
+        return (_jsx(Component, { ...props, ref: ref, "data-slot": "threshold-gauge-fill", "aria-hidden": "true", className: cx("watt-motion watt-gauge-fill h-full rounded-sm bg-[var(--watt-accent)]", className), style: {
+                width: `${percent}%`,
+                ...(value === null ? { transitionDuration: "0ms" } : {}),
+                ...style,
+            } }));
+    }),
+    Marker: forwardRef(function GaugeMarker({ value, asChild, style, className, ...props }, ref) {
+        const { min, max } = useGauge();
+        if (!Number.isFinite(value) || value < min || value > max)
+            throw new Error("Gauge marker must be within min and max");
+        const Component = asChild ? Slot : "span";
+        return (_jsx(Component, { ...props, ref: ref, "data-slot": "threshold-gauge-marker", className: cx("absolute inset-y-0 w-px bg-current", className), style: { left: `${((value - min) / (max - min)) * 100}%`, ...style } }));
+    }),
+    Label: part("threshold-gauge-label", "text-sm", "span"),
+    Description: part("threshold-gauge-description", "text-sm text-[var(--watt-muted)]", "span"),
+};
+//# sourceMappingURL=threshold-gauge.js.map

package/dist/components/threshold-gauge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"threshold-gauge.js","sourceRoot":"","sources":["../../src/components/threshold-gauge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAgB3D,MAAM,OAAO,GAAG,aAAa,CAAoB,IAAI,CAAC,CAAC;AACvD,SAAS,QAAQ;IACf,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,OAAO;QACV,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACtE,OAAO,OAAO,CAAC;AACjB,CAAC;AACD,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,UAAU,CAAmC,SAAS,SAAS,CACnE,EACE,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,EACH,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,aAAa,EACvB,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG;QAEH,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,GAAG;YAC9D,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;QAC9D,MAAM,KAAK,GACT,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI,KAAK,IAAI,GAAG,CAAC;QAC3E,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACzC,OAAO,CACL,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,YAC5B,KAAC,OAAO,CAAC,QAAQ,IACf,KAAK,EAAE;oBACL,GAAG;oBACH,GAAG;oBACH,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;oBAC3B,SAAS;oBACT,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;iBACzD,YAED,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAY,eACP,iBAAiB,kBACb,OAAO,eACV,IAAI,kBACD,CAAC,KAAK,IAAI,SAAS,EACjC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,EAC3C,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,GACrC,GACe,GACJ,CAClB,CAAC;IACJ,CAAC,CAAC;IACF,KAAK,EAAE,UAAU,CAAyB,SAAS,UAAU,CAC3D,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAChC,GAAG;QAEH,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC;QAClD,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACzC,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAY,eACP,uBAAuB,EACjC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,mBACvB,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,mBAChC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,mBAChC,KAAK,IAAI,SAAS,oBAE/B,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,SAAS,CAAC,sBAGnE,KAAK,KAAK,IAAI;gBACZ,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,SAAS,IAAI,aAAa,CAAC;gBACzD,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAE/B,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,SAAS,CACV,GACD,CACH,CAAC;IACJ,CAAC,CAAC;IACF,IAAI,EAAE,UAAU,CAAyB,SAAS,SAAS,CACzD,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EACvC,GAAG;QAEH,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;QACtC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACzC,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAY,eACP,sBAAsB,iBACpB,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,SAAS,CACV,EACD,KAAK,EAAE;gBACL,KAAK,EAAE,GAAG,OAAO,GAAG;gBACpB,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;gBACxD,GAAG,KAAK;aACT,GACD,CACH,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,EAAE,UAAU,CAChB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;QACtE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC;QAChC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,GAAG,GAAG;YACvD,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;QAC7D,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QAC1C,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAY,eACP,wBAAwB,EAClC,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,EAC9D,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,KAAK,EAAE,GACpE,CACH,CAAC;IACJ,CAAC,CACF;IACD,KAAK,EAAE,IAAI,CAAC,uBAAuB,EAAE,SAAS,EAAE,MAAM,CAAC;IACvD,WAAW,EAAE,IAAI,CACf,6BAA6B,EAC7B,kCAAkC,EAClC,MAAM,CACP;CACF,CAAC"}

package/dist/components/time-range-selector.d.ts

@@ -0,0 +1,16 @@
+import type { MotionProps, TimeRange, Density } from "../types.js";
+export interface TimeRangeSelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue">, MotionProps {
+    value?: TimeRange | null;
+    defaultValue?: TimeRange | null;
+    onValueChange?: (range: TimeRange | null) => void;
+    orientation?: "horizontal" | "vertical";
+    density?: Density;
+}
+export interface TimeRangeOptionProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "checked" | "defaultChecked" | "name"> {
+    range: TimeRange | null;
+}
+export declare const TimeRangeSelector: {
+    Root: import("react").ForwardRefExoticComponent<TimeRangeSelectorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Option: import("react").ForwardRefExoticComponent<TimeRangeOptionProps & import("react").RefAttributes<HTMLInputElement>>;
+};
+//# sourceMappingURL=time-range-selector.d.ts.map

package/dist/components/time-range-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-selector.d.ts","sourceRoot":"","sources":["../../src/components/time-range-selector.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAgBnE,MAAM,WAAW,sBACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,EAC1D,WAAW;IACb,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,gBAAgB,GAAG,MAAM,CACzD;IACC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB;AACD,eAAO,MAAM,iBAAiB;;;CAyF7B,CAAC"}