@hashsome/ui 0.1.0

package/dist/entities/media-player-page.d.ts

@@ -0,0 +1,12 @@
+/** @jsxImportSource @emotion/react */
+import type { EntityRef } from '@hashsome/core';
+export interface MediaPlayerPageProps {
+    /** A media player, as a ref like `ma:living_room`. A ref, not a handle: the library below the player is read through the runtime. */
+    entity: EntityRef;
+    /** What to call the player: the drawer's title and the name shown when nothing is playing. Defaults to the player's own name. */
+    name?: string;
+}
+/** The player as a whole page: the player centered, and the player's library below it, so songs
+ * are picked right here instead of in a drawer. It is the same layout as the expanded drawer. It
+ * fills the height it is given and scrolls inside it. */
+export declare function MediaPlayerPage({ entity, name }: MediaPlayerPageProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/entities/media-player-page.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Flex } from 'e-prim';
+import { useEntityHandle } from '../hooks.js';
+import { MediaBrowser } from './media-browser.js';
+import { MediaPlayerBody } from './media-player-body.js';
+/** The player as a whole page: the player centered, and the player's library below it, so songs
+ * are picked right here instead of in a drawer. It is the same layout as the expanded drawer. It
+ * fills the height it is given and scrolls inside it. */
+export function MediaPlayerPage({ entity, name }) {
+    const handle = useEntityHandle('mediaPlayer', entity);
+    const browsable = handle.entity?.capabilities.browse === true;
+    return (_jsx(Flex, { direction: "column", background: "surface", radius: "card", p: 5, grow: 1, minHeight: 0, overflow: "auto", children: _jsx(MediaPlayerBody, { entity: entity, wide: true, ...(name !== undefined ? { name } : {}), ...(browsable ? { browser: _jsx(MediaBrowser, { entity: entity, layout: "theater" }) } : {}) }) }));
+}

package/dist/entities/media-player-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-player-page.js","sourceRoot":"","sources":["../../src/entities/media-player-page.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAqB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAyB,CAAC;AAU1D;;yDAEyD;AACzD,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,IAAI,EAAwB;IACpE,MAAM,MAAM,GAAG,eAAe,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC;IAE9D,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAC,SAAS,EACpB,MAAM,EAAC,MAAM,EACb,CAAC,EAAE,CAAC,EACJ,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAC,MAAM,YAEf,KAAC,eAAe,IACd,MAAM,EAAE,MAAM,EACd,IAAI,WACA,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACrF,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/entities/media-progress.d.ts

@@ -0,0 +1,7 @@
+import type { MediaPlayerEntity } from '@hashsome/core';
+/** `m:ss`, or `h:mm:ss` from an hour up. */
+export declare function formatDuration(seconds: number): string;
+/** Where playback is now. The player reports a position as of a moment; while it plays, this
+ * moves it forward from there on its own clock, so the bar advances without a message per second.
+ * `undefined` until the player reports a position. */
+export declare function useMediaPosition(player: MediaPlayerEntity | undefined): number | undefined;

package/dist/entities/media-progress.js

@@ -0,0 +1,30 @@
+import { useEffect, useState } from 'react';
+/** `m:ss`, or `h:mm:ss` from an hour up. */
+export function formatDuration(seconds) {
+    const total = Math.max(0, Math.floor(seconds));
+    const hours = Math.floor(total / 3600);
+    const minutes = Math.floor((total % 3600) / 60);
+    const rest = String(total % 60).padStart(2, '0');
+    return hours > 0 ? `${hours}:${String(minutes).padStart(2, '0')}:${rest}` : `${minutes}:${rest}`;
+}
+/** Where playback is now. The player reports a position as of a moment; while it plays, this
+ * moves it forward from there on its own clock, so the bar advances without a message per second.
+ * `undefined` until the player reports a position. */
+export function useMediaPosition(player) {
+    const playing = player?.playback === 'playing';
+    const [now, setNow] = useState(() => Date.now());
+    useEffect(() => {
+        if (!playing) {
+            return;
+        }
+        const id = setInterval(() => setNow(Date.now()), 500);
+        return () => clearInterval(id);
+    }, [playing]);
+    if (player?.position === undefined) {
+        return undefined;
+    }
+    const since = player.positionUpdatedAt ? Date.parse(player.positionUpdatedAt) : Number.NaN;
+    const elapsed = playing && Number.isFinite(since) ? Math.max(0, (now - since) / 1000) : 0;
+    const position = player.position + elapsed;
+    return player.duration === undefined ? position : Math.min(player.duration, position);
+}

package/dist/entities/media-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-progress.js","sourceRoot":"","sources":["../../src/entities/media-progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,4CAA4C;AAC5C,MAAM,UAAU,cAAc,CAAC,OAAe;IAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAChD,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACjD,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,IAAI,EAAE,CAAC;AACnG,CAAC;AAED;;sDAEsD;AACtD,MAAM,UAAU,gBAAgB,CAAC,MAAqC;IACpE,MAAM,OAAO,GAAG,MAAM,EAAE,QAAQ,KAAK,SAAS,CAAC;IAC/C,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QACtD,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,MAAM,EAAE,QAAQ,KAAK,SAAS,EAAE,CAAC;QACnC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;IAC3F,MAAM,OAAO,GAAG,OAAO,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1F,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC3C,OAAO,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACxF,CAAC"}

package/dist/entities/media-seek.d.ts

@@ -0,0 +1,9 @@
+/** The spot being sought to while a drag is in progress, and for a moment after it ends: the
+ * player takes a beat to report the new position, and without this the bar would snap back to
+ * the old one first. `shown` is what to draw; `preview` follows a drag; `commit` ends it. */
+export declare function useSeekHold(position: number | undefined, onSeek: ((position: number) => void) | undefined): {
+    shown: number | undefined;
+    preview: (next: number) => void;
+    commit: (next: number) => void;
+};
+export type SeekHold = ReturnType<typeof useSeekHold>;

package/dist/entities/media-seek.js

@@ -0,0 +1,19 @@
+import { useEffect, useRef, useState } from 'react';
+/** The spot being sought to while a drag is in progress, and for a moment after it ends: the
+ * player takes a beat to report the new position, and without this the bar would snap back to
+ * the old one first. `shown` is what to draw; `preview` follows a drag; `commit` ends it. */
+export function useSeekHold(position, onSeek) {
+    const [drag, setDrag] = useState(null);
+    const release = useRef(undefined);
+    useEffect(() => () => clearTimeout(release.current), []);
+    return {
+        shown: drag ?? position,
+        preview: (next) => setDrag(next),
+        commit: (next) => {
+            setDrag(next);
+            clearTimeout(release.current);
+            release.current = setTimeout(() => setDrag(null), 1500);
+            onSeek?.(next);
+        },
+    };
+}

package/dist/entities/media-seek.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-seek.js","sourceRoot":"","sources":["../../src/entities/media-seek.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD;;6FAE6F;AAC7F,MAAM,UAAU,WAAW,CACzB,QAA4B,EAC5B,MAAgD;IAEhD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,MAAM,CAA4C,SAAS,CAAC,CAAC;IAC7E,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzD,OAAO;QACL,KAAK,EAAE,IAAI,IAAI,QAAQ;QACvB,OAAO,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;QACxC,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE;YACvB,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC9B,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;YACxD,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/entities/nav-dock.d.ts

@@ -0,0 +1,13 @@
+import type { NavItem } from './nav-rail.tsx';
+export interface NavDockProps {
+    /** The pages to link to; `to` is relative to `base`. */
+    items: NavItem[];
+    /** Base path items are resolved against, e.g. `/home`. */
+    base: string;
+    /** Adds a light/dark toggle at the end of the dock. Off by default — meant for development or a project that deliberately exposes it, not every kiosk install. */
+    showThemeToggle?: boolean;
+}
+/** Floating bottom pill for switching between a dashboard's pages. Must be rendered inside a
+ * router. `position: fixed`, floating over the page; it reserves the space it takes in the
+ * surrounding `Page`, which pads for it. */
+export declare function NavDock({ items, base, showThemeToggle }: NavDockProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/entities/nav-dock.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { Flex } from 'e-prim';
+import { NavLink } from 'react-router';
+import { Icon } from '../icon.js';
+import { usePageInset } from '../layout/page.js';
+import { useThemeToggle } from '../provider.js';
+/** Floating bottom pill for switching between a dashboard's pages. Must be rendered inside a
+ * router. `position: fixed`, floating over the page; it reserves the space it takes in the
+ * surrounding `Page`, which pads for it. */
+export function NavDock({ items, base, showThemeToggle }) {
+    usePageInset('bottom', 88);
+    return (_jsxs(Flex, { as: "nav", "aria-label": "Pages", align: "center", gap: 1.5, background: "rail", radius: "full", p: 1.5, shadow: "drawer", position: "fixed", css: ({ spacing }) => ({
+            bottom: spacing(5),
+            left: '50%',
+            transform: 'translateX(-50%)',
+        }), children: [items.map((item) => (_jsx(NavLink, { to: item.to ? `${base}/${item.to}` : base, end: true, "aria-label": item.label, title: item.label, children: ({ isActive }) => (_jsx(Flex, { as: "span", align: "center", justify: "center", width: 44, height: 44, radius: "chrome", cursor: "pointer", color: isActive ? 'accentText' : 'line', ...(isActive ? { background: 'accent' } : {}), children: _jsx(Icon, { name: item.icon, size: 22 }) })) }, item.to))), showThemeToggle ? _jsx(ThemeToggleButton, {}) : null] }));
+}
+function ThemeToggleButton() {
+    const { resolved, toggle } = useThemeToggle();
+    return (_jsx(Flex, { as: "button", type: "button", onClick: toggle, "aria-label": `Switch to ${resolved === 'dark' ? 'light' : 'dark'} theme`, title: `Switch to ${resolved === 'dark' ? 'light' : 'dark'} theme`, align: "center", justify: "center", width: 44, height: 44, radius: "chrome", cursor: "pointer", color: "line", css: { background: 'none' }, children: _jsx(Icon, { name: resolved === 'dark' ? 'lu:moon' : 'lu:sun', size: 22 }) }));
+}

package/dist/entities/nav-dock.js.map

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

package/dist/entities/nav-rail.d.ts

@@ -0,0 +1,19 @@
+import type { IconName } from '../icon-data.ts';
+export interface NavItem {
+    /** Route path relative to `base`, e.g. `''` (the dashboard's home) or `'lights'`. */
+    to: string;
+    label: string;
+    icon: IconName;
+}
+export interface NavRailProps {
+    /** The pages to link to; `to` is relative to `base`. */
+    items: NavItem[];
+    /** Base path items are resolved against, e.g. `/home`. */
+    base: string;
+    /** Adds a light/dark toggle at the bottom of the rail. Off by default — meant for development or a project that deliberately exposes it, not every kiosk install. */
+    showThemeToggle?: boolean;
+}
+/** Fixed left sidebar for switching between a dashboard's pages. Must be rendered inside a
+ * router. It is `position: fixed` and reserves its width in the surrounding `Page`, which pads
+ * for it so content never sits under it. */
+export declare function NavRail({ items, base, showThemeToggle }: NavRailProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/entities/nav-rail.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { Flex } from 'e-prim';
+import { NavLink } from 'react-router';
+import { Icon } from '../icon.js';
+import { usePageInset } from '../layout/page.js';
+import { useThemeToggle } from '../provider.js';
+/** Fixed left sidebar for switching between a dashboard's pages. Must be rendered inside a
+ * router. It is `position: fixed` and reserves its width in the surrounding `Page`, which pads
+ * for it so content never sits under it. */
+export function NavRail({ items, base, showThemeToggle }) {
+    usePageInset('left', 76);
+    return (_jsxs(Flex, { as: "nav", "aria-label": "Pages", direction: "column", align: "center", gap: 2.5, background: "rail", width: 76, py: 6, position: "fixed", zIndex: "nav", css: { top: 0, bottom: 0, left: 0 }, children: [items.map((item) => (_jsx(NavLink, { to: item.to ? `${base}/${item.to}` : base, end: true, "aria-label": item.label, title: item.label, children: ({ isActive }) => (_jsx(Flex, { as: "span", align: "center", justify: "center", width: 44, height: 44, radius: "chrome", cursor: "pointer", color: isActive ? 'accentText' : 'line', ...(isActive ? { background: 'accent' } : {}), children: _jsx(Icon, { name: item.icon, size: 22 }) })) }, item.to))), showThemeToggle ? _jsx(ThemeToggleButton, {}) : null] }));
+}
+function ThemeToggleButton() {
+    const { resolved, toggle } = useThemeToggle();
+    return (_jsx(Flex, { as: "button", type: "button", onClick: toggle, "aria-label": `Switch to ${resolved === 'dark' ? 'light' : 'dark'} theme`, title: `Switch to ${resolved === 'dark' ? 'light' : 'dark'} theme`, align: "center", justify: "center", width: 44, height: 44, radius: "chrome", cursor: "pointer", color: "line", css: { background: 'none', marginTop: 'auto' }, children: _jsx(Icon, { name: resolved === 'dark' ? 'lu:moon' : 'lu:sun', size: 22 }) }));
+}

package/dist/entities/nav-rail.js.map

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

package/dist/entities/now-playing.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import type { EntityHandle } from '../entity-handle.ts';
+/** The upright "now playing" panel the media column and page share: the artwork on a record, what is playing, how
+ * far along it is, the transport buttons and a volume bar that is always there. Not exported from
+ * the package; `MediaPlayerColumn` and `MediaPlayerPage` are its public forms. */
+export declare function NowPlaying({ handle, fallback, name, extra, onOpenArtwork, size, shuffle: shufflePlacement, }: {
+    handle: EntityHandle<'mediaPlayer'>;
+    /** What to call the player before it reports a name. */
+    fallback: string;
+    /** Calls the player this instead of the name it reports. */
+    name?: string;
+    /** One more button, to the right of the transport (the browse button). Shuffle takes the slot on the left, unless it sits by the title. */
+    extra?: ReactNode;
+    /** Makes the artwork a button that calls this (opens the library). */
+    onOpenArtwork?: () => void;
+    /** The artwork ring's diameter in px, for a roomier player. Default 168. */
+    size?: number;
+    /** Where the shuffle button goes: `transport` is the left slot of the button row, `title` a small button beside the song title, which leaves previous, play and next centered on their own. Default `transport`. */
+    shuffle?: 'transport' | 'title';
+}): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/entities/now-playing.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { Flex, Grid, Typography } from 'e-prim';
+import { Icon } from '../icon.js';
+import { ValueBar } from '../layout/drawer-controls.js';
+import { PlainButton } from '../layout/plain-button.js';
+import { IconButton } from '../layout/tile.js';
+import { statusLabels } from '../status.js';
+import { usePressFeedback, useVolumeControl } from './media-controls.js';
+import { formatDuration, useMediaPosition } from './media-progress.js';
+import { useSeekHold } from './media-seek.js';
+import { ArtworkRing } from './artwork-ring.js';
+/** The upright "now playing" panel the media column and page share: the artwork on a record, what is playing, how
+ * far along it is, the transport buttons and a volume bar that is always there. Not exported from
+ * the package; `MediaPlayerColumn` and `MediaPlayerPage` are its public forms. */
+export function NowPlaying({ handle, fallback, name, extra, onOpenArtwork, size, shuffle: shufflePlacement = 'transport', }) {
+    const player = handle.entity;
+    const { status } = handle;
+    const ready = status === 'ready';
+    const caps = player?.capabilities;
+    const playing = player?.playback === 'playing';
+    const { feedbackFor, press } = usePressFeedback();
+    const volume = useVolumeControl(handle);
+    const position = useMediaPosition(player);
+    const duration = ready ? player?.duration : undefined;
+    // The ring and the time under the title share one position, so dragging the ring moves both.
+    const seek = useSeekHold(ready ? position : undefined, caps?.seek ? (next) => void handle.command('seek', { position: next }) : undefined);
+    return (_jsxs(Flex, { direction: "column", gap: 4, "data-status": status, children: [_jsx(ArtworkRing, { artworkUrl: player?.media?.artworkUrl, seek: seek, duration: duration, seekable: caps?.seek === true, onOpen: onOpenArtwork, ...(size !== undefined ? { size } : {}) }), _jsxs(Flex, { direction: "column", align: "center", gap: 0.5, color: ready ? 'text' : 'textMuted', children: [_jsxs(Flex, { align: "center", justify: "center", gap: 2, maxWidth: "100%", children: [_jsx(Typography, { as: "h2", variant: "title", noWrap: true, textOverflow: "ellipsis", overflow: "hidden", m: 0, minWidth: 0, children: ready
+                                    ? (player?.media?.title ?? 'Nothing playing')
+                                    : statusLabels[status] }), caps?.shuffle && shufflePlacement === 'title' ? (_jsx(IconButton, { icon: "lu:shuffle", label: "Shuffle", size: 14, active: player?.shuffle === true, pressed: player?.shuffle === true, disabled: !ready, onClick: () => void handle.command('setShuffle', { shuffle: player?.shuffle !== true }) })) : null] }), ready && player?.media?.artist ? (_jsx(Typography, { as: "span", variant: "body", color: "textMuted", noWrap: true, textOverflow: "ellipsis", overflow: "hidden", children: [player.media.artist, player.media.album].filter(Boolean).join(' · ') })) : (_jsx(Typography, { as: "span", variant: "body", color: "textMuted", noWrap: true, textOverflow: "ellipsis", overflow: "hidden", children: name ?? player?.name ?? fallback }))] }), seek.shown !== undefined && duration ? (_jsxs(Typography, { as: "span", variant: "secondary", color: "textMuted", align: "center", css: { fontVariantNumeric: 'tabular-nums' }, children: [formatDuration(seek.shown), " / ", formatDuration(duration)] })) : null, _jsxs(Grid, { gap: 3, css: ({ density }) => ({
+                    gridTemplateColumns: `repeat(5, ${density.iconCircle}px)`,
+                    justifyContent: 'center',
+                }), children: [caps?.shuffle && shufflePlacement === 'transport' ? (_jsx(IconButton, { icon: "lu:shuffle", label: "Shuffle", glyph: 18, active: player?.shuffle === true, pressed: player?.shuffle === true, disabled: !ready, onClick: () => void handle.command('setShuffle', { shuffle: player?.shuffle !== true }) })) : (_jsx("span", {})), _jsx(IconButton, { icon: "lu:skip-back", label: "Previous", glyph: 18, disabled: !ready || caps?.previous === false, feedback: feedbackFor('previous'), onClick: () => press('previous', () => handle.command('previous')) }), _jsx(IconButton, { icon: playing ? 'lu:pause' : 'lu:play', label: playing ? 'Pause' : 'Play', glyph: 18, disabled: !ready, primary: true, onClick: () => void handle.command('togglePlay') }), _jsx(IconButton, { icon: "lu:skip-forward", label: "Next", glyph: 18, disabled: !ready || caps?.next === false, feedback: feedbackFor('next'), onClick: () => press('next', () => handle.command('next')) }), extra ?? _jsx("span", {})] }), caps?.volume !== false || caps.mute ? (_jsxs(Flex, { align: "center", gap: 2, children: [_jsx(PlainButton, { "aria-label": volume.muted ? 'Unmute' : 'Mute', "aria-pressed": volume.muted, title: volume.muted ? 'Unmute' : 'Mute', disabled: !ready || caps?.mute === false, onClick: volume.toggleMute, center: true, color: volume.muted ? 'accent' : 'textMuted', css: { flex: 'none' }, children: _jsx(Icon, { name: volume.muted ? 'lu:volume-x' : 'lu:volume-2', size: 16 }) }), _jsx(ValueBar, { label: "Volume level", value: volume.shown, min: 0, max: 100, keyStep: 5, height: 10, onDrag: volume.drag, onCommit: volume.commit }), _jsxs(Typography, { as: "span", variant: "secondary", color: "textMuted", minWidth: 32, align: "right", css: { flex: 'none', fontVariantNumeric: 'tabular-nums' }, children: [volume.shown, "%"] })] })) : null] }));
+}

package/dist/entities/now-playing.js.map

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

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

@@ -0,0 +1,13 @@
+import type { EntityRef } from '@hashsome/core';
+import type { EntityHandle } from '../entity-handle.ts';
+import type { IconName } from '../icon-data.ts';
+export interface SceneButtonProps {
+    /** A scene (an `action` entity), as a ref like `ha:scene.movie_night` or a handle. */
+    entity: EntityRef | EntityHandle<'action'>;
+    /** Defaults to the scene's name. */
+    name?: string;
+    /** Icon id. Defaults to a palette. */
+    icon?: IconName;
+}
+/** Activates a scene. */
+export declare function SceneButton({ entity, name, icon }: SceneButtonProps): import("react").JSX.Element;

package/dist/entities/scene-button.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ActionButton } from './action-button.js';
+/** Activates a scene. */
+export function SceneButton({ entity, name, icon }) {
+    return (_jsx(ActionButton, { entity: entity, ...(name ? { label: name } : {}), icon: icon ?? 'lu:palette' }));
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"scene-button.js","sourceRoot":"","sources":["../../src/entities/scene-button.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAqB,CAAC;AAanD,yBAAyB;AACzB,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAoB;IAClE,OAAO,CACL,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,YAAY,GAAI,CAChG,CAAC;AACJ,CAAC"}

package/dist/entities/seek-line.d.ts

@@ -0,0 +1,9 @@
+import type { SeekHold } from './media-seek.ts';
+/** The thin progress line along the bottom of the media bar. A tall invisible strip around it is
+ * the touch target; with `seekable` a press or drag on it seeks, and the arrow keys nudge it. */
+export declare function SeekLine({ seek, duration, seekable, }: {
+    seek: SeekHold;
+    /** Seconds. */
+    duration: number;
+    seekable: boolean;
+}): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/entities/seek-line.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { Box } from 'e-prim';
+import { useRef } from 'react';
+/** The thin progress line along the bottom of the media bar. A tall invisible strip around it is
+ * the touch target; with `seekable` a press or drag on it seeks, and the arrow keys nudge it. */
+export function SeekLine({ seek, duration, seekable, }) {
+    const dragging = useRef(false);
+    const shown = Math.min(duration, Math.max(0, seek.shown ?? 0));
+    const fraction = duration > 0 ? shown / duration : 0;
+    const positionAt = (event) => {
+        const box = event.currentTarget.getBoundingClientRect();
+        const along = box.width > 0 ? (event.clientX - box.left) / box.width : 0;
+        return Math.round(Math.min(1, Math.max(0, along)) * duration);
+    };
+    const onKeyDown = (event) => {
+        if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft') {
+            return;
+        }
+        event.preventDefault();
+        const step = event.key === 'ArrowRight' ? 5 : -5;
+        seek.commit(Math.min(duration, Math.max(0, Math.round(shown + step))));
+    };
+    return (_jsx(Box, { position: "absolute", height: 16, cursor: seekable ? 'pointer' : 'default', ...(seekable
+            ? {
+                role: 'slider',
+                tabIndex: 0,
+                onKeyDown,
+                onPointerDown: (event) => {
+                    dragging.current = true;
+                    event.currentTarget.setPointerCapture?.(event.pointerId);
+                    seek.preview(positionAt(event));
+                },
+                onPointerMove: (event) => {
+                    if (dragging.current) {
+                        seek.preview(positionAt(event));
+                    }
+                },
+                onPointerUp: (event) => {
+                    if (dragging.current) {
+                        dragging.current = false;
+                        seek.commit(positionAt(event));
+                    }
+                },
+            }
+            : { role: 'progressbar' }), "aria-label": "Position", "aria-valuemin": 0, "aria-valuemax": Math.round(duration), "aria-valuenow": Math.round(shown), css: ({ palette }) => ({
+            left: 0,
+            right: 0,
+            bottom: 0,
+            touchAction: 'none',
+            '&::before, &::after': {
+                content: '""',
+                position: 'absolute',
+                left: 0,
+                bottom: 0,
+                height: 3,
+                transition: 'height 0.12s ease',
+            },
+            // The track only shows when there is something to grab.
+            '&::before': { right: 0, background: seekable ? palette.border : 'transparent' },
+            '&::after': { width: `${fraction * 100}%`, background: palette.accent },
+            ...(seekable
+                ? {
+                    '&:hover::before, &:hover::after, &:focus-visible::before, &:focus-visible::after': {
+                        height: 6,
+                    },
+                    outline: 'none',
+                }
+                : {}),
+        }) }));
+}

package/dist/entities/seek-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seek-line.js","sourceRoot":"","sources":["../../src/entities/seek-line.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAyC,MAAM,OAAO,CAAC;AAGtE;iGACiG;AACjG,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAQ,EACR,QAAQ,GAOT;IACC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAErD,MAAM,UAAU,GAAG,CAAC,KAAmC,EAAU,EAAE;QACjE,MAAM,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACxD,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACzE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,KAAoC,EAAE,EAAE;QACzD,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC5D,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAE,EAAE,EACV,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,KACpC,CAAC,QAAQ;YACX,CAAC,CAAC;gBACE,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC;gBACX,SAAS;gBACT,aAAa,EAAE,CAAC,KAAmC,EAAE,EAAE;oBACrD,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;oBACxB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;oBACzD,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;gBAClC,CAAC;gBACD,aAAa,EAAE,CAAC,KAAmC,EAAE,EAAE;oBACrD,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;wBACrB,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;oBAClC,CAAC;gBACH,CAAC;gBACD,WAAW,EAAE,CAAC,KAAmC,EAAE,EAAE;oBACnD,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;wBACrB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;wBACzB,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;oBACjC,CAAC;gBACH,CAAC;aACF;YACH,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,gBACjB,UAAU,mBACN,CAAC,mBACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,mBACpB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAChC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;YACrB,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,WAAW,EAAE,MAAM;YACnB,qBAAqB,EAAE;gBACrB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,CAAC;gBACP,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;gBACT,UAAU,EAAE,mBAAmB;aAChC;YACD,wDAAwD;YACxD,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,EAAE;YAChF,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,GAAG,GAAG,EAAE,UAAU,EAAE,OAAO,CAAC,MAAM,EAAE;YACvE,GAAG,CAAC,QAAQ;gBACV,CAAC,CAAC;oBACE,kFAAkF,EAAE;wBAClF,MAAM,EAAE,CAAC;qBACV;oBACD,OAAO,EAAE,MAAM;iBAChB;gBACH,CAAC,CAAC,EAAE,CAAC;SACR,CAAC,GACF,CACH,CAAC;AACJ,CAAC"}

package/dist/entities/sensor-readout.d.ts

@@ -0,0 +1,28 @@
+import type { EntityRef } from '@hashsome/core';
+import type { IconName } from '../icon-data.ts';
+import { type EntityHandle } from '../entity-handle.ts';
+import { type SensorSample } from '../layout/sensor-history.tsx';
+/** Bounds a reading is considered safe within; either end can be left open. */
+export interface SafeRange {
+    min?: number;
+    max?: number;
+}
+export interface SensorReadoutProps {
+    /** A sensor, as a ref like `ha:sensor.living_room_humidity` or a handle (a custom source). */
+    entity: EntityRef | EntityHandle<'sensor'>;
+    /** Icon id. Defaults by device class (temperature, humidity). */
+    icon?: IconName;
+    /** Drawer title. Defaults to the sensor's name. */
+    name?: string;
+    /** The sensor's battery level, as a sensor ref like `ha:sensor.kitchen_t_h_sensor_battery` (a percentage). Shown in the drawer, in red when low. */
+    battery?: EntityRef;
+    /** Readings over time (oldest first). Adds a chart and min/max for today / this week / this month to the drawer, plus a custom date and time range when expanded. Left out, they come from the backend's own history when it keeps one (Home Assistant's long-term statistics). */
+    history?: SensorSample[];
+    /** Flags readings outside `{ min, max }` with a warning. Humidity defaults to 30–60 %; pass `false` to turn a default off. */
+    safeRange?: SafeRange | false;
+    /** Tapping a ready numeric reading opens a drawer (current value and safe-range verdict, plus the chart and min/max when `history` is given). Default `true`; `false` keeps it inline text, e.g. for a presence chip. */
+    drawer?: boolean;
+}
+/** Inline value with icon and unit. Shows "Unavailable" / "Unknown" instead of a reading, and a
+ * warning when the value leaves its safe range. Tapping a numeric reading opens a drawer. */
+export declare function SensorReadout({ entity, icon, name, battery, history, safeRange, drawer, }: SensorReadoutProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/entities/sensor-readout.js

@@ -0,0 +1,95 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Flex, Typography } from 'e-prim';
+import { Icon } from '../icon.js';
+import { fallbackName } from '../entity-handle.js';
+import { useEntityHandle } from '../hooks.js';
+import { SensorHistory } from '../layout/sensor-history.js';
+import { PlainButton } from '../layout/plain-button.js';
+import { DrawerTrigger } from '../layout/use-drawer.js';
+import { capitalize, statusLabels } from '../status.js';
+/** What a readout looks like in each state, from its data attributes (`data-range`, `data-status`):
+ * red outside its safe range, dimmed while it has no reading. */
+const readoutStates = ({ palette }) => ({
+    "&[data-range='low'], &[data-range='high']": { color: palette.danger },
+    "&[data-status]:not([data-status='ready'])": { opacity: 0.6 },
+});
+const deviceClassIcons = {
+    temperature: 'lu:thermometer',
+    humidity: 'lu:droplet',
+};
+const DEFAULT_SAFE_RANGES = {
+    humidity: { min: 30, max: 60 },
+};
+function formatValue(raw) {
+    const value = Number(raw);
+    return raw.trim() !== '' && Number.isFinite(value) ? String(Math.round(value * 10) / 10) : raw;
+}
+function rangeLevel(raw, range) {
+    const value = Number(raw);
+    if (!range || raw === undefined || raw.trim() === '' || !Number.isFinite(value)) {
+        return undefined;
+    }
+    if (range.min !== undefined && value < range.min) {
+        return 'low';
+    }
+    if (range.max !== undefined && value > range.max) {
+        return 'high';
+    }
+    return 'ok';
+}
+function describeRange(range, unit) {
+    const suffix = unit ? ` ${unit}` : '';
+    if (range.min !== undefined && range.max !== undefined) {
+        return `${range.min}–${range.max}${suffix}`;
+    }
+    return range.min !== undefined
+        ? `at least ${range.min}${suffix}`
+        : `at most ${range.max}${suffix}`;
+}
+/** Inline value with icon and unit. Shows "Unavailable" / "Unknown" instead of a reading, and a
+ * warning when the value leaves its safe range. Tapping a numeric reading opens a drawer. */
+export function SensorReadout({ entity, icon, name, battery, history, safeRange, drawer = true, }) {
+    const handle = useEntityHandle('sensor', entity);
+    const { status } = handle;
+    const sensor = handle.entity;
+    const ready = status === 'ready' && sensor !== undefined;
+    const deviceClass = sensor?.measurement;
+    const unit = sensor?.unit ?? '';
+    const resolvedIcon = icon ?? (deviceClass ? deviceClassIcons[deviceClass] : undefined) ?? 'lu:gauge';
+    const range = safeRange === false
+        ? undefined
+        : (safeRange ?? (deviceClass ? DEFAULT_SAFE_RANGES[deviceClass] : undefined));
+    const level = ready ? rangeLevel(sensor.value, range) : undefined;
+    const label = name ?? sensor?.name ?? fallbackName(entity);
+    const valueText = ready ? `${formatValue(sensor.value)}${unit ? ` ${unit}` : ''}` : '';
+    const warning = level === 'low' || level === 'high';
+    const hint = warning && range
+        ? `${label} is too ${level} (safe range ${describeRange(range, unit)})`
+        : undefined;
+    const content = (_jsxs(_Fragment, { children: [_jsx(Icon, { name: resolvedIcon, size: 16 }), _jsx(Typography, { as: "span", variant: "body", noWrap: true, children: ready ? valueText : statusLabels[status] }), warning ? _jsx(Icon, { name: "lu:triangle-alert", size: 16 }) : null] }));
+    const numeric = ready && sensor.numeric !== undefined;
+    if (drawer && numeric) {
+        return (_jsx(DrawerTrigger, { icon: resolvedIcon, label: label, kind: deviceClass ? capitalize(deviceClass) : 'Sensor', body: _jsx(SensorDetailBody, { valueText: valueText, level: level, range: range, unit: unit, ...(battery ? { battery } : {}), ...(typeof entity === 'string' ? { entity } : {}), ...(history ? { history } : {}) }), children: (open) => (_jsx(PlainButton, { inline: true, align: "center", gap: 1, css: readoutStates, "data-status": status, "data-range": level, "aria-label": `${label}: ${valueText}${hint ? `. ${hint}` : ''}`, title: hint, onClick: open, children: content })) }));
+    }
+    return (_jsx(Flex, { as: "span", inline: true, align: "center", gap: 1, css: readoutStates, "data-status": status, "data-range": level, title: hint, children: content }));
+}
+function SensorDetailBody({ valueText, level, range, unit, entity, battery, history, }) {
+    const warning = level === 'low' || level === 'high';
+    return (_jsxs(Flex, { direction: "column", gap: 2, children: [_jsxs(Flex, { direction: "column", background: "surfaceRaised", radius: "row", py: 3.5, px: 4, children: [_jsx(Typography, { as: "span", variant: "secondary", color: "textMuted", children: "Now" }), _jsx(Typography, { as: "span", variant: "stat", children: valueText }), range ? (_jsxs(Flex, { align: "center", gap: 1.5, css: ({ palette }) => ({ color: warning ? palette.danger : palette.textMuted }), children: [warning ? _jsx(Icon, { name: "lu:triangle-alert", size: 14 }) : null, _jsx(Typography, { as: "span", variant: "secondary", children: warning
+                                    ? `Too ${level} · safe range ${describeRange(range, unit)}`
+                                    : `Within the safe range (${describeRange(range, unit)})` })] })) : null] }), battery ? _jsx(BatteryLevel, { entity: battery }) : null, _jsx(SensorHistory, { ...(history ? { samples: history } : entity ? { entity } : {}), unit: unit })] }));
+}
+/** Below this a battery is shown as low. */
+const LOW_BATTERY = 20;
+const batteryIcon = (percent) => percent <= LOW_BATTERY
+    ? 'lu:battery-low'
+    : percent <= 60
+        ? 'lu:battery-medium'
+        : 'lu:battery-full';
+/** A sensor's battery, in its drawer: the level, red and with a warning once it is low. */
+function BatteryLevel({ entity }) {
+    const handle = useEntityHandle('sensor', entity);
+    const level = handle.status === 'ready' ? handle.entity?.numeric : undefined;
+    const low = level !== undefined && level <= LOW_BATTERY;
+    return (_jsxs(Flex, { align: "center", gap: 2, background: "surfaceRaised", radius: "row", py: 2.5, px: 4, color: low ? 'danger' : 'textMuted', children: [_jsx(Icon, { name: level === undefined ? 'lu:battery' : batteryIcon(level), size: 16 }), _jsx(Typography, { as: "span", variant: "secondary", grow: 1, children: low ? 'Battery low' : 'Battery' }), _jsx(Typography, { as: "span", variant: "bodyStrong", color: low ? 'danger' : 'text', children: level === undefined ? '—' : `${Math.round(level)}%` })] }));
+}

package/dist/entities/sensor-readout.js.map

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