@glasshome/widget-sdk 1.27.1 → 1.29.0

package/dist/index.js

@@ -2,14 +2,14 @@ import { deprecate as e, deprecations as t, formatDeprecation as n } from "./dep
 import { WidgetManifestSchema as r, formatSchemaError as i } from "./schemas.js";
 import { z as a, z as o } from "zod";
 import { getForecasts as s, getStream as c, getWebRtcClientConfig as l, hassMediaUrl as u, sendWebRtcCandidate as d, startWebRtcSession as f, state as p, trackEntityHistory as m, untrackEntityHistory as h } from "@glasshome/sync-layer";
-import { byDomain as g, useArea as _, useCalendarEvents as v, useCamera as y, useConnection as b, useCurrency as x, useEntities as S, useEntity as ee, useEntity as te, useEntityHistory as C, useEntityStatistics as w, useForecast as ne, useHassConfig as re, useLocale as ie, useService as ae, useStore as oe, useTemperatureUnit as se, useToggle as ce, useTurnOff as le, useTurnOn as ue, useUnitSystem as de } from "@glasshome/sync-layer/solid";
-import { For as T, Show as E, children as fe, createContext as pe, createEffect as D, createMemo as O, createSignal as k, on as me, onCleanup as A, onMount as he, splitProps as ge, useContext as j } from "solid-js";
-import { addEventListener as M, className as N, createComponent as P, delegateEvents as _e, effect as F, insert as I, memo as L, setAttribute as R, setStyleProperty as z, style as B, template as V, use as H } from "solid-js/web";
-import { Accordion as ve, AccordionContent as ye, AccordionItem as be, AccordionTrigger as xe, Badge as Se, Badge as Ce, Button as we, Button as Te, ButtonGroup as Ee, ButtonGroup as De, Carousel as Oe, CarouselContent as ke, CarouselDots as Ae, CarouselItem as je, CarouselNext as Me, CarouselPrevious as Ne, ColorDisc as Pe, ColorSlider as Fe, ColorWheel as Ie, CountPill as Le, CountPill as Re, Empty as ze, EmptyDescription as Be, EmptyHeader as Ve, EmptyTitle as He, FactRow as Ue, FieldGroup as We, FieldTitle as Ge, HOLD_GRACE_MS as Ke, HOLD_MS as qe, Icon as Je, Icon as U, Input as Ye, Label as Xe, Popover as Ze, PopoverContent as Qe, Progress as $e, ResponsiveDialog as et, ResponsiveDialogBody as tt, ResponsiveDialogBody as nt, ResponsiveDialogClose as rt, ResponsiveDialogContent as it, ResponsiveDialogDescription as at, ResponsiveDialogFooter as ot, ResponsiveDialogFooter as st, ResponsiveDialogHeader as ct, ResponsiveDialogTitle as lt, SchemaForm as ut, SectionIcon as dt, SectionIcon as ft, SectionMeta as pt, SectionRow as mt, SectionTitle as ht, Select as gt, SelectContent as _t, SelectItem as vt, SelectTrigger as yt, SelectValue as bt, Slider as xt, SwatchPicker as St, Switch as Ct, Tabs as wt, Tabs as Tt, TabsContent as Et, TabsContent as Dt, TabsList as Ot, TabsList as kt, TabsTrigger as At, TabsTrigger as jt, TemperatureBar as Mt, Toggle as Nt, ToggleGroup as Pt, ToggleGroup as Ft, ToggleGroupItem as It, ToggleGroupItem as Lt, buttonVariants as Rt, copyText as zt, imagePreset as Bt, imagePreset as Vt, imageUrl as Ht, imageUrl as Ut, mediaUrl as Wt, parseColor as Gt, presetValue as Kt, spendLongPress as qt, useCopyText as Jt, useCopyText as Yt } from "@glasshome/ui/solid";
-import { clsx as Xt } from "clsx";
-import { twMerge as Zt } from "tailwind-merge";
+import { byDomain as g, useArea as _, useCalendarEvents as v, useCamera as y, useConnection as b, useCurrency as x, useEntities as S, useEntity as ee, useEntity as te, useEntityHistory as ne, useEntityStatistics as C, useForecast as re, useHassConfig as ie, useLocale as ae, useService as oe, useStore as se, useTemperatureUnit as ce, useTemperatureUnit as le, useToggle as ue, useTurnOff as de, useTurnOn as fe, useUnitSystem as pe } from "@glasshome/sync-layer/solid";
+import { For as w, Match as me, Show as T, Switch as he, children as ge, createContext as _e, createEffect as E, createMemo as D, createSignal as O, on as ve, onCleanup as k, onMount as ye, splitProps as be, untrack as xe, useContext as A } from "solid-js";
+import { addEventListener as j, className as M, createComponent as N, delegateEvents as P, effect as F, insert as I, memo as L, mergeProps as Se, setAttribute as R, setStyleProperty as Ce, spread as we, style as z, template as B, use as Te } from "solid-js/web";
+import { Accordion as Ee, AccordionContent as De, AccordionItem as Oe, AccordionTrigger as ke, Badge as Ae, Badge as je, Button as Me, Button as Ne, ButtonGroup as Pe, ButtonGroup as Fe, Carousel as Ie, CarouselContent as Le, CarouselDots as Re, CarouselItem as ze, CarouselNext as Be, CarouselPrevious as Ve, ColorDisc as He, ColorSlider as Ue, ColorWheel as We, CountPill as Ge, CountPill as Ke, Empty as qe, EmptyDescription as Je, EmptyHeader as Ye, EmptyTitle as Xe, FactRow as Ze, FieldGroup as Qe, FieldTitle as $e, HOLD_GRACE_MS as et, HOLD_MS as tt, Icon as nt, Icon as V, Input as rt, Label as it, Popover as at, PopoverContent as ot, Progress as st, ResponsiveDialog as ct, ResponsiveDialogBody as lt, ResponsiveDialogBody as ut, ResponsiveDialogClose as dt, ResponsiveDialogContent as ft, ResponsiveDialogDescription as pt, ResponsiveDialogFooter as mt, ResponsiveDialogFooter as ht, ResponsiveDialogHeader as gt, ResponsiveDialogTitle as _t, SchemaForm as vt, SectionIcon as yt, SectionIcon as bt, SectionMeta as xt, SectionRow as St, SectionTitle as Ct, Select as wt, SelectContent as Tt, SelectItem as Et, SelectTrigger as Dt, SelectValue as Ot, Slider as kt, SwatchPicker as At, Switch as jt, Tabs as Mt, Tabs as Nt, TabsContent as Pt, TabsContent as Ft, TabsList as It, TabsList as Lt, TabsTrigger as Rt, TabsTrigger as zt, TemperatureBar as Bt, Toggle as Vt, ToggleGroup as Ht, ToggleGroup as Ut, ToggleGroupItem as Wt, ToggleGroupItem as Gt, buttonVariants as Kt, copyText as qt, imagePreset as Jt, imagePreset as Yt, imageUrl as Xt, imageUrl as Zt, mediaUrl as Qt, parseColor as $t, presetValue as en, spendLongPress as tn, useCopyText as nn, useCopyText as rn } from "@glasshome/ui/solid";
+import { clsx as an } from "clsx";
+import { twMerge as on } from "tailwind-merge";
 //#region src/framework/to-form-schema.ts
-function Qt(e) {
+function sn(e) {
 	return o.toJSONSchema(e, { override: (e) => {
 		let t = o.globalRegistry.get(e.zodSchema);
 		return t && typeof t == "object" && Object.keys(t).length > 0 ? {
@@ -18,7 +18,7 @@ function Qt(e) {
 		} : e.jsonSchema;
 	} });
 }
-function $t(e) {
+function cn(e) {
 	try {
 		return e.parse({});
 	} catch {
@@ -27,64 +27,64 @@ function $t(e) {
 }
 //#endregion
 //#region src/define-widget.ts
-function en(e) {
-	return e.configSchema && (e.manifest.schema || (e.manifest.schema = Qt(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = $t(e.configSchema))), e;
+function ln(e) {
+	return e.configSchema && (e.manifest.schema || (e.manifest.schema = sn(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = cn(e.configSchema))), e;
 }
 //#endregion
 //#region src/framework/hooks/use-widget-context.ts
-var W = pe();
-function tn() {
-	let e = j(W);
+var H = _e();
+function un() {
+	let e = A(H);
 	if (!e) throw Error("useWidgetContext must be used within a Widget component");
 	return e;
 }
 //#endregion
 //#region src/framework/hooks/use-service.ts
-function nn(e) {
+function dn(e) {
 	let t = Array.isArray(e) ? e[0] : e, n = t?.split(".")[0];
 	if (!n) throw Error(`Invalid entity ID: ${String(t)}`);
 	return n;
 }
-function rn(e, t) {
+function fn(e, t) {
 	return async (n, r = {}) => {
-		await e(nn(n), t, r, { entity_id: n });
+		await e(dn(n), t, r, { entity_id: n });
 	};
 }
-function an() {
-	let e = j(W)?.callService;
+function pn() {
+	let e = A(H)?.callService;
 	return e ? {
 		callService: e,
-		turnOn: rn(e, "turn_on"),
-		turnOff: rn(e, "turn_off"),
-		toggle: rn(e, "toggle")
-	} : ae();
+		turnOn: fn(e, "turn_on"),
+		turnOff: fn(e, "turn_off"),
+		toggle: fn(e, "toggle")
+	} : oe();
 }
-function on() {
-	let e = j(W)?.callService;
-	return e ? rn(e, "turn_on") : ue();
+function mn() {
+	let e = A(H)?.callService;
+	return e ? fn(e, "turn_on") : fe();
 }
-function sn() {
-	let e = j(W)?.callService;
-	return e ? rn(e, "turn_off") : le();
+function hn() {
+	let e = A(H)?.callService;
+	return e ? fn(e, "turn_off") : de();
 }
-function cn() {
-	let e = j(W)?.callService;
-	return e ? rn(e, "toggle") : ce();
+function gn() {
+	let e = A(H)?.callService;
+	return e ? fn(e, "toggle") : ue();
 }
 //#endregion
 //#region src/framework/design-system/z-index.ts
-var ln = {
+var _n = {
 	BACKGROUND: 0,
 	CONTENT: 10,
 	OVERLAY: 20,
 	ACTIONS: 30
-}, G = /* @__PURE__ */ new WeakMap();
-function un(e = "controls") {
-	let [t, n] = k(!1), [r, i] = k(e), a = (t) => {
+}, U = /* @__PURE__ */ new WeakMap();
+function vn(e = "controls") {
+	let [t, n] = O(!1), [r, i] = O(e), a = (t) => {
 		i(t ?? e), n(!0);
-	}, o = j(W);
-	return o?.registerDialogOpener?.(a), o && G.set(o, a), A(() => {
-		o?.registerDialogOpener?.(null), o && G.get(o) === a && G.delete(o);
+	}, o = A(H);
+	return o?.registerDialogOpener?.(a), o && U.set(o, a), k(() => {
+		o?.registerDialogOpener?.(null), o && U.get(o) === a && U.delete(o);
 	}), {
 		showDialog: t,
 		setShowDialog: n,
@@ -106,15 +106,15 @@ function un(e = "controls") {
 }
 //#endregion
 //#region src/framework/hooks/widget-registry.ts
-var dn = /* @__PURE__ */ new WeakMap(), fn = Symbol("glasshome.widget.registry");
-function pn(e) {
-	return e[fn] ?? e;
+var yn = /* @__PURE__ */ new WeakMap(), bn = Symbol("glasshome.widget.registry");
+function xn(e) {
+	return e[bn] ?? e;
 }
-function mn(e) {
+function Sn(e) {
 	if (!e) return;
-	let t = pn(e), n = dn.get(t);
+	let t = xn(e), n = yn.get(t);
 	if (!n) {
-		let [e, r] = k(!1), [i, a] = k(), [o, s] = k(), [c, l] = k(), [u, d] = k(!1);
+		let [e, r] = O(!1), [i, a] = O(), [o, s] = O(), [c, l] = O(), [u, d] = O(!1);
 		n = {
 			hasSheet: e,
 			setHasSheet: r,
@@ -126,149 +126,149 @@ function mn(e) {
 			setIcon: l,
 			nothingMore: u,
 			setNothingMore: d
-		}, dn.set(t, n);
+		}, yn.set(t, n);
 	}
 	return n;
 }
 //#endregion
 //#region src/framework/gestures/cursors.ts
-var hn = 32, K = hn / 2, q = "white", gn = "rgba(0,0,0,0.4)", _n = 2, vn = 3;
-function yn(e) {
+var Cn = 32, W = Cn / 2, G = "white", wn = "rgba(0,0,0,0.4)", Tn = 2, En = 3;
+function Dn(e) {
 	return `url("data:image/svg+xml,${encodeURIComponent(e)}")`;
 }
-function bn(e) {
-	return `<svg xmlns="http://www.w3.org/2000/svg" width="${hn}" height="${hn}" viewBox="0 0 ${hn} ${hn}">${e}</svg>`;
+function On(e) {
+	return `<svg xmlns="http://www.w3.org/2000/svg" width="${Cn}" height="${Cn}" viewBox="0 0 ${Cn} ${Cn}">${e}</svg>`;
 }
-var xn = bn(`
+var kn = On(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
-    <g stroke="${gn}" stroke-width="${vn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${wn}" stroke-width="${En}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <path d="M10 8V3a2 2 0 0 1 4 0v10l4.5-4.5a2 2 0 0 1 2.83 2.83L14 18.5c-2 2-4 3.5-8 3.5-3 0-5-2-5-5v-6a2 2 0 0 1 4 0v2"/>
     </g>
     <!-- main -->
-    <g stroke="${q}" stroke-width="${_n}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${G}" stroke-width="${Tn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <path d="M10 8V3a2 2 0 0 1 4 0v10l4.5-4.5a2 2 0 0 1 2.83 2.83L14 18.5c-2 2-4 3.5-8 3.5-3 0-5-2-5-5v-6a2 2 0 0 1 4 0v2"/>
     </g>
   </g>
-`), Sn = bn(`
+`), An = On(`
   <g>
-    <circle cx="${K}" cy="${K}" r="8" stroke="${gn}" stroke-width="${vn}" fill="none"/>
-    <circle cx="${K}" cy="${K}" r="8" stroke="${q}" stroke-width="1.5" fill="none"/>
-    <circle cx="${K}" cy="${K}" r="1.5" fill="${q}"/>
+    <circle cx="${W}" cy="${W}" r="8" stroke="${wn}" stroke-width="${En}" fill="none"/>
+    <circle cx="${W}" cy="${W}" r="8" stroke="${G}" stroke-width="1.5" fill="none"/>
+    <circle cx="${W}" cy="${W}" r="1.5" fill="${G}"/>
   </g>
-`), Cn = bn(`
+`), jn = On(`
   <g>
     <!-- shadow -->
-    <g stroke="${gn}" stroke-width="${vn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${K}" x2="26" y2="${K}"/>
-      <polyline points="10,12 6,${K} 10,20"/>
-      <polyline points="22,12 26,${K} 22,20"/>
+    <g stroke="${wn}" stroke-width="${En}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="6" y1="${W}" x2="26" y2="${W}"/>
+      <polyline points="10,12 6,${W} 10,20"/>
+      <polyline points="22,12 26,${W} 22,20"/>
     </g>
     <!-- main -->
-    <g stroke="${q}" stroke-width="${_n}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${K}" x2="26" y2="${K}"/>
-      <polyline points="10,12 6,${K} 10,20"/>
-      <polyline points="22,12 26,${K} 22,20"/>
+    <g stroke="${G}" stroke-width="${Tn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="6" y1="${W}" x2="26" y2="${W}"/>
+      <polyline points="10,12 6,${W} 10,20"/>
+      <polyline points="22,12 26,${W} 22,20"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${K}" cy="${K}" r="1.5" fill="${q}"/>
-    <circle cx="11" cy="${K}" r="1" fill="${q}" opacity="0.6"/>
-    <circle cx="21" cy="${K}" r="1" fill="${q}" opacity="0.6"/>
+    <circle cx="${W}" cy="${W}" r="1.5" fill="${G}"/>
+    <circle cx="11" cy="${W}" r="1" fill="${G}" opacity="0.6"/>
+    <circle cx="21" cy="${W}" r="1" fill="${G}" opacity="0.6"/>
   </g>
-`), wn = bn(`
+`), Mn = On(`
   <g>
     <!-- shadow -->
-    <g stroke="${gn}" stroke-width="${vn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${K}" y1="6" x2="${K}" y2="26"/>
-      <polyline points="12,10 ${K},6 20,10"/>
-      <polyline points="12,22 ${K},26 20,22"/>
+    <g stroke="${wn}" stroke-width="${En}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="${W}" y1="6" x2="${W}" y2="26"/>
+      <polyline points="12,10 ${W},6 20,10"/>
+      <polyline points="12,22 ${W},26 20,22"/>
     </g>
     <!-- main -->
-    <g stroke="${q}" stroke-width="${_n}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${K}" y1="6" x2="${K}" y2="26"/>
-      <polyline points="12,10 ${K},6 20,10"/>
-      <polyline points="12,22 ${K},26 20,22"/>
+    <g stroke="${G}" stroke-width="${Tn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="${W}" y1="6" x2="${W}" y2="26"/>
+      <polyline points="12,10 ${W},6 20,10"/>
+      <polyline points="12,22 ${W},26 20,22"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${K}" cy="${K}" r="1.5" fill="${q}"/>
-    <circle cx="${K}" cy="11" r="1" fill="${q}" opacity="0.6"/>
-    <circle cx="${K}" cy="21" r="1" fill="${q}" opacity="0.6"/>
+    <circle cx="${W}" cy="${W}" r="1.5" fill="${G}"/>
+    <circle cx="${W}" cy="11" r="1" fill="${G}" opacity="0.6"/>
+    <circle cx="${W}" cy="21" r="1" fill="${G}" opacity="0.6"/>
   </g>
-`), Tn = bn(`
+`), Nn = On(`
   <g>
     <!-- shadow -->
-    <g stroke="${gn}" stroke-width="${vn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="7" y1="${K}" x2="25" y2="${K}"/>
-      <line x1="${K}" y1="7" x2="${K}" y2="25"/>
-      <polyline points="11,13 7,${K} 11,19"/>
-      <polyline points="21,13 25,${K} 21,19"/>
-      <polyline points="13,11 ${K},7 19,11"/>
-      <polyline points="13,21 ${K},25 19,21"/>
+    <g stroke="${wn}" stroke-width="${En}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="7" y1="${W}" x2="25" y2="${W}"/>
+      <line x1="${W}" y1="7" x2="${W}" y2="25"/>
+      <polyline points="11,13 7,${W} 11,19"/>
+      <polyline points="21,13 25,${W} 21,19"/>
+      <polyline points="13,11 ${W},7 19,11"/>
+      <polyline points="13,21 ${W},25 19,21"/>
     </g>
     <!-- main -->
-    <g stroke="${q}" stroke-width="${_n}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="7" y1="${K}" x2="25" y2="${K}"/>
-      <line x1="${K}" y1="7" x2="${K}" y2="25"/>
-      <polyline points="11,13 7,${K} 11,19"/>
-      <polyline points="21,13 25,${K} 21,19"/>
-      <polyline points="13,11 ${K},7 19,11"/>
-      <polyline points="13,21 ${K},25 19,21"/>
+    <g stroke="${G}" stroke-width="${Tn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="7" y1="${W}" x2="25" y2="${W}"/>
+      <line x1="${W}" y1="7" x2="${W}" y2="25"/>
+      <polyline points="11,13 7,${W} 11,19"/>
+      <polyline points="21,13 25,${W} 21,19"/>
+      <polyline points="13,11 ${W},7 19,11"/>
+      <polyline points="13,21 ${W},25 19,21"/>
     </g>
     <!-- center dot -->
-    <circle cx="${K}" cy="${K}" r="2" fill="${q}"/>
+    <circle cx="${W}" cy="${W}" r="2" fill="${G}"/>
   </g>
 `);
-function En(e, t, n) {
+function Pn(e, t, n) {
 	return {
-		css: `${yn(e)} ${t} ${n}, auto`,
+		css: `${Dn(e)} ${t} ${n}, auto`,
 		hotspotX: t,
 		hotspotY: n
 	};
 }
-var Dn = {
-	tap: En(xn, 12, 4),
-	hold: En(Sn, 16, 16),
-	slideHorizontal: En(Cn, K, K),
-	slideVertical: En(wn, K, K),
-	slideAuto: En(Tn, K, K)
+var Fn = {
+	tap: Pn(kn, 12, 4),
+	hold: Pn(An, 16, 16),
+	slideHorizontal: Pn(jn, W, W),
+	slideVertical: Pn(Mn, W, W),
+	slideAuto: Pn(Nn, W, W)
 };
 //#endregion
 //#region src/framework/gestures/haptics.ts
-function On() {
+function In() {
 	if (typeof window > "u") return null;
 	let e = window;
 	return e.Capacitor?.isNativePlatform?.() ? e.Capacitor.Plugins?.Haptics ?? null : null;
 }
-function kn(e) {
+function Ln(e) {
 	if (typeof navigator < "u" && typeof navigator.vibrate == "function") try {
 		navigator.vibrate(e);
 	} catch {}
 }
-var An = {
+var Rn = {
 	tick() {
-		let e = On();
-		e ? e.impact({ style: "Light" }).catch(() => {}) : kn(8);
+		let e = In();
+		e ? e.impact({ style: "Light" }).catch(() => {}) : Ln(8);
 	},
 	bump() {
-		let e = On();
-		e ? e.impact({ style: "Medium" }).catch(() => {}) : kn(20);
+		let e = In();
+		e ? e.impact({ style: "Medium" }).catch(() => {}) : Ln(20);
 	},
 	pulse() {
-		let e = On();
-		e ? e.impact({ style: "Heavy" }).catch(() => {}) : kn([
+		let e = In();
+		e ? e.impact({ style: "Heavy" }).catch(() => {}) : Ln([
 			0,
 			15,
 			40,
 			15
 		]);
 	}
-}, jn = "button, a, input, select, textarea, [role=\"slider\"], [role=\"radio\"], [role=\"switch\"]";
-function Mn(e, t) {
-	let n = j(W), r = mn(n), i = () => {
+}, zn = "button, a, input, select, textarea, [role=\"slider\"], [role=\"radio\"], [role=\"switch\"]";
+function Bn(e, t) {
+	let n = A(H), r = Sn(n), i = () => {
 		let t = e();
 		return t.hold || !n ? t : {
 			...t,
-			hold: { action: () => r?.hasSheet() ? G.get(n)?.() : r?.setNothingMore(!0) }
+			hold: { action: () => r?.hasSheet() ? U.get(n)?.() : r?.setNothingMore(!0) }
 		};
 	}, a = {
 		isDown: !1,
@@ -283,7 +283,7 @@ function Mn(e, t) {
 		graceTimer: null,
 		element: null,
 		startValue: void 0
-	}, [o, s] = k(null), c = null, l = null, u = null, [d, f] = k(null);
+	}, [o, s] = O(null), c = null, l = null, u = null, [d, f] = O(null);
 	function p(e) {
 		e !== l && (u && u.disconnect(), u = new ResizeObserver((e) => {
 			let t = e[0];
@@ -319,10 +319,10 @@ function Mn(e, t) {
 		return n?.orientation === "horizontal" ? "horizontal" : n?.orientation === "vertical" ? "vertical" : e && (c || p(e), c) ? c.height > c.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
 	}, v = (e) => {
 		if (e.pointerType === "touch" && !e.isPrimary) return;
-		let t = i(), r = e.target instanceof Element ? e.target.closest(`${jn}, .glasshome-widget-controls`) : null, o = r !== null && r !== e.currentTarget;
+		let t = i(), r = e.target instanceof Element ? e.target.closest(`${zn}, .glasshome-widget-controls`) : null, o = r !== null && r !== e.currentTarget;
 		if (!(o ? !t.hold : !t.tap && !t.hold && !t.slide)) {
 			if (a.isDown = !0, a.holdOnly = o, a.isTouch = e.pointerType === "touch", a.element = e.currentTarget, p(a.element), a.startX = e.clientX, a.startY = e.clientY, a.startTime = Date.now(), a.hasMoved = !1, a.sliding = !1, a.startValue = t.slide?.value, t.hold) {
-				let r = t.hold.delay ?? qe, i = a.element.getBoundingClientRect(), o = e.clientX - i.left, c = e.clientY - i.top, l = Math.hypot(Math.max(o, i.width - o), Math.max(c, i.height - c));
+				let r = t.hold.delay ?? tt, i = a.element.getBoundingClientRect(), o = e.clientX - i.left, c = e.clientY - i.top, l = Math.hypot(Math.max(o, i.width - o), Math.max(c, i.height - c));
 				a.graceTimer = setTimeout(() => {
 					a.graceTimer = null, s({
 						x: o,
@@ -330,11 +330,11 @@ function Mn(e, t) {
 						r: l,
 						fired: !1
 					});
-				}, Math.min(Ke, r)), a.holdTimer = setTimeout(() => {
+				}, Math.min(et, r)), a.holdTimer = setTimeout(() => {
 					a.holdTimer = null, a.isDown && !a.hasMoved && (s((e) => e && {
 						...e,
 						fired: !0
-					}), An.bump(), qt(), a.element && h(a.element), t.hold?.action(), n?.onHeld?.(), a.isDown = !1);
+					}), Rn.bump(), tn(), a.element && h(a.element), t.hold?.action(), n?.onHeld?.(), a.isDown = !1);
 				}, r);
 			}
 			if (!a.isTouch && t.slide && !o) try {
@@ -355,7 +355,7 @@ function Mn(e, t) {
 			t.slide.onChange(Math.round(m)), a.startX = e.clientX, a.startY = e.clientY, e.preventDefault();
 		}
 	}, b = (e) => {
-		let t = i(), n = a.isDown, r = Date.now() - a.startTime, o = t.hold?.delay ?? qe;
+		let t = i(), n = a.isDown, r = Date.now() - a.startTime, o = t.hold?.delay ?? tt;
 		m(), n && t.tap && !a.hasMoved && !a.holdOnly && r < o && t.tap();
 		try {
 			e.currentTarget.releasePointerCapture(e.pointerId);
@@ -373,9 +373,9 @@ function Mn(e, t) {
 		let t = i();
 		if (t.slide) {
 			let n = t.slide.orientation;
-			return n === "horizontal" ? Dn.slideHorizontal.css : n === "vertical" ? Dn.slideVertical.css : (c || p(e), c && c.height > c.width ? Dn.slideVertical.css : Dn.slideHorizontal.css);
+			return n === "horizontal" ? Fn.slideHorizontal.css : n === "vertical" ? Fn.slideVertical.css : (c || p(e), c && c.height > c.width ? Fn.slideVertical.css : Fn.slideHorizontal.css);
 		}
-		return t.tap ? Dn.tap.css : t.hold ? Dn.hold.css : "";
+		return t.tap ? Fn.tap.css : t.hold ? Fn.hold.css : "";
 	};
 	return {
 		onKeyDown: (e) => {
@@ -411,18 +411,18 @@ function Mn(e, t) {
 }
 //#endregion
 //#region src/framework/hooks/use-widget-dimensions.ts
-var Nn = pe();
-function Pn() {
-	let e = j(Nn);
+var Vn = _e();
+function Hn() {
+	let e = A(Vn);
 	if (!e) throw Error("useWidgetDimensions must be called inside <Widget>: move the call into a component rendered within <Widget> (the top-level widget scope only sees the host stub).");
 	return e;
 }
 //#endregion
 //#region src/framework/hooks/use-confirm.ts
-var Fn = 1600;
-function In() {
-	let [e, t] = k(/* @__PURE__ */ new Set()), n;
-	return A(() => clearTimeout(n)), {
+var Un = 1600;
+function Wn() {
+	let [e, t] = O(/* @__PURE__ */ new Set()), n;
+	return k(() => clearTimeout(n)), {
 		has: (t) => e().has(t),
 		any: () => e().size > 0,
 		run: async (e, r) => {
@@ -431,39 +431,39 @@ function In() {
 			} catch {
 				return !1;
 			}
-			return t(new Set(e)), clearTimeout(n), n = setTimeout(() => t(/* @__PURE__ */ new Set()), Fn), !0;
+			return t(new Set(e)), clearTimeout(n), n = setTimeout(() => t(/* @__PURE__ */ new Set()), Un), !0;
 		}
 	};
 }
 //#endregion
 //#region src/framework/utils/cn.ts
-function J(...e) {
-	return Zt(Xt(e));
+function K(...e) {
+	return on(an(e));
 }
 //#endregion
 //#region src/framework/components/WidgetIcon.tsx
-var Ln = /*#__PURE__*/ V("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2 glass glass-tint\">"), Rn = /*#__PURE__*/ V("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3 glass glass-tint\">"), zn = /*#__PURE__*/ V("<div><div class=\"glasshome-widget-icon-glyph flex items-center justify-center\">");
-function Bn(e) {
+var Gn = /*#__PURE__*/ B("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2 glass glass-tint\">"), Kn = /*#__PURE__*/ B("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3 glass glass-tint\">"), qn = /*#__PURE__*/ B("<div><div class=\"glasshome-widget-icon-glyph flex items-center justify-center\">");
+function Jn(e) {
 	let t = () => e.entityCount ?? 1;
 	return (() => {
-		var n = zn(), r = n.firstChild;
-		return I(n, P(E, {
+		var n = qn(), r = n.firstChild;
+		return I(n, N(T, {
 			get when() {
 				return t() >= 2;
 			},
 			get children() {
-				return Ln();
+				return Gn();
 			}
-		}), r), I(n, P(E, {
+		}), r), I(n, N(T, {
 			get when() {
 				return t() >= 3;
 			},
 			get children() {
-				return Rn();
+				return Kn();
 			}
 		}), r), I(r, () => e.icon), F((t) => {
-			var r = J("glasshome-widget-icon glass glass-tint", "pointer-events-none relative flex shrink-0 items-center justify-center transition-all", e.dimmed && "opacity-50", e.class), i = e.color ? { "--widget-icon-color": e.color } : void 0;
-			return r !== t.e && N(n, t.e = r), t.t = B(n, i, t.t), t;
+			var r = K("glasshome-widget-icon glass glass-tint", "pointer-events-none relative flex shrink-0 items-center justify-center transition-all", e.dimmed && "opacity-50", e.class), i = e.color ? { "--widget-icon-color": e.color } : void 0;
+			return r !== t.e && M(n, t.e = r), t.t = z(n, i, t.t), t;
 		}, {
 			e: void 0,
 			t: void 0
@@ -472,26 +472,26 @@ function Bn(e) {
 }
 //#endregion
 //#region src/framework/components/anatomy.tsx
-var Vn = /*#__PURE__*/ V("<span class=glasshome-widget-eyebrow>"), Hn = /*#__PURE__*/ V("<div class=glasshome-widget-head-aside>"), Un = /*#__PURE__*/ V("<div class=glasshome-widget-head><div class=glasshome-widget-head-text><span class=glasshome-widget-name>"), Wn = /*#__PURE__*/ V("<span class=glasshome-widget-sub>"), Gn = /*#__PURE__*/ V("<span class=glasshome-widget-unit>"), Kn = /*#__PURE__*/ V("<div class=glasshome-widget-art>"), qn = /*#__PURE__*/ V("<div><div class=glasshome-widget-reading><span class=glasshome-widget-reading-value>"), Jn = /*#__PURE__*/ V("<div class=glasshome-widget-controls>"), Yn = /*#__PURE__*/ V("<div>"), Xn = /*#__PURE__*/ V("<div class=glasshome-widget-backdrop>"), Zn = /*#__PURE__*/ V("<div class=glasshome-widget-glyph aria-hidden=true>"), Qn = pe(() => !1), $n = "mdi:check";
-function er(e) {
-	let t = j(Qn), n = mn(j(W));
-	D(() => n?.setIcon(e.icon)), A(() => {
+var Yn = /*#__PURE__*/ B("<span class=glasshome-widget-eyebrow>"), Xn = /*#__PURE__*/ B("<div class=glasshome-widget-head-aside>"), Zn = /*#__PURE__*/ B("<div class=glasshome-widget-head><div class=glasshome-widget-head-text><span class=glasshome-widget-name>"), Qn = /*#__PURE__*/ B("<span class=glasshome-widget-sub>"), $n = /*#__PURE__*/ B("<span class=glasshome-widget-unit>"), er = /*#__PURE__*/ B("<div class=glasshome-widget-art>"), tr = /*#__PURE__*/ B("<div><div class=glasshome-widget-reading><span class=glasshome-widget-reading-value>"), nr = /*#__PURE__*/ B("<div class=glasshome-widget-controls>"), rr = /*#__PURE__*/ B("<div>"), ir = /*#__PURE__*/ B("<div class=glasshome-widget-backdrop>"), ar = /*#__PURE__*/ B("<div class=glasshome-widget-glyph aria-hidden=true>"), or = _e(() => !1), sr = "mdi:check";
+function cr(e) {
+	let t = A(or), n = Sn(A(H));
+	E(() => n?.setIcon(e.icon)), k(() => {
 		n?.icon() === e.icon && n?.setIcon(void 0);
 	});
-	let r = fe(() => e.eyebrow), i = fe(() => e.aside), a = () => {
+	let r = ge(() => e.eyebrow), i = ge(() => e.aside), a = () => {
 		let t = r();
 		return typeof t == "string" && typeof e.name == "string" && t.trim().toLowerCase() === e.name.trim().toLowerCase();
 	};
 	return (() => {
-		var n = Un(), o = n.firstChild, s = o.firstChild;
-		return I(n, P(E, {
+		var n = Zn(), o = n.firstChild, s = o.firstChild;
+		return I(n, N(T, {
 			get when() {
 				return e.icon;
 			},
-			children: (n) => P(Bn, {
+			children: (n) => N(Jn, {
 				get icon() {
-					return P(U, { get icon() {
-						return L(() => !!t())() ? $n : n();
+					return N(V, { get icon() {
+						return L(() => !!t())() ? sr : n();
 					} });
 				},
 				get entityCount() {
@@ -502,56 +502,56 @@ function er(e) {
 				},
 				class: "glasshome-widget-head-icon"
 			})
-		}), o), I(o, P(E, {
+		}), o), I(o, N(T, {
 			get when() {
 				return L(() => !!r())() && !a();
 			},
 			get children() {
-				var e = Vn();
+				var e = Yn();
 				return I(e, r), e;
 			}
-		}), s), I(s, () => e.name), I(n, P(E, {
+		}), s), I(s, () => e.name), I(n, N(T, {
 			get when() {
 				return i();
 			},
 			get children() {
-				var e = Hn();
+				var e = Xn();
 				return I(e, i), e;
 			}
 		}), null), n;
 	})();
 }
-function tr(e) {
-	let t = fe(() => e.sub), n = fe(() => e.art), r = O(() => typeof e.value == "string" ? e.value.replace(/[\d\s.,:/%°+\-−]/g, "") : void 0), i = () => typeof e.value == "string" || typeof e.value == "number" ? String(e.value).length + (e.unit ? .5 : 0) : void 0, [a, o] = k();
-	return D(me(r, () => o((e) => e === "a" ? "b" : "a"), { defer: !0 })), (() => {
-		var r = qn(), o = r.firstChild, s = o.firstChild;
-		return I(o, P(E, {
+function lr(e) {
+	let t = ge(() => e.sub), n = ge(() => e.art), r = D(() => typeof e.value == "string" ? e.value.replace(/[\d\s.,:/%°+\-−]/g, "") : void 0), i = () => typeof e.value == "string" || typeof e.value == "number" ? String(e.value).length + (e.unit ? .5 : 0) : void 0, [a, o] = O();
+	return E(ve(r, () => o((e) => e === "a" ? "b" : "a"), { defer: !0 })), (() => {
+		var r = tr(), o = r.firstChild, s = o.firstChild;
+		return I(o, N(T, {
 			get when() {
 				return t();
 			},
 			get children() {
-				var e = Wn();
+				var e = Qn();
 				return I(e, t), e;
 			}
-		}), s), I(s, () => e.value, null), I(s, P(E, {
+		}), s), I(s, () => e.value, null), I(s, N(T, {
 			get when() {
 				return e.unit;
 			},
 			get children() {
-				var t = Gn();
+				var t = $n();
 				return I(t, () => e.unit), F(() => R(t, "data-degree", e.unit === "°" || void 0)), t;
 			}
-		}), null), I(r, P(E, {
+		}), null), I(r, N(T, {
 			get when() {
 				return n();
 			},
 			get children() {
-				var e = Kn();
+				var e = er();
 				return I(e, n), e;
 			}
 		}), null), F((o) => {
-			var c = J("glasshome-widget-hero", e.class), l = n() ? "" : void 0, u = e.value === "" && !t() ? "" : void 0, d = a(), f = i();
-			return c !== o.e && N(r, o.e = c), l !== o.t && R(r, "data-art", o.t = l), u !== o.a && R(r, "data-empty", o.a = u), d !== o.o && R(s, "data-turn", o.o = d), f !== o.i && z(s, "--value-len", o.i = f), o;
+			var c = K("glasshome-widget-hero", e.class), l = n() ? "" : void 0, u = e.value === "" && !t() ? "" : void 0, d = a(), f = i();
+			return c !== o.e && M(r, o.e = c), l !== o.t && R(r, "data-art", o.t = l), u !== o.a && R(r, "data-empty", o.a = u), d !== o.o && R(s, "data-turn", o.o = d), f !== o.i && Ce(s, "--value-len", o.i = f), o;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -561,43 +561,43 @@ function tr(e) {
 		}), r;
 	})();
 }
-function nr(e) {
+function ur(e) {
 	return (() => {
-		var t = Jn();
+		var t = nr();
 		return I(t, () => e.children), t;
 	})();
 }
-function rr(e) {
-	return P(De, {
+function dr(e) {
+	return N(Fe, {
 		get "aria-label"() {
 			return e.label;
 		},
 		class: "glasshome-widget-stepper",
 		get children() {
-			return [P(Te, {
+			return [N(Ne, {
 				variant: "outline",
 				size: "icon",
 				"aria-label": "Lower",
 				class: "glasshome-widget-control",
 				onClick: () => e.onStep(-1),
 				get children() {
-					return P(U, { icon: "mdi:minus" });
+					return N(V, { icon: "mdi:minus" });
 				}
-			}), P(Te, {
+			}), N(Ne, {
 				variant: "outline",
 				size: "icon",
 				"aria-label": "Raise",
 				class: "glasshome-widget-control",
 				onClick: () => e.onStep(1),
 				get children() {
-					return P(U, { icon: "mdi:plus" });
+					return N(V, { icon: "mdi:plus" });
 				}
 			})];
 		}
 	});
 }
-function ir(e) {
-	return P(Ft, {
+function fr(e) {
+	return N(Ut, {
 		get "aria-label"() {
 			return e.label;
 		},
@@ -610,11 +610,11 @@ function ir(e) {
 		onChange: (t) => t && e.onChange(t),
 		class: "glasshome-widget-choice",
 		get children() {
-			return P(T, {
+			return N(w, {
 				get each() {
 					return e.options;
 				},
-				children: (t) => P(Lt, {
+				children: (t) => N(Gt, {
 					get value() {
 						return t.value;
 					},
@@ -626,7 +626,7 @@ function ir(e) {
 						return t.value === e.value ? void 0 : "";
 					},
 					get children() {
-						return P(U, { get icon() {
+						return N(V, { get icon() {
 							return t.icon;
 						} });
 					}
@@ -635,9 +635,9 @@ function ir(e) {
 		}
 	});
 }
-function ar(e) {
-	let t = In(), n = () => e.confirm ?? t, r = () => e.id ?? e["aria-label"] ?? e.icon, i = () => n().has(r());
-	return P(Te, {
+function pr(e) {
+	let t = Wn(), n = () => e.confirm ?? t, r = () => e.id ?? e["aria-label"] ?? e.icon, i = () => n().has(r());
+	return N(Ne, {
 		variant: "outline",
 		get size() {
 			return e.children ? "default" : "icon";
@@ -646,84 +646,84 @@ function ar(e) {
 			return e["aria-label"];
 		},
 		get class() {
-			return J(e.children ? "glasshome-widget-control-wide" : "glasshome-widget-control", e.class);
+			return K(e.children ? "glasshome-widget-control-wide" : "glasshome-widget-control", e.class);
 		},
 		get "data-confirmed"() {
 			return i() || void 0;
 		},
 		onClick: () => void n().run([r()], e.run),
 		get children() {
-			return [P(U, { get icon() {
-				return L(() => !!i())() ? $n : e.icon;
+			return [N(V, { get icon() {
+				return L(() => !!i())() ? sr : e.icon;
 			} }), L(() => e.children)];
 		}
 	});
 }
-function or(e) {
-	return P(Ce, {
+function mr(e) {
+	return N(je, {
 		get tone() {
 			return e.tone ?? "var(--muted-foreground)";
 		},
 		class: "gap-1 tabular-nums",
 		get children() {
-			return [P(E, {
+			return [N(T, {
 				get when() {
 					return e.icon;
 				},
-				children: (e) => P(U, { get icon() {
+				children: (e) => N(V, { get icon() {
 					return e();
 				} })
 			}), L(() => e.children)];
 		}
 	});
 }
-function sr(e) {
+function hr(e) {
 	return (() => {
-		var t = Yn();
-		return I(t, () => e.children), F(() => N(t, J("glasshome-widget-layer", e.class))), t;
+		var t = rr();
+		return I(t, () => e.children), F(() => M(t, K("glasshome-widget-layer", e.class))), t;
 	})();
 }
-function cr(e) {
+function gr(e) {
 	return (() => {
-		var t = Xn();
+		var t = ir();
 		return I(t, () => e.children), t;
 	})();
 }
-function lr(e) {
-	let t = j(Qn);
+function _r(e) {
+	let t = A(or);
 	return (() => {
-		var n = Zn();
-		return I(n, P(U, { get icon() {
-			return L(() => !!t())() ? $n : e.icon;
+		var n = ar();
+		return I(n, N(V, { get icon() {
+			return L(() => !!t())() ? sr : e.icon;
 		} })), n;
 	})();
 }
 //#endregion
 //#region src/framework/theming/tokens.css?raw
-var ur = "/* Authoritative SDK CSS contract. Injected once on first Widget mount\n * via framework/theming/tokens.ts.\n *\n * All widget-internal visual scale is driven from CSS custom properties +\n * container queries on the `.glasshome-widget` shell (`container-type: size`).\n * No JS classifier, no size tier enum.\n */\n\n:root {\n  --tone-success: oklch(0.7 0.18 145);\n  --tone-warning: oklch(0.8 0.17 75);\n  --tone-danger: oklch(0.64 0.22 27);\n  --tone-info: oklch(0.66 0.2 245);\n  --tone-neutral: oklch(0.65 0.02 250);\n  --tone-accent: oklch(0.74 0.18 60);\n\n  --widget-glow-default: 0.4;\n}\n\n.dark {\n  --tone-success: oklch(0.74 0.18 145);\n  --tone-warning: oklch(0.82 0.17 75);\n  --tone-danger: oklch(0.68 0.22 27);\n  --tone-info: oklch(0.7 0.2 245);\n  --tone-neutral: oklch(0.69 0.02 250);\n  --tone-accent: oklch(0.78 0.18 60);\n\n  --widget-glow-default: 0.5;\n}\n\n@property --widget-color {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: oklch(0.65 0.02 250);\n}\n\n/* === Widget shell ===\n * One scale: --widget-unit is 1% of the shell's short side. Each size is a floor,\n * a line through the designed 2x2 and 4x4 sizes, and past 4x4 the share it has\n * at 4x4. A widget sizes its own text with these tokens and scales with every tile. */\n.glasshome-widget {\n  --widget-color: var(--tone-neutral);\n  --widget-glow-strength: var(--widget-glow-default);\n  --widget-radius: var(--radius-xl, 12px);\n\n  --widget-unit: 1cqmin;\n  --widget-text-value: max(\n    22px,\n    calc(8.5px + 13.4 * var(--widget-unit)),\n    calc(16 * var(--widget-unit))\n  );\n  --widget-text-name: max(\n    14px,\n    calc(8.9px + 4.37 * var(--widget-unit)),\n    calc(7.07 * var(--widget-unit))\n  );\n  --widget-text-meta: max(\n    11px,\n    calc(8px + 2.44 * var(--widget-unit)),\n    calc(4.88 * var(--widget-unit))\n  );\n  --widget-text-sub: max(\n    12px,\n    calc(10.1px + 1.22 * var(--widget-unit)),\n    calc(4.3 * var(--widget-unit))\n  );\n  --widget-text-caption: max(11px, calc(3.6 * var(--widget-unit)));\n  --widget-control-h: max(36px, calc(30px + 3.84 * var(--widget-unit)));\n  --widget-grid-pad: max(\n    10px,\n    calc(1.2px + 5.64 * var(--widget-unit)),\n    calc(6 * var(--widget-unit))\n  );\n  --widget-grid-gap: max(6px, calc(2.5px + 2.23 * var(--widget-unit)));\n  --widget-icon-box: max(\n    44px,\n    calc(31.3px + 8.14 * var(--widget-unit)),\n    calc(17.7 * var(--widget-unit))\n  );\n  --widget-icon-glyph: max(\n    24px,\n    calc(16px + 5.12 * var(--widget-unit)),\n    calc(10 * var(--widget-unit))\n  );\n  --widget-pad: clamp(8px, 3.5cqb, 22px);\n  --widget-gap: clamp(6px, 2cqb, 14px);\n  --widget-title-size: clamp(12px, 2cqi, 18px);\n  --widget-subtitle: clamp(12px, 2.5cqi, 20px);\n  --widget-status-size: clamp(14px, 5cqi, 36px);\n  --widget-value-size: clamp(18px, 7cqi, 48px);\n  --widget-badge-size: clamp(11px, 1.6cqi, 14px);\n}\n\n/* Shell material: ui's .glass, worn through the class Widget.tsx carries.\n * Unlayered and class-specific, so these beat the formula's :where() defaults\n * (wash-2 is re-declared there and cannot be set from a utility). The tone\n * stays the formula's transparent default until Widget.tsx sets one inline:\n * a widget without a tone is the plain card, never a neutral-grey wash. */\n.glasshome-widget {\n  --widget-wash: 22%;\n  --widget-wash-2: 11%;\n  --glass-wash: var(--widget-wash);\n  /* The material's wash style: fade keeps --widget-wash-2, flat runs it up to --widget-wash. */\n  --glass-wash-2: calc(\n    var(--widget-wash-2) + (var(--widget-wash) - var(--widget-wash-2)) *\n      (3 - var(--_material-wash-split, 3)) / 2\n  );\n  --glass-wash-angle: var(--_material-wash-angle, 135deg);\n  --glass-base: color-mix(in srgb, var(--card) var(--material-clarity, 60%), transparent);\n  --glass-rim: 0.3;\n  --glass-lift: 0.45;\n  --glass-shade: 0.05;\n  --glass-grain: var(--_material-grain, none);\n  --glass-halo: 1;\n  backdrop-filter: var(--widget-backdrop, none);\n  -webkit-backdrop-filter: var(--widget-backdrop, none);\n}\n/* The shell's outer glow, beside it so the glow can lie over neighbouring widgets. */\n.glasshome-widget-halo {\n  --glass-lift: 0.45;\n}\n/* The material's fill: an accent wash on a widget that passes no tone of its own. */\n.glasshome-widget:not([data-toned]),\n.glasshome-widget-halo:not([data-toned]) {\n  --glass-tone: color-mix(\n    in srgb,\n    var(--material-accent, var(--primary)) calc(var(--_material-fill, 0) * 100%),\n    transparent\n  );\n  --glass-wash: 100%;\n  --glass-wash-2: 50%;\n}\n/* A fill widget keeps a neutral card; the fill carries the tone, so a full fill is the toned card. */\n.glasshome-widget:has(.glasshome-widget-slider-fill) {\n  --glass-wash: 0%;\n  --glass-wash-2: 0%;\n}\n.dark .glasshome-widget {\n  --glass-shade: 0;\n}\n/* Ink: the shell's line goes above every widget layer (they stack to 30), or full-bleed media buries it. */\n@container not style(--material-ink-level: 0) {\n  .glasshome-widget::after {\n    z-index: 40;\n  }\n}\n\n/* === Slot: content layout === */\n/* Default: column. Flip to row only on wide-and-short widgets (matches the\n * old contentLayout heuristic: aspect > 1 AND height < 150px). */\n.glasshome-widget-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  padding: var(--widget-pad);\n  gap: var(--widget-gap);\n  overflow: hidden;\n  border-radius: var(--widget-radius);\n}\n@container widget (min-aspect-ratio: 1) and (max-height: 149px) {\n  .glasshome-widget-content {\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n  }\n}\n\n/* === Compact 1×1 ===\n * Small in BOTH axes → stack the tile: icon on top, label + status centered\n * under it. Icon stays moderate (not a hero) so the text keeps room. Wide\n * tiles (2×1) fail the width test and keep the row layout above. Placed after\n * the row-flip so it wins. */\n@container widget (max-width: 189px) and (max-height: 189px) {\n  .glasshome-widget-content {\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: clamp(4px, 2.5cqmin, 8px);\n  }\n  .glasshome-widget-content > * {\n    align-items: center;\n    text-align: center;\n  }\n  .glasshome-widget-icon {\n    --widget-icon-box: clamp(36px, 30cqmin, 56px);\n    --widget-icon-glyph: clamp(20px, 17cqmin, 32px);\n  }\n  .glasshome-widget-title {\n    font-size: clamp(11px, 6cqmin, 14px);\n    max-width: 100%;\n  }\n  .glasshome-widget-status,\n  .glasshome-widget-value {\n    font-size: clamp(13px, 7cqmin, 17px);\n  }\n  .glasshome-widget-content [class*=\"ml-auto\"] {\n    margin-left: 0 !important;\n  }\n}\n.glasshome-widget-content [class*=\"ml-auto\"] {\n  position: relative;\n  z-index: 30;\n}\n\n/* === Slot: icon ===\n * ui's tinted icon pill (ICON_PILL_TINT): the disc is .glass, so the material shapes it. */\n.glasshome-widget-icon {\n  width: var(--widget-icon-box);\n  height: var(--widget-icon-box);\n  border-radius: var(--radius-sm, 12px);\n  --glass-tone: var(--widget-icon-color, var(--widget-color));\n  --glass-rim: 0.4;\n  --glass-wash: 18%;\n}\n.glasshome-widget-icon-glyph {\n  font-size: var(--widget-icon-glyph);\n  line-height: 1;\n}\n.glasshome-widget-icon-stack {\n  --stack-step: calc(var(--widget-icon-box) * 0.12);\n  position: absolute;\n  /* The pill's border would otherwise shrink each plate and widen the first step. */\n  inset: -1px;\n  width: auto;\n  height: auto;\n  border-radius: var(--radius-sm, 12px);\n}\n.glasshome-widget-icon-stack-2 {\n  translate: var(--stack-step) var(--stack-step);\n  opacity: 0.45;\n  z-index: -2;\n}\n.glasshome-widget-icon-stack-3 {\n  translate: calc(2 * var(--stack-step)) calc(2 * var(--stack-step));\n  opacity: 0.2;\n  z-index: -3;\n}\n\n/* === Slot: text === */\n.glasshome-widget-title {\n  font-size: var(--widget-title-size);\n  line-height: 1.2;\n  color: var(--color-muted-foreground, currentColor);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.glasshome-widget-subtitle {\n  font-size: var(--widget-subtitle);\n  color: var(--color-muted-foreground, currentColor);\n}\n.glasshome-widget-status {\n  font-size: var(--widget-status-size);\n  font-weight: 700;\n  color: var(--color-foreground, currentColor);\n  line-height: 1.1;\n}\n.glasshome-widget-value {\n  font-size: var(--widget-value-size);\n  font-weight: 700;\n  color: var(--color-foreground, currentColor);\n  line-height: 1.05;\n}\n.glasshome-widget-badge {\n  font-size: var(--widget-badge-size);\n  font-weight: 500;\n  padding: 0.125rem 0.5rem;\n  border-radius: 9999px;\n  background: color-mix(in oklch, var(--color-foreground, currentColor) 20%, transparent);\n  color: var(--color-foreground, currentColor);\n}\n\n.glasshome-widget-loading {\n  background: color-mix(in oklch, var(--widget-color) 20%, transparent);\n}\n\n/* === Slider fill ===\n * Value flows in via --widget-fill-value (0-100). Vertical orientation auto-\n * detected via container query. */\n.glasshome-widget-slider-fill {\n  --widget-fill-value: 0;\n  background: linear-gradient(\n    135deg,\n    color-mix(\n      in srgb,\n      var(--widget-color) calc(var(--widget-wash) * var(--material-tint, 1)),\n      transparent\n    ),\n    color-mix(\n      in srgb,\n      var(--widget-color-to, var(--widget-color))\n        calc(var(--widget-wash-2) * var(--material-tint, 1)),\n      transparent\n    )\n  );\n  /* Inset: the clip-path cuts any outer shadow. */\n  box-shadow: inset 0 0 calc(var(--material-glow, 0px) * 1.2)\n    oklch(from var(--widget-color) l c h / 0.55);\n  clip-path: inset(0 calc((100 - var(--widget-fill-value)) * 1%) 0 0 round var(--widget-radius));\n}\n@container widget (max-aspect-ratio: 1) {\n  .glasshome-widget-slider-fill {\n    clip-path: inset(calc((100 - var(--widget-fill-value)) * 1%) 0 0 0 round var(--widget-radius));\n  }\n}\n\n/* === Anatomy: Widget.Content with a Widget.Head lays its parts out as a tile === */\n.glasshome-widget-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: max-content minmax(0, 1fr);\n  grid-template-rows: auto minmax(0, 1fr) auto;\n  gap: var(--widget-grid-gap);\n  height: 100%;\n  padding: var(--widget-grid-pad);\n  overflow: hidden;\n  isolation: isolate;\n  color: var(--foreground);\n}\n\n/* In-flow content spans the tile (the max-content first column would collapse it); absolute parts keep the padding box. */\n.glasshome-widget-grid\n  > :where(:not(.glasshome-widget-backdrop, .glasshome-widget-layer, .glasshome-widget-glyph)) {\n  grid-column: 1 / -1;\n}\n.glasshome-widget-layer {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  overflow: hidden;\n}\n.glasshome-widget-head {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 0;\n}\n.glasshome-widget-head-text {\n  min-height: var(--widget-icon-box);\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  min-width: 0;\n  flex: 1;\n}\n.glasshome-widget-head-aside {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 6px;\n  max-height: 26px;\n  overflow: hidden;\n  flex-shrink: 1;\n}\n.glasshome-widget-eyebrow {\n  font-size: var(--widget-text-meta);\n  font-weight: 500;\n  line-height: 1.25;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.glasshome-widget-name {\n  font-size: var(--widget-text-name);\n  font-weight: 650;\n  line-height: 1.2;\n  letter-spacing: -0.01em;\n  color: var(--foreground);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  overflow-wrap: break-word;\n}\n\n.glasshome-widget-hero {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: var(--widget-grid-gap);\n  min-height: 0;\n  min-width: 0;\n}\n.glasshome-widget-reading {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n  z-index: 1;\n}\n.glasshome-widget-reading-value {\n  font-size: var(--widget-text-value);\n  font-weight: 650;\n  line-height: 1;\n  letter-spacing: -0.03em;\n  font-variant-numeric: tabular-nums;\n  color: var(--foreground);\n  white-space: nowrap;\n}\n/* Alternating names restart the rise on each change without rebuilding the text. */\n.glasshome-widget-reading-value[data-turn=\"a\"] {\n  animation: tile-value-in-a var(--duration-morph) var(--ease-morph);\n}\n.glasshome-widget-reading-value[data-turn=\"b\"] {\n  animation: tile-value-in-b var(--duration-morph) var(--ease-morph);\n}\n@keyframes tile-value-in-a {\n  from {\n    opacity: 0;\n    transform: translateY(0.25em);\n  }\n}\n@keyframes tile-value-in-b {\n  from {\n    opacity: 0;\n    transform: translateY(0.25em);\n  }\n}\n.glasshome-widget-unit {\n  font-size: 0.5em;\n  font-weight: 550;\n  letter-spacing: 0;\n  margin-left: 0.08em;\n  color: var(--muted-foreground);\n}\n.glasshome-widget-sub {\n  font-size: var(--widget-text-sub);\n  font-weight: 500;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Placed on the tile, not the hero, so a control row never moves or shrinks it. */\n.glasshome-widget-art {\n  position: absolute;\n  right: var(--widget-grid-pad);\n  bottom: var(--widget-grid-pad);\n  height: min(\n    calc(100% - 2 * var(--widget-grid-pad) - var(--widget-icon-box) - var(--widget-grid-gap)),\n    48cqi\n  );\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-end;\n  pointer-events: none;\n}\n/* Beside art a long word (\"Unlocked\") shrinks to end where the art starts, at about 50cqi; short values keep full size. */\n@container widget (min-width: 180px) and (min-height: 130px) {\n  .glasshome-widget-hero[data-art] .glasshome-widget-reading-value {\n    font-size: max(18px, min(var(--widget-text-value), calc(50cqi / (var(--value-len, 1) * 0.56))));\n  }\n}\n.glasshome-widget-backdrop > img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n/* Art keeps its shape and clears a state word at its largest (15cqi, about 3.4em); each art sets --art-aspect. */\n.glasshome-widget-grid .glasshome-widget-art > * {\n  height: min(\n    100%,\n    calc((52cqi - 2 * var(--widget-grid-pad) - var(--widget-grid-gap)) / var(--art-aspect, 1))\n  );\n  flex-shrink: 0;\n}\n.glasshome-widget-grid .glasshome-widget-art > img {\n  width: auto;\n  height: auto;\n  max-height: 100%;\n  max-width: calc(52cqi - 2 * var(--widget-grid-pad) - var(--widget-grid-gap));\n}\n\n.glasshome-widget-controls {\n  display: flex;\n  gap: 8px;\n  min-width: 0;\n}\n\n.glasshome-widget-glyph {\n  display: none;\n  position: absolute;\n  right: -8%;\n  bottom: -22%;\n  font-size: min(130cqb, 80cqi);\n  line-height: 1;\n  color: var(--widget-color);\n  opacity: 0.16;\n  pointer-events: none;\n  z-index: -1;\n}\n\n/* Controls sit on the bottom row beside the value, or under it on a narrow tile; the art lifts above them. */\n.glasshome-widget-head {\n  grid-column: 1 / -1;\n}\n.glasshome-widget-hero {\n  grid-row: 3;\n  grid-column: 1 / -1;\n}\n.glasshome-widget-grid:has(> .glasshome-widget-controls) > .glasshome-widget-hero {\n  grid-column: 1;\n}\n.glasshome-widget-controls {\n  grid-row: 3;\n  grid-column: 2;\n  align-self: end;\n  position: relative;\n  z-index: 1;\n}\n.glasshome-widget-grid:has(> .glasshome-widget-hero[data-empty]) > .glasshome-widget-controls {\n  grid-column: 1 / -1;\n}\n@container widget (max-width: 519px) {\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) {\n    grid-template-rows: auto minmax(0, 1fr) auto auto;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) > .glasshome-widget-hero {\n    grid-column: 1 / -1;\n  }\n  .glasshome-widget-controls {\n    grid-row: 4;\n    grid-column: 1 / -1;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) .glasshome-widget-art {\n    bottom: calc(var(--widget-grid-pad) + var(--widget-control-h) + var(--widget-grid-gap));\n    height: min(\n      calc(\n        100% - 2 * var(--widget-grid-pad) - var(--widget-icon-box) - 2 * var(--widget-grid-gap) -\n          var(--widget-control-h)\n      ),\n      48cqi\n    );\n  }\n}\n@container widget (max-height: 229px) {\n  .glasshome-widget-controls {\n    display: none;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) {\n    grid-template-rows: auto minmax(0, 1fr) auto;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) .glasshome-widget-art {\n    bottom: var(--widget-grid-pad);\n    height: min(\n      calc(100% - 2 * var(--widget-grid-pad) - var(--widget-icon-box) - var(--widget-grid-gap)),\n      48cqi\n    );\n  }\n}\n@container widget (max-width: 179px) {\n  .glasshome-widget-art {\n    display: none;\n  }\n}\n@container widget (max-height: 169px) {\n  .glasshome-widget-head-aside {\n    display: none;\n  }\n}\n@container widget ((max-height: 129px) or (max-width: 139px)) {\n  .glasshome-widget-head-text {\n    min-height: 0;\n  }\n  .glasshome-widget-name {\n    -webkit-line-clamp: 1;\n  }\n  .glasshome-widget-grid {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 2px;\n  }\n  .glasshome-widget-head-icon,\n  .glasshome-widget-art,\n  .glasshome-widget-eyebrow,\n  .glasshome-widget-sub {\n    display: none;\n  }\n  .glasshome-widget-glyph {\n    display: block;\n  }\n  .glasshome-widget-reading-value {\n    font-size: clamp(18px, min(34cqb, 20cqi), 30px);\n  }\n  .glasshome-widget-name {\n    font-size: clamp(12px, min(18cqb, 11cqi), 15px);\n    font-weight: 550;\n    color: var(--muted-foreground);\n  }\n}\n@container widget (max-height: 129px) and (min-width: 260px) {\n  .glasshome-widget-grid {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--widget-grid-gap);\n  }\n  .glasshome-widget-name {\n    font-size: clamp(14px, 22cqb, 18px);\n    font-weight: 650;\n    color: var(--foreground);\n  }\n  .glasshome-widget-eyebrow {\n    display: block;\n  }\n}\n\n.glasshome-widget-backdrop {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  overflow: hidden;\n}\n.glasshome-widget-backdrop > img.area-night {\n  opacity: 0;\n  transition: opacity 700ms ease;\n}\n.glasshome-widget-backdrop > img.area-night[data-visible] {\n  opacity: 1;\n}\n.glasshome-widget-backdrop > .glasshome-widget-backdrop-light {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(90% 80% at 25% 30%, oklch(0.8 0.14 70), transparent 70%);\n  mix-blend-mode: soft-light;\n  opacity: var(--backdrop-light, 0);\n  transition: opacity 500ms ease;\n}\n.glasshome-widget-backdrop::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to bottom,\n    color-mix(in oklch, var(--card) 82%, transparent) 0%,\n    color-mix(in oklch, var(--card) 40%, transparent) 22%,\n    transparent 42%,\n    transparent 62%,\n    color-mix(in oklch, var(--card) 45%, transparent) 82%,\n    color-mix(in oklch, var(--card) 80%, transparent) 100%\n  );\n}\n\n@container widget (max-width: 239px) {\n  .glasshome-widget-choice [data-optional] {\n    display: none;\n  }\n}\n@container widget (max-width: 259px) {\n  .glasshome-widget-head-aside {\n    display: none;\n  }\n}\n@container widget (max-width: 139px) {\n  .glasshome-widget-controls {\n    display: none;\n  }\n}\n\n.glasshome-widget-controls {\n  justify-content: flex-start;\n  align-items: center;\n}\n.glasshome-widget-control.glasshome-widget-control {\n  width: var(--widget-control-h);\n  height: var(--widget-control-h);\n}\n.glasshome-widget-choice .glasshome-widget-control.glasshome-widget-control {\n  width: calc(var(--widget-control-h) - 8px);\n  height: calc(var(--widget-control-h) - 8px);\n}\n@container widget (max-width: 179px) and (min-height: 130px) {\n  .glasshome-widget-grid:not(:has(> .glasshome-widget-backdrop)) .glasshome-widget-head-text {\n    min-height: 0;\n  }\n  .glasshome-widget-grid:not(:has(> .glasshome-widget-backdrop)) .glasshome-widget-head {\n    flex-direction: column;\n    gap: 6px;\n  }\n}\n.glasshome-widget-unit[data-degree] {\n  vertical-align: top;\n  margin-left: 0.02em;\n  color: var(--foreground);\n}\n.glasshome-widget-control-wide.glasshome-widget-control-wide {\n  height: var(--widget-control-h);\n  gap: 6px;\n  padding: 0 14px;\n}\n@container widget (max-width: 179px) {\n  .glasshome-widget-grid:has(> .glasshome-widget-backdrop) .glasshome-widget-head-icon {\n    display: none;\n  }\n}\n.glasshome-widget-grid:has(> .glasshome-widget-backdrop)\n  :is(\n    .glasshome-widget-reading-value,\n    .glasshome-widget-sub,\n    .glasshome-widget-name,\n    .glasshome-widget-eyebrow\n  ) {\n  text-shadow: 0 1px 8px color-mix(in oklch, var(--card) 75%, transparent);\n}\n.glasshome-widget-grid:has(> .glasshome-widget-backdrop)\n  :is(.glasshome-widget-sub, .glasshome-widget-eyebrow) {\n  color: color-mix(in oklch, var(--foreground) 82%, transparent);\n}\n/* Control glyphs and words keep their share of a control as it grows past 4x4. */\n.glasshome-widget-grid\n  :is(.glasshome-widget-control, .glasshome-widget-control-wide)\n  :is(iconify-icon, svg) {\n  font-size: calc(var(--widget-control-h) * 0.43);\n  width: 1em;\n  height: 1em;\n}\n:is(.glasshome-widget-controls, .glasshome-widget-control-wide) {\n  font-size: max(13px, calc(var(--widget-control-h) * 0.3));\n}\n/* A big tile with no art of its own carries its icon large and faint, so the glass is not an empty box. */\n@container widget (min-width: 300px) and (min-height: 260px) {\n  .glasshome-widget-grid:not(\n      :has(> .glasshome-widget-backdrop),\n      :has(> .glasshome-widget-hero[data-art], > .glasshome-widget-art, > .glasshome-widget-layer)\n    )\n    > .glasshome-widget-glyph {\n    display: block;\n    right: -3%;\n    bottom: -12%;\n    font-size: min(78cqb, 52cqi);\n    opacity: 0.1;\n  }\n}\n/* A one-shot action confirms on its control and on the glyph, the one thing a compact tile shows. */\n.glasshome-widget-grid > .glasshome-widget-glyph {\n  transition: opacity var(--duration-state) var(--ease-morph);\n}\n.glasshome-widget[data-confirmed] .glasshome-widget-glyph {\n  opacity: 0.5;\n}\n.glasshome-widget-grid\n  [data-confirmed]:is(.glasshome-widget-control, .glasshome-widget-control-wide) {\n  --glass-base: color-mix(in srgb, var(--widget-color) 35%, transparent);\n  transition: background-color var(--duration-state) var(--ease-morph);\n}\n\n/* === Sheet: what a held tile opens (framework/panel) ===\n * Rendered in a popover or dialog outside the widget's shadow root, so every rule\n * the sheet needs lives here, never in a widget's own utilities. */\n.glasshome-sheet {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  color: var(--foreground);\n}\n.glasshome-sheet [data-slot=\"swatch-picker\"] {\n  max-width: 360px;\n}\n.glasshome-panel-section {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.glasshome-panel-label {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--muted-foreground);\n}\n.glasshome-panel-rows {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 8px;\n}\n.glasshome-panel-row-wrap {\n  position: relative;\n  min-width: 0;\n}\n.glasshome-panel-row {\n  --widget-wash: 22%;\n  --widget-wash-2: 11%;\n  --widget-radius: var(--radius-lg, 16px);\n  --widget-icon-box: 34px;\n  --widget-icon-glyph: 19px;\n  position: relative;\n  width: 100%;\n  height: 56px;\n  justify-content: flex-start;\n  gap: 10px;\n  padding: 0 12px 0 10px;\n  overflow: hidden;\n  text-align: left;\n  touch-action: pan-y;\n}\n.glasshome-panel-row-static {\n  cursor: default;\n  scale: none;\n}\n.glasshome-panel-row-fill {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n.glasshome-panel-row-icon {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n}\n.glasshome-panel-row-icon-off {\n  color: var(--muted-foreground);\n}\n.glasshome-panel-row-text {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.glasshome-panel-row-name,\n.glasshome-panel-row-state,\n.glasshome-panel-fact-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n/* A reading may take a second line rather than lose its end (\"3 Moderate\"). */\n.glasshome-panel-fact-value {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.glasshome-panel-row-name,\n.glasshome-panel-fact-value {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--foreground);\n}\n.glasshome-panel-row-state,\n.glasshome-panel-fact-label {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--muted-foreground);\n}\n.glasshome-panel-row-trailing {\n  position: absolute;\n  top: 50%;\n  right: 10px;\n  translate: 0 -50%;\n}\n.glasshome-panel-facts {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));\n  row-gap: 10px;\n  padding: 10px 4px 10px 0;\n  overflow: hidden;\n  border-radius: var(--radius-lg, 16px);\n  --glass-base: color-mix(in srgb, var(--card) var(--material-clarity, 60%), transparent);\n  backdrop-filter: blur(calc(var(--material-blur, 24px) * 0.6)) saturate(1.6);\n  -webkit-backdrop-filter: blur(calc(var(--material-blur, 24px) * 0.6)) saturate(1.6);\n}\n/* Without blur a see-through strip is just see-through: it takes the card fill. */\n.reduce-blur .glasshome-panel-facts {\n  --glass-base: var(--card);\n}\n.glasshome-panel-fact {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 8px;\n  padding: 0 12px;\n  box-shadow: -1px 0 0 color-mix(in oklch, var(--foreground) 10%, transparent);\n}\n.glasshome-panel-fact-icon {\n  flex-shrink: 0;\n  font-size: 18px;\n  color: var(--muted-foreground);\n}\n\n/* Inset: the grid cell clips anything drawn outside the tile. */\n.glasshome-widget:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: -2px;\n}\n\n/* === Hold flood: the dock's hold fill (ui HOLD_MOTION), grown from the finger === */\n.glasshome-widget-hold-flood {\n  position: absolute;\n  translate: -50% -50%;\n  border-radius: 9999px;\n  background: color-mix(in oklch, var(--primary) 45%, transparent);\n  pointer-events: none;\n  scale: 0;\n  opacity: 0;\n  transition:\n    scale var(--duration-state, 200ms) var(--ease-contract, ease-in),\n    opacity var(--duration-state, 200ms) var(--ease-contract, ease-in);\n}\n.glasshome-widget-hold-flood[data-hold] {\n  scale: 1;\n  opacity: 1;\n  transition-duration: var(--duration-hold, 250ms);\n  transition-timing-function: linear;\n}\n.glasshome-widget-hold-flood[data-fired] {\n  scale: 1;\n  opacity: 0;\n}\n/* A row of ui buttons in a sheet (scenes, one-tap actions). */\n.glasshome-sheet-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n/* The sheet wears its tile: the tile's tone washed into the glass, its picture as a band behind\n   the head that fades into the glass, so the tile reads as having grown open. */\n.glasshome-sheet-surface {\n  --glass-wash: 20%;\n  --glass-wash-2: 7%;\n  --widget-icon-box: 48px;\n  --widget-icon-glyph: 26px;\n}\n.glasshome-sheet-band {\n  position: absolute;\n  inset: 0 0 auto;\n  height: 150px;\n  overflow: hidden;\n  pointer-events: none;\n  mask-image: linear-gradient(180deg, #000 30%, transparent);\n}\n.glasshome-sheet-band > img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: 0.55;\n}\n.glasshome-sheet-surface > [data-slot$=\"-header\"],\n.glasshome-sheet-surface > [data-slot$=\"-body\"] {\n  position: relative;\n}\n.glasshome-sheet-icon {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n", dr = !1, fr, pr = /* @__PURE__ */ new WeakSet();
-function mr() {
-	return fr || (fr = new CSSStyleSheet(), fr.replaceSync(ur.replace(/:root\b/g, ":host").replace(/^\.dark\b/gm, ":host(.dark)"))), fr;
+var vr = "/* Authoritative SDK CSS contract. Injected once on first Widget mount\n * via framework/theming/tokens.ts.\n *\n * All widget-internal visual scale is driven from CSS custom properties +\n * container queries on the `.glasshome-widget` shell (`container-type: size`).\n * No JS classifier, no size tier enum.\n */\n\n:root {\n  --tone-success: oklch(0.7 0.18 145);\n  --tone-warning: oklch(0.8 0.17 75);\n  --tone-danger: oklch(0.64 0.22 27);\n  --tone-info: oklch(0.66 0.2 245);\n  --tone-neutral: oklch(0.65 0.02 250);\n  --tone-accent: oklch(0.74 0.18 60);\n\n  --widget-glow-default: 0.4;\n}\n\n.dark {\n  --tone-success: oklch(0.74 0.18 145);\n  --tone-warning: oklch(0.82 0.17 75);\n  --tone-danger: oklch(0.68 0.22 27);\n  --tone-info: oklch(0.7 0.2 245);\n  --tone-neutral: oklch(0.69 0.02 250);\n  --tone-accent: oklch(0.78 0.18 60);\n\n  --widget-glow-default: 0.5;\n}\n\n@property --widget-color {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: oklch(0.65 0.02 250);\n}\n\n/* === Widget shell ===\n * One scale: --widget-unit is 1% of the shell's short side. Each size is a floor,\n * a line through the designed 2x2 and 4x4 sizes, and past 4x4 the share it has\n * at 4x4. A widget sizes its own text with these tokens and scales with every tile. */\n.glasshome-widget {\n  --widget-color: var(--tone-neutral);\n  --widget-glow-strength: var(--widget-glow-default);\n  --widget-radius: var(--radius-xl, 12px);\n\n  --widget-unit: 1cqmin;\n  --widget-text-value: max(\n    22px,\n    calc(8.5px + 13.4 * var(--widget-unit)),\n    calc(16 * var(--widget-unit))\n  );\n  --widget-text-name: max(\n    14px,\n    calc(8.9px + 4.37 * var(--widget-unit)),\n    calc(7.07 * var(--widget-unit))\n  );\n  --widget-text-meta: max(\n    11px,\n    calc(8px + 2.44 * var(--widget-unit)),\n    calc(4.88 * var(--widget-unit))\n  );\n  --widget-text-sub: max(\n    12px,\n    calc(10.1px + 1.22 * var(--widget-unit)),\n    calc(4.3 * var(--widget-unit))\n  );\n  --widget-text-caption: max(11px, calc(3.6 * var(--widget-unit)));\n  --widget-control-h: max(36px, calc(30px + 3.84 * var(--widget-unit)));\n  --widget-grid-pad: max(\n    10px,\n    calc(1.2px + 5.64 * var(--widget-unit)),\n    calc(6 * var(--widget-unit))\n  );\n  --widget-grid-gap: max(6px, calc(2.5px + 2.23 * var(--widget-unit)));\n  --widget-icon-box: max(\n    44px,\n    calc(31.3px + 8.14 * var(--widget-unit)),\n    calc(17.7 * var(--widget-unit))\n  );\n  --widget-icon-glyph: max(\n    24px,\n    calc(16px + 5.12 * var(--widget-unit)),\n    calc(10 * var(--widget-unit))\n  );\n  --widget-pad: clamp(8px, 3.5cqb, 22px);\n  --widget-gap: clamp(6px, 2cqb, 14px);\n  --widget-title-size: clamp(12px, 2cqi, 18px);\n  --widget-subtitle: clamp(12px, 2.5cqi, 20px);\n  --widget-status-size: clamp(14px, 5cqi, 36px);\n  --widget-value-size: clamp(18px, 7cqi, 48px);\n  --widget-badge-size: clamp(11px, 1.6cqi, 14px);\n}\n\n/* Shell material: ui's .glass, worn through the class Widget.tsx carries.\n * Unlayered and class-specific, so these beat the formula's :where() defaults\n * (wash-2 is re-declared there and cannot be set from a utility). The tone\n * stays the formula's transparent default until Widget.tsx sets one inline:\n * a widget without a tone is the plain card, never a neutral-grey wash. */\n.glasshome-widget {\n  --widget-wash: 22%;\n  --widget-wash-2: 11%;\n  --glass-wash: var(--widget-wash);\n  /* The material's wash style: fade keeps --widget-wash-2, flat runs it up to --widget-wash. */\n  --glass-wash-2: calc(\n    var(--widget-wash-2) + (var(--widget-wash) - var(--widget-wash-2)) *\n      (3 - var(--_material-wash-split, 3)) / 2\n  );\n  --glass-wash-angle: var(--_material-wash-angle, 135deg);\n  --glass-base: color-mix(in srgb, var(--card) var(--material-clarity, 60%), transparent);\n  --glass-rim: 0.3;\n  --glass-lift: 0.45;\n  --glass-shade: 0.05;\n  --glass-grain: var(--_material-grain, none);\n  --glass-halo: 1;\n  backdrop-filter: var(--widget-backdrop, none);\n  -webkit-backdrop-filter: var(--widget-backdrop, none);\n}\n/* The shell's outer glow, beside it so the glow can lie over neighbouring widgets. */\n.glasshome-widget-halo {\n  --glass-lift: 0.45;\n}\n/* The material's fill: an accent wash on a widget that passes no tone of its own. */\n.glasshome-widget:not([data-toned]),\n.glasshome-widget-halo:not([data-toned]) {\n  --glass-tone: color-mix(\n    in srgb,\n    var(--material-accent, var(--primary)) calc(var(--_material-fill, 0) * 100%),\n    transparent\n  );\n  --glass-wash: 100%;\n  --glass-wash-2: 50%;\n}\n/* A fill widget keeps a neutral card; the fill carries the tone, so a full fill is the toned card. */\n.glasshome-widget:has(.glasshome-widget-slider-fill) {\n  --glass-wash: 0%;\n  --glass-wash-2: 0%;\n}\n.dark .glasshome-widget {\n  --glass-shade: 0;\n}\n/* Ink: the shell's line goes above every widget layer (they stack to 30), or full-bleed media buries it. */\n@container not style(--material-ink-level: 0) {\n  .glasshome-widget::after {\n    z-index: 40;\n  }\n}\n\n/* === Slot: content layout === */\n/* Default: column. Flip to row only on wide-and-short widgets (matches the\n * old contentLayout heuristic: aspect > 1 AND height < 150px). */\n.glasshome-widget-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  padding: var(--widget-pad);\n  gap: var(--widget-gap);\n  overflow: hidden;\n  border-radius: var(--widget-radius);\n}\n@container widget (min-aspect-ratio: 1) and (max-height: 149px) {\n  .glasshome-widget-content {\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n  }\n}\n\n/* === Compact 1×1 ===\n * Small in BOTH axes → stack the tile: icon on top, label + status centered\n * under it. Icon stays moderate (not a hero) so the text keeps room. Wide\n * tiles (2×1) fail the width test and keep the row layout above. Placed after\n * the row-flip so it wins. */\n@container widget (max-width: 189px) and (max-height: 189px) {\n  .glasshome-widget-content {\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: clamp(4px, 2.5cqmin, 8px);\n  }\n  .glasshome-widget-content > * {\n    align-items: center;\n    text-align: center;\n  }\n  .glasshome-widget-icon {\n    --widget-icon-box: clamp(36px, 30cqmin, 56px);\n    --widget-icon-glyph: clamp(20px, 17cqmin, 32px);\n  }\n  .glasshome-widget-title {\n    font-size: clamp(11px, 6cqmin, 14px);\n    max-width: 100%;\n  }\n  .glasshome-widget-status,\n  .glasshome-widget-value {\n    font-size: clamp(13px, 7cqmin, 17px);\n  }\n  .glasshome-widget-content [class*=\"ml-auto\"] {\n    margin-left: 0 !important;\n  }\n}\n.glasshome-widget-content [class*=\"ml-auto\"] {\n  position: relative;\n  z-index: 30;\n}\n\n/* === Slot: icon ===\n * ui's tinted icon pill (ICON_PILL_TINT): the disc is .glass, so the material shapes it. */\n.glasshome-widget-icon {\n  width: var(--widget-icon-box);\n  height: var(--widget-icon-box);\n  border-radius: var(--radius-sm, 12px);\n  --glass-tone: var(--widget-icon-color, var(--widget-color));\n  --glass-rim: 0.4;\n  --glass-wash: 18%;\n}\n.glasshome-widget-icon-glyph {\n  font-size: var(--widget-icon-glyph);\n  line-height: 1;\n}\n.glasshome-widget-icon-stack {\n  --stack-step: calc(var(--widget-icon-box) * 0.12);\n  position: absolute;\n  /* The pill's border would otherwise shrink each plate and widen the first step. */\n  inset: -1px;\n  width: auto;\n  height: auto;\n  border-radius: var(--radius-sm, 12px);\n}\n.glasshome-widget-icon-stack-2 {\n  translate: var(--stack-step) var(--stack-step);\n  opacity: 0.45;\n  z-index: -2;\n}\n.glasshome-widget-icon-stack-3 {\n  translate: calc(2 * var(--stack-step)) calc(2 * var(--stack-step));\n  opacity: 0.2;\n  z-index: -3;\n}\n\n/* === Slot: text === */\n.glasshome-widget-title {\n  font-size: var(--widget-title-size);\n  line-height: 1.2;\n  color: var(--color-muted-foreground, currentColor);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.glasshome-widget-subtitle {\n  font-size: var(--widget-subtitle);\n  color: var(--color-muted-foreground, currentColor);\n}\n.glasshome-widget-status {\n  font-size: var(--widget-status-size);\n  font-weight: 700;\n  color: var(--color-foreground, currentColor);\n  line-height: 1.1;\n}\n.glasshome-widget-value {\n  font-size: var(--widget-value-size);\n  font-weight: 700;\n  color: var(--color-foreground, currentColor);\n  line-height: 1.05;\n}\n.glasshome-widget-badge {\n  font-size: var(--widget-badge-size);\n  font-weight: 500;\n  padding: 0.125rem 0.5rem;\n  border-radius: 9999px;\n  background: color-mix(in oklch, var(--color-foreground, currentColor) 20%, transparent);\n  color: var(--color-foreground, currentColor);\n}\n\n.glasshome-widget-loading {\n  background: color-mix(in oklch, var(--widget-color) 20%, transparent);\n}\n\n/* === Slider fill ===\n * Value flows in via --widget-fill-value (0-100). Vertical orientation auto-\n * detected via container query. */\n.glasshome-widget-slider-fill {\n  --widget-fill-value: 0;\n  background: linear-gradient(\n    135deg,\n    color-mix(\n      in srgb,\n      var(--widget-color) calc(var(--widget-wash) * var(--material-tint, 1)),\n      transparent\n    ),\n    color-mix(\n      in srgb,\n      var(--widget-color-to, var(--widget-color))\n        calc(var(--widget-wash-2) * var(--material-tint, 1)),\n      transparent\n    )\n  );\n  /* Inset: the clip-path cuts any outer shadow. */\n  box-shadow: inset 0 0 calc(var(--material-glow, 0px) * 1.2)\n    oklch(from var(--widget-color) l c h / 0.55);\n  clip-path: inset(0 calc((100 - var(--widget-fill-value)) * 1%) 0 0 round var(--widget-radius));\n}\n@container widget (max-aspect-ratio: 1) {\n  .glasshome-widget-slider-fill {\n    clip-path: inset(calc((100 - var(--widget-fill-value)) * 1%) 0 0 0 round var(--widget-radius));\n  }\n}\n\n/* === Anatomy: Widget.Content with a Widget.Head lays its parts out as a tile === */\n.glasshome-widget-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: max-content minmax(0, 1fr);\n  grid-template-rows: auto minmax(0, 1fr) auto;\n  gap: var(--widget-grid-gap);\n  height: 100%;\n  padding: var(--widget-grid-pad);\n  overflow: hidden;\n  isolation: isolate;\n  color: var(--foreground);\n}\n\n/* In-flow content spans the tile (the max-content first column would collapse it); absolute parts keep the padding box. */\n.glasshome-widget-grid\n  > :where(:not(.glasshome-widget-backdrop, .glasshome-widget-layer, .glasshome-widget-glyph)) {\n  grid-column: 1 / -1;\n}\n.glasshome-widget-layer {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  overflow: hidden;\n}\n.glasshome-widget-head {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 0;\n}\n.glasshome-widget-head-text {\n  min-height: var(--widget-icon-box);\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  min-width: 0;\n  flex: 1;\n}\n.glasshome-widget-head-aside {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 6px;\n  max-height: 26px;\n  overflow: hidden;\n  flex-shrink: 1;\n}\n.glasshome-widget-eyebrow {\n  font-size: var(--widget-text-meta);\n  font-weight: 500;\n  line-height: 1.25;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.glasshome-widget-name {\n  font-size: var(--widget-text-name);\n  font-weight: 650;\n  line-height: 1.2;\n  letter-spacing: -0.01em;\n  color: var(--foreground);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  overflow-wrap: break-word;\n}\n\n.glasshome-widget-hero {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: var(--widget-grid-gap);\n  min-height: 0;\n  min-width: 0;\n}\n.glasshome-widget-reading {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n  z-index: 1;\n}\n.glasshome-widget-reading-value {\n  font-size: var(--widget-text-value);\n  font-weight: 650;\n  line-height: 1;\n  letter-spacing: -0.03em;\n  font-variant-numeric: tabular-nums;\n  color: var(--foreground);\n  white-space: nowrap;\n}\n/* Alternating names restart the rise on each change without rebuilding the text. */\n.glasshome-widget-reading-value[data-turn=\"a\"] {\n  animation: tile-value-in-a var(--duration-morph) var(--ease-morph);\n}\n.glasshome-widget-reading-value[data-turn=\"b\"] {\n  animation: tile-value-in-b var(--duration-morph) var(--ease-morph);\n}\n@keyframes tile-value-in-a {\n  from {\n    opacity: 0;\n    transform: translateY(0.25em);\n  }\n}\n@keyframes tile-value-in-b {\n  from {\n    opacity: 0;\n    transform: translateY(0.25em);\n  }\n}\n.glasshome-widget-unit {\n  font-size: 0.5em;\n  font-weight: 550;\n  letter-spacing: 0;\n  margin-left: 0.08em;\n  color: var(--muted-foreground);\n}\n.glasshome-widget-sub {\n  font-size: var(--widget-text-sub);\n  font-weight: 500;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Placed on the tile, not the hero, so a control row never moves or shrinks it. */\n.glasshome-widget-art {\n  position: absolute;\n  right: var(--widget-grid-pad);\n  bottom: var(--widget-grid-pad);\n  height: min(\n    calc(100% - 2 * var(--widget-grid-pad) - var(--widget-icon-box) - var(--widget-grid-gap)),\n    48cqi\n  );\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-end;\n  pointer-events: none;\n}\n/* Beside art a long word (\"Unlocked\") shrinks to end where the art starts, at about 50cqi; short values keep full size. */\n@container widget (min-width: 180px) and (min-height: 130px) {\n  .glasshome-widget-hero[data-art] .glasshome-widget-reading-value {\n    font-size: max(18px, min(var(--widget-text-value), calc(50cqi / (var(--value-len, 1) * 0.56))));\n  }\n}\n.glasshome-widget-backdrop > img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n/* Art keeps its shape and clears a state word at its largest (15cqi, about 3.4em); each art sets --art-aspect. */\n.glasshome-widget-grid .glasshome-widget-art > * {\n  height: min(\n    100%,\n    calc((52cqi - 2 * var(--widget-grid-pad) - var(--widget-grid-gap)) / var(--art-aspect, 1))\n  );\n  flex-shrink: 0;\n}\n.glasshome-widget-grid .glasshome-widget-art > img {\n  width: auto;\n  height: auto;\n  max-height: 100%;\n  max-width: calc(52cqi - 2 * var(--widget-grid-pad) - var(--widget-grid-gap));\n}\n\n.glasshome-widget-controls {\n  display: flex;\n  gap: 8px;\n  min-width: 0;\n}\n\n.glasshome-widget-glyph {\n  display: none;\n  position: absolute;\n  right: -8%;\n  bottom: -22%;\n  font-size: min(130cqb, 80cqi);\n  line-height: 1;\n  color: var(--widget-color);\n  opacity: 0.16;\n  pointer-events: none;\n  z-index: -1;\n}\n\n/* Controls sit on the bottom row beside the value, or under it on a narrow tile; the art lifts above them. */\n.glasshome-widget-head {\n  grid-column: 1 / -1;\n}\n.glasshome-widget-hero {\n  grid-row: 3;\n  grid-column: 1 / -1;\n}\n.glasshome-widget-grid:has(> .glasshome-widget-controls) > .glasshome-widget-hero {\n  grid-column: 1;\n}\n.glasshome-widget-controls {\n  grid-row: 3;\n  grid-column: 2;\n  align-self: end;\n  position: relative;\n  z-index: 1;\n}\n.glasshome-widget-grid:has(> .glasshome-widget-hero[data-empty]) > .glasshome-widget-controls {\n  grid-column: 1 / -1;\n}\n@container widget (max-width: 519px) {\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) {\n    grid-template-rows: auto minmax(0, 1fr) auto auto;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) > .glasshome-widget-hero {\n    grid-column: 1 / -1;\n  }\n  .glasshome-widget-controls {\n    grid-row: 4;\n    grid-column: 1 / -1;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) .glasshome-widget-art {\n    bottom: calc(var(--widget-grid-pad) + var(--widget-control-h) + var(--widget-grid-gap));\n    height: min(\n      calc(\n        100% - 2 * var(--widget-grid-pad) - var(--widget-icon-box) - 2 * var(--widget-grid-gap) -\n          var(--widget-control-h)\n      ),\n      48cqi\n    );\n  }\n}\n@container widget (max-height: 229px) {\n  .glasshome-widget-controls {\n    display: none;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) {\n    grid-template-rows: auto minmax(0, 1fr) auto;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) .glasshome-widget-art {\n    bottom: var(--widget-grid-pad);\n    height: min(\n      calc(100% - 2 * var(--widget-grid-pad) - var(--widget-icon-box) - var(--widget-grid-gap)),\n      48cqi\n    );\n  }\n}\n@container widget (max-width: 179px) {\n  .glasshome-widget-art {\n    display: none;\n  }\n}\n@container widget (max-height: 169px) {\n  .glasshome-widget-head-aside {\n    display: none;\n  }\n}\n@container widget ((max-height: 129px) or (max-width: 139px)) {\n  .glasshome-widget-head-text {\n    min-height: 0;\n  }\n  .glasshome-widget-name {\n    -webkit-line-clamp: 1;\n  }\n  .glasshome-widget-grid {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 2px;\n  }\n  .glasshome-widget-head-icon,\n  .glasshome-widget-art,\n  .glasshome-widget-eyebrow,\n  .glasshome-widget-sub {\n    display: none;\n  }\n  .glasshome-widget-glyph {\n    display: block;\n  }\n  .glasshome-widget-reading-value {\n    font-size: clamp(18px, min(34cqb, 20cqi), 30px);\n  }\n  .glasshome-widget-name {\n    font-size: clamp(12px, min(18cqb, 11cqi), 15px);\n    font-weight: 550;\n    color: var(--muted-foreground);\n  }\n}\n@container widget (max-height: 129px) and (min-width: 260px) {\n  .glasshome-widget-grid {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--widget-grid-gap);\n  }\n  .glasshome-widget-name {\n    font-size: clamp(14px, 22cqb, 18px);\n    font-weight: 650;\n    color: var(--foreground);\n  }\n  .glasshome-widget-eyebrow {\n    display: block;\n  }\n}\n\n.glasshome-widget-backdrop {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  overflow: hidden;\n}\n.glasshome-widget-backdrop > img.area-night {\n  opacity: 0;\n  transition: opacity 700ms ease;\n}\n.glasshome-widget-backdrop > img.area-night[data-visible] {\n  opacity: 1;\n}\n.glasshome-widget-backdrop > .glasshome-widget-backdrop-light {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(90% 80% at 25% 30%, oklch(0.8 0.14 70), transparent 70%);\n  mix-blend-mode: soft-light;\n  opacity: var(--backdrop-light, 0);\n  transition: opacity 500ms ease;\n}\n.glasshome-widget-backdrop::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to bottom,\n    color-mix(in oklch, var(--card) 82%, transparent) 0%,\n    color-mix(in oklch, var(--card) 40%, transparent) 22%,\n    transparent 42%,\n    transparent 62%,\n    color-mix(in oklch, var(--card) 45%, transparent) 82%,\n    color-mix(in oklch, var(--card) 80%, transparent) 100%\n  );\n}\n\n@container widget (max-width: 239px) {\n  .glasshome-widget-choice [data-optional] {\n    display: none;\n  }\n}\n@container widget (max-width: 259px) {\n  .glasshome-widget-head-aside {\n    display: none;\n  }\n}\n@container widget (max-width: 139px) {\n  .glasshome-widget-controls {\n    display: none;\n  }\n}\n\n.glasshome-widget-controls {\n  justify-content: flex-start;\n  align-items: center;\n}\n.glasshome-widget-control.glasshome-widget-control {\n  width: var(--widget-control-h);\n  height: var(--widget-control-h);\n}\n.glasshome-widget-choice .glasshome-widget-control.glasshome-widget-control {\n  width: calc(var(--widget-control-h) - 8px);\n  height: calc(var(--widget-control-h) - 8px);\n}\n@container widget (max-width: 179px) and (min-height: 130px) {\n  .glasshome-widget-grid:not(:has(> .glasshome-widget-backdrop)) .glasshome-widget-head-text {\n    min-height: 0;\n  }\n  .glasshome-widget-grid:not(:has(> .glasshome-widget-backdrop)) .glasshome-widget-head {\n    flex-direction: column;\n    gap: 6px;\n  }\n}\n.glasshome-widget-unit[data-degree] {\n  vertical-align: top;\n  margin-left: 0.02em;\n  color: var(--foreground);\n}\n.glasshome-widget-control-wide.glasshome-widget-control-wide {\n  height: var(--widget-control-h);\n  gap: 6px;\n  padding: 0 14px;\n}\n@container widget (max-width: 179px) {\n  .glasshome-widget-grid:has(> .glasshome-widget-backdrop) .glasshome-widget-head-icon {\n    display: none;\n  }\n}\n.glasshome-widget-grid:has(> .glasshome-widget-backdrop)\n  :is(\n    .glasshome-widget-reading-value,\n    .glasshome-widget-sub,\n    .glasshome-widget-name,\n    .glasshome-widget-eyebrow\n  ) {\n  text-shadow: 0 1px 8px color-mix(in oklch, var(--card) 75%, transparent);\n}\n.glasshome-widget-grid:has(> .glasshome-widget-backdrop)\n  :is(.glasshome-widget-sub, .glasshome-widget-eyebrow) {\n  color: color-mix(in oklch, var(--foreground) 82%, transparent);\n}\n/* Control glyphs and words keep their share of a control as it grows past 4x4. */\n.glasshome-widget-grid\n  :is(.glasshome-widget-control, .glasshome-widget-control-wide)\n  :is(iconify-icon, svg) {\n  font-size: calc(var(--widget-control-h) * 0.43);\n  width: 1em;\n  height: 1em;\n}\n:is(.glasshome-widget-controls, .glasshome-widget-control-wide) {\n  font-size: max(13px, calc(var(--widget-control-h) * 0.3));\n}\n/* A big tile with no art of its own carries its icon large and faint, so the glass is not an empty box. */\n@container widget (min-width: 300px) and (min-height: 260px) {\n  .glasshome-widget-grid:not(\n      :has(> .glasshome-widget-backdrop),\n      :has(> .glasshome-widget-hero[data-art], > .glasshome-widget-art, > .glasshome-widget-layer)\n    )\n    > .glasshome-widget-glyph {\n    display: block;\n    right: -3%;\n    bottom: -12%;\n    font-size: min(78cqb, 52cqi);\n    opacity: 0.1;\n  }\n}\n/* A one-shot action confirms on its control and on the glyph, the one thing a compact tile shows. */\n.glasshome-widget-grid > .glasshome-widget-glyph {\n  transition: opacity var(--duration-state) var(--ease-morph);\n}\n.glasshome-widget[data-confirmed] .glasshome-widget-glyph {\n  opacity: 0.5;\n}\n.glasshome-widget-grid\n  [data-confirmed]:is(.glasshome-widget-control, .glasshome-widget-control-wide) {\n  --glass-base: color-mix(in srgb, var(--widget-color) 35%, transparent);\n  transition: background-color var(--duration-state) var(--ease-morph);\n}\n\n/* === Sheet: what a held tile opens (framework/panel) ===\n * Rendered in a popover or dialog outside the widget's shadow root, so every rule\n * the sheet needs lives here, never in a widget's own utilities. */\n.glasshome-sheet {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  color: var(--foreground);\n}\n.glasshome-sheet [data-slot=\"swatch-picker\"] {\n  max-width: 360px;\n}\n.glasshome-panel-section {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.glasshome-panel-label {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--muted-foreground);\n}\n.glasshome-panel-rows {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 8px;\n}\n.glasshome-panel-row-wrap {\n  position: relative;\n  min-width: 0;\n}\n.glasshome-panel-row {\n  --widget-wash: 22%;\n  --widget-wash-2: 11%;\n  --widget-radius: var(--radius-lg, 16px);\n  --widget-icon-box: 34px;\n  --widget-icon-glyph: 19px;\n  position: relative;\n  width: 100%;\n  height: 56px;\n  justify-content: flex-start;\n  gap: 10px;\n  padding: 0 12px 0 10px;\n  overflow: hidden;\n  text-align: left;\n  touch-action: pan-y;\n}\n.glasshome-panel-row-static {\n  cursor: default;\n  scale: none;\n}\n.glasshome-panel-row-fill {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n.glasshome-panel-row-icon {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n}\n.glasshome-panel-row-icon-off {\n  color: var(--muted-foreground);\n}\n.glasshome-panel-row-text {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.glasshome-panel-row-name,\n.glasshome-panel-row-state,\n.glasshome-panel-fact-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n/* A reading may take a second line rather than lose its end (\"3 Moderate\"). */\n.glasshome-panel-fact-value {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.glasshome-panel-row-name,\n.glasshome-panel-fact-value {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--foreground);\n}\n.glasshome-panel-row-state,\n.glasshome-panel-fact-label {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--muted-foreground);\n}\n.glasshome-panel-row-trailing {\n  position: absolute;\n  top: 50%;\n  right: 10px;\n  translate: 0 -50%;\n}\n.glasshome-panel-facts {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));\n  row-gap: 10px;\n  padding: 10px 4px 10px 0;\n  overflow: hidden;\n  border-radius: var(--radius-lg, 16px);\n  --glass-base: color-mix(in srgb, var(--card) var(--material-clarity, 60%), transparent);\n  backdrop-filter: blur(calc(var(--material-blur, 24px) * 0.6)) saturate(1.6);\n  -webkit-backdrop-filter: blur(calc(var(--material-blur, 24px) * 0.6)) saturate(1.6);\n}\n/* Without blur a see-through strip is just see-through: it takes the card fill. */\n.reduce-blur .glasshome-panel-facts {\n  --glass-base: var(--card);\n}\n.glasshome-panel-fact {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 8px;\n  padding: 0 12px;\n  box-shadow: -1px 0 0 color-mix(in oklch, var(--foreground) 10%, transparent);\n}\n.glasshome-panel-fact-icon {\n  flex-shrink: 0;\n  font-size: 18px;\n  color: var(--muted-foreground);\n}\n\n/* Inset: the grid cell clips anything drawn outside the tile. */\n.glasshome-widget:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: -2px;\n}\n\n/* === Hold flood: the dock's hold fill (ui HOLD_MOTION), grown from the finger === */\n.glasshome-widget-hold-flood {\n  position: absolute;\n  translate: -50% -50%;\n  border-radius: 9999px;\n  background: color-mix(in oklch, var(--primary) 45%, transparent);\n  pointer-events: none;\n  scale: 0;\n  opacity: 0;\n  transition:\n    scale var(--duration-state, 200ms) var(--ease-contract, ease-in),\n    opacity var(--duration-state, 200ms) var(--ease-contract, ease-in);\n}\n.glasshome-widget-hold-flood[data-hold] {\n  scale: 1;\n  opacity: 1;\n  transition-duration: var(--duration-hold, 250ms);\n  transition-timing-function: linear;\n}\n.glasshome-widget-hold-flood[data-fired] {\n  scale: 1;\n  opacity: 0;\n}\n/* A row of ui buttons in a sheet (scenes, one-tap actions). */\n.glasshome-sheet-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n/* The sheet wears its tile: the tile's tone washed into the glass, its picture as a band behind\n   the head that fades into the glass, so the tile reads as having grown open. */\n.glasshome-sheet-surface {\n  --glass-wash: 20%;\n  --glass-wash-2: 7%;\n  --widget-icon-box: 48px;\n  --widget-icon-glyph: 26px;\n}\n.glasshome-sheet-band {\n  position: absolute;\n  inset: 0 0 auto;\n  height: 150px;\n  overflow: hidden;\n  pointer-events: none;\n  mask-image: linear-gradient(180deg, #000 30%, transparent);\n}\n.glasshome-sheet-band > img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: 0.55;\n}\n.glasshome-sheet-surface > [data-slot$=\"-header\"],\n.glasshome-sheet-surface > [data-slot$=\"-body\"] {\n  position: relative;\n}\n.glasshome-sheet-icon {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n", yr = !1, br, xr = /* @__PURE__ */ new WeakSet();
+function Sr() {
+	return br || (br = new CSSStyleSheet(), br.replaceSync(vr.replace(/:root\b/g, ":host").replace(/^\.dark\b/gm, ":host(.dark)"))), br;
 }
-function hr(e) {
+function Cr(e) {
 	if (typeof ShadowRoot < "u" && e instanceof ShadowRoot) {
-		if (pr.has(e)) return;
-		let t = mr();
-		e.adoptedStyleSheets.includes(t) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, t]), pr.add(e);
+		if (xr.has(e)) return;
+		let t = Sr();
+		e.adoptedStyleSheets.includes(t) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, t]), xr.add(e);
 		return;
 	}
-	if (dr) return;
+	if (yr) return;
 	let t = e ?? (typeof document > "u" ? void 0 : document);
 	if (!t) return;
 	if (t.head.querySelector?.("style[data-glasshome-tokens]")) {
-		dr = !0;
+		yr = !0;
 		return;
 	}
 	let n = t.createElement("style");
-	n.setAttribute("data-glasshome-tokens", ""), n.textContent = ur, t.head.appendChild(n), dr = !0;
+	n.setAttribute("data-glasshome-tokens", ""), n.textContent = vr, t.head.appendChild(n), yr = !0;
 }
 //#endregion
 //#region src/framework/variants/built-in-variants.ts
-var gr = {
+var wr = {
 	"classic-glass": { cssVars: {
 		"--widget-padding": "1.5rem",
 		"--widget-backdrop": "blur(var(--glass-blur, var(--material-blur, 24px))) saturate(calc(1.8 * var(--_material-vibrancy, 1))) brightness(calc(1 + (var(--_material-vibrancy, 1) - 1) * 0.2))"
@@ -743,21 +743,21 @@ var gr = {
 		"--widget-backdrop": "blur(16px) saturate(1.8)"
 	} }
 };
-function _r(e) {
-	return Object.hasOwn(gr, e) ? gr[e] : void 0;
+function Tr(e) {
+	return Object.hasOwn(wr, e) ? wr[e] : void 0;
 }
 //#endregion
 //#region src/framework/backgrounds/WidgetSliderFill.tsx
-var vr = /*#__PURE__*/ V("<div>"), yr = e(() => void 0, "sliderFill.color");
-function br(e) {
-	return e.color !== void 0 && yr(), (() => {
-		var t = vr();
+var Er = /*#__PURE__*/ B("<div>"), Dr = e(() => void 0, "sliderFill.color");
+function Or(e) {
+	return e.color !== void 0 && Dr(), (() => {
+		var t = Er();
 		return F((n) => {
-			var r = J("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), i = {
+			var r = K("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), i = {
 				"--widget-fill-value": e.value,
-				"z-index": ln.BACKGROUND
+				"z-index": _n.BACKGROUND
 			};
-			return r !== n.e && N(t, n.e = r), n.t = B(t, i, n.t), n;
+			return r !== n.e && M(t, n.e = r), n.t = z(t, i, n.t), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -766,16 +766,16 @@ function br(e) {
 }
 //#endregion
 //#region src/framework/components/WidgetContent.tsx
-var xr = /*#__PURE__*/ V("<div>"), Sr = /\bglasshome-widget-(head|hero|controls|backdrop|glyph|layer)\b/;
-function Cr(e) {
-	let t = mn(j(W));
-	D(() => t?.setAccent(e.accent)), A(() => t?.setAccent(void 0));
-	let n = fe(() => e.children), r = O(() => n.toArray().some((e) => e instanceof Element && Sr.test(e.className)));
+var kr = /*#__PURE__*/ B("<div>"), Ar = /\bglasshome-widget-(head|hero|controls|backdrop|glyph|layer)\b/;
+function jr(e) {
+	let t = Sn(A(H));
+	E(() => t?.setAccent(e.accent)), k(() => t?.setAccent(void 0));
+	let n = ge(() => e.children), r = D(() => n.toArray().some((e) => e instanceof Element && Ar.test(e.className)));
 	return (() => {
-		var t = xr();
+		var t = kr();
 		return I(t, n), F((n) => {
-			var i = J(r() ? "glasshome-widget-grid" : "glasshome-widget-content", e.class), a = e.accent ? { "--widget-color": e.accent } : void 0;
-			return i !== n.e && N(t, n.e = i), n.t = B(t, a, n.t), n;
+			var i = K(r() ? "glasshome-widget-grid" : "glasshome-widget-content", e.class), a = e.accent ? { "--widget-color": e.accent } : void 0;
+			return i !== n.e && M(t, n.e = i), n.t = z(t, a, n.t), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -784,16 +784,16 @@ function Cr(e) {
 }
 //#endregion
 //#region src/framework/components/WidgetStatus.tsx
-var wr = /*#__PURE__*/ V("<p>");
-function Tr(e) {
+var Mr = /*#__PURE__*/ B("<p>");
+function Nr(e) {
 	return (() => {
-		var t = wr();
+		var t = Mr();
 		return I(t, (() => {
 			var t = L(() => !!e.isUnavailable);
 			return () => t() ? "Unavailable" : e.children;
 		})()), F((n) => {
-			var r = J("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), i = ln.ACTIONS;
-			return r !== n.e && N(t, n.e = r), i !== n.t && z(t, "z-index", n.t = i), n;
+			var r = K("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), i = _n.ACTIONS;
+			return r !== n.e && M(t, n.e = r), i !== n.t && Ce(t, "z-index", n.t = i), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -802,21 +802,21 @@ function Tr(e) {
 }
 //#endregion
 //#region src/framework/components/WidgetTitle.tsx
-var Er = /*#__PURE__*/ V("<span class=\"glasshome-widget-badge shrink-0\">"), Dr = /*#__PURE__*/ V("<div><h3 class=glasshome-widget-title>");
-function Or(e) {
+var Pr = /*#__PURE__*/ B("<span class=\"glasshome-widget-badge shrink-0\">"), Fr = /*#__PURE__*/ B("<div><h3 class=glasshome-widget-title>");
+function Ir(e) {
 	return (() => {
-		var t = Dr(), n = t.firstChild;
-		return I(n, () => e.children), I(t, P(E, {
+		var t = Fr(), n = t.firstChild;
+		return I(n, () => e.children), I(t, N(T, {
 			get when() {
 				return L(() => e.badge !== void 0)() && e.badge > 0;
 			},
 			get children() {
-				var t = Er();
+				var t = Pr();
 				return I(t, () => e.badge), t;
 			}
 		}), null), F((n) => {
-			var r = J("relative flex items-center gap-2", e.class), i = ln.ACTIONS;
-			return r !== n.e && N(t, n.e = r), i !== n.t && z(t, "z-index", n.t = i), n;
+			var r = K("relative flex items-center gap-2", e.class), i = _n.ACTIONS;
+			return r !== n.e && M(t, n.e = r), i !== n.t && Ce(t, "z-index", n.t = i), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -825,7 +825,7 @@ function Or(e) {
 }
 //#endregion
 //#region src/framework/utils/entity-aggregation.ts
-function kr(e, t = !1) {
+function Lr(e, t = !1) {
 	let n = e[0];
 	if (!n) return {
 		isGroup: !1,
@@ -849,7 +849,7 @@ function kr(e, t = !1) {
 			isUnavailable: e.state === "unavailable",
 			brightness: r,
 			brightnessPercent: i,
-			color: Mr(e),
+			color: Br(e),
 			onCount: +!!t,
 			totalCount: 1,
 			description: t ? "On" : "Off"
@@ -861,7 +861,7 @@ function kr(e, t = !1) {
 			if (i++, t.attributes?.brightness !== void 0 && (c += t.attributes.brightness, l++), t.attributes?.rgb_color) u.push(t.attributes.rgb_color);
 			else if (t.attributes?.hs_color) {
 				let [e, n] = t.attributes.hs_color;
-				u.push(jr(e, n));
+				u.push(zr(e, n));
 			}
 			break;
 		case "off":
@@ -878,7 +878,7 @@ function kr(e, t = !1) {
 	if (u.length > 0) {
 		let e = Math.round(u.reduce((e, t) => e + t[0], 0) / u.length), t = Math.round(u.reduce((e, t) => e + t[1], 0) / u.length), n = Math.round(u.reduce((e, t) => e + t[2], 0) / u.length), r = y / 255;
 		x = `rgb(${Math.round(e * r)}, ${Math.round(t * r)}, ${Math.round(n * r)})`;
-	} else x = Mr(n);
+	} else x = Br(n);
 	let S;
 	return S = h ? "All on" : g ? "All off" : i > 0 ? `${i} of ${d} on` : "Off", {
 		isGroup: r,
@@ -893,7 +893,7 @@ function kr(e, t = !1) {
 		description: S
 	};
 }
-function Ar(e, t = "mean", n = !0) {
+function Rr(e, t = "mean", n = !0) {
 	let r = e[0];
 	if (!r) return {
 		isGroup: !1,
@@ -990,7 +990,7 @@ function Ar(e, t = "mean", n = !0) {
 		memberValues: o
 	};
 }
-function jr(e, t) {
+function zr(e, t) {
 	let n = t / 100, r = n * (1 - Math.abs(e / 60 % 2 - 1)), i = 1 - n, a = 0, o = 0, s = 0;
 	return e < 60 ? [a, o] = [n, r] : e < 120 ? [a, o] = [r, n] : e < 180 ? [o, s] = [n, r] : e < 240 ? [o, s] = [r, n] : e < 300 ? [a, s] = [r, n] : [a, s] = [n, r], [
 		(a + i) * 255,
@@ -998,7 +998,7 @@ function jr(e, t) {
 		(s + i) * 255
 	];
 }
-function Mr(e) {
+function Br(e) {
 	if (e.state !== "on") return "rgb(100, 100, 100)";
 	let t = (e.attributes?.brightness ?? 255) / 255;
 	if (e.attributes?.rgb_color) {
@@ -1006,7 +1006,7 @@ function Mr(e) {
 		return `rgb(${Math.round(n * t)}, ${Math.round(r * t)}, ${Math.round(i * t)})`;
 	}
 	if (e.attributes?.hs_color) {
-		let [n, r] = e.attributes.hs_color, [i, a, o] = jr(n, r);
+		let [n, r] = e.attributes.hs_color, [i, a, o] = zr(n, r);
 		return `rgb(${Math.round(i * t)}, ${Math.round(a * t)}, ${Math.round(o * t)})`;
 	}
 	if (e.attributes?.color_temp) {
@@ -1017,7 +1017,7 @@ function Mr(e) {
 }
 //#endregion
 //#region src/framework/utils/entity-state.ts
-function Nr(e) {
+function Vr(e) {
 	if (!e) return !1;
 	if ([
 		"on",
@@ -1033,15 +1033,15 @@ function Nr(e) {
 	}
 	return !1;
 }
-function Pr(e, t, n) {
+function Hr(e, t, n) {
 	return e?.attributes ? e.attributes[t] ?? n : n;
 }
-function Fr(e) {
-	return e.filter(Nr).length;
+function Ur(e) {
+	return e.filter(Vr).length;
 }
 //#endregion
 //#region src/framework/utils/format-value.ts
-function Ir(e, t, n) {
+function Wr(e, t, n) {
 	let { decimals: r, scale: i = !0 } = n || {};
 	if (typeof e == "string") return t ? `${e}${t}` : e;
 	if (e == null || Number.isNaN(e)) return t ? `--${t}` : "--";
@@ -1052,45 +1052,45 @@ function Ir(e, t, n) {
 }
 //#endregion
 //#region src/framework/utils/interpret-value.ts
-function Lr(e, t) {
+function Gr(e, t) {
 	return e == null || isNaN(e) ? null : t === "°C" ? e < 10 ? "Cold" : e < 18 ? "Cool" : e < 24 ? "Comfortable" : e < 28 ? "Warm" : "Hot" : t === "°F" ? e < 50 ? "Cold" : e < 64 ? "Cool" : e < 75 ? "Comfortable" : e < 82 ? "Warm" : "Hot" : t === "%" ? e < 20 ? "Very Low" : e < 40 ? "Low" : e < 60 ? "Medium" : e < 80 ? "High" : "Very High" : t === "ppm" ? e < 400 ? "Excellent" : e < 600 ? "Good" : e < 1e3 ? "Acceptable" : e < 1500 ? "Mediocre" : "Poor" : t === "lx" ? e < 50 ? "Dark" : e < 200 ? "Dim" : e < 500 ? "Moderate" : e < 1e3 ? "Bright" : "Very Bright" : t === "AQI" ? e <= 50 ? "Good" : e <= 100 ? "Moderate" : e <= 150 ? "Unhealthy for Sensitive" : e <= 200 ? "Unhealthy" : e <= 300 ? "Very Unhealthy" : "Hazardous" : t === "dB" ? e < 30 ? "Very Quiet" : e < 50 ? "Quiet" : e < 70 ? "Moderate" : e < 85 ? "Loud" : "Very Loud" : null;
 }
 //#endregion
 //#region src/framework/components/WidgetValue.tsx
-var Rr = /*#__PURE__*/ V("<div class=glasshome-widget-subtitle>"), zr = /*#__PURE__*/ V("<div><div class=glasshome-widget-value>");
-function Br(e) {
+var Kr = /*#__PURE__*/ B("<div class=glasshome-widget-subtitle>"), qr = /*#__PURE__*/ B("<div><div class=glasshome-widget-value>");
+function Jr(e) {
 	return (() => {
-		var t = zr(), n = t.firstChild;
-		return I(n, () => Ir(e.value, e.unit)), I(t, P(E, {
+		var t = qr(), n = t.firstChild;
+		return I(n, () => Wr(e.value, e.unit)), I(t, N(T, {
 			get when() {
 				return L(() => !!e.interpret)() && typeof e.value == "number";
 			},
 			get children() {
-				var t = Rr();
-				return I(t, () => Lr(e.value, e.unit)), t;
+				var t = Kr();
+				return I(t, () => Gr(e.value, e.unit)), t;
 			}
-		}), null), F(() => N(t, J("flex flex-col", e.class))), t;
+		}), null), F(() => M(t, K("flex flex-col", e.class))), t;
 	})();
 }
 //#endregion
 //#region src/framework/core/Widget.tsx
-var Vr = /*#__PURE__*/ V("<span class=glasshome-widget-hold-flood aria-hidden=true>"), Hr = /*#__PURE__*/ V("<div class=\"glasshome-widget-halo glass-halo rounded-xl\"aria-hidden=true>"), Ur = /*#__PURE__*/ V("<div class=\"glasshome-widget-frame relative h-full w-full\"><div><div class=\"relative h-full w-full\">"), Wr = /*#__PURE__*/ V("<div class=\"glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse\">"), Gr = /*#__PURE__*/ V("<div class=\"flex h-full w-full flex-col items-center justify-center gap-2 text-center\">"), Kr = /*#__PURE__*/ V("<div class=\"text-muted-foreground flex items-center justify-center\">"), qr = /*#__PURE__*/ V("<h3 class=\"text-foreground text-sm font-semibold\">"), Jr = /*#__PURE__*/ V("<p class=\"text-muted-foreground text-xs\">"), Yr = 2e3;
-function Xr(t) {
-	let n = j(W), r = Mn(() => ({ hold: { action: () => (G.get(n ?? {}) ?? G.get(f))?.("edit") } }));
-	A(r.dispose);
-	let i = mn(n), a = !!n && !(fn in n), o = Mn(() => ({ hold: i?.hasSheet() ? { action: () => (G.get(n ?? {}) ?? G.get(f))?.() } : void 0 }));
-	A(o.dispose);
+var Yr = /*#__PURE__*/ B("<span class=glasshome-widget-hold-flood aria-hidden=true>"), Xr = /*#__PURE__*/ B("<div class=\"glasshome-widget-halo glass-halo rounded-xl\"aria-hidden=true>"), Zr = /*#__PURE__*/ B("<div class=\"glasshome-widget-frame relative h-full w-full\"><div><div class=\"relative h-full w-full\">"), Qr = /*#__PURE__*/ B("<div class=\"glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse\">"), $r = /*#__PURE__*/ B("<div class=\"flex h-full w-full flex-col items-center justify-center gap-2 text-center\">"), ei = /*#__PURE__*/ B("<div class=\"text-muted-foreground flex items-center justify-center\">"), ti = /*#__PURE__*/ B("<h3 class=\"text-foreground text-sm font-semibold\">"), ni = /*#__PURE__*/ B("<p class=\"text-muted-foreground text-xs\">"), ri = 2e3;
+function ii(t) {
+	let n = A(H), r = Bn(() => ({ hold: { action: () => (U.get(n ?? {}) ?? U.get(f))?.("edit") } }));
+	k(r.dispose);
+	let i = Sn(n), a = !!n && !(bn in n), o = Bn(() => ({ hold: i?.hasSheet() ? { action: () => (U.get(n ?? {}) ?? U.get(f))?.() } : void 0 }));
+	k(o.dispose);
 	let s = () => t.emptyState && n ? r : t.gestures ?? (a ? o : void 0);
-	a && (D(() => n?.onHoldable?.(!t.emptyState && !!s()?.holds?.())), A(() => n?.onHoldable?.(!1))), D(() => {
+	a && (E(() => n?.onHoldable?.(!t.emptyState && !!s()?.holds?.())), k(() => n?.onHoldable?.(!1))), E(() => {
 		if (!a || !i?.nothingMore()) return;
-		let e = setTimeout(() => i.setNothingMore(!1), Yr);
-		A(() => clearTimeout(e));
-	}), D(() => i?.setTone(t.color ?? (t.tone ? `var(--tone-${t.tone})` : void 0)));
-	let [c, l] = k(), [u, d] = k({
+		let e = setTimeout(() => i.setNothingMore(!1), ri);
+		k(() => clearTimeout(e));
+	}), E(() => i?.setTone(t.color ?? (t.tone ? `var(--tone-${t.tone})` : void 0)));
+	let [c, l] = O(), [u, d] = O({
 		width: 0,
 		height: 0
 	});
-	D(() => {
+	E(() => {
 		let e = c();
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
@@ -1104,36 +1104,36 @@ function Xr(t) {
 				height: e.contentRect.height
 			});
 		});
-		t.observe(e), A(() => t.disconnect());
-	}), he(() => {
+		t.observe(e), k(() => t.disconnect());
+	}), ye(() => {
 		let e = c()?.getRootNode();
-		hr(typeof ShadowRoot < "u" && e instanceof ShadowRoot || typeof Document < "u" && e instanceof Document ? e : void 0);
+		Cr(typeof ShadowRoot < "u" && e instanceof ShadowRoot || typeof Document < "u" && e instanceof Document ? e : void 0);
 	});
 	let f = {
 		...n,
 		updateConfig: n?.updateConfig ?? (() => {}),
 		dimensions: e(() => u(), "ctx.dimensions")
 	};
-	n && Object.defineProperty(f, fn, { value: n });
-	let p = O(() => {
-		if (t.variant) return typeof t.variant == "string" ? _r(t.variant) : t.variant.styles;
-	}), m = e(() => t.gradient, "widget.gradient"), h = () => !!t.tone && t.tone !== "neutral" || !!t.color, g = O(() => ({
+	n && Object.defineProperty(f, bn, { value: n });
+	let p = D(() => {
+		if (t.variant) return typeof t.variant == "string" ? Tr(t.variant) : t.variant.styles;
+	}), m = e(() => t.gradient, "widget.gradient"), h = () => !!t.tone && t.tone !== "neutral" || !!t.color, g = D(() => ({
 		...p()?.cssVars || {},
 		...t.tone ? { "--widget-color": `var(--tone-${t.tone})` } : {},
 		...t.color ? { "--widget-color": t.color } : {},
 		...h() ? { "--glass-tone": "var(--widget-color)" } : {}
 	})), _ = a && !!n?.onShell;
 	if (a) {
-		let e = O(() => {
+		let e = D(() => {
 			let e = p()?.cssVars, n = e?.["--glass-tone"], r = e?.["--glass-lift"], i = typeof r == "string" && r.trim() !== "" ? Number(r) : r;
 			return {
 				tone: h() ? t.color ?? `var(--tone-${t.tone})` : typeof n == "string" ? n : null,
 				lift: typeof i == "number" && Number.isFinite(i) ? i : null
 			};
 		}, void 0, { equals: (e, t) => e.tone === t.tone && e.lift === t.lift });
-		D(() => n?.onShell?.(e())), A(() => n?.onShell?.(null));
+		E(() => n?.onShell?.(e())), k(() => n?.onShell?.(null));
 	}
-	let v = O(() => ({
+	let v = D(() => ({
 		"container-type": "size",
 		"container-name": "widget",
 		"touch-action": s() && !t.isEditMode ? s()?.touchAction() : void 0,
@@ -1154,45 +1154,45 @@ function Xr(t) {
 		y() && s()?.onPointerUp(e);
 	}, te = (e) => {
 		y() && s()?.onPointerCancel(e);
-	}, C = () => s()?.hold?.() ?? null, w = {
+	}, ne = () => s()?.hold?.() ?? null, C = {
 		x: 0,
 		y: 0,
 		r: 0
-	}, ne = (e) => (e && Object.assign(w, {
+	}, re = (e) => (e && Object.assign(C, {
 		x: e.x,
 		y: e.y,
 		r: e.r
 	}), {
-		left: `${w.x}px`,
-		top: `${w.y}px`,
-		width: `${w.r * 2}px`,
-		height: `${w.r * 2}px`,
-		"z-index": ln.BACKGROUND
+		left: `${C.x}px`,
+		top: `${C.y}px`,
+		width: `${C.r * 2}px`,
+		height: `${C.r * 2}px`,
+		"z-index": _n.BACKGROUND
 	});
-	return P(W.Provider, {
+	return N(H.Provider, {
 		value: f,
 		get children() {
-			return P(Qn.Provider, {
+			return N(or.Provider, {
 				value: () => t.confirmed === !0,
 				get children() {
-					return P(Nn.Provider, {
+					return N(Vn.Provider, {
 						value: u,
 						get children() {
 							return [(() => {
-								var e = Ur(), n = e.firstChild, i = n.firstChild;
+								var e = Zr(), n = e.firstChild, i = n.firstChild;
 								return n.$$keydown = (e) => {
 									y() && s()?.onKeyDown?.(e);
-								}, M(n, "pointercancel", te), M(n, "pointerup", ee), M(n, "pointermove", S), M(n, "pointerdown", x), M(n, "pointerenter", b), H((e) => {
+								}, j(n, "pointercancel", te), j(n, "pointerup", ee), j(n, "pointermove", S), j(n, "pointerdown", x), j(n, "pointerenter", b), Te((e) => {
 									l(e), t.gestures?.bindElement(e), r.bindElement(e);
-								}, n), I(n, P(E, {
+								}, n), I(n, N(T, {
 									get when() {
 										return s()?.hold;
 									},
 									get children() {
-										var e = Vr();
+										var e = Yr();
 										return F((t) => {
-											var n = C() && !C()?.fired ? "" : void 0, r = C()?.fired ? "" : void 0, i = ne(C());
-											return n !== t.e && R(e, "data-hold", t.e = n), r !== t.t && R(e, "data-fired", t.t = r), t.a = B(e, i, t.a), t;
+											var n = ne() && !ne()?.fired ? "" : void 0, r = ne()?.fired ? "" : void 0, i = re(ne());
+											return n !== t.e && R(e, "data-hold", t.e = n), r !== t.t && R(e, "data-fired", t.t = r), t.a = z(e, i, t.a), t;
 										}, {
 											e: void 0,
 											t: void 0,
@@ -1201,7 +1201,7 @@ function Xr(t) {
 									}
 								}), i), I(i, (() => {
 									var e = L(() => !!t.emptyState);
-									return () => e() ? P(Zr, {
+									return () => e() ? N(ai, {
 										get icon() {
 											return t.emptyState.icon;
 										},
@@ -1215,24 +1215,24 @@ function Xr(t) {
 								})()), I(n, (() => {
 									var e = L(() => !!t.loading);
 									return () => e() && (() => {
-										var e = Wr();
-										return F((t) => z(e, "z-index", ln.OVERLAY)), e;
+										var e = Qr();
+										return F((t) => Ce(e, "z-index", _n.OVERLAY)), e;
 									})();
-								})(), null), I(e, P(E, {
+								})(), null), I(e, N(T, {
 									when: !_,
 									get children() {
-										var e = Hr();
+										var e = Xr();
 										return F((t) => {
 											var n = g(), r = h() ? "" : void 0;
-											return t.e = B(e, n, t.e), r !== t.t && R(e, "data-toned", t.t = r), t;
+											return t.e = z(e, n, t.e), r !== t.t && R(e, "data-toned", t.t = r), t;
 										}, {
 											e: void 0,
 											t: void 0
 										}), e;
 									}
 								}), null), F((e) => {
-									var r = J("glasshome-widget glass", "relative h-full w-full overflow-hidden rounded-xl select-none", p()?.class, t.class), a = v(), o = h() ? "" : void 0, s = t.confirmed || void 0, c = y() ? 0 : void 0, l = ln.CONTENT;
-									return r !== e.e && N(n, e.e = r), e.t = B(n, a, e.t), o !== e.a && R(n, "data-toned", e.a = o), s !== e.o && R(n, "data-confirmed", e.o = s), c !== e.i && R(n, "tabindex", e.i = c), l !== e.n && z(i, "z-index", e.n = l), e;
+									var r = K("glasshome-widget glass", "relative h-full w-full overflow-hidden rounded-xl select-none", p()?.class, t.class), a = v(), o = h() ? "" : void 0, s = t.confirmed || void 0, c = y() ? 0 : void 0, l = _n.CONTENT;
+									return r !== e.e && M(n, e.e = r), e.t = z(n, a, e.t), o !== e.a && R(n, "data-toned", e.a = o), s !== e.o && R(n, "data-confirmed", e.o = s), c !== e.i && R(n, "tabindex", e.i = c), l !== e.n && Ce(i, "z-index", e.n = l), e;
 								}, {
 									e: void 0,
 									t: void 0,
@@ -1241,10 +1241,10 @@ function Xr(t) {
 									i: void 0,
 									n: void 0
 								}), e;
-							})(), P(E, {
+							})(), N(T, {
 								when: a,
 								get children() {
-									return P(Ze, {
+									return N(at, {
 										get open() {
 											return i?.nothingMore() ?? !1;
 										},
@@ -1253,10 +1253,10 @@ function Xr(t) {
 										},
 										anchorRef: c,
 										get children() {
-											return P(Qe, {
+											return N(ot, {
 												class: "flex w-auto items-center gap-2 p-3 text-sm",
 												get children() {
-													return [P(U, { icon: "mdi:information-outline" }), "No more controls for this widget"];
+													return [N(V, { icon: "mdi:information-outline" }), "No more controls for this widget"];
 												}
 											});
 										}
@@ -1270,81 +1270,87 @@ function Xr(t) {
 		}
 	});
 }
-function Zr(e) {
+function ai(e) {
 	return (() => {
-		var t = Gr();
+		var t = $r();
 		return I(t, (() => {
 			var t = L(() => !!e.icon);
 			return () => t() && (() => {
-				var t = Kr();
+				var t = ei();
 				return I(t, () => e.icon), t;
 			})();
 		})(), null), I(t, (() => {
 			var t = L(() => !!e.title);
 			return () => t() && (() => {
-				var t = qr();
+				var t = ti();
 				return I(t, () => e.title), t;
 			})();
 		})(), null), I(t, (() => {
 			var t = L(() => !!e.message);
 			return () => t() && (() => {
-				var t = Jr();
+				var t = ni();
 				return I(t, () => e.message), t;
 			})();
 		})(), null), t;
 	})();
 }
-var Y = Xr;
-Y.Content = Cr, Y.Icon = Bn, Y.Title = Or, Y.Status = Tr, Y.Value = Br, Y.SliderFill = br, Y.Head = er, Y.Hero = tr, Y.Controls = nr, Y.Stepper = rr, Y.Choice = ir, Y.Action = ar, Y.Chip = or, Y.Backdrop = cr, Y.Layer = sr, Y.Glyph = lr, _e(["keydown"]);
+var q = ii;
+q.Content = jr, q.Icon = Jn, q.Title = Ir, q.Status = Nr, q.Value = Jr, q.SliderFill = Or, q.Head = cr, q.Hero = lr, q.Controls = ur, q.Stepper = dr, q.Choice = fr, q.Action = pr, q.Chip = mr, q.Backdrop = gr, q.Layer = hr, q.Glyph = _r, P(["keydown"]);
 //#endregion
 //#region src/framework/panel/panel.tsx
-var Qr = /*#__PURE__*/ V("<section class=glasshome-panel-section><h3 class=glasshome-panel-label>"), $r = /*#__PURE__*/ V("<div class=glasshome-panel-rows>"), ei = /*#__PURE__*/ V("<span class=\"glasshome-widget-slider-fill glasshome-panel-row-fill\">"), ti = /*#__PURE__*/ V("<span class=\"glasshome-widget-icon glass glasshome-panel-row-icon\">"), ni = /*#__PURE__*/ V("<span class=glasshome-panel-row-state>"), ri = /*#__PURE__*/ V("<span class=glasshome-panel-row-text><span class=glasshome-panel-row-name>"), ii = /*#__PURE__*/ V("<span class=glasshome-panel-row-trailing>"), ai = /*#__PURE__*/ V("<div class=glasshome-panel-row-wrap>"), oi = /*#__PURE__*/ V("<div>"), si = /*#__PURE__*/ V("<div class=\"glasshome-panel-facts glass\">"), ci = /*#__PURE__*/ V("<div class=glasshome-panel-fact><span class=glasshome-panel-row-text><span class=glasshome-panel-fact-label></span><span class=glasshome-panel-fact-value>"), li = 8, ui = (e, t, n) => Math.min(n, Math.max(t, e));
-function di(e) {
-	let t = j(W), n, r = !1, i = !1, a, o = 0, s = (t, n) => {
+var oi = /*#__PURE__*/ B("<section class=glasshome-panel-section><h3 class=glasshome-panel-label>"), si = /*#__PURE__*/ B("<div class=glasshome-panel-rows>"), ci = /*#__PURE__*/ B("<span class=\"glasshome-widget-slider-fill glasshome-panel-row-fill\">"), li = /*#__PURE__*/ B("<span class=\"glasshome-widget-icon glass glasshome-panel-row-icon\">"), ui = /*#__PURE__*/ B("<span class=glasshome-panel-row-state>"), di = /*#__PURE__*/ B("<span class=glasshome-panel-row-text><span class=glasshome-panel-row-name>"), fi = /*#__PURE__*/ B("<span class=glasshome-panel-row-trailing>"), pi = /*#__PURE__*/ B("<div class=glasshome-panel-row-wrap>"), mi = /*#__PURE__*/ B("<div>"), hi = /*#__PURE__*/ B("<div role=slider tabindex=0>"), gi = /*#__PURE__*/ B("<div class=\"glasshome-panel-facts glass\">"), _i = /*#__PURE__*/ B("<div class=glasshome-panel-fact><span class=glasshome-panel-row-text><span class=glasshome-panel-fact-label></span><span class=glasshome-panel-fact-value>"), vi = 8, yi = 5, bi = (e, t, n) => Math.min(n, Math.max(t, e));
+function xi(e, t, n) {
+	let r = (String(n).split(".")[1] ?? "").length;
+	return Number((t + Math.round((e - t) / n) * n).toFixed(r));
+}
+function Si(e) {
+	let t = A(H), n, r = !1, i = !1, a, o = 0, s = 0, c = (t, n) => {
 		let r = e.slide?.();
 		if (!r) return 0;
 		let i = t.getBoundingClientRect(), a = e.axis === "x" ? (n.clientX - i.left) / i.width : 1 - (n.clientY - i.top) / i.height, o = r.min ?? 0, s = r.max ?? 100;
-		return Math.round(ui(o + a * (s - o), o, s));
-	}, c = () => {
+		return bi(xi(o + a * (s - o), o, r.step ?? 1), o, s);
+	}, l = () => {
 		clearTimeout(a), n = void 0;
 	};
-	return A(() => clearTimeout(a)), {
+	return k(() => clearTimeout(a)), {
 		onPointerDown: (o) => {
 			if (o.button !== 0 || n) return;
-			let s = o.target instanceof Element ? o.target.closest(jn) : null;
+			let s = o.target instanceof Element ? o.target.closest(zn) : null;
 			s && s !== o.currentTarget || (n = {
 				x: o.clientX,
 				y: o.clientY,
 				id: o.pointerId
 			}, o.currentTarget.setPointerCapture?.(o.pointerId), r = !1, i = !1, e.onHold && (a = setTimeout(() => {
-				i = !0, qt(), e.onHold?.(), t?.onHeld?.();
-			}, qe)));
+				i = !0, tn(), e.onHold?.(), t?.onHeld?.();
+			}, tt)));
 		},
 		onPointerMove: (t) => {
 			if (!n || t.pointerId !== n.id || i) return;
-			let c = t.currentTarget, l = e.axis === "x" ? Math.abs(t.clientX - n.x) : Math.abs(t.clientY - n.y);
-			!r && e.slide?.() && l > li && (r = !0, clearTimeout(a)), r ? (o = s(c, t), e.slide?.()?.onChange(o)) : Math.hypot(t.clientX - n.x, t.clientY - n.y) > li && clearTimeout(a);
+			let l = t.currentTarget, u = e.axis === "x" ? Math.abs(t.clientX - n.x) : Math.abs(t.clientY - n.y), d = e.slide?.();
+			!r && d && u > vi && (r = !0, s = d.value, clearTimeout(a)), r ? (o = c(l, t), e.slide?.()?.onChange(o)) : Math.hypot(t.clientX - n.x, t.clientY - n.y) > vi && clearTimeout(a);
 		},
 		onPointerUp: (t) => {
-			n && t.pointerId === n.id && (r ? e.slide?.()?.onCommit?.(o) : i || e.onTap?.(), c());
+			n && t.pointerId === n.id && (r ? e.slide?.()?.onCommit?.(o) : i || e.onTap?.(), l());
 		},
-		onPointerCancel: c
+		onPointerCancel: (t) => {
+			n && t.pointerId === n.id && (r && e.slide?.()?.onChange(s), l());
+		}
 	};
 }
-function fi(e) {
+function Ci(e) {
 	return (() => {
-		var t = Qr(), n = t.firstChild;
+		var t = oi(), n = t.firstChild;
 		return I(n, () => e.label), I(t, () => e.children, null), t;
 	})();
 }
-function pi(e) {
+function wi(e) {
 	return (() => {
-		var t = $r();
+		var t = si();
 		return I(t, () => e.children), t;
 	})();
 }
-function mi(e) {
-	let t = () => !!(e.onTap || e.slide || e.onHold), n = di({
+function Ti(e) {
+	let t = () => !!(e.onTap || e.slide || e.onHold), n = Si({
 		axis: "x",
 		slide: () => e.slide,
 		onTap: () => e.onTap?.(),
@@ -1355,27 +1361,33 @@ function mi(e) {
 		if (!t || !e.on) return;
 		let n = t.min ?? 0, r = t.max ?? 100;
 		return (t.value - n) / (r - n || 1) * 100;
-	}, i = (t) => {
-		let n = e.slide;
-		if (!n) return;
-		let r = t.key === "ArrowRight" || t.key === "ArrowUp" ? 5 : t.key === "ArrowLeft" || t.key === "ArrowDown" ? -5 : 0;
-		if (!r) return;
-		t.preventDefault();
-		let i = ui(n.value + r, n.min ?? 0, n.max ?? 100);
-		n.onChange(i), n.onCommit?.(i);
+	}, i = {
+		onPointerDown: n.onPointerDown,
+		onPointerMove: n.onPointerMove,
+		onPointerUp: n.onPointerUp,
+		onPointerCancel: n.onPointerCancel,
+		onKeyDown: (t) => {
+			let n = e.slide;
+			if (!n) return;
+			let r = n.step ?? yi, i = t.key === "ArrowRight" || t.key === "ArrowUp" ? r : t.key === "ArrowLeft" || t.key === "ArrowDown" ? -r : 0;
+			if (!i) return;
+			t.preventDefault();
+			let a = n.min ?? 0, o = bi(xi(n.value + i, a, n.step ?? 1), a, n.max ?? 100);
+			n.onChange(o), n.onCommit?.(o);
+		}
 	}, a = () => [
-		P(E, {
+		N(T, {
 			get when() {
 				return r() !== void 0;
 			},
 			get children() {
-				var e = ei();
-				return F((t) => B(e, { "--widget-fill-value": r() }, t)), e;
+				var e = ci();
+				return F((t) => z(e, { "--widget-fill-value": r() }, t)), e;
 			}
 		}),
 		(() => {
-			var t = ti();
-			return I(t, P(U, {
+			var t = li();
+			return I(t, N(V, {
 				get icon() {
 					return e.icon;
 				},
@@ -1389,95 +1401,108 @@ function mi(e) {
 			}), t;
 		})(),
 		(() => {
-			var t = ri(), n = t.firstChild;
-			return I(n, () => e.name), I(t, P(E, {
+			var t = di(), n = t.firstChild;
+			return I(n, () => e.name), I(t, N(T, {
 				get when() {
 					return e.state !== void 0;
 				},
 				get children() {
-					var t = ni();
+					var t = ui();
 					return I(t, () => e.state), t;
 				}
 			}), null), t;
 		})()
-	], o = () => ({ "--widget-color": e.tone ?? "var(--tone-neutral)" });
+	], o = () => ({ "--widget-color": e.tone ?? "var(--tone-neutral)" }), s = Kt({
+		variant: "outline",
+		size: "none"
+	});
 	return (() => {
-		var r = ai();
-		return I(r, P(E, {
-			get when() {
-				return t();
-			},
+		var n = pi();
+		return I(n, N(he, {
 			get fallback() {
 				return (() => {
-					var e = oi();
-					return I(e, a), F((t) => {
-						var n = `${Rt({
-							variant: "outline",
-							size: "none"
-						})} glasshome-panel-row glasshome-panel-row-static`, r = o();
-						return n !== t.e && N(e, t.e = n), t.t = B(e, r, t.t), t;
-					}, {
-						e: void 0,
-						t: void 0
-					}), e;
+					var e = mi();
+					return M(e, `${s} glasshome-panel-row glasshome-panel-row-static`), I(e, a), F((t) => z(e, o(), t)), e;
 				})();
 			},
 			get children() {
-				return P(Te, {
-					variant: "outline",
-					size: "none",
-					class: "glasshome-panel-row",
-					get style() {
-						return o();
-					},
-					get "aria-label"() {
-						return e["aria-label"];
-					},
-					get "aria-pressed"() {
-						return e.on;
-					},
-					get onPointerDown() {
-						return n.onPointerDown;
-					},
-					get onPointerMove() {
-						return n.onPointerMove;
-					},
-					get onPointerUp() {
-						return n.onPointerUp;
-					},
-					get onPointerCancel() {
-						return n.onPointerCancel;
+				return [N(me, {
+					get when() {
+						return L(() => !(e.onTap || e.onHold))() && e.slide;
 					},
-					onKeyDown: i,
-					onClick: (t) => {
-						t.detail === 0 && e.onTap?.();
+					children: (t) => (() => {
+						var n = hi();
+						return M(n, `${s} glasshome-panel-row`), we(n, Se({
+							get style() {
+								return o();
+							},
+							get "aria-label"() {
+								return e["aria-label"] ?? (t().label ? `${e.name}, ${t().label}` : e.name);
+							},
+							get "aria-valuemin"() {
+								return t().min ?? 0;
+							},
+							get "aria-valuemax"() {
+								return t().max ?? 100;
+							},
+							get "aria-valuenow"() {
+								return t().value;
+							},
+							get "aria-valuetext"() {
+								return L(() => typeof e.state == "string")() ? e.state : void 0;
+							}
+						}, i), !1, !0), I(n, a), n;
+					})()
+				}), N(me, {
+					get when() {
+						return t();
 					},
 					get children() {
-						return a();
+						return N(Ne, Se({
+							variant: "outline",
+							size: "none",
+							class: "glasshome-panel-row",
+							get style() {
+								return o();
+							},
+							get "aria-label"() {
+								return e["aria-label"];
+							},
+							get "aria-pressed"() {
+								return e.on;
+							}
+						}, i, {
+							onClick: (t) => {
+								t.detail === 0 && e.onTap?.();
+							},
+							get children() {
+								return a();
+							}
+						}));
 					}
-				});
+				})];
 			}
-		}), null), I(r, P(E, {
+		}), null), I(n, N(T, {
 			get when() {
 				return e.trailing;
 			},
 			get children() {
-				var t = ii();
+				var t = fi();
 				return I(t, () => e.trailing), t;
 			}
-		}), null), r;
+		}), null), n;
 	})();
 }
-function hi(e) {
+function Ei(e) {
 	return (() => {
-		var t = si();
-		return I(t, P(T, {
+		var t = gi();
+		return I(t, N(w, {
 			get each() {
 				return e.items;
 			},
 			children: (e) => (() => {
-				var t = ci(), n = t.firstChild, r = n.firstChild, i = r.nextSibling;
-				return I(t, P(U, {
+				var t = _i(), n = t.firstChild, r = n.firstChild, i = r.nextSibling;
+				return I(t, N(V, {
 					get icon() {
 						return e.icon;
 					},
@@ -1489,7 +1514,11 @@ function hi(e) {
 }
 //#endregion
 //#region src/framework/panel/panel-entity.tsx
-var gi = (e) => typeof e == "number" ? Math.round(e) : void 0, _i = (e) => e.charAt(0).toUpperCase() + e.slice(1).replaceAll("_", " "), X = (e) => ({ entity_id: e.id }), vi = {
+var Di = 5e3, Oi = 1, ki = 4, J = (e) => typeof e == "number" ? e : void 0, Y = (e) => typeof e == "number" ? Math.round(e) : void 0, X = (e) => e.charAt(0).toUpperCase() + e.slice(1).replaceAll("_", " "), Ai = (e, t) => ((J(e.attributes.supported_features) ?? 0) & t) > 0, ji = (e, t) => String(e.attributes.temperature_unit ?? t).includes("F"), Mi = (e) => Ai(e, Oi) ? J(e.attributes.temperature) : void 0, Ni = (e) => (t, n) => ({
+	min: J(t.attributes.min_temp) ?? 0,
+	max: J(t.attributes.max_temp) ?? 100,
+	step: J(t.attributes.target_temp_step) ?? e(t, n)
+}), Pi = {
 	light: {
 		icon: "mdi:lightbulb",
 		tone: (e) => {
@@ -1506,22 +1535,25 @@ var gi = (e) => typeof e == "number" ? Math.round(e) : void 0, _i = (e) => e.cha
 			let t = e.attributes.brightness;
 			return e.state === "on" ? typeof t == "number" ? Math.round(t / 255 * 100) : 100 : 0;
 		},
-		setLevel: (e, t, n) => e("light", n > 0 ? "turn_on" : "turn_off", n > 0 ? { brightness_pct: n } : {}, X(t)),
-		tap: (e, t) => e("light", "toggle", {}, X(t))
+		setLevel: (e, t) => t > 0 ? {
+			service: "turn_on",
+			data: { brightness_pct: t }
+		} : { service: "turn_off" },
+		tap: () => ({ service: "toggle" })
 	},
 	switch: {
 		icon: "mdi:toggle-switch-variant",
 		tone: "var(--tone-info)",
 		on: (e) => e.state === "on",
 		state: (e) => e.state === "on" ? "On" : "Off",
-		tap: (e, t) => e("switch", "toggle", {}, X(t))
+		tap: () => ({ service: "toggle" })
 	},
 	input_boolean: {
 		icon: "mdi:toggle-switch-variant",
 		tone: "var(--tone-info)",
 		on: (e) => e.state === "on",
 		state: (e) => e.state === "on" ? "On" : "Off",
-		tap: (e, t) => e("input_boolean", "toggle", {}, X(t))
+		tap: () => ({ service: "toggle" })
 	},
 	fan: {
 		icon: "mdi:fan",
@@ -1529,31 +1561,52 @@ var gi = (e) => typeof e == "number" ? Math.round(e) : void 0, _i = (e) => e.cha
 		on: (e) => e.state === "on",
 		state: (e) => {
 			if (e.state !== "on") return "Off";
-			let t = gi(e.attributes.percentage);
+			let t = Y(e.attributes.percentage);
 			return t === void 0 ? "On" : `${t}%`;
 		},
-		level: (e) => e.state === "on" ? gi(e.attributes.percentage) ?? 100 : 0,
-		setLevel: (e, t, n) => e("fan", "set_percentage", { percentage: n }, X(t)),
-		tap: (e, t) => e("fan", "toggle", {}, X(t))
+		level: (e) => e.state === "on" ? Y(e.attributes.percentage) ?? 100 : 0,
+		setLevel: (e, t) => ({
+			service: "set_percentage",
+			data: { percentage: t }
+		}),
+		tap: () => ({ service: "toggle" })
 	},
 	cover: {
 		icon: "mdi:blinds",
 		tone: "var(--tone-info)",
 		on: (e) => e.state !== "closed",
 		state: (e) => {
-			let t = gi(e.attributes.current_position), n = _i(e.state);
+			let t = Y(e.attributes.current_position), n = X(e.state);
+			return t !== void 0 && e.state === "open" ? `${n} · ${t}%` : n;
+		},
+		level: (e) => Y(e.attributes.current_position),
+		setLevel: (e, t) => ({
+			service: "set_cover_position",
+			data: { position: t }
+		}),
+		tap: (e) => ({ service: e.state === "closed" ? "open_cover" : "close_cover" })
+	},
+	valve: {
+		icon: "mdi:valve",
+		tone: "var(--tone-info)",
+		on: (e) => e.state !== "closed",
+		state: (e) => {
+			let t = Y(e.attributes.current_position), n = X(e.state);
 			return t !== void 0 && e.state === "open" ? `${n} · ${t}%` : n;
 		},
-		level: (e) => gi(e.attributes.current_position),
-		setLevel: (e, t, n) => e("cover", "set_cover_position", { position: n }, X(t)),
-		tap: (e, t) => e("cover", t.state === "closed" ? "open_cover" : "close_cover", {}, X(t))
+		level: (e) => Ai(e, ki) ? Y(e.attributes.current_position) : void 0,
+		setLevel: (e, t) => ({
+			service: "set_valve_position",
+			data: { position: t }
+		}),
+		tap: (e) => ({ service: e.state === "closed" ? "open_valve" : "close_valve" })
 	},
 	lock: {
 		icon: (e) => e.state === "locked" ? "mdi:lock" : "mdi:lock-open-variant",
 		tone: "var(--tone-success)",
 		on: (e) => e.state === "locked",
-		state: (e) => _i(e.state),
-		tap: (e, t) => e("lock", t.state === "locked" ? "unlock" : "lock", {}, X(t))
+		state: (e) => X(e.state),
+		tap: (e) => ({ service: e.state === "locked" ? "unlock" : "lock" })
 	},
 	climate: {
 		icon: "mdi:thermostat",
@@ -1562,24 +1615,69 @@ var gi = (e) => typeof e == "number" ? Math.round(e) : void 0, _i = (e) => e.cha
 		state: (e) => {
 			if (e.state === "off") return "Off";
 			let t = e.attributes.temperature;
-			return typeof t == "number" ? `${_i(e.state)} · ${t}°` : _i(e.state);
-		}
+			return typeof t == "number" ? `${X(e.state)} · ${t}°` : X(e.state);
+		},
+		level: Mi,
+		bounds: Ni((e, t) => ji(e, t) ? 1 : .5),
+		setLevel: (e, t) => ({
+			service: "set_temperature",
+			data: { temperature: t }
+		})
+	},
+	water_heater: {
+		icon: "mdi:water-boiler",
+		tone: "var(--tone-danger)",
+		on: (e) => e.state !== "off",
+		state: (e) => {
+			if (e.state === "off") return "Off";
+			let t = e.attributes.temperature;
+			return typeof t == "number" ? `${X(e.state)} · ${t}°` : X(e.state);
+		},
+		level: Mi,
+		bounds: Ni(() => 1),
+		setLevel: (e, t) => ({
+			service: "set_temperature",
+			data: { temperature: t }
+		})
+	},
+	humidifier: {
+		icon: "mdi:air-humidifier",
+		tone: "var(--tone-info)",
+		on: (e) => e.state === "on",
+		state: (e) => {
+			if (e.state !== "on") return "Off";
+			let t = Y(e.attributes.humidity);
+			return t === void 0 ? "On" : `${t}%`;
+		},
+		level: (e) => Y(e.attributes.humidity),
+		bounds: (e) => ({
+			min: J(e.attributes.min_humidity) ?? 0,
+			max: J(e.attributes.max_humidity) ?? 100
+		}),
+		setLevel: (e, t) => ({
+			service: "set_humidity",
+			data: { humidity: t }
+		}),
+		tap: () => ({ service: "toggle" })
 	},
 	media_player: {
 		icon: "mdi:speaker",
 		tone: "var(--tone-accent)",
 		on: (e) => e.state === "playing",
-		state: (e) => typeof e.attributes.media_title == "string" && e.state !== "off" ? e.attributes.media_title : _i(e.state),
+		state: (e) => typeof e.attributes.media_title == "string" && e.state !== "off" ? e.attributes.media_title : X(e.state),
 		level: (e) => typeof e.attributes.volume_level == "number" ? Math.round(e.attributes.volume_level * 100) : void 0,
-		setLevel: (e, t, n) => e("media_player", "volume_set", { volume_level: n / 100 }, X(t)),
-		tap: (e, t) => e("media_player", "media_play_pause", {}, X(t))
+		setLevel: (e, t) => ({
+			service: "volume_set",
+			data: { volume_level: t / 100 }
+		}),
+		tap: () => ({ service: "media_play_pause" })
 	},
 	binary_sensor: {
 		icon: "mdi:eye",
 		tone: "var(--tone-info)",
 		on: (e) => e.state === "on",
 		state: (e) => {
-			let t = bi[e.deviceClass ?? ""] ?? ["On", "Off"];
+			let t = Ii[e.deviceClass ?? ""] ?? ["On", "Off"];
 			return e.state === "on" ? t[0] : t[1];
 		}
 	},
@@ -1587,38 +1685,38 @@ var gi = (e) => typeof e == "number" ? Math.round(e) : void 0, _i = (e) => e.cha
 		icon: "mdi:gesture-tap-button",
 		tone: "var(--tone-accent)",
 		on: () => !1,
-		state: (e) => xi(e.state),
-		tap: (e, t) => e("button", "press", {}, X(t))
+		state: (e) => Li(e.state),
+		tap: () => ({ service: "press" })
 	},
 	input_button: {
 		icon: "mdi:gesture-tap-button",
 		tone: "var(--tone-accent)",
 		on: () => !1,
-		state: (e) => xi(e.state),
-		tap: (e, t) => e("input_button", "press", {}, X(t))
+		state: (e) => Li(e.state),
+		tap: () => ({ service: "press" })
 	},
 	scene: {
 		icon: "mdi:palette",
 		tone: "var(--tone-accent)",
 		on: () => !1,
 		state: () => "Tap to run",
-		tap: (e, t) => e("scene", "turn_on", {}, X(t))
+		tap: () => ({ service: "turn_on" })
 	},
 	script: {
 		icon: "mdi:script-text",
 		tone: "var(--tone-accent)",
 		on: (e) => e.state === "on",
 		state: (e) => e.state === "on" ? "Running" : "Tap to run",
-		tap: (e, t) => e("script", "turn_on", {}, X(t))
+		tap: () => ({ service: "turn_on" })
 	}
-}, yi = {
+}, Fi = {
 	garage: "mdi:garage",
 	gate: "mdi:gate",
 	door: "mdi:door",
 	curtain: "mdi:curtains",
 	shutter: "mdi:window-shutter",
 	awning: "mdi:awning"
-}, bi = {
+}, Ii = {
 	door: ["Open", "Closed"],
 	window: ["Open", "Closed"],
 	garage_door: ["Open", "Closed"],
@@ -1632,65 +1730,91 @@ var gi = (e) => typeof e == "number" ? Math.round(e) : void 0, _i = (e) => e.cha
 	battery: ["Low", "Normal"],
 	connectivity: ["Connected", "Disconnected"]
 };
-function xi(e) {
+function Li(e) {
 	let t = Date.parse(e);
 	return Number.isNaN(t) ? "Never pressed" : new Date(t).toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit"
 	});
 }
-var Si = {
+var Ri = {
 	icon: "mdi:circle-medium",
 	tone: "var(--tone-neutral)",
 	on: (e) => e.state === "on",
-	state: (e) => _i(e.state)
+	state: (e) => X(e.state)
+}, zi = {
+	min: 0,
+	max: 100
 };
-function Ci(e, t) {
+function Bi(e, t) {
 	if (!t || e.length <= t.length || !e.toLowerCase().startsWith(t.toLowerCase())) return e;
 	let n = e.slice(t.length).trim();
 	return n ? n.charAt(0).toUpperCase() + n.slice(1) : e;
 }
-function wi(e) {
-	return !!vi[e]?.tap || !!vi[e]?.setLevel;
+function Vi(e) {
+	return !!Pi[e]?.tap || !!Pi[e]?.setLevel;
 }
-function Ti(e) {
-	let t = te(() => e.entityId), { callService: n } = an(), [r, i] = k();
-	return D(() => {
-		t(), i(void 0);
-	}), P(E, {
+function Hi(e) {
+	let t = te(() => e.entityId), n = le(), { callService: r } = pn(), i = A(H)?.canCall, [a, o] = O(), s, c = (e) => {
+		clearTimeout(s), o(e), e !== void 0 && (s = setTimeout(() => o(void 0), Di));
+	};
+	return E(ve(() => e.entityId, () => c(void 0), { defer: !0 })), k(() => clearTimeout(s)), N(T, {
 		get when() {
 			return t();
 		},
 		children: (t) => {
-			let a = () => vi[t().domain] ?? Si, o = () => r() ?? a().level?.(t()), s = () => a().setLevel;
-			return P(mi, {
+			let o = () => Pi[t().domain] ?? Ri, s = () => o().level?.(t());
+			E(() => {
+				a() !== void 0 && s() === a() && c(void 0);
+			});
+			let l = () => a() ?? s(), u = D(() => o().bounds?.(t(), n()) ?? zi), d = (e) => i?.(t().domain, e.service, [t().id]) ?? !0, f = (e) => void r(t().domain, e.service, e.data ?? {}, { entity_id: t().id }), p = D(() => {
+				let e = o().tap?.(t());
+				return e && d(e) ? e : void 0;
+			}), m = D(() => {
+				let e = o().setLevel, n = u();
+				return e && d(e(t(), n.min)) && d(e(t(), n.max)) ? e : void 0;
+			}), h = () => o().on(t()), g = D(() => {
+				let e = m(), n = l();
+				if (e && n !== void 0) return {
+					value: n,
+					...u(),
+					onChange: c,
+					onCommit: (n) => {
+						c(n), f(e(t(), n));
+					}
+				};
+			});
+			return N(Ti, {
 				get icon() {
-					let n = a().icon;
-					return typeof n == "function" ? e.icon ?? n(t()) : e.icon ?? t().icon ?? yi[t().domain === "cover" ? t().deviceClass ?? "" : ""] ?? n;
+					let n = o().icon;
+					return typeof n == "function" ? e.icon ?? n(t()) : e.icon ?? t().icon ?? Fi[t().domain === "cover" ? t().deviceClass ?? "" : ""] ?? n;
 				},
 				get name() {
-					return e.name ?? Ci(t().friendlyName ?? t().id, e.within);
+					return e.name ?? Bi(t().friendlyName ?? t().id, e.within);
 				},
 				get state() {
-					return a().state(t());
+					return o().state(t());
 				},
 				get tone() {
 					if (e.tone) return e.tone;
-					let n = a().tone;
+					let n = o().tone;
 					return typeof n == "function" ? n(t()) : n;
 				},
 				get on() {
-					return a().on(t());
+					return h();
 				},
 				get slide() {
-					return L(() => !!(s() && o() !== void 0))() ? {
-						value: o() ?? 0,
-						onChange: i,
-						onCommit: (e) => s()?.(n, t(), e)
-					} : void 0;
+					return g();
+				},
+				get fill() {
+					let e = l();
+					if (m() || !o().setLevel || e === void 0 || !h()) return;
+					let t = u();
+					return (e - t.min) / (t.max - t.min || 1) * 100;
 				},
 				get onTap() {
-					return a().tap ? () => a().tap?.(n, t()) : void 0;
+					let e = p();
+					return e ? () => f(e) : void 0;
 				},
 				get onHold() {
 					return e.onHold;
@@ -1701,8 +1825,8 @@ function Ti(e) {
 }
 //#endregion
 //#region src/framework/dialogs/debug-view.tsx
-var Ei = /*#__PURE__*/ V("<pre class=\"text-muted-foreground max-h-64 overflow-auto p-3 font-mono text-xs leading-relaxed\">"), Di = /*#__PURE__*/ V("<span class=\"flex items-center gap-2\">"), Oi = /*#__PURE__*/ V("<section class=\"flex min-w-0 flex-col gap-2\"><header class=\"flex items-center gap-3\"><div class=\"flex min-w-0 flex-1 flex-col\"></div></header><div class=\"flex flex-col gap-2\">"), ki = /*#__PURE__*/ V("<div class=\"flex flex-col\">"), Ai = /*#__PURE__*/ V("<pre class=\"text-muted-foreground max-h-96 overflow-auto p-3 font-mono text-xs leading-relaxed whitespace-pre-wrap\">");
-function ji(e, t, n) {
+var Ui = /*#__PURE__*/ B("<pre class=\"text-muted-foreground max-h-64 overflow-auto p-3 font-mono text-xs leading-relaxed\">"), Wi = /*#__PURE__*/ B("<span class=\"flex items-center gap-2\">"), Gi = /*#__PURE__*/ B("<section class=\"flex min-w-0 flex-col gap-2\"><header class=\"flex items-center gap-3\"><div class=\"flex min-w-0 flex-1 flex-col\"></div></header><div class=\"flex flex-col gap-2\">"), Ki = /*#__PURE__*/ B("<div class=\"flex flex-col\">"), qi = /*#__PURE__*/ B("<pre class=\"text-muted-foreground max-h-96 overflow-auto p-3 font-mono text-xs leading-relaxed whitespace-pre-wrap\">");
+function Ji(e, t, n) {
 	return {
 		widgetConfig: e,
 		entities: t.map((e) => ({
@@ -1719,18 +1843,18 @@ function ji(e, t, n) {
 		...n
 	};
 }
-var Mi = (e) => JSON.stringify(e, null, 2), Ni = {
+var Yi = (e) => JSON.stringify(e, null, 2), Xi = {
 	idle: "lucide:copy",
 	copied: "lucide:check",
 	failed: "lucide:triangle-alert"
-}, Pi = {
+}, Zi = {
 	idle: "text-muted-foreground",
 	copied: "text-success",
 	failed: "text-destructive"
 };
-function Fi(e) {
-	let { state: t, copy: n } = Yt();
-	return P(Te, {
+function Qi(e) {
+	let { state: t, copy: n } = rn();
+	return N(Ne, {
 		variant: "ghost",
 		size: "icon",
 		class: "size-8",
@@ -1739,70 +1863,70 @@ function Fi(e) {
 		},
 		onClick: () => void n(e.text()),
 		get children() {
-			return P(U, {
+			return N(V, {
 				get icon() {
-					return Ni[t()];
+					return Xi[t()];
 				},
 				width: 16,
 				height: 16,
 				get class() {
-					return Pi[t()];
+					return Zi[t()];
 				}
 			});
 		}
 	});
 }
-function Ii(e) {
+function $i(e) {
 	let t = e.replace(/([a-z\d])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ");
 	return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
 }
-var Li = (e) => e === null || typeof e != "object" && typeof e != "function";
-function Ri(e) {
+var ea = (e) => e === null || typeof e != "object" && typeof e != "function";
+function ta(e) {
 	return e == null ? "None" : String(e);
 }
-function zi(e) {
+function na(e) {
 	return Array.isArray(e) ? e.length : typeof e == "object" && e ? Object.keys(e).length : 0;
 }
-function Bi(e) {
+function ra(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? e : t.toLocaleString();
 }
-function Vi(e) {
-	return P(mt, {
+function ia(e) {
+	return N(St, {
 		class: "overflow-hidden p-0",
 		get children() {
-			var t = Ei();
-			return I(t, () => Mi(e.value)), t;
+			var t = Ui();
+			return I(t, () => Yi(e.value)), t;
 		}
 	});
 }
-function Hi(e) {
-	return P(ve, {
+function aa(e) {
+	return N(Ee, {
 		collapsible: !0,
 		class: "border-border/50 border-t",
 		get children() {
-			return P(be, {
+			return N(Oe, {
 				get value() {
 					return e.label;
 				},
 				get children() {
-					return [P(xe, {
+					return [N(ke, {
 						class: "text-muted-foreground py-3 text-xs",
 						get children() {
-							var t = Di();
-							return I(t, () => e.label, null), I(t, P(E, {
+							var t = Wi();
+							return I(t, () => e.label, null), I(t, N(T, {
 								get when() {
 									return e.count !== void 0;
 								},
 								get children() {
-									return P(Re, { get children() {
+									return N(Ke, { get children() {
 										return e.count;
 									} });
 								}
 							}), null), t;
 						}
-					}), P(ye, { get children() {
-						return P(Vi, { get value() {
+					}), N(De, { get children() {
+						return N(ia, { get value() {
 							return e.value;
 						} });
 					} })];
@@ -1811,77 +1935,77 @@ function Hi(e) {
 		}
 	});
 }
-function Ui(e) {
+function oa(e) {
 	return (() => {
-		var t = Oi(), n = t.firstChild, r = n.firstChild, i = n.nextSibling;
-		return I(n, P(ft, {
+		var t = Gi(), n = t.firstChild, r = n.firstChild, i = n.nextSibling;
+		return I(n, N(bt, {
 			get icon() {
 				return e.icon;
 			},
 			size: "sm"
-		}), r), I(r, P(Ge, {
+		}), r), I(r, N($e, {
 			class: "truncate",
 			get children() {
 				return e.title;
 			}
-		}), null), I(r, P(E, {
+		}), null), I(r, N(T, {
 			get when() {
 				return e.subtitle;
 			},
-			children: (e) => P(pt, {
+			children: (e) => N(xt, {
 				class: "truncate font-mono",
 				get children() {
 					return e();
 				}
 			})
-		}), null), I(n, () => e.badge, null), I(n, P(Fi, {
+		}), null), I(n, () => e.badge, null), I(n, N(Qi, {
 			get label() {
 				return `Copy ${e.title}`;
 			},
-			text: () => Mi(e.source)
+			text: () => Yi(e.source)
 		}), null), I(i, () => e.children), t;
 	})();
 }
-function Wi(e) {
-	let t = O(() => Object.entries(e.record)), n = O(() => t().flatMap(([e, t]) => Li(t) ? [[e, t]] : [])), r = O(() => t().filter(([, e]) => !Li(e)));
-	return P(E, {
+function sa(e) {
+	let t = D(() => Object.entries(e.record)), n = D(() => t().flatMap(([e, t]) => ea(t) ? [[e, t]] : [])), r = D(() => t().filter(([, e]) => !ea(e)));
+	return N(T, {
 		get when() {
 			return t().length > 0;
 		},
 		get fallback() {
-			return P(pt, { children: "Nothing set" });
+			return N(xt, { children: "Nothing set" });
 		},
 		get children() {
-			return [P(E, {
+			return [N(T, {
 				get when() {
 					return n().length > 0;
 				},
 				get children() {
-					var e = ki();
-					return I(e, P(T, {
+					var e = Ki();
+					return I(e, N(w, {
 						get each() {
 							return n();
 						},
-						children: ([e, t]) => P(Ue, {
+						children: ([e, t]) => N(Ze, {
 							get label() {
-								return Ii(e);
+								return $i(e);
 							},
 							get children() {
-								return Ri(t);
+								return ta(t);
 							}
 						})
 					})), e;
 				}
-			}), P(T, {
+			}), N(w, {
 				get each() {
 					return r();
 				},
-				children: ([e, t]) => P(Hi, {
+				children: ([e, t]) => N(aa, {
 					get label() {
-						return Ii(e);
+						return $i(e);
 					},
 					get count() {
-						return zi(t);
+						return na(t);
 					},
 					value: t
 				})
@@ -1889,9 +2013,9 @@ function Wi(e) {
 		}
 	});
 }
-function Gi(e) {
+function ca(e) {
 	let t = () => e.entity.attributes ?? {};
-	return P(Ui, {
+	return N(oa, {
 		icon: "lucide:activity",
 		get title() {
 			return e.entity.friendly_name ?? e.entity.entity_id;
@@ -1900,7 +2024,7 @@ function Gi(e) {
 			return e.entity.entity_id;
 		},
 		get badge() {
-			return P(Ce, { get children() {
+			return N(je, { get children() {
 				return e.entity.state;
 			} });
 		},
@@ -1909,52 +2033,52 @@ function Gi(e) {
 		},
 		get children() {
 			return [(() => {
-				var t = ki();
-				return I(t, P(Ue, {
+				var t = Ki();
+				return I(t, N(Ze, {
 					label: "Domain",
 					get children() {
 						return e.entity.domain;
 					}
-				}), null), I(t, P(E, {
+				}), null), I(t, N(T, {
 					get when() {
 						return e.entity.device_class;
 					},
-					children: (e) => P(Ue, {
+					children: (e) => N(Ze, {
 						label: "Device class",
 						get children() {
 							return e();
 						}
 					})
-				}), null), I(t, P(E, {
+				}), null), I(t, N(T, {
 					get when() {
 						return e.entity.area_id;
 					},
-					children: (e) => P(Ue, {
+					children: (e) => N(Ze, {
 						label: "Area",
 						get children() {
 							return e();
 						}
 					})
-				}), null), I(t, P(Ue, {
+				}), null), I(t, N(Ze, {
 					label: "Changed",
 					get children() {
-						return Bi(e.entity.last_changed);
+						return ra(e.entity.last_changed);
 					}
-				}), null), I(t, P(Ue, {
+				}), null), I(t, N(Ze, {
 					label: "Updated",
 					get children() {
-						return Bi(e.entity.last_updated);
+						return ra(e.entity.last_updated);
 					}
 				}), null), t;
-			})(), P(E, {
+			})(), N(T, {
 				get when() {
-					return zi(t()) > 0;
+					return na(t()) > 0;
 				},
 				get children() {
-					return P(Hi, {
+					return N(aa, {
 						label: "Attributes",
 						get count() {
-							return zi(t());
+							return na(t());
 						},
 						get value() {
 							return t();
@@ -1965,42 +2089,42 @@ function Gi(e) {
 		}
 	});
 }
-function Ki(e) {
-	let t = O(() => Object.keys(e.data).filter((e) => e !== "widgetConfig" && e !== "entities"));
-	return P(We, { get children() {
+function la(e) {
+	let t = D(() => Object.keys(e.data).filter((e) => e !== "widgetConfig" && e !== "entities"));
+	return N(Qe, { get children() {
 		return [
-			P(Ui, {
+			N(oa, {
 				icon: "lucide:sliders-horizontal",
 				title: "Configuration",
 				get source() {
 					return e.data.widgetConfig;
 				},
 				get children() {
-					return P(Wi, { get record() {
+					return N(sa, { get record() {
 						return e.data.widgetConfig;
 					} });
 				}
 			}),
-			P(T, {
+			N(w, {
 				get each() {
 					return e.data.entities;
 				},
-				children: (e) => P(Gi, { entity: e })
+				children: (e) => N(ca, { entity: e })
 			}),
-			P(T, {
+			N(w, {
 				get each() {
 					return t();
 				},
-				children: (t) => P(Ui, {
+				children: (t) => N(oa, {
 					icon: "lucide:braces",
 					get title() {
-						return Ii(t);
+						return $i(t);
 					},
 					get source() {
 						return e.data[t];
 					},
 					get children() {
-						return P(Vi, { get value() {
+						return N(ia, { get value() {
 							return e.data[t];
 						} });
 					}
@@ -2009,51 +2133,51 @@ function Ki(e) {
 		];
 	} });
 }
-function qi(e) {
+function ua(e) {
 	if (typeof e != "object" || !e) return;
 	let t = e;
 	return Array.isArray(t.entities) && typeof t.widgetConfig == "object" ? t : void 0;
 }
-function Ji(e) {
-	let t = O(() => qi(e.data));
-	return P(E, {
+function da(e) {
+	let t = D(() => ua(e.data));
+	return N(T, {
 		get when() {
 			return e.data !== void 0;
 		},
 		get fallback() {
-			return P(ze, { get children() {
-				return P(Ve, { get children() {
-					return [P(He, { children: "Nothing to inspect" }), P(Be, { children: "This widget publishes no debug information." })];
+			return N(qe, { get children() {
+				return N(Ye, { get children() {
+					return [N(Xe, { children: "Nothing to inspect" }), N(Je, { children: "This widget publishes no debug information." })];
 				} });
 			} });
 		},
 		get children() {
-			return P(E, {
+			return N(T, {
 				get when() {
 					return t();
 				},
 				get fallback() {
-					return P(Ui, {
+					return N(oa, {
 						icon: "lucide:braces",
 						title: "Debug data",
 						get source() {
 							return e.data;
 						},
 						get children() {
-							return P(E, {
+							return N(T, {
 								get when() {
 									return typeof e.data == "string";
 								},
 								get fallback() {
-									return P(Vi, { get value() {
+									return N(ia, { get value() {
 										return e.data;
 									} });
 								},
 								get children() {
-									return P(mt, {
+									return N(St, {
 										class: "overflow-hidden p-0",
 										get children() {
-											var t = Ai();
+											var t = qi();
 											return I(t, () => e.data), t;
 										}
 									});
@@ -2062,7 +2186,7 @@ function Ji(e) {
 						}
 					});
 				},
-				children: (e) => P(Ki, { get data() {
+				children: (e) => N(la, { get data() {
 					return e();
 				} })
 			});
@@ -2071,21 +2195,21 @@ function Ji(e) {
 }
 //#endregion
 //#region src/framework/dialogs/validate-config.ts
-function Yi(e) {
+function fa(e) {
 	let t = "";
 	for (let n of e) t += typeof n == "number" ? `[${n}]` : t ? `.${String(n)}` : String(n);
 	return t;
 }
-function Xi(e, t) {
+function pa(e, t) {
 	let n = e.safeParse(t);
 	return n.success ? null : n.error.issues.map((e) => {
-		let t = Yi(e.path);
+		let t = fa(e.path);
 		return t ? `${t}: ${e.message}` : e.message;
 	});
 }
 //#endregion
 //#region src/framework/dialogs/WidgetDialog.tsx
-var Zi = /*#__PURE__*/ V("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"></path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\">"), Qi = /*#__PURE__*/ V("<div class=\"bg-muted/30 rounded-lg p-2 text-center md:p-6\"><p class=\"text-muted-foreground text-sm\">No edit options available"), $i = /*#__PURE__*/ V("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2><line x1=4 y1=21 x2=4 y2=14></line><line x1=4 y1=10 x2=4 y2=3></line><line x1=12 y1=21 x2=12 y2=12></line><line x1=12 y1=8 x2=12 y2=3></line><line x1=20 y1=21 x2=20 y2=16></line><line x1=20 y1=12 x2=20 y2=3></line><line x1=1 y1=14 x2=7 y2=14></line><line x1=9 y1=8 x2=15 y2=8></line><line x1=17 y1=16 x2=23 y2=16>"), ea = /*#__PURE__*/ V("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2><path d=\"m8 2 1.88 1.88\"></path><path d=\"M14.12 3.88 16 2\"></path><path d=\"M9 7.13v-1a3.003 3.003 0 1 1 6 0v1\"></path><path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6\"></path><path d=\"M12 20v-9\"></path><path d=\"M6.53 9C4.6 8.8 3 7.1 3 5\"></path><path d=\"M6 13H2\"></path><path d=\"M3 21c0-2.1 1.7-3.9 3.8-4\"></path><path d=\"M20.97 5c0 2.1-1.6 3.8-3.5 4\"></path><path d=\"M22 13h-4\"></path><path d=\"M17.2 17c2.1.1 3.8 1.9 3.8 4\">"), ta = /*#__PURE__*/ V("<div class=glasshome-sheet>"), na = /*#__PURE__*/ V("<div class=glasshome-sheet-band aria-hidden=true><img alt>"), ra = /*#__PURE__*/ V("<span class=\"glasshome-widget-icon glass glass-tint glasshome-sheet-icon\">"), ia = /*#__PURE__*/ V("<span class=\"inline-flex size-3.5 shrink-0 items-center\">"), aa = (e) => Qt(e), oa = {
+var ma = /*#__PURE__*/ B("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"></path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\">"), ha = /*#__PURE__*/ B("<div class=\"bg-muted/30 rounded-lg p-2 text-center md:p-6\"><p class=\"text-muted-foreground text-sm\">No edit options available"), ga = /*#__PURE__*/ B("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2><line x1=4 y1=21 x2=4 y2=14></line><line x1=4 y1=10 x2=4 y2=3></line><line x1=12 y1=21 x2=12 y2=12></line><line x1=12 y1=8 x2=12 y2=3></line><line x1=20 y1=21 x2=20 y2=16></line><line x1=20 y1=12 x2=20 y2=3></line><line x1=1 y1=14 x2=7 y2=14></line><line x1=9 y1=8 x2=15 y2=8></line><line x1=17 y1=16 x2=23 y2=16>"), _a = /*#__PURE__*/ B("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2><path d=\"m8 2 1.88 1.88\"></path><path d=\"M14.12 3.88 16 2\"></path><path d=\"M9 7.13v-1a3.003 3.003 0 1 1 6 0v1\"></path><path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6\"></path><path d=\"M12 20v-9\"></path><path d=\"M6.53 9C4.6 8.8 3 7.1 3 5\"></path><path d=\"M6 13H2\"></path><path d=\"M3 21c0-2.1 1.7-3.9 3.8-4\"></path><path d=\"M20.97 5c0 2.1-1.6 3.8-3.5 4\"></path><path d=\"M22 13h-4\"></path><path d=\"M17.2 17c2.1.1 3.8 1.9 3.8 4\">"), va = /*#__PURE__*/ B("<div class=glasshome-sheet>"), ya = /*#__PURE__*/ B("<div class=glasshome-sheet-band aria-hidden=true><img alt>"), ba = /*#__PURE__*/ B("<span class=\"glasshome-widget-icon glass glass-tint glasshome-sheet-icon\">"), xa = /*#__PURE__*/ B("<span class=\"inline-flex size-3.5 shrink-0 items-center\">"), Sa = (e) => sn(e), Ca = {
 	sm: "sm",
 	md: "md",
 	lg: "lg",
@@ -2094,33 +2218,33 @@ var Zi = /*#__PURE__*/ V("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 f
 	"2xl": "xl",
 	"3xl": "xl",
 	"4xl": "full"
-}, sa = {
+}, wa = {
 	idle: "Copy all",
 	copied: "Copied",
 	failed: "Copy failed"
 };
-function ca(e) {
-	let [t] = ge(e, /* @__PURE__ */ "open.onOpenChange.title.description.onSave.hasUnsavedChanges.onDelete.editContent.controlsContent.sheet.tile.debugContent.debugData.tabs.class.maxWidth.defaultTab.activeTab.onActiveTabChange.headerActions.configSchema.config.onConfigSave.ResponsiveDialog.ResponsiveDialogContent.ResponsiveDialogHeader.ResponsiveDialogTitle.ResponsiveDialogDescription.ResponsiveDialogBody.ResponsiveDialogFooter.Button.SchemaForm.Tabs.TabsList.TabsTrigger.TabsContent".split(".")), n = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, i] = k({}), [a, o] = k(null), [s, c] = k([]);
-	D(me(() => t.config, (e) => {
+function Ta(e) {
+	let [t] = be(e, /* @__PURE__ */ "open.onOpenChange.title.description.onSave.hasUnsavedChanges.onDelete.editContent.controlsContent.sheet.tile.debugContent.debugData.tabs.class.maxWidth.defaultTab.activeTab.onActiveTabChange.headerActions.configSchema.config.onConfigSave.ResponsiveDialog.ResponsiveDialogContent.ResponsiveDialogHeader.ResponsiveDialogTitle.ResponsiveDialogDescription.ResponsiveDialogBody.ResponsiveDialogFooter.Button.SchemaForm.Tabs.TabsList.TabsTrigger.TabsContent".split(".")), n = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, i] = O({}), [a, o] = O(null), [s, c] = O([]);
+	E(ve(() => t.config, (e) => {
 		e && i({ ...e });
-	})), D(me(() => t.configSchema, (e) => {
-		e && o(aa(e));
+	})), E(ve(() => t.configSchema, (e) => {
+		e && o(Sa(e));
 	}));
 	let l = () => n() && JSON.stringify(r()) !== JSON.stringify(t.config), u = (e) => {
 		!e && t.config && (i({ ...t.config }), c([])), t.onOpenChange(e);
 	}, d = () => {
 		let e = t.configSchema;
 		if (e) {
-			let t = Xi(e, r());
+			let t = pa(e, r());
 			if (t) {
 				c(t);
 				return;
 			}
 		}
 		c([]), t.onConfigSave?.(r());
-	}, [f, p] = k(t.defaultTab ?? "controls"), m = () => t.activeTab ?? f(), h = (e) => {
+	}, [f, p] = O(t.defaultTab ?? "controls"), m = () => t.activeTab ?? f(), h = (e) => {
 		t.onActiveTabChange ? t.onActiveTabChange(e) : p(e);
-	}, g = () => oa[t.maxWidth ?? "xl"], _ = () => {
+	}, g = () => Ca[t.maxWidth ?? "xl"], _ = () => {
 		if (t.tabs) return t.tabs.map((e) => ({
 			...e,
 			icon: () => e.icon,
@@ -2130,10 +2254,10 @@ function ca(e) {
 		return e.push({
 			id: "edit",
 			label: "Edit",
-			icon: () => Zi(),
+			icon: () => ma(),
 			content: () => t.editContent ?? (() => {
 				let e = t.SchemaForm, o = n() ? a() : void 0;
-				return !o || !e ? Qi() : P(e, {
+				return !o || !e ? ha() : N(e, {
 					schema: o,
 					get data() {
 						return r();
@@ -2147,57 +2271,57 @@ function ca(e) {
 		}), e.push({
 			id: "controls",
 			label: "Controls",
-			icon: () => $i(),
-			content: () => t.controlsContent ?? P(ze, { get children() {
-				return P(Ve, { get children() {
-					return [P(He, { children: "No controls" }), P(Be, { children: "This widget is shown as is." })];
+			icon: () => ga(),
+			content: () => t.controlsContent ?? N(qe, { get children() {
+				return N(Ye, { get children() {
+					return [N(Xe, { children: "No controls" }), N(Je, { children: "This widget is shown as is." })];
 				} });
 			} })
 		}), e.push({
 			id: "debug",
 			label: "Debug",
-			icon: () => ea(),
-			content: () => t.debugContent ?? P(Ji, { get data() {
+			icon: () => _a(),
+			content: () => t.debugContent ?? N(da, { get data() {
 				return t.debugData;
 			} })
 		}), e;
-	}, v = j(W), y = mn(v);
-	D(() => y?.setHasSheet(t.sheet !== void 0)), A(() => y?.setHasSheet(!1));
+	}, v = A(H), y = Sn(v);
+	E(() => y?.setHasSheet(t.sheet !== void 0)), k(() => y?.setHasSheet(!1));
 	let b = () => ({
 		icon: t.tile?.icon ?? y?.icon(),
 		tone: t.tile?.tone ?? y?.accent() ?? y?.tone(),
 		backdrop: t.tile?.backdrop
-	}), x = () => v?.developer?.() ?? !1, S = () => H() === "controls" && t.sheet !== void 0, ee = la(), te = () => v?.anchor?.(), C = () => S() && !ee() && te() !== void 0, w = Yt(), ne = () => {
+	}), x = () => v?.developer?.() ?? !1, S = () => P() === "controls" && t.sheet !== void 0, ee = Ea(), te = () => v?.anchor?.(), ne = () => S() && !ee() && te() !== void 0, C = rn(), re = () => {
 		if (t.debugData === void 0) return;
 		let e = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
-		w.copy(e);
-	}, re = t.ResponsiveDialog, ie = t.ResponsiveDialogContent, ae = t.ResponsiveDialogHeader, oe = t.ResponsiveDialogTitle, se = t.ResponsiveDialogDescription, ce = t.ResponsiveDialogBody ?? nt, le = t.ResponsiveDialogFooter ?? st, ue = t.Tabs ?? Tt, de = t.TabsList ?? kt, fe = t.TabsTrigger ?? jt, pe = t.TabsContent ?? Dt, he = t.Button, M = O(me([
+		C.copy(e);
+	}, ie = t.ResponsiveDialog, ae = t.ResponsiveDialogContent, oe = t.ResponsiveDialogHeader, se = t.ResponsiveDialogTitle, ce = t.ResponsiveDialogDescription, le = t.ResponsiveDialogBody ?? ut, ue = t.ResponsiveDialogFooter ?? ht, de = t.Tabs ?? Nt, fe = t.TabsList ?? Lt, pe = t.TabsTrigger ?? zt, me = t.TabsContent ?? Ft, he = t.Button, ge = D(ve([
 		() => t.open,
 		a,
 		() => t.config,
 		() => t.tabs
-	], () => _())), N = (e) => n() ? u(e) : t.onOpenChange(e), _e = () => n() ? l() : t.hasUnsavedChanges, z = () => n() ? d : t.onSave, B = () => M().filter((e) => e.id !== "debug" || x()), V = () => B().filter((e) => e.id !== "controls" || t.sheet === void 0), H = () => {
-		let e = B(), n = m() === "controls" && t.sheet === void 0 && !("controlsContent" in t) && !t.tabs ? "edit" : m();
+	], () => _())), _e = (e) => n() ? u(e) : t.onOpenChange(e), ye = () => n() ? l() : t.hasUnsavedChanges, xe = () => n() ? d : t.onSave, j = () => ge().filter((e) => e.id !== "debug" || x()), M = () => j().filter((e) => e.id !== "controls" || t.sheet === void 0), P = () => {
+		let e = j(), n = m() === "controls" && t.sheet === void 0 && !("controlsContent" in t) && !t.tabs ? "edit" : m();
 		return e.some((e) => e.id === n) ? n : e[0]?.id ?? n;
-	}, ve = () => H() === "edit" && (z() || t.onDelete) || H() === "debug" && t.debugData !== void 0;
-	return P(re, {
+	}, Se = () => P() === "edit" && (xe() || t.onDelete) || P() === "debug" && t.debugData !== void 0;
+	return N(ie, {
 		get open() {
 			return t.open;
 		},
-		onOpenChange: (e) => N(e),
+		onOpenChange: (e) => _e(e),
 		get children() {
-			return P(E, {
+			return N(T, {
 				get when() {
 					return !S();
 				},
 				get fallback() {
-					return P(ie, {
+					return N(ae, {
 						size: "sm",
 						get ariaLabel() {
 							return t.title;
 						},
 						get anchor() {
-							return L(() => !!C())() ? te() : void 0;
+							return L(() => !!ne())() ? te() : void 0;
 						},
 						class: "glasshome-sheet-surface",
 						get style() {
@@ -2208,25 +2332,25 @@ function ca(e) {
 						},
 						get children() {
 							return [
-								P(E, {
+								N(T, {
 									get when() {
 										return b().backdrop;
 									},
 									children: (e) => (() => {
-										var t = na(), n = t.firstChild;
+										var t = ya(), n = t.firstChild;
 										return F(() => R(n, "src", e())), t;
 									})()
 								}),
-								P(ae, {
+								N(oe, {
 									class: "items-center",
 									get media() {
-										return P(E, {
+										return N(T, {
 											get when() {
 												return b().icon;
 											},
 											children: (e) => (() => {
-												var t = ra();
-												return I(t, P(U, {
+												var t = ba();
+												return I(t, N(V, {
 													get icon() {
 														return e();
 													},
@@ -2236,7 +2360,7 @@ function ca(e) {
 										});
 									},
 									get children() {
-										return P(oe, {
+										return N(se, {
 											class: "truncate",
 											get children() {
 												return t.title;
@@ -2244,8 +2368,8 @@ function ca(e) {
 										});
 									}
 								}),
-								P(ce, { get children() {
-									var e = ta();
+								N(le, { get children() {
+									var e = va();
 									return I(e, () => t.sheet?.()), e;
 								} })
 							];
@@ -2253,7 +2377,7 @@ function ca(e) {
 					});
 				},
 				get children() {
-					return P(ie, {
+					return N(ae, {
 						get size() {
 							return g();
 						},
@@ -2261,36 +2385,36 @@ function ca(e) {
 							return t.class;
 						},
 						get children() {
-							return P(ue, {
+							return N(de, {
 								get value() {
-									return H();
+									return P();
 								},
 								onChange: h,
 								layout: "split",
 								get children() {
 									return [
-										P(ae, {
+										N(oe, {
 											class: "flex-wrap",
 											get action() {
-												return [P(E, {
+												return [N(T, {
 													get when() {
 														return x() || t.tabs !== void 0;
 													},
 													get children() {
-														return P(de, {
+														return N(fe, {
 															class: "w-auto",
 															get children() {
-																return P(T, {
+																return N(w, {
 																	get each() {
-																		return V();
+																		return M();
 																	},
-																	children: (e) => P(fe, {
+																	children: (e) => N(pe, {
 																		get value() {
 																			return e.id;
 																		},
 																		get children() {
 																			return [(() => {
-																				var t = ia();
+																				var t = xa();
 																				return I(t, () => e.icon()), t;
 																			})(), L(() => e.label)];
 																		}
@@ -2302,29 +2426,29 @@ function ca(e) {
 												}), L(() => t.headerActions)];
 											},
 											get children() {
-												return [P(oe, {
+												return [N(se, {
 													class: "truncate",
 													get children() {
 														return t.title;
 													}
-												}), P(E, {
+												}), N(T, {
 													get when() {
 														return t.description;
 													},
 													get children() {
-														return P(se, { get children() {
+														return N(ce, { get children() {
 															return t.description;
 														} });
 													}
 												})];
 											}
 										}),
-										P(ce, { get children() {
-											return P(T, {
+										N(le, { get children() {
+											return N(w, {
 												get each() {
-													return B();
+													return j();
 												},
-												children: (e) => P(pe, {
+												children: (e) => N(me, {
 													get value() {
 														return e.id;
 													},
@@ -2334,19 +2458,19 @@ function ca(e) {
 												})
 											});
 										} }),
-										P(E, {
+										N(T, {
 											get when() {
-												return ve();
+												return Se();
 											},
 											get children() {
-												return P(le, { get children() {
+												return N(ue, { get children() {
 													return [
-														P(E, {
+														N(T, {
 															get when() {
-																return L(() => H() === "edit")() && t.onDelete;
+																return L(() => P() === "edit")() && t.onDelete;
 															},
 															get children() {
-																return P(he, {
+																return N(he, {
 																	size: "sm",
 																	variant: "destructive",
 																	onClick: () => t.onDelete?.(),
@@ -2354,32 +2478,32 @@ function ca(e) {
 																});
 															}
 														}),
-														P(E, {
+														N(T, {
 															get when() {
-																return L(() => H() === "edit")() && z();
+																return L(() => P() === "edit")() && xe();
 															},
 															get children() {
-																return P(he, {
+																return N(he, {
 																	size: "sm",
 																	get disabled() {
-																		return !_e();
+																		return !ye();
 																	},
-																	onClick: () => z()?.(),
+																	onClick: () => xe()?.(),
 																	children: "Save"
 																});
 															}
 														}),
-														P(E, {
+														N(T, {
 															get when() {
-																return L(() => H() === "debug")() && t.debugData !== void 0;
+																return L(() => P() === "debug")() && t.debugData !== void 0;
 															},
 															get children() {
-																return P(he, {
+																return N(he, {
 																	size: "sm",
 																	variant: "outline",
-																	onClick: ne,
+																	onClick: re,
 																	get children() {
-																		return sa[w.state()];
+																		return wa[C.state()];
 																	}
 																});
 															}
@@ -2398,86 +2522,192 @@ function ca(e) {
 		}
 	});
 }
-function la() {
-	let e = "(max-width: 639px)", [t, n] = k(typeof window < "u" && window.matchMedia(e).matches);
-	return he(() => {
+function Ea() {
+	let e = "(max-width: 639px)", [t, n] = O(typeof window < "u" && window.matchMedia(e).matches);
+	return ye(() => {
 		let t = window.matchMedia(e), r = () => n(t.matches);
-		t.addEventListener("change", r), A(() => t.removeEventListener("change", r));
+		t.addEventListener("change", r), k(() => t.removeEventListener("change", r));
 	}), t;
 }
 //#endregion
+//#region node_modules/@glasshome/widget-contract/dist/state.mjs
+var Da = {
+	keyChars: 64,
+	valueBytes: 8192,
+	maxDepth: 8,
+	keys: 32,
+	instanceBytes: 65536,
+	memberBytes: 131072,
+	sendsPerMinute: 30,
+	memberWritesPerMinute: 240,
+	coalesceMs: 500
+}, Oa = /^[A-Za-z0-9][A-Za-z0-9._:-]{0,63}$/, ka = new TextEncoder(), Aa = (e) => ka.encode(e).length;
+function ja(e, t) {
+	return typeof e != "object" || !e || t !== 0 && (Array.isArray(e) ? e : Object.values(e)).every((e) => ja(e, t - 1));
+}
+function Ma(e) {
+	if (Aa(e) > Da.valueBytes) return !1;
+	let t;
+	try {
+		t = JSON.parse(e);
+	} catch {
+		return !1;
+	}
+	return ja(t, Da.maxDepth);
+}
+o.string().regex(Oa), o.string().refine(Ma, "JSON text within the widget state value limits");
+function Na(e) {
+	let t = 0;
+	for (let [n, r] of Object.entries(e)) t += Aa(n) + Aa(r);
+	return t;
+}
+function Pa(e, t, n) {
+	return Oa.test(t) ? n === null ? "ok" : Ma(n) ? !Object.hasOwn(e, t) && Object.keys(e).length >= Da.keys ? "keys" : Na({
+		...e,
+		[t]: n
+	}) > Da.instanceBytes ? "instance" : "ok" : "value" : "key";
+}
+function Fa(e = {}) {
+	let t = { ...e };
+	return {
+		snapshot: () => ({ ...t }),
+		write(e, n) {
+			let r = Pa(t, e, n);
+			return r === "ok" && (n === null ? delete t[e] : t[e] = n), r;
+		}
+	};
+}
+//#endregion
+//#region src/framework/hooks/use-widget-state.ts
+function Ia(e) {
+	if (e === void 0) return null;
+	try {
+		return JSON.stringify(e);
+	} catch {
+		return;
+	}
+}
+function La(e) {
+	if (e !== void 0) try {
+		return JSON.parse(e);
+	} catch {
+		return;
+	}
+}
+function Ra() {
+	let e = Fa(), t = /* @__PURE__ */ new Map(), n = (n) => {
+		let r = t.get(n);
+		return r || (r = O(e.snapshot()[n]), t.set(n, r)), r;
+	};
+	return {
+		read: (e) => La(n(e)[0]()),
+		write(t, r) {
+			let i = Ia(r);
+			if (i === void 0) return "value";
+			let a = e.write(t, i);
+			return a === "ok" && n(t)[1](i ?? void 0), a;
+		}
+	};
+}
+var za = /* @__PURE__ */ new WeakMap(), Ba = (e) => e[bn];
+function Va(e) {
+	let t = e, n = Ba(t);
+	for (; n;) t = n, n = Ba(t);
+	return t;
+}
+function Ha(e) {
+	if (e.state) return e.state;
+	let t = Va(e), n = za.get(t);
+	return n || (n = Ra(), za.set(t, n)), n;
+}
+function Ua(e, t) {
+	if (t === void 0) return !0;
+	let n = Ia(t);
+	return typeof n == "string" && e.safeParse(JSON.parse(n)).success;
+}
+function Wa(e, t, n) {
+	let r = Ha(un()), i = D(() => {
+		let i = t.safeParse(r.read(e));
+		return i.success ? i.data : n;
+	});
+	return [i, (n) => {
+		let a = typeof n == "function" ? n(xe(i)) : n;
+		return Ua(t, a) ? r.write(e, a) : "value";
+	}];
+}
+//#endregion
 //#region src/framework/hooks/use-widget-dashboard.ts
-var ua = {
+var Ga = {
 	name: "",
 	icon: "",
 	areaId: null
 };
-function da() {
-	let e = j(W);
-	return () => e?.dashboard?.() ?? ua;
+function Ka() {
+	let e = A(H);
+	return () => e?.dashboard?.() ?? Ga;
 }
 //#endregion
 //#region src/framework/hooks/use-widget-viewer.ts
-var fa = { name: null };
-function pa() {
-	let e = j(W);
-	return () => e?.viewer?.() ?? fa;
+var qa = { name: null };
+function Ja() {
+	let e = A(H);
+	return () => e?.viewer?.() ?? qa;
 }
 //#endregion
 //#region node_modules/@glasshome/ui/dist/tokens/index.js
-var ma = /^oklch\(\s*([+-]?(?:\d+\.?\d*|\.\d+))\s+([+-]?(?:\d+\.?\d*|\.\d+))\s+([+-]?(?:\d+\.?\d*|\.\d+))\s*\)$/i;
-function ha(e, t, n) {
+var Ya = /^oklch\(\s*([+-]?(?:\d+\.?\d*|\.\d+))\s+([+-]?(?:\d+\.?\d*|\.\d+))\s+([+-]?(?:\d+\.?\d*|\.\d+))\s*\)$/i;
+function Xa(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function ga(e) {
+function Za(e) {
 	return String(Number.isInteger(e) ? e : Number(e.toFixed(6)));
 }
-function _a(e) {
-	let t = ma.exec(e.trim());
+function Qa(e) {
+	let t = Ya.exec(e.trim());
 	return t ? {
 		l: Number(t[1]),
 		c: Number(t[2]),
 		h: Number(t[3])
 	} : null;
 }
-function va(e, t, n) {
-	return `oklch(${ga(e)} ${ga(t)} ${ga(n)})`;
+function $a(e, t, n) {
+	return `oklch(${Za(e)} ${Za(t)} ${Za(n)})`;
 }
-function ya(e, t) {
-	let n = _a(e);
-	return n ? va(ha(n.l + t, 0, 1), n.c, n.h) : e;
+function eo(e, t) {
+	let n = Qa(e);
+	return n ? $a(Xa(n.l + t, 0, 1), n.c, n.h) : e;
 }
-function ba(e, t) {
-	let n = _a(e);
-	return n ? va(ha(t, 0, 1), ha(n.c * .8, 0, .4), n.h) : e;
+function to(e, t) {
+	let n = Qa(e);
+	return n ? $a(Xa(t, 0, 1), Xa(n.c * .8, 0, .4), n.h) : e;
 }
-function xa(e, t) {
+function no(e, t) {
 	return {
 		...e,
 		popover: e.card,
-		muted: t === "light" ? ya(e.background, -.015) : ya(e.background, .1),
+		muted: t === "light" ? eo(e.background, -.015) : eo(e.background, .1),
 		mutedForeground: t === "light" ? "oklch(0.44 0 0)" : "oklch(0.71 0 0)",
-		input: t === "light" ? ya(e.border, .01) : ya(e.border, .04),
+		input: t === "light" ? eo(e.border, .01) : eo(e.border, .04),
 		ring: e.accent,
 		destructive: t === "light" ? "oklch(0.54 0.19 23.0704)" : "oklch(0.7106 0.1661 22.2162)"
 	};
 }
-function Sa(e) {
-	return xa({
-		primary: ya(e.primary, .15),
-		accent: ya(e.accent, .1),
-		secondary: ba(e.secondary, .14),
-		border: ba(e.border, .26),
-		card: ba(e.card, .17),
-		background: ba(e.background, .12)
+function ro(e) {
+	return no({
+		primary: eo(e.primary, .15),
+		accent: eo(e.accent, .1),
+		secondary: to(e.secondary, .14),
+		border: to(e.border, .26),
+		card: to(e.card, .17),
+		background: to(e.background, .12)
 	}, "dark");
 }
-var Ca = {
+var io = {
 	edgeWidth: 1,
 	edgeInk: 0,
 	edgeAccent: 0,
 	inkLift: 0
-}, wa = {
+}, ao = {
 	frosted: {
 		blur: 24,
 		clarity: 60,
@@ -2485,7 +2715,7 @@ var Ca = {
 		tint: 1,
 		glow: 0,
 		ink: 0,
-		...Ca
+		...io
 	},
 	frost: {
 		blur: 24,
@@ -2494,7 +2724,7 @@ var Ca = {
 		tint: 1,
 		glow: 0,
 		ink: 0,
-		...Ca,
+		...io,
 		grain: .4
 	},
 	paper: {
@@ -2504,7 +2734,7 @@ var Ca = {
 		tint: .85,
 		glow: 0,
 		ink: 0,
-		...Ca,
+		...io,
 		edgeInk: .3,
 		sheen: 0,
 		edge: .2,
@@ -2534,13 +2764,13 @@ var Ca = {
 		tint: .7,
 		glow: 0,
 		ink: 1,
-		...Ca,
+		...io,
 		inkLift: 1
 	}
-}, Ta = {
+}, oo = {
 	v: 1,
 	preset: "frosted"
-}, Ea = {
+}, so = {
 	blur: [0, 48],
 	clarity: [0, 100],
 	depth: [0, 2],
@@ -2560,7 +2790,7 @@ var Ca = {
 	washAngle: [0, 360],
 	relief: [0, 2],
 	fill: [0, .6]
-}, Da = {
+}, co = {
 	vibrancy: 1,
 	inset: 0,
 	lightFrom: 315,
@@ -2576,10 +2806,10 @@ var Ca = {
 	relief: 1,
 	accent: "theme",
 	fill: 0
-}, Oa = Object.keys(Ea);
-function ka(e) {
-	let { edgeWidth: t, edgeInk: n, edgeAccent: r, inkLift: i, ...a } = wa[e.preset], o = {
-		...Da,
+}, lo = Object.keys(so);
+function uo(e) {
+	let { edgeWidth: t, edgeInk: n, edgeAccent: r, inkLift: i, ...a } = ao[e.preset], o = {
+		...co,
 		...a,
 		...e.dials
 	}, s = {
@@ -2588,7 +2818,7 @@ function ka(e) {
 		sheen: o.sheen ?? o.depth,
 		shadow: o.shadow ?? o.depth
 	};
-	for (let e of Oa) s[e] = ha(s[e], ...Ea[e]);
+	for (let e of lo) s[e] = Xa(s[e], ...so[e]);
 	return s;
 }
 function Z(e, t) {
@@ -2615,8 +2845,8 @@ function Q(e, t, n, r, i, a, o, s) {
 		swatch: r,
 		material: s,
 		colors: {
-			light: xa(i, "light"),
-			dark: o ? xa(o, "dark") : Sa(i)
+			light: no(i, "light"),
+			dark: o ? no(o, "dark") : ro(i)
 		},
 		background: a
 	};
@@ -2784,64 +3014,64 @@ Z("glass-house", {
 });
 //#endregion
 //#region src/framework/hooks/use-material.ts
-var Aa = {
-	id: Ta.preset,
-	terms: ka(Ta)
+var fo = {
+	id: oo.preset,
+	terms: uo(oo)
 };
-function ja() {
-	let e = j(W);
-	return () => e?.material?.() ?? Aa;
+function po() {
+	let e = A(H);
+	return () => e?.material?.() ?? fo;
 }
 //#endregion
 //#region src/framework/hooks/use-intersection-pause.ts
-function Ma(e) {
+function mo(e) {
 	if (typeof IntersectionObserver > "u") return () => !1;
-	let [t, n] = k(!1), r = new IntersectionObserver((e) => {
+	let [t, n] = O(!1), r = new IntersectionObserver((e) => {
 		let t = e[0];
 		t && n(!t.isIntersecting);
 	});
-	return D(() => {
+	return E(() => {
 		let t = e();
 		r.disconnect(), t && r.observe(t);
-	}), A(() => r.disconnect()), t;
+	}), k(() => r.disconnect()), t;
 }
 //#endregion
 //#region src/framework/hooks/use-daylight.ts
-var Na = -6, Pa = 864e5;
-function Fa(e, t) {
+var ho = -6, go = 864e5;
+function _o(e, t) {
 	let n = e.next_rising ? Date.parse(e.next_rising) : NaN, r = e.next_setting ? Date.parse(e.next_setting) : NaN;
 	if (!Number.isFinite(n) || !Number.isFinite(r)) return;
-	let [i, a] = e.state === "above_horizon" ? [n - Pa, r] : [r - Pa, n], o = a - i;
+	let [i, a] = e.state === "above_horizon" ? [n - go, r] : [r - go, n], o = a - i;
 	if (!(o <= 0)) return Math.min(1, Math.max(0, (t.getTime() - i) / o));
 }
-var Ia = 20, La = 7;
-function Ra(e, t) {
+var vo = 20, yo = 7;
+function bo(e, t) {
 	if (e && (e.state === "above_horizon" || e.state === "below_horizon")) {
-		let n = e.elevation, r = e.state === "above_horizon" ? "day" : n !== void 0 && n > Na ? e.rising ? "dawn" : "dusk" : "night";
+		let n = e.elevation, r = e.state === "above_horizon" ? "day" : n !== void 0 && n > ho ? e.rising ? "dawn" : "dusk" : "night";
 		return {
 			phase: r,
 			isNight: r === "night",
 			elevation: n,
-			progress: Fa(e, t)
+			progress: _o(e, t)
 		};
 	}
-	let n = t.getHours(), r = n >= Ia || n < La ? "night" : "day";
+	let n = t.getHours(), r = n >= vo || n < yo ? "night" : "day";
 	return {
 		phase: r,
 		isNight: r === "night"
 	};
 }
-var [za, Ba] = k(/* @__PURE__ */ new Date()), Va = 0, Ha;
-function Ua() {
-	return Va++, Ha ||= (Ba(/* @__PURE__ */ new Date()), setInterval(() => Ba(/* @__PURE__ */ new Date()), 6e4)), () => {
-		Va--, Va === 0 && Ha && (clearInterval(Ha), Ha = void 0);
+var [xo, So] = O(/* @__PURE__ */ new Date()), Co = 0, wo;
+function To() {
+	return Co++, wo ||= (So(/* @__PURE__ */ new Date()), setInterval(() => So(/* @__PURE__ */ new Date()), 6e4)), () => {
+		Co--, Co === 0 && wo && (clearInterval(wo), wo = void 0);
 	};
 }
-function Wa() {
+function Eo() {
 	let e = te("sun.sun");
-	return D(() => {
-		e() || A(Ua());
-	}), O(() => {
+	return E(() => {
+		e() || k(To());
+	}), D(() => {
 		let t = e(), n = t ? {
 			state: t.state,
 			elevation: t.attributes?.elevation,
@@ -2849,47 +3079,47 @@ function Wa() {
 			next_rising: t.attributes?.next_rising,
 			next_setting: t.attributes?.next_setting
 		} : void 0;
-		return Ra(n, n ? /* @__PURE__ */ new Date() : za());
+		return bo(n, n ? /* @__PURE__ */ new Date() : xo());
 	});
 }
 //#endregion
 //#region src/theme.ts
-var Ga = /* @__PURE__ */ new Map(), Ka;
-function qa(e) {
+var Do = /* @__PURE__ */ new Map(), Oo;
+function ko(e) {
 	let t = new MutationObserver(() => {
-		for (let [t, [, n]] of Ga) n(e.classList.contains(t));
+		for (let [t, [, n]] of Do) n(e.classList.contains(t));
 	});
 	return t.observe(e, {
 		attributes: !0,
 		attributeFilter: ["class"]
 	}), t;
 }
-function Ja(e) {
+function Ao(e) {
 	if (typeof document > "u") return !1;
-	let t = document.documentElement, n = Ga.get(e);
-	return n || (n = k(t.classList.contains(e)), Ga.set(e, n), Ka ??= qa(t)), n[0](), t.classList.contains(e);
+	let t = document.documentElement, n = Do.get(e);
+	return n || (n = O(t.classList.contains(e)), Do.set(e, n), Oo ??= ko(t)), n[0](), t.classList.contains(e);
 }
-function Ya() {
-	return Ja("dark");
+function jo() {
+	return Ao("dark");
 }
 //#endregion
 //#region src/framework/hooks/use-reduced-motion.ts
-function Xa() {
+function Mo() {
 	if (typeof window > "u" || typeof window.matchMedia != "function") return () => !1;
-	let e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, n] = k(e.matches), r = (e) => n(e.matches);
-	return e.addEventListener("change", r), A(() => e.removeEventListener("change", r)), () => t() || Ja("reduce-motion");
+	let e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, n] = O(e.matches), r = (e) => n(e.matches);
+	return e.addEventListener("change", r), k(() => e.removeEventListener("change", r)), () => t() || Ao("reduce-motion");
 }
 //#endregion
 //#region src/framework/hooks/use-widget-entity-group.ts
-function Za(e) {
-	let t = e.minEntities ?? 1, n = O(() => e.entities().length), r = O(() => n() >= t), i = O(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = O(() => {
+function No(e) {
+	let t = e.minEntities ?? 1, n = D(() => e.entities().length), r = D(() => n() >= t), i = D(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = D(() => {
 		if (!r()) return;
 		let t = e.aggregationMode?.();
 		if (!t || t === "none") return;
 		let n = e.entities();
-		if (t === "light" || t === "binary-sensor" || t === "switch") return kr(n, e.allEntitiesMode);
-		if (t === "sensor") return Ar(n, e.sensorGroupType?.() ?? "mean", !0);
-	}), o = O(() => r() ? void 0 : e.emptyStateConfig);
+		if (t === "light" || t === "binary-sensor" || t === "switch") return Lr(n, e.allEntitiesMode);
+		if (t === "sensor") return Rr(n, e.sensorGroupType?.() ?? "mean", !0);
+	}), o = D(() => r() ? void 0 : e.emptyStateConfig);
 	return {
 		entities: e.entities,
 		groupData: i,
@@ -2901,7 +3131,7 @@ function Za(e) {
 }
 //#endregion
 //#region src/framework/theming/svg-colors.ts
-var Qa = {
+var Po = {
 	solar: "oklch(0.74 0.18 60)",
 	grid: "oklch(0.62 0.12 245)",
 	battery: "oklch(0.70 0.18 145)",
@@ -2910,21 +3140,21 @@ var Qa = {
 	positive: "oklch(0.70 0.14 160)",
 	negative: "oklch(0.64 0.22 27)"
 };
-function $a(e) {
+function Fo(e) {
 	return {
 		fill: `color-mix(in oklch, ${e} 20%, transparent)`,
 		stroke: e,
 		solid: e
 	};
 }
-var eo = Object.fromEntries(Object.entries(Qa).map(([e, t]) => [e, $a(t)])), to = o.enum([
+var Io = Object.fromEntries(Object.entries(Po).map(([e, t]) => [e, Fo(t)])), Lo = o.enum([
 	"success",
 	"warning",
 	"danger",
 	"info",
 	"neutral",
 	"accent"
-]), no = {
+]), Ro = {
 	title: e(() => o.string().optional().meta({
 		title: "Title",
 		description: "Optional display name override"
@@ -2944,38 +3174,38 @@ var eo = Object.fromEntries(Object.entries(Qa).map(([e, t]) => [e, $a(t)])), to
 		formType: "area-picker",
 		title: "Area"
 	}), "widgetFields.areaId")
-}, ro = 24;
+}, zo = 24;
 function $(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
 	return t;
 }
-function io() {
+function Bo() {
 	return o.string().optional().meta({
 		title: "Title",
 		description: "Optional display name override"
 	});
 }
-function ao(e) {
+function Vo(e) {
 	return (e.default === void 0 ? o.string().optional() : o.string().default(e.default)).meta($({
 		title: e.title,
 		description: e.description
 	}));
 }
-function oo(e) {
+function Ho(e) {
 	let t = o.number();
 	return e.min !== void 0 && (t = t.min(e.min)), e.max !== void 0 && (t = t.max(e.max)), (e.default === void 0 ? t.optional() : t.default(e.default)).meta($({
 		title: e.title,
 		description: e.description
 	}));
 }
-function so(e) {
+function Uo(e) {
 	return o.boolean().default(e.default ?? !1).meta($({
 		title: e.title,
 		description: e.description
 	}));
 }
-function co(e, t) {
+function Wo(e, t) {
 	let n = o.enum(e);
 	return (t.default === void 0 ? n.optional() : n.default(t.default)).meta($({
 		title: t.title,
@@ -2984,14 +3214,14 @@ function co(e, t) {
 		icons: t.icons
 	}));
 }
-function lo(e, t) {
+function Go(e, t) {
 	return o.array(o.enum(e)).default([...t.default ?? []]).meta($({
 		title: t.title,
 		description: t.description,
 		labels: t.labels
 	}));
 }
-function uo(e, t) {
+function Ko(e, t) {
 	return o.array(o.string()).default([]).meta($({
 		domain: e,
 		title: t?.title ?? "Entities",
@@ -2999,7 +3229,7 @@ function uo(e, t) {
 		deviceClass: t?.deviceClass
 	}));
 }
-function fo(e, t) {
+function qo(e, t) {
 	return o.array(o.string()).default([]).meta($({
 		domain: e,
 		title: t?.title ?? "Entity",
@@ -3008,13 +3238,13 @@ function fo(e, t) {
 		singleSelect: !0
 	}));
 }
-function po(e) {
+function Jo(e) {
 	return o.string().optional().meta({
 		formType: "area-picker",
 		title: e?.title ?? "Area"
 	});
 }
-function mo(e) {
+function Yo(e) {
 	let t = o.string().meta($({
 		formType: "icon-picker",
 		title: e?.title ?? "Icon",
@@ -3022,7 +3252,7 @@ function mo(e) {
 	}));
 	return e?.default === void 0 ? t.optional() : t.default(e.default);
 }
-function ho(e) {
+function Xo(e) {
 	let t = e?.presets && Object.fromEntries(Object.entries(e.presets).map(([e, t]) => [e, {
 		label: t.label,
 		thumb: t.thumb
@@ -3034,36 +3264,36 @@ function ho(e) {
 	}));
 	return e?.default === void 0 ? n.optional() : n.default(e.default);
 }
-function go(e) {
+function Zo(e) {
 	return o.array(o.string()).default([]).meta($({
 		title: e.title,
 		description: e.description
 	}));
 }
-function _o(e, t) {
+function Qo(e, t) {
 	let n = o.object(e);
-	return n.default($t(n)).meta({ title: t.title });
+	return n.default(cn(n)).meta({ title: t.title });
 }
-function vo(e) {
+function $o(e) {
 	return e.def;
 }
-function yo(e) {
+function es(e) {
 	if (o.globalRegistry.get(e)?.formType === "list") return !0;
-	let t = vo(e);
-	return t.shape ? Object.values(t.shape).some(yo) : t.options ? t.options.some(yo) : t.element ? yo(t.element) : t.innerType ? yo(t.innerType) : !1;
+	let t = $o(e);
+	return t.shape ? Object.values(t.shape).some(es) : t.options ? t.options.some(es) : t.element ? es(t.element) : t.innerType ? es(t.innerType) : !1;
 }
-function bo(e) {
-	let t = e, n = vo(t).innerType;
-	for (; n;) t = n, n = vo(t).innerType;
+function ts(e) {
+	let t = e, n = $o(t).innerType;
+	for (; n;) t = n, n = $o(t).innerType;
 	return t;
 }
-function xo(e) {
-	let t = vo(bo(e));
+function ns(e) {
+	let t = $o(ts(e));
 	if (t.shape) return new Set(Object.keys(t.shape));
 	if (t.options) {
 		let e = [];
 		for (let n of t.options) {
-			let t = xo(n);
+			let t = ns(n);
 			if (!t) return null;
 			e.push(t);
 		}
@@ -3075,7 +3305,7 @@ function xo(e) {
 	}
 	return null;
 }
-function So(e, t, n) {
+function rs(e, t, n) {
 	let r = { [t]: n };
 	try {
 		return e.parse(r);
@@ -3083,12 +3313,12 @@ function So(e, t, n) {
 		return r;
 	}
 }
-function Co(e, t) {
+function is(e, t) {
 	if (!Number.isInteger(t.max) || t.max < 1) throw Error(`field.list: max must be a positive integer, got ${t.max}`);
-	if (t.max > ro) throw Error(`field.list: max ${t.max} exceeds the ceiling of ${ro}`);
+	if (t.max > zo) throw Error(`field.list: max ${t.max} exceeds the ceiling of ${zo}`);
 	if (t.min !== void 0 && (!Number.isInteger(t.min) || t.min < 0 || t.min > t.max)) throw Error(`field.list: min must be an integer between 0 and max, got ${t.min}`);
-	if (yo(e)) throw Error("field.list: a list item cannot contain another field.list (depth 1 only)");
-	if (t.labelField !== void 0 && !xo(e)?.has(t.labelField)) throw Error(`field.list: labelField "${t.labelField}" must name a field present in every item`);
+	if (es(e)) throw Error("field.list: a list item cannot contain another field.list (depth 1 only)");
+	if (t.labelField !== void 0 && !ns(e)?.has(t.labelField)) throw Error(`field.list: labelField "${t.labelField}" must name a field present in every item`);
 	let n = o.array(e);
 	return t.min !== void 0 && (n = n.min(t.min)), n = n.max(t.max), n.default([]).meta($({
 		formType: "list",
@@ -3098,7 +3328,7 @@ function Co(e, t) {
 		labelField: t.labelField
 	}));
 }
-function wo(e, t, n) {
+function as(e, t, n) {
 	let r = Object.keys(t)[0];
 	if (r === void 0) throw Error("field.variants: at least one variant is required");
 	if (n.shared && e in n.shared) throw Error(`field.variants: shared fields cannot redefine the discriminator "${e}"`);
@@ -3111,7 +3341,7 @@ function wo(e, t, n) {
 		...r,
 		[e]: o.literal(t)
 	})), a = o.discriminatedUnion(e, i), s = i[0];
-	return a.default(s ? So(s, e, r) : {}).meta($({
+	return a.default(s ? rs(s, e, r) : {}).meta($({
 		formType: "variants",
 		discriminator: e,
 		title: n.title,
@@ -3119,35 +3349,35 @@ function wo(e, t, n) {
 		labels: n.labels
 	}));
 }
-var To = {
-	title: io,
-	text: ao,
-	number: oo,
-	toggle: so,
-	choice: co,
-	choices: lo,
-	entities: uo,
-	entity: fo,
-	area: po,
-	icon: mo,
-	image: ho,
-	stringList: go,
-	group: _o,
-	list: Co,
-	variants: wo
+var os = {
+	title: Bo,
+	text: Vo,
+	number: Ho,
+	toggle: Uo,
+	choice: Wo,
+	choices: Go,
+	entities: Ko,
+	entity: qo,
+	area: Jo,
+	icon: Yo,
+	image: Xo,
+	stringList: Zo,
+	group: Qo,
+	list: is,
+	variants: as
 };
-function Eo(e) {
+function ss(e) {
 	return o.object(e);
 }
 //#endregion
 //#region src/framework/image-src.ts
-function Do(e, t) {
-	let n = Vt(e);
-	return n === void 0 ? Ut(e) : t?.[n]?.src;
+function cs(e, t) {
+	let n = Yt(e);
+	return n === void 0 ? Zt(e) : t?.[n]?.src;
 }
 //#endregion
 //#region src/shared/spline.ts
-function Oo(e) {
+function ls(e) {
 	if (e.length < 2) return "";
 	let t = e[0], n = e[1];
 	if (!t || !n) return "";
@@ -3174,9 +3404,9 @@ function Oo(e) {
 }
 //#endregion
 //#region src/version.ts
-var ko = {
+var us = {
 	name: "@glasshome/widget-sdk",
-	version: "1.27.1",
+	version: "1.29.0",
 	description: "SDK for building GlassHome dashboard widgets with SolidJS",
 	keywords: [
 		"dashboard",
@@ -3248,7 +3478,7 @@ var ko = {
 		lint: "oxlint --type-aware . && oxfmt --check ."
 	},
 	dependencies: {
-		"@glasshome/widget-contract": "0.6.1",
+		"@glasshome/widget-contract": "0.7.0",
 		"@tailwindcss/vite": "^4.1.13",
 		clsx: "^2.1.1",
 		"happy-dom": "^20.0.0",
@@ -3281,4 +3511,4 @@ var ko = {
 	engines: { node: ">=18" }
 }.version;
 //#endregion
-export { Se as Badge, we as Button, Ee as ButtonGroup, Oe as Carousel, ke as CarouselContent, Ae as CarouselDots, je as CarouselItem, Me as CarouselNext, Ne as CarouselPrevious, Pe as ColorDisc, Fe as ColorSlider, Ie as ColorWheel, Le as CountPill, Je as Icon, Ye as Input, Xe as Label, Ti as PanelEntityRow, hi as PanelFacts, mi as PanelRow, pi as PanelRows, fi as PanelSection, $e as Progress, et as ResponsiveDialog, tt as ResponsiveDialogBody, rt as ResponsiveDialogClose, it as ResponsiveDialogContent, at as ResponsiveDialogDescription, ot as ResponsiveDialogFooter, ct as ResponsiveDialogHeader, lt as ResponsiveDialogTitle, ko as SDK_VERSION, ut as SchemaForm, dt as SectionIcon, ht as SectionTitle, gt as Select, _t as SelectContent, vt as SelectItem, yt as SelectTrigger, bt as SelectValue, xt as Slider, St as SwatchPicker, Ct as Switch, wt as Tabs, Et as TabsContent, Ot as TabsList, At as TabsTrigger, Mt as TemperatureBar, Nt as Toggle, Pt as ToggleGroup, It as ToggleGroupItem, to as ToneSchema, Y as Widget, ar as WidgetAction, cr as WidgetBackdrop, or as WidgetChip, ir as WidgetChoice, Cr as WidgetContent, nr as WidgetControls, W as WidgetCtx, Ji as WidgetDebugTab, Ki as WidgetDebugView, ca as WidgetDialog, lr as WidgetGlyph, er as WidgetHead, tr as WidgetHero, Bn as WidgetIcon, sr as WidgetLayer, r as WidgetManifestSchema, Nn as WidgetSizeCtx, br as WidgetSliderFill, Tr as WidgetStatus, rr as WidgetStepper, Or as WidgetTitle, Br as WidgetValue, ji as buildDebugData, g as byDomain, kr as calculateLightGroup, Ar as calculateSensorGroup, zt as copyText, Fr as countActiveEntities, Eo as defineConfig, en as defineWidget, t as deprecations, To as field, n as formatDeprecation, i as formatSchemaError, Pr as getEntityAttribute, s as getForecasts, c as getStream, l as getWebRtcClientConfig, u as hassMediaUrl, Bt as imagePreset, Do as imageSrc, Ht as imageUrl, hr as injectTokens, Ya as isDark, Nr as isEntityActive, wi as isPanelControllable, Wt as mediaUrl, Oo as monotoneCubicPath, Gt as parseColor, Kt as presetValue, d as sendWebRtcCandidate, f as startWebRtcSession, p as state, eo as svgColors, m as trackEntityHistory, h as untrackEntityHistory, _ as useArea, v as useCalendarEvents, y as useCamera, In as useConfirm, b as useConnection, Jt as useCopyText, x as useCurrency, Wa as useDaylight, S as useEntities, ee as useEntity, C as useEntityHistory, w as useEntityStatistics, ne as useForecast, re as useHassConfig, Ma as useIntersectionPause, ie as useLocale, ja as useMaterial, Xa as useReducedMotion, an as useService, oe as useStore, se as useTemperatureUnit, cn as useToggle, sn as useTurnOff, on as useTurnOn, de as useUnitSystem, tn as useWidgetContext, da as useWidgetDashboard, un as useWidgetDialog, Pn as useWidgetDimensions, Za as useWidgetEntityGroup, Mn as useWidgetGestures, pa as useWidgetViewer, no as widgetFields, a as z };
+export { Ae as Badge, Me as Button, Pe as ButtonGroup, Ie as Carousel, Le as CarouselContent, Re as CarouselDots, ze as CarouselItem, Be as CarouselNext, Ve as CarouselPrevious, He as ColorDisc, Ue as ColorSlider, We as ColorWheel, Ge as CountPill, nt as Icon, rt as Input, it as Label, Hi as PanelEntityRow, Ei as PanelFacts, Ti as PanelRow, wi as PanelRows, Ci as PanelSection, st as Progress, ct as ResponsiveDialog, lt as ResponsiveDialogBody, dt as ResponsiveDialogClose, ft as ResponsiveDialogContent, pt as ResponsiveDialogDescription, mt as ResponsiveDialogFooter, gt as ResponsiveDialogHeader, _t as ResponsiveDialogTitle, us as SDK_VERSION, vt as SchemaForm, yt as SectionIcon, Ct as SectionTitle, wt as Select, Tt as SelectContent, Et as SelectItem, Dt as SelectTrigger, Ot as SelectValue, kt as Slider, At as SwatchPicker, jt as Switch, Mt as Tabs, Pt as TabsContent, It as TabsList, Rt as TabsTrigger, Bt as TemperatureBar, Vt as Toggle, Ht as ToggleGroup, Wt as ToggleGroupItem, Lo as ToneSchema, q as Widget, pr as WidgetAction, gr as WidgetBackdrop, mr as WidgetChip, fr as WidgetChoice, jr as WidgetContent, ur as WidgetControls, H as WidgetCtx, da as WidgetDebugTab, la as WidgetDebugView, Ta as WidgetDialog, _r as WidgetGlyph, cr as WidgetHead, lr as WidgetHero, Jn as WidgetIcon, hr as WidgetLayer, r as WidgetManifestSchema, Vn as WidgetSizeCtx, Or as WidgetSliderFill, Nr as WidgetStatus, dr as WidgetStepper, Ir as WidgetTitle, Jr as WidgetValue, Ji as buildDebugData, g as byDomain, Lr as calculateLightGroup, Rr as calculateSensorGroup, qt as copyText, Ur as countActiveEntities, ss as defineConfig, ln as defineWidget, t as deprecations, os as field, n as formatDeprecation, i as formatSchemaError, Hr as getEntityAttribute, s as getForecasts, c as getStream, l as getWebRtcClientConfig, u as hassMediaUrl, Jt as imagePreset, cs as imageSrc, Xt as imageUrl, Cr as injectTokens, jo as isDark, Vr as isEntityActive, Vi as isPanelControllable, Qt as mediaUrl, ls as monotoneCubicPath, $t as parseColor, en as presetValue, d as sendWebRtcCandidate, f as startWebRtcSession, p as state, Io as svgColors, m as trackEntityHistory, h as untrackEntityHistory, _ as useArea, v as useCalendarEvents, y as useCamera, Wn as useConfirm, b as useConnection, nn as useCopyText, x as useCurrency, Eo as useDaylight, S as useEntities, ee as useEntity, ne as useEntityHistory, C as useEntityStatistics, re as useForecast, ie as useHassConfig, mo as useIntersectionPause, ae as useLocale, po as useMaterial, Mo as useReducedMotion, pn as useService, se as useStore, ce as useTemperatureUnit, gn as useToggle, hn as useTurnOff, mn as useTurnOn, pe as useUnitSystem, un as useWidgetContext, Ka as useWidgetDashboard, vn as useWidgetDialog, Hn as useWidgetDimensions, No as useWidgetEntityGroup, Bn as useWidgetGestures, Wa as useWidgetState, Ja as useWidgetViewer, Ro as widgetFields, a as z };