@hashsome/ui 0.1.0

package/dist/entities/action-button.d.ts

@@ -0,0 +1,17 @@
+import type { EntityRef } from '@hashsome/core';
+import { type EntityHandle } from '../entity-handle.ts';
+import type { IconName } from '../icon-data.ts';
+export interface ActionButtonProps {
+    /** Button text. Defaults to the entity's name. */
+    label?: string;
+    /** Icon id, e.g. `lu:coffee`. */
+    icon?: IconName;
+    /** A second line of text under the label. */
+    secondary?: string;
+    /** What to trigger: an action entity (scene, script, button — it runs) or a switch (it flips), as a ref or a handle. */
+    entity?: EntityRef | EntityHandle<'action'> | EntityHandle<'switch'>;
+    /** A custom press for something no entity covers (a raw backend call, your own logic). Used instead of `entity`. */
+    onPress?: () => Promise<unknown>;
+}
+/** Any one-shot thing to trigger — a scene, script, button or switch, or your own `onPress` — with pending / done / error feedback. */
+export declare function ActionButton({ label, icon, secondary, entity, onPress }: ActionButtonProps): import("react").JSX.Element;

package/dist/entities/action-button.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { fallbackName } from '../entity-handle.js';
+import { useCommand, useEntity } from '../hooks.js';
+import { Tile } from '../layout/tile.js';
+import { entityStatus } from '../status.js';
+/** Normalizes an entity ref or handle to what the button needs: status, name, and how to press it. */
+function usePressable(entity) {
+    const ref = typeof entity === 'string' ? entity : undefined;
+    const live = useEntity(ref);
+    const send = useCommand(ref);
+    if (entity === undefined) {
+        return { status: 'missing', name: undefined, press: undefined };
+    }
+    if (typeof entity === 'string') {
+        const supported = live === undefined || live === null || live.kind === 'action' || live.kind === 'switch';
+        return {
+            status: supported ? entityStatus(live) : 'unsupported',
+            name: live?.name,
+            press: live ? () => send(live.kind === 'switch' ? 'toggle' : 'trigger') : undefined,
+        };
+    }
+    const found = entity.entity;
+    return {
+        status: entity.status,
+        name: found?.name,
+        press: found
+            ? () => found.kind === 'switch'
+                ? entity.command('toggle')
+                : entity.command('trigger')
+            : undefined,
+    };
+}
+/** Any one-shot thing to trigger — a scene, script, button or switch, or your own `onPress` — with pending / done / error feedback. */
+export function ActionButton({ label, icon, secondary, entity, onPress }) {
+    const target = usePressable(onPress ? undefined : entity);
+    const [feedback, setFeedback] = useState();
+    const [error, setError] = useState();
+    const timer = useRef(undefined);
+    useEffect(() => () => clearTimeout(timer.current), []);
+    const run = onPress ?? target.press;
+    const press = () => {
+        setFeedback('pending');
+        setError(undefined);
+        Promise.resolve(run ? run() : Promise.reject(new Error('Nothing to trigger')))
+            .then(() => setFeedback('done'), (err) => {
+            setFeedback('error');
+            setError(err instanceof Error ? err.message : String(err));
+        })
+            .finally(() => {
+            clearTimeout(timer.current);
+            timer.current = setTimeout(() => setFeedback(undefined), 1200);
+        });
+    };
+    return (_jsx(Tile, { label: label ?? target.name ?? fallbackName(entity), ...(icon ? { icon } : {}), ...(secondary ? { secondary } : {}), status: onPress ? 'ready' : target.status, feedback: feedback, onPress: feedback === 'pending' ? undefined : press, ...(error ? { title: error } : {}) }));
+}

package/dist/entities/action-button.js.map

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

package/dist/entities/artwork-ring.d.ts

@@ -0,0 +1,17 @@
+import type { SeekHold } from './media-seek.ts';
+/** The player's artwork in a circle, like the one in the bar but larger: an inner outline around
+ * it, and an outer ring that shows how far along playback is. With `onSeek` the ring is a slider:
+ * drag around it, or use the arrow keys. Not exported from the package: `MediaPlayerColumn` and
+ * `MediaPlayerPage` draw it. */
+export declare function ArtworkRing({ artworkUrl, seek, duration, seekable, onOpen, size: SIZE, }: {
+    artworkUrl?: string | undefined;
+    /** The position to draw and the way to change it, shared with whatever shows the time. */
+    seek: SeekHold;
+    /** Seconds. Without it the ring is only an outline. */
+    duration?: number | undefined;
+    seekable: boolean;
+    /** Makes the artwork itself a button, for opening something (the library). */
+    onOpen?: (() => void) | undefined;
+    /** The ring's diameter in px. Default 168. */
+    size?: number;
+}): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/entities/artwork-ring.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { useRef } from 'react';
+import { Box, Flex } from 'e-prim';
+import { Icon } from '../icon.js';
+import { Cover } from '../layout/cover.js';
+/** The ring's diameter when none is given. */
+const DEFAULT_SIZE = 168;
+/** The player's artwork in a circle, like the one in the bar but larger: an inner outline around
+ * it, and an outer ring that shows how far along playback is. With `onSeek` the ring is a slider:
+ * drag around it, or use the arrow keys. Not exported from the package: `MediaPlayerColumn` and
+ * `MediaPlayerPage` draw it. */
+export function ArtworkRing({ artworkUrl, seek, duration, seekable, onOpen, size: SIZE = DEFAULT_SIZE, }) {
+    const ring = useRef(null);
+    const dragging = useRef(false);
+    const total = seekable && duration !== undefined && duration > 0 ? duration : undefined;
+    const shown = seek.shown;
+    const fraction = shown !== undefined && duration ? Math.min(1, Math.max(0, shown / duration)) : undefined;
+    /** Where on the ring a pointer is, as a position in the item; `undefined` off the ring. */
+    const positionAt = (event) => {
+        const box = ring.current?.getBoundingClientRect();
+        if (!box || !duration) {
+            return undefined;
+        }
+        const dx = event.clientX - (box.left + box.width / 2);
+        const dy = event.clientY - (box.top + box.height / 2);
+        const turn = Math.atan2(dx, -dy) / (2 * Math.PI);
+        return Math.round(((turn + 1) % 1) * duration);
+    };
+    const onKeyDown = (event) => {
+        const step = event.key === 'ArrowRight' || event.key === 'ArrowUp' ? 5 : -5;
+        if (total === undefined ||
+            !['ArrowRight', 'ArrowUp', 'ArrowLeft', 'ArrowDown'].includes(event.key)) {
+            return;
+        }
+        event.preventDefault();
+        seek.commit(Math.min(total, Math.max(0, Math.round((shown ?? 0) + step))));
+    };
+    return (_jsxs(Box, { position: "relative", width: SIZE, height: SIZE, mx: "auto", css: { flex: 'none' }, children: [_jsx(Box, { ref: ring, position: "absolute", cursor: total !== undefined ? 'pointer' : 'default', ...(total !== undefined
+                    ? {
+                        role: 'slider',
+                        tabIndex: 0,
+                        'aria-label': 'Position',
+                        'aria-valuemin': 0,
+                        'aria-valuemax': Math.round(total ?? 0),
+                        'aria-valuenow': Math.round(shown ?? 0),
+                        onKeyDown,
+                        onPointerDown: (event) => {
+                            const box = event.currentTarget.getBoundingClientRect();
+                            const distance = Math.hypot(event.clientX - (box.left + box.width / 2), event.clientY - (box.top + box.height / 2));
+                            // Only the ring itself seeks, not the artwork inside it.
+                            if (distance < box.width * 0.4) {
+                                return;
+                            }
+                            dragging.current = true;
+                            event.currentTarget.setPointerCapture?.(event.pointerId);
+                            seek.preview(positionAt(event) ?? 0);
+                        },
+                        onPointerMove: (event) => {
+                            if (dragging.current) {
+                                seek.preview(positionAt(event) ?? 0);
+                            }
+                        },
+                        onPointerUp: (event) => {
+                            if (dragging.current) {
+                                dragging.current = false;
+                                const next = positionAt(event);
+                                if (next !== undefined) {
+                                    seek.commit(next);
+                                }
+                            }
+                        },
+                    }
+                    : {}), css: { inset: 0, touchAction: 'none' }, children: _jsxs("svg", { viewBox: "0 0 100 100", width: SIZE, height: SIZE, "aria-hidden": "true", children: [_jsx("circle", { cx: "50", cy: "50", r: "47", fill: "none", strokeWidth: "3", css: ({ palette }) => ({ stroke: palette.border }) }), fraction !== undefined ? (_jsx("circle", { cx: "50", cy: "50", r: "47", fill: "none", strokeWidth: "3", strokeLinecap: "round", pathLength: 100, strokeDasharray: `${fraction * 100} 100`, transform: "rotate(-90 50 50)", css: ({ palette }) => ({ stroke: palette.accent }) })) : null] }) }), _jsx(Box, { position: "absolute", radius: "full", border: true, css: { inset: '9%' } }), _jsx(Flex, { center: true, position: "absolute", radius: "full", overflow: "hidden", background: "surfaceRaised", color: "textMuted", cursor: onOpen ? 'pointer' : 'inherit', css: { inset: '14%' }, ...(onOpen
+                    ? {
+                        role: 'button',
+                        tabIndex: 0,
+                        'aria-label': 'Open media browser',
+                        title: 'Open media browser',
+                        onClick: onOpen,
+                        onKeyDown: (event) => {
+                            if (event.key === 'Enter' || event.key === ' ') {
+                                event.preventDefault();
+                                onOpen();
+                            }
+                        },
+                    }
+                    : {}), children: artworkUrl ? _jsx(Cover, { src: artworkUrl }) : _jsx(Icon, { name: "lu:music", size: 40 }) })] }));
+}

package/dist/entities/artwork-ring.js.map

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

package/dist/entities/climate-tile.d.ts

@@ -0,0 +1,20 @@
+import type { EntityRef } from '@hashsome/core';
+import type { IconName } from '../icon-data.ts';
+import { type EntityHandle } from '../entity-handle.ts';
+import type { EnergyChartProps } from '../layout/energy-chart.tsx';
+import type { LogbookEntry } from '../layout/history-section.tsx';
+export interface ClimateTileProps {
+    /** A thermostat or heater, as a ref like `ha:climate.living_room` or a handle (a custom source). */
+    entity: EntityRef | EntityHandle<'climate'>;
+    /** Defaults to the device's name. */
+    name?: string;
+    /** Icon id. Defaults to a thermometer. */
+    icon?: IconName;
+    /** Power-draw chart for the drawer, above `history`. No default source yet — pass explicitly. */
+    energy?: EnergyChartProps;
+    /** Recent activity, shown in the drawer. No default source yet — pass explicitly. */
+    history?: LogbookEntry[];
+}
+/** Heater / thermostat: a mode button that opens mode swatches in the card, a target temperature
+ * stepper, and (on hold) a drawer with modes, a target bar, presets, energy and history. */
+export declare function ClimateTile({ entity, name, icon, energy, history }: ClimateTileProps): import("react").JSX.Element;

package/dist/entities/climate-tile.js

@@ -0,0 +1,98 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Typography } from 'e-prim';
+import { useEffect, useRef, useState } from 'react';
+import { fallbackName } from '../entity-handle.js';
+import { useEntityHandle } from '../hooks.js';
+import { ChipRow, StepButton } from '../layout/drawer-controls.js';
+import { Stepper, StepperValue } from '../layout/stepper.js';
+import { SwatchRow } from '../layout/swatch-row.js';
+import { IconButton, Tile } from '../layout/tile.js';
+const MODE_META = {
+    off: { icon: 'lu:power', color: '#6b6b73', label: 'Off' },
+    heat: { icon: 'lu:flame', color: '#ff7a45', label: 'Heat' },
+    cool: { icon: 'lu:snowflake', color: '#4dc9ff', label: 'Cool' },
+    auto: { icon: 'lu:refresh-cw', color: '#5fd17a', label: 'Auto' },
+    heatCool: { icon: 'lu:thermometer-sun', color: '#b36bff', label: 'Heat/Cool' },
+    dry: { icon: 'lu:droplets', color: '#fbbf24', label: 'Dry' },
+    fanOnly: { icon: 'lu:wind', color: '#2dd4bf', label: 'Fan' },
+};
+const FALLBACK_MODES = ['off', 'heat'];
+function modeMeta(mode) {
+    return MODE_META[mode];
+}
+function title(text) {
+    return text.charAt(0).toUpperCase() + text.slice(1).replace(/_/g, ' ');
+}
+/** Heater / thermostat: a mode button that opens mode swatches in the card, a target temperature
+ * stepper, and (on hold) a drawer with modes, a target bar, presets, energy and history. */
+export function ClimateTile({ entity, name, icon, energy, history }) {
+    const handle = useEntityHandle('climate', entity);
+    const [picking, setPicking] = useState(false);
+    const { status } = handle;
+    const climate = handle.entity;
+    const mode = climate?.mode ?? 'off';
+    const target = climate?.targetTemperature;
+    const current = climate?.currentTemperature;
+    const step = climate?.capabilities.step ?? 0.5;
+    const min = climate?.capabilities.range.min ?? 5;
+    const max = climate?.capabilities.range.max ?? 35;
+    const unit = climate?.unit ?? '°C';
+    const reported = climate?.capabilities.modes ?? [];
+    const modes = reported.length > 0 ? reported : FALLBACK_MODES;
+    const ready = status === 'ready';
+    const setTarget = (value) => void handle.command('setTargetTemperature', {
+        temperature: Math.min(max, Math.max(min, Math.round(value * 100) / 100)),
+    });
+    const setMode = (next) => void handle.command('setMode', { mode: next });
+    return (_jsx(Tile, { label: name ?? climate?.name ?? fallbackName(entity), icon: icon ?? 'lu:thermometer', kind: "Climate", status: status, secondary: current !== undefined ? `${current} ${unit}` : undefined, detail: _jsx(ClimateDetailBody, { climate: climate, mode: mode, modes: modes, target: target, current: current, step: step, min: min, max: max, unit: unit, onMode: setMode, onTarget: setTarget, onPreset: (preset) => void handle.command('setPreset', { preset }) }), ...(energy ? { energy } : {}), ...(history ? { history } : {}), ...(ready && picking
+            ? {
+                // A render prop `Tile` calls, not a component of its own.
+                // oxlint-disable-next-line react/no-unstable-nested-components
+                overlay: () => (_jsx(SwatchRow, { items: modes.map((m) => ({
+                        key: m,
+                        label: modeMeta(m).label,
+                        selected: m === mode,
+                        color: modeMeta(m).color,
+                        icon: modeMeta(m).icon,
+                        onPick: () => {
+                            setMode(m);
+                            setPicking(false);
+                        },
+                    })) })),
+            }
+            : {}), trailing: ready ? (_jsxs(_Fragment, { children: [_jsx(IconButton, { icon: picking ? 'lu:x' : modeMeta(mode).icon, label: picking ? 'Close modes' : 'Mode', active: !picking && mode !== 'off', onClick: () => setPicking((open) => !open), size: 16 }), target !== undefined ? (_jsxs(Stepper, { children: [_jsx(IconButton, { icon: "lu:minus", label: "Decrease", disabled: target <= min, onClick: () => setTarget(target - step) }), _jsxs(StepperValue, { children: [target, " ", unit] }), _jsx(IconButton, { icon: "lu:plus", label: "Increase", disabled: target >= max, onClick: () => setTarget(target + step) })] })) : null] })) : null }));
+}
+function ClimateDetailBody({ climate, mode, modes, target, current, step, min, max, unit, onMode, onTarget, onPreset, }) {
+    const [drag, setDrag] = useState(null);
+    if (drag !== null && drag === target) {
+        setDrag(null);
+    }
+    const shown = drag ?? target ?? min;
+    const latest = useRef(shown);
+    useEffect(() => {
+        latest.current = shown;
+    }, [shown]);
+    const commit = (next) => {
+        const clamped = Math.min(max, Math.max(min, Math.round(next * 100) / 100));
+        latest.current = clamped;
+        setDrag(clamped);
+        onTarget(clamped);
+    };
+    const nudge = (delta) => commit(latest.current + delta);
+    const action = climate?.action;
+    const humidity = climate?.humidity;
+    const presets = climate?.capabilities.presets ?? [];
+    const preset = climate?.preset;
+    const summary = [
+        action ? title(action) : mode === 'off' ? 'Off' : title(mode),
+        current !== undefined ? `${current} ${unit} now` : undefined,
+        humidity !== undefined ? `${humidity}% humidity` : undefined,
+    ]
+        .filter(Boolean)
+        .join(' · ');
+    return (_jsxs(Flex, { direction: "column", gap: 2, children: [_jsxs(Flex, { direction: "column", gap: 2, background: "surfaceRaised", radius: "row", py: 3.5, px: 4, children: [_jsxs(Flex, { direction: "column", children: [_jsx(Typography, { as: "span", variant: "bodyStrong", children: "Mode" }), _jsx(Typography, { as: "span", variant: "secondary", color: "textMuted", children: summary })] }), _jsx(ChipRow, { options: modes.map((m) => ({
+                            value: m,
+                            label: modeMeta(m).label,
+                            icon: modeMeta(m).icon,
+                        })), value: mode, onChange: (value) => onMode(value) })] }), target !== undefined ? (_jsxs(Flex, { justify: "space-between", align: "center", background: "surfaceRaised", radius: "row", py: 3.5, px: 4, children: [_jsxs(Flex, { direction: "column", children: [_jsx(Typography, { as: "span", variant: "bodyStrong", children: "Target" }), _jsx(Typography, { as: "span", variant: "secondary", color: "textMuted", children: "Hold a button to change faster" })] }), _jsxs(Stepper, { children: [_jsx(StepButton, { icon: "lu:minus", label: "Decrease target", delta: -step, holdDelta: -step * 4, onStep: nudge, disabled: shown <= min, size: 28 }), _jsxs(StepperValue, { children: [shown, " ", unit] }), _jsx(StepButton, { icon: "lu:plus", label: "Increase target", delta: step, holdDelta: step * 4, onStep: nudge, disabled: shown >= max, size: 28 })] })] })) : null, presets.length > 0 ? (_jsxs(Flex, { direction: "column", gap: 2, background: "surfaceRaised", radius: "row", py: 3.5, px: 4, children: [_jsx(Typography, { as: "span", variant: "bodyStrong", children: "Preset" }), _jsx(ChipRow, { options: presets.map((p) => ({ value: p, label: title(p) })), value: preset, onChange: onPreset })] })) : null] }));
+}

package/dist/entities/climate-tile.js.map

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

package/dist/entities/light-color.d.ts

@@ -0,0 +1,52 @@
+import type { LightEntity } from '@hashsome/core';
+export interface Rgb {
+    r: number;
+    g: number;
+    b: number;
+}
+/** A pre-defined color shown as a swatch in a light tile's color overlay. */
+export interface LightColorPreset {
+    label: string;
+    /** A white temperature, for lights that support `color_temp`. */
+    kelvin?: number;
+    /** Hue (0–360) and saturation (0–100), for lights that only support color. */
+    hs?: [number, number];
+    /** Literal CSS color for the swatch; derived from `kelvin`/`hs` when omitted. */
+    color?: string;
+}
+export declare const DEFAULT_COLOR_PRESETS: LightColorPreset[];
+/** Approximate blackbody color for a white temperature (Tanner Helland's curve fit). */
+export declare function kelvinToRgb(kelvin: number): Rgb;
+export declare function hsToRgb(hue: number, saturation: number): Rgb;
+export declare function rgbToHs({ r, g, b }: Rgb): [number, number];
+export declare function rgbToHex({ r, g, b }: Rgb): string;
+export declare function hexToRgb(hex: string): Rgb | undefined;
+export declare function rgbCss({ r, g, b }: Rgb): string;
+export declare function contrastRatio(a: Rgb, b: Rgb): number;
+/** `fg`, pushed darker (on a light `bg`) or lighter (on a dark one) until it reaches `min` contrast
+ * against `bg` — so a pale light color (warm white) stays visible as an icon in the light theme. */
+export declare function ensureContrast(fg: Rgb, bg: Rgb, min?: number): Rgb;
+/** The light's current color as displayed. The model's `color` already says which mode is live, so
+ * there is no stale attribute to second-guess. */
+export declare function resolveLightColor(light: LightEntity | undefined): Rgb | undefined;
+export declare function currentHs(light: LightEntity | undefined): [number, number];
+/** A command (and its arguments) that applies a preset to a light. */
+export type PresetApplication = {
+    command: 'setColorTemperature';
+    args: {
+        kelvin: number;
+    };
+} | {
+    command: 'setColor';
+    args: {
+        hue: number;
+        saturation: number;
+    };
+};
+/** How a preset would be applied to a light with these capabilities, or `undefined` if it can't be. */
+export declare function applyPreset(preset: LightColorPreset, caps: {
+    colorTemp: boolean;
+    hs: boolean;
+}): PresetApplication | undefined;
+export declare function presetCss(preset: LightColorPreset): string;
+export declare function isPresetActive(application: PresetApplication, light: LightEntity | undefined): boolean;

package/dist/entities/light-color.js

@@ -0,0 +1,148 @@
+export const DEFAULT_COLOR_PRESETS = [
+    { label: 'Candle', kelvin: 2200 },
+    { label: 'Warm white', kelvin: 2700 },
+    { label: 'Neutral white', kelvin: 4000 },
+    { label: 'Daylight', kelvin: 6500 },
+];
+const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+/** Approximate blackbody color for a white temperature (Tanner Helland's curve fit). */
+export function kelvinToRgb(kelvin) {
+    const t = clamp(kelvin, 1000, 40000) / 100;
+    const r = t <= 66 ? 255 : 329.698727446 * (t - 60) ** -0.1332047592;
+    const g = t <= 66
+        ? 99.4708025861 * Math.log(t) - 161.1195681661
+        : 288.1221695283 * (t - 60) ** -0.0755148492;
+    const b = t >= 66 ? 255 : t <= 19 ? 0 : 138.5177312231 * Math.log(t - 10) - 305.0447927307;
+    return {
+        r: Math.round(clamp(r, 0, 255)),
+        g: Math.round(clamp(g, 0, 255)),
+        b: Math.round(clamp(b, 0, 255)),
+    };
+}
+export function hsToRgb(hue, saturation) {
+    const s = clamp(saturation, 0, 100) / 100;
+    const h = (((hue % 360) + 360) % 360) / 60;
+    const c = s;
+    const x = c * (1 - Math.abs((h % 2) - 1));
+    const [r1, g1, b1] = h < 1
+        ? [c, x, 0]
+        : h < 2
+            ? [x, c, 0]
+            : h < 3
+                ? [0, c, x]
+                : h < 4
+                    ? [0, x, c]
+                    : h < 5
+                        ? [x, 0, c]
+                        : [c, 0, x];
+    const m = 1 - c;
+    return {
+        r: Math.round((r1 + m) * 255),
+        g: Math.round((g1 + m) * 255),
+        b: Math.round((b1 + m) * 255),
+    };
+}
+export function rgbToHs({ r, g, b }) {
+    const max = Math.max(r, g, b) / 255;
+    const min = Math.min(r, g, b) / 255;
+    const d = max - min;
+    let h = 0;
+    if (d !== 0) {
+        const rn = r / 255;
+        const gn = g / 255;
+        const bn = b / 255;
+        h = max === rn ? ((gn - bn) / d) % 6 : max === gn ? (bn - rn) / d + 2 : (rn - gn) / d + 4;
+        h *= 60;
+        if (h < 0) {
+            h += 360;
+        }
+    }
+    return [Math.round(h), Math.round(max === 0 ? 0 : (d / max) * 100)];
+}
+export function rgbToHex({ r, g, b }) {
+    return `#${[r, g, b].map((n) => clamp(Math.round(n), 0, 255).toString(16).padStart(2, '0')).join('')}`;
+}
+export function hexToRgb(hex) {
+    const match = /^#?([0-9a-f]{6})$/i.exec(hex.trim());
+    if (!match) {
+        return undefined;
+    }
+    const n = parseInt(match[1], 16);
+    return { r: (n >> 16) & 255, g: (n >> 8) & 255, b: n & 255 };
+}
+export function rgbCss({ r, g, b }) {
+    return `rgb(${r}, ${g}, ${b})`;
+}
+const lin = (v) => {
+    const c = v / 255;
+    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+};
+function luminance({ r, g, b }) {
+    return 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+}
+export function contrastRatio(a, b) {
+    const [hi, lo] = [luminance(a), luminance(b)].toSorted((x, y) => y - x);
+    return (hi + 0.05) / (lo + 0.05);
+}
+/** `fg`, pushed darker (on a light `bg`) or lighter (on a dark one) until it reaches `min` contrast
+ * against `bg` — so a pale light color (warm white) stays visible as an icon in the light theme. */
+export function ensureContrast(fg, bg, min = 3) {
+    const target = luminance(bg) > 0.4 ? 0 : 255;
+    let out = fg;
+    for (let i = 0; i < 20 && contrastRatio(out, bg) < min; i++) {
+        out = {
+            r: Math.round(out.r + (target - out.r) * 0.12),
+            g: Math.round(out.g + (target - out.g) * 0.12),
+            b: Math.round(out.b + (target - out.b) * 0.12),
+        };
+    }
+    return out;
+}
+/** The light's current color as displayed. The model's `color` already says which mode is live, so
+ * there is no stale attribute to second-guess. */
+export function resolveLightColor(light) {
+    const color = light?.color;
+    if (!color) {
+        return undefined;
+    }
+    if (color.mode === 'temperature') {
+        return kelvinToRgb(color.kelvin);
+    }
+    return color.rgb
+        ? { r: color.rgb[0], g: color.rgb[1], b: color.rgb[2] }
+        : hsToRgb(color.hue, color.saturation);
+}
+export function currentHs(light) {
+    return light?.color?.mode === 'color' ? [light.color.hue, light.color.saturation] : [0, 100];
+}
+/** How a preset would be applied to a light with these capabilities, or `undefined` if it can't be. */
+export function applyPreset(preset, caps) {
+    if (preset.kelvin !== undefined && caps.colorTemp) {
+        return { command: 'setColorTemperature', args: { kelvin: preset.kelvin } };
+    }
+    if (caps.hs) {
+        const hs = preset.hs ?? (preset.kelvin !== undefined ? rgbToHs(kelvinToRgb(preset.kelvin)) : undefined);
+        if (hs) {
+            return { command: 'setColor', args: { hue: hs[0], saturation: hs[1] } };
+        }
+    }
+    return undefined;
+}
+export function presetCss(preset) {
+    if (preset.color) {
+        return preset.color;
+    }
+    if (preset.kelvin !== undefined) {
+        return rgbCss(kelvinToRgb(preset.kelvin));
+    }
+    return preset.hs ? rgbCss(hsToRgb(preset.hs[0], preset.hs[1])) : '#ffffff';
+}
+export function isPresetActive(application, light) {
+    const color = light?.color;
+    if (application.command === 'setColorTemperature') {
+        return color?.mode === 'temperature' && color.kelvin === application.args.kelvin;
+    }
+    return (color?.mode === 'color' &&
+        Math.round(color.hue) === Math.round(application.args.hue) &&
+        Math.round(color.saturation) === Math.round(application.args.saturation));
+}

package/dist/entities/light-color.js.map

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

package/dist/entities/light-tile.d.ts

@@ -0,0 +1,24 @@
+/** @jsxImportSource @emotion/react */
+import type { EntityRef } from '@hashsome/core';
+import { type EntityHandle } from '../entity-handle.ts';
+import type { IconName } from '../icon-data.ts';
+import type { EnergyChartProps } from '../layout/energy-chart.tsx';
+import type { LogbookEntry } from '../layout/history-section.tsx';
+import { type LightColorPreset } from './light-color.ts';
+export interface LightTileProps {
+    /** A light, as a ref like `ha:light.kitchen_ceiling` or a handle (a custom source). */
+    entity: EntityRef | EntityHandle<'light'>;
+    /** Defaults to the light's name. */
+    name?: string;
+    /** Icon id. Defaults to a bulb. */
+    icon?: IconName;
+    /** Power-draw chart (e.g. a Shelly's energy monitoring), shown in the drawer above `history`.
+     * No default source yet — pass explicitly. */
+    energy?: EnergyChartProps;
+    /** Recent activity, shown in the drawer. No default source yet — pass explicitly. */
+    history?: LogbookEntry[];
+    /** Swatches shown when the palette button is opened. Default: four white temperatures. Each takes `kelvin` (color-temp lights) and/or `hs` (color lights) and is skipped if the light can't apply it. */
+    colors?: LightColorPreset[];
+}
+/** Toggle, drag-to-dim (if dimmable) and a color overlay + drawer picker (if color capable). */
+export declare function LightTile({ entity, name, icon, energy, history, colors, }: LightTileProps): import("@emotion/react/jsx-runtime").JSX.Element;