@glasshome/widget-sdk 1.9.2 → 1.10.0

package/dist/data.d.ts

@@ -6,6 +6,6 @@
  * store. Phase 4 routes these through capability checks.
  */
 export { getForecasts, getStream, getWebRtcClientConfig, hassMediaUrl, sendWebRtcCandidate, startWebRtcSession, state, trackEntityHistory, untrackEntityHistory, } from "@glasshome/sync-layer";
-export type { AreaView } from "@glasshome/sync-layer";
-export { byDomain, useArea, useCamera, useConnection, useCurrency, useEntities, useEntity, useEntityHistory, useEntityStatistics, useForecast, useHassConfig, useLocale, useStore, useTemperatureUnit, useUnitSystem, } from "@glasshome/sync-layer/solid";
+export type { AreaView, CalendarEvent, CalendarEventsData, CalendarWindowOptions, } from "@glasshome/sync-layer";
+export { byDomain, useArea, useCalendarEvents, useCamera, useConnection, useCurrency, useEntities, useEntity, useEntityHistory, useEntityStatistics, useForecast, useHassConfig, useLocale, useStore, useTemperatureUnit, useUnitSystem, } from "@glasshome/sync-layer/solid";
 export { useService, useToggle, useTurnOff, useTurnOn } from "./framework/hooks/use-service";

package/dist/framework/dialogs/WidgetDialog.d.ts

@@ -1,4 +1,5 @@
-import { type Component, type JSX } from "solid-js";
+import type { Button as UIButton, ResponsiveDialog as UIResponsiveDialog, ResponsiveDialogContent as UIResponsiveDialogContent, ResponsiveDialogDescription as UIResponsiveDialogDescription, ResponsiveDialogHeader as UIResponsiveDialogHeader, ResponsiveDialogTitle as UIResponsiveDialogTitle, SchemaForm as UISchemaForm } from "@glasshome/ui/solid";
+import { type JSX } from "solid-js";
 import type { ZodType } from "zod";
 export interface WidgetDialogTab {
     id: string;
@@ -28,12 +29,12 @@ export interface WidgetDialogProps {
     configSchema?: ZodType;
     config?: Record<string, unknown>;
     onConfigSave?: (config: Record<string, unknown>) => void;
-    ResponsiveDialog: Component<any>;
-    ResponsiveDialogContent: Component<any>;
-    ResponsiveDialogHeader: Component<any>;
-    ResponsiveDialogTitle: Component<any>;
-    ResponsiveDialogDescription: Component<any>;
-    Button: Component<any>;
-    SchemaForm?: Component<any>;
+    ResponsiveDialog: typeof UIResponsiveDialog;
+    ResponsiveDialogContent: typeof UIResponsiveDialogContent;
+    ResponsiveDialogHeader: typeof UIResponsiveDialogHeader;
+    ResponsiveDialogTitle: typeof UIResponsiveDialogTitle;
+    ResponsiveDialogDescription: typeof UIResponsiveDialogDescription;
+    Button: typeof UIButton;
+    SchemaForm?: typeof UISchemaForm;
 }
 export declare function WidgetDialog(props: WidgetDialogProps): JSX.Element;

package/dist/framework/hooks/use-widget-context.d.ts

@@ -12,8 +12,13 @@ export interface WidgetDimensions {
     height: number;
 }
 /** Capability-routed service call: an RPC into the host's HA bridge worker,
-    validated there against the widget's granted capabilities. */
-export type ServiceCallFn = (domain: string, service: string, serviceData?: Record<string, unknown>, target?: Record<string, unknown>) => Promise<void>;
+    validated there against the widget's granted capabilities. Pass
+    `{ returnResponse: true }` for services that return data (e.g.
+    `todo.get_items`); the resolved value is the HA service response, else
+    `undefined`. */
+export type ServiceCallFn = (domain: string, service: string, serviceData?: Record<string, unknown>, target?: Record<string, unknown>, options?: {
+    returnResponse?: boolean;
+}) => Promise<unknown>;
 export interface ReactiveWidgetContext {
     updateConfig: (config: Record<string, unknown>) => void;
     /**

package/dist/index.js

@@ -2,8 +2,8 @@ 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 _, useCamera as v, useConnection as ee, useCurrency as y, useEntities as b, useEntity as te, useEntityHistory as ne, useEntityStatistics as re, useForecast as x, useHassConfig as ie, useLocale as ae, useService as oe, useStore as se, useTemperatureUnit as S, useToggle as ce, useTurnOff as le, useTurnOn as ue, useUnitSystem as de } from "@glasshome/sync-layer/solid";
-import { Show as C, createContext as fe, createEffect as w, createMemo as T, createSignal as E, on as pe, onCleanup as D, onMount as me, splitProps as he, untrack as ge, useContext as O } from "solid-js";
+import { byDomain as g, useArea as _, useCalendarEvents as v, useCamera as ee, useConnection as y, useCurrency as b, useEntities as te, useEntity as ne, useEntityHistory as re, useEntityStatistics as x, useForecast as ie, useHassConfig as ae, useLocale as oe, useService as S, useStore as se, useTemperatureUnit as ce, useToggle as le, useTurnOff as ue, useTurnOn as de, useUnitSystem as fe } from "@glasshome/sync-layer/solid";
+import { Show as C, createContext as pe, createEffect as w, createMemo as T, createSignal as E, on as me, onCleanup as D, onMount as he, splitProps as ge, useContext as O } from "solid-js";
 import { addEventListener as k, className as A, createComponent as j, delegateEvents as _e, effect as M, insert as N, memo as P, setStyleProperty as F, style as ve, template as I, use as ye } from "solid-js/web";
 import { clsx as be } from "clsx";
 import { twMerge as xe } from "tailwind-merge";
@@ -32,7 +32,7 @@ function We(e) {
 }
 //#endregion
 //#region src/framework/hooks/use-widget-context.ts
-var L = fe();
+var L = pe();
 function Ge() {
 	let e = O(L);
 	if (!e) throw Error("useWidgetContext must be used within a Widget component");
@@ -46,7 +46,9 @@ function Ke(e) {
 	return n;
 }
 function R(e, t) {
-	return (n, r = {}) => e(Ke(n), t, r, { entity_id: n });
+	return async (n, r = {}) => {
+		await e(Ke(n), t, r, { entity_id: n });
+	};
 }
 function qe() {
 	let e = O(L)?.callService;
@@ -55,19 +57,19 @@ function qe() {
 		turnOn: R(e, "turn_on"),
 		turnOff: R(e, "turn_off"),
 		toggle: R(e, "toggle")
-	} : oe();
+	} : S();
 }
 function Je() {
 	let e = O(L)?.callService;
-	return e ? R(e, "turn_on") : ue();
+	return e ? R(e, "turn_on") : de();
 }
 function Ye() {
 	let e = O(L)?.callService;
-	return e ? R(e, "turn_off") : le();
+	return e ? R(e, "turn_off") : ue();
 }
 function Xe() {
 	let e = O(L)?.callService;
-	return e ? R(e, "toggle") : ce();
+	return e ? R(e, "toggle") : le();
 }
 //#endregion
 //#region src/framework/design-system/z-index.ts
@@ -76,7 +78,7 @@ var z = {
 	CONTENT: 10,
 	OVERLAY: 20,
 	ACTIONS: 30
-}, Ze = fe();
+}, Ze = pe();
 function Qe() {
 	let e = O(Ze);
 	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).");
@@ -564,7 +566,7 @@ function Lt(t) {
 			});
 		});
 		t.observe(e), D(() => t.disconnect());
-	}), me(() => {
+	}), he(() => {
 		let e = r()?.getRootNode();
 		rt(typeof ShadowRoot < "u" && e instanceof ShadowRoot || typeof Document < "u" && e instanceof Document ? e : void 0);
 	});
@@ -679,8 +681,8 @@ function Bt(e, t) {
 }
 //#endregion
 //#region src/framework/dialogs/WidgetDialog.tsx
-var Vt = /*#__PURE__*/ I("<span class=\"inline-flex size-3.5 shrink-0 items-center\">"), Ht = /*#__PURE__*/ I("<button type=button>"), Ut = /*#__PURE__*/ I("<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\">"), Wt = /*#__PURE__*/ I("<div class=\"rounded-lg bg-muted/30 p-2 text-center md:p-6\"><p class=\"text-muted-foreground text-sm\">No edit options available"), Gt = /*#__PURE__*/ I("<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>"), Kt = /*#__PURE__*/ I("<div class=\"rounded-lg bg-muted/30 p-2 text-center md:p-6\"><p class=\"text-muted-foreground text-sm\">No additional controls"), qt = /*#__PURE__*/ I("<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\">"), Jt = /*#__PURE__*/ I("<div class=\"rounded-lg bg-muted/30 p-2 text-center md:p-6\"><p class=\"text-muted-foreground text-sm\">No debug information available"), Yt = /*#__PURE__*/ I("<div class=\"min-w-0 shrink-0\">"), Xt = /*#__PURE__*/ I("<div class=\"flex items-center gap-2\"><div class=\"flex h-8 items-center rounded-lg border border-border/50 bg-muted/30 p-0.5\">"), Zt = /*#__PURE__*/ I("<div class=\"gh-scroll min-h-0 flex-1 overflow-y-auto px-6\">"), Qt = /*#__PURE__*/ I("<div class=\"flex shrink-0 items-center justify-end gap-2 border-border/50 border-t px-6 pt-3\">");
-function $t(e) {
+var Vt = /*#__PURE__*/ I("<span class=\"inline-flex size-3.5 shrink-0 items-center\">"), Ht = /*#__PURE__*/ I("<button type=button>"), Ut = /*#__PURE__*/ I("<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\">"), Wt = /*#__PURE__*/ I("<div class=\"rounded-lg bg-muted/30 p-2 text-center md:p-6\"><p class=\"text-muted-foreground text-sm\">No edit options available"), Gt = /*#__PURE__*/ I("<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>"), Kt = /*#__PURE__*/ I("<div class=\"rounded-lg bg-muted/30 p-2 text-center md:p-6\"><p class=\"text-muted-foreground text-sm\">No additional controls"), qt = /*#__PURE__*/ I("<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\">"), Jt = /*#__PURE__*/ I("<div class=\"rounded-lg bg-muted/30 p-2 text-center md:p-6\"><p class=\"text-muted-foreground text-sm\">No debug information available"), Yt = /*#__PURE__*/ I("<div class=\"min-w-0 shrink-0\">"), Xt = /*#__PURE__*/ I("<div class=\"flex items-center gap-2\"><div class=\"flex h-8 items-center rounded-lg border border-border/50 bg-muted/30 p-0.5\">"), Zt = /*#__PURE__*/ I("<div class=\"gh-scroll min-h-0 flex-1 overflow-y-auto px-6\">"), Qt = /*#__PURE__*/ I("<div class=\"flex shrink-0 items-center justify-end gap-2 border-border/50 border-t px-6 pt-3\">"), $t = (e) => He(e);
+function en(e) {
 	return (() => {
 		var t = Ht();
 		return t.$$click = () => e.onClick(), N(t, j(C, {
@@ -694,12 +696,12 @@ function $t(e) {
 		}), null), N(t, () => e.label, null), M(() => A(t, V("flex cursor-pointer items-center justify-center rounded-md px-3 py-1.5 text-xs transition-all duration-300 ease-in-out", e.isActive ? "gap-1.5 bg-foreground/10 font-semibold text-foreground shadow-sm" : "gap-0 text-muted-foreground hover:bg-foreground/5 hover:text-foreground"))), t;
 	})();
 }
-function en(e) {
-	let [t] = he(e, /* @__PURE__ */ "open.onOpenChange.title.onSave.hasUnsavedChanges.onDelete.editContent.controlsContent.debugContent.debugData.tabs.class.maxWidth.defaultTab.activeTab.onActiveTabChange.headerActions.configSchema.config.onConfigSave.ResponsiveDialog.ResponsiveDialogContent.ResponsiveDialogHeader.ResponsiveDialogTitle.ResponsiveDialogDescription.Button.SchemaForm".split(".")), n = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, i] = E({}), [a, o] = E(null), [s, c] = E([]);
-	w(pe(() => t.config, (e) => {
+function tn(e) {
+	let [t] = ge(e, /* @__PURE__ */ "open.onOpenChange.title.onSave.hasUnsavedChanges.onDelete.editContent.controlsContent.debugContent.debugData.tabs.class.maxWidth.defaultTab.activeTab.onActiveTabChange.headerActions.configSchema.config.onConfigSave.ResponsiveDialog.ResponsiveDialogContent.ResponsiveDialogHeader.ResponsiveDialogTitle.ResponsiveDialogDescription.Button.SchemaForm".split(".")), n = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, i] = E({}), [a, o] = E(null), [s, c] = E([]);
+	w(me(() => t.config, (e) => {
 		e && i({ ...e });
-	})), w(pe(() => t.configSchema, (e) => {
-		e && o(He(e));
+	})), w(me(() => t.configSchema, (e) => {
+		e && o($t(e));
 	}));
 	let l = () => n() && JSON.stringify(r()) !== JSON.stringify(t.config), u = (e) => {
 		!e && t.config && (i({ ...t.config }), c([])), t.onOpenChange(e);
@@ -731,17 +733,17 @@ function en(e) {
 			label: "Edit",
 			icon: Ut(),
 			content: t.editContent ?? (() => {
-				let e = n() ? a() : void 0;
-				return e ? j(ie, {
-					schema: e,
+				let e = t.SchemaForm, o = n() ? a() : void 0;
+				return !o || !e ? Wt() : j(e, {
+					schema: o,
 					get data() {
-						return ge(r);
+						return r();
 					},
 					onChange: i,
 					get errors() {
 						return s();
 					}
-				}) : Wt();
+				});
 			})()
 		}), e.push({
 			id: "controls",
@@ -760,19 +762,19 @@ function en(e) {
 			await navigator.clipboard.writeText(e);
 		} catch {}
 	}, ee = () => {
-		let e = ae();
+		let e = ie();
 		return e.find((e) => e.id === m())?.content ?? e[0]?.content;
-	}, y = t.ResponsiveDialog, b = t.ResponsiveDialogContent, te = t.ResponsiveDialogHeader, ne = t.ResponsiveDialogTitle, re = t.ResponsiveDialogDescription, x = t.Button, ie = t.SchemaForm, ae = T(pe([
+	}, y = t.ResponsiveDialog, b = t.ResponsiveDialogContent, te = t.ResponsiveDialogHeader, ne = t.ResponsiveDialogTitle, re = t.ResponsiveDialogDescription, x = t.Button, ie = T(me([
 		() => t.open,
 		a,
 		() => t.config,
 		() => t.tabs
-	], () => _())), oe = (e) => n() ? u(e) : t.onOpenChange(e), se = () => n() ? l() : t.hasUnsavedChanges, S = () => n() ? d : t.onSave;
+	], () => _())), ae = (e) => n() ? u(e) : t.onOpenChange(e), oe = () => n() ? l() : t.hasUnsavedChanges, S = () => n() ? d : t.onSave;
 	return j(y, {
 		get open() {
 			return t.open;
 		},
-		onOpenChange: (e) => oe(e),
+		onOpenChange: (e) => ae(e),
 		get children() {
 			return j(b, {
 				get class() {
@@ -796,7 +798,7 @@ function en(e) {
 									}), null), e;
 								})(), (() => {
 									var e = Xt(), n = e.firstChild;
-									return N(n, () => ae().map((e) => j($t, {
+									return N(n, () => ie().map((e) => j(en, {
 										get icon() {
 											return e.icon;
 										},
@@ -848,7 +850,7 @@ function en(e) {
 										return j(x, {
 											size: "sm",
 											get disabled() {
-												return !se();
+												return !oe();
 											},
 											onClick: () => S()?.(),
 											children: "Save"
@@ -878,7 +880,7 @@ function en(e) {
 _e(["click"]);
 //#endregion
 //#region src/framework/hooks/use-intersection-pause.ts
-function tn(e) {
+function nn(e) {
 	if (typeof IntersectionObserver > "u") return () => !1;
 	let [t, n] = E(!1), r = new IntersectionObserver((e) => {
 		let t = e[0];
@@ -891,14 +893,14 @@ function tn(e) {
 }
 //#endregion
 //#region src/framework/hooks/use-reduced-motion.ts
-function nn() {
+function rn() {
 	if (typeof window > "u" || typeof window.matchMedia != "function") return () => !1;
 	let e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, n] = E(e.matches), r = (e) => n(e.matches);
 	return e.addEventListener("change", r), D(() => e.removeEventListener("change", r)), t;
 }
 //#endregion
 //#region src/framework/hooks/use-widget-dialog.ts
-function rn(e = "controls") {
+function an(e = "controls") {
 	let [t, n] = E(!1), [r, i] = E(e), a = (t) => {
 		i(t ?? e), n(!0);
 	}, o = O(L);
@@ -923,7 +925,7 @@ function rn(e = "controls") {
 }
 //#endregion
 //#region src/framework/hooks/use-widget-entity-group.ts
-function an(e) {
+function on(e) {
 	let t = e.minEntities ?? 1, n = T(() => e.entities().length), r = T(() => n() >= t), i = T(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = T(() => {
 		if (!r()) return;
 		let t = e.aggregationMode?.();
@@ -944,13 +946,13 @@ function an(e) {
 //#endregion
 //#region src/framework/gestures/cursors.ts
 var U = 32, W = U / 2, G = "white", K = "rgba(0,0,0,0.4)", q = 2, J = 3;
-function on(e) {
+function sn(e) {
 	return `url("data:image/svg+xml,${encodeURIComponent(e)}")`;
 }
 function Y(e) {
 	return `<svg xmlns="http://www.w3.org/2000/svg" width="${U}" height="${U}" viewBox="0 0 ${U} ${U}">${e}</svg>`;
 }
-var sn = Y(`
+var cn = Y(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
     <g stroke="${K}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
@@ -961,13 +963,13 @@ var sn = Y(`
       <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>
-`), cn = Y(`
+`), ln = Y(`
   <g>
     <circle cx="${W}" cy="${W}" r="8" stroke="${K}" stroke-width="${J}" 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>
-`), ln = Y(`
+`), un = Y(`
   <g>
     <!-- shadow -->
     <g stroke="${K}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
@@ -986,7 +988,7 @@ var sn = Y(`
     <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>
-`), un = Y(`
+`), dn = Y(`
   <g>
     <!-- shadow -->
     <g stroke="${K}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
@@ -1005,7 +1007,7 @@ var sn = Y(`
     <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>
-`), dn = Y(`
+`), fn = Y(`
   <g>
     <!-- shadow -->
     <g stroke="${K}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
@@ -1031,54 +1033,54 @@ var sn = Y(`
 `);
 function X(e, t, n) {
 	return {
-		css: `${on(e)} ${t} ${n}, auto`,
+		css: `${sn(e)} ${t} ${n}, auto`,
 		hotspotX: t,
 		hotspotY: n
 	};
 }
 var Z = {
-	tap: X(sn, 12, 4),
-	hold: X(cn, 16, 16),
-	slideHorizontal: X(ln, W, W),
-	slideVertical: X(un, W, W),
-	slideAuto: X(dn, W, W)
+	tap: X(cn, 12, 4),
+	hold: X(ln, 16, 16),
+	slideHorizontal: X(un, W, W),
+	slideVertical: X(dn, W, W),
+	slideAuto: X(fn, W, W)
 };
 //#endregion
 //#region src/framework/gestures/haptics.ts
-function fn() {
+function pn() {
 	if (typeof window > "u") return null;
 	let e = window;
 	return e.Capacitor?.isNativePlatform?.() ? e.Capacitor.Plugins?.Haptics ?? null : null;
 }
-function pn(e) {
+function mn(e) {
 	if (!(typeof navigator > "u" || typeof navigator.vibrate != "function")) try {
 		navigator.vibrate(e);
 	} catch {}
 }
-var mn = {
+var hn = {
 	tick() {
-		let e = fn();
+		let e = pn();
 		if (e) {
 			e.impact({ style: "Light" }).catch(() => {});
 			return;
 		}
-		pn(8);
+		mn(8);
 	},
 	bump() {
-		let e = fn();
+		let e = pn();
 		if (e) {
 			e.impact({ style: "Medium" }).catch(() => {});
 			return;
 		}
-		pn(20);
+		mn(20);
 	},
 	pulse() {
-		let e = fn();
+		let e = pn();
 		if (e) {
 			e.impact({ style: "Heavy" }).catch(() => {});
 			return;
 		}
-		pn([
+		mn([
 			0,
 			15,
 			40,
@@ -1088,7 +1090,7 @@ var mn = {
 };
 //#endregion
 //#region src/framework/gestures/use-widget-gestures.ts
-function hn(e, t) {
+function gn(e, t) {
 	let n = {
 		isDown: !1,
 		isTouch: !1,
@@ -1131,7 +1133,7 @@ function hn(e, t) {
 			if (n.isDown = !0, n.isTouch = t.pointerType === "touch", n.element = t.currentTarget, c(n.element), n.startX = t.clientX, n.startY = t.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, r.hold) {
 				let e = r.hold.delay ?? 300;
 				n.holdTimer = setTimeout(() => {
-					n.holdTimer = null, !(!n.isDown || n.hasMoved) && (mn.bump(), r.hold?.action(), n.isDown = !1);
+					n.holdTimer = null, !(!n.isDown || n.hasMoved) && (hn.bump(), r.hold?.action(), n.isDown = !1);
 				}, e);
 			}
 			if (!n.isTouch && r.slide) try {
@@ -1199,7 +1201,7 @@ function hn(e, t) {
 }
 //#endregion
 //#region src/framework/theming/svg-colors.ts
-var gn = {
+var _n = {
 	solar: "oklch(0.74 0.18 60)",
 	grid: "oklch(0.62 0.12 245)",
 	battery: "oklch(0.70 0.18 145)",
@@ -1208,21 +1210,21 @@ var gn = {
 	positive: "oklch(0.70 0.14 160)",
 	negative: "oklch(0.64 0.22 27)"
 };
-function _n(e) {
+function vn(e) {
 	return {
 		fill: `color-mix(in oklch, ${e} 20%, transparent)`,
 		stroke: e,
 		solid: e
 	};
 }
-var vn = Object.fromEntries(Object.entries(gn).map(([e, t]) => [e, _n(t)])), yn = o.enum([
+var yn = Object.fromEntries(Object.entries(_n).map(([e, t]) => [e, vn(t)])), bn = o.enum([
 	"success",
 	"warning",
 	"danger",
 	"info",
 	"neutral",
 	"accent"
-]), bn = {
+]), xn = {
 	title: e(() => o.string().optional().meta({
 		title: "Title",
 		description: "Optional display name override"
@@ -1242,45 +1244,45 @@ var vn = Object.fromEntries(Object.entries(gn).map(([e, t]) => [e, _n(t)])), yn
 		formType: "area-picker",
 		title: "Area"
 	}), "widgetFields.areaId")
-}, xn = 24;
+}, Sn = 24;
 function Q(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
 	return t;
 }
-function Sn() {
+function Cn() {
 	return o.string().optional().meta({
 		title: "Title",
 		description: "Optional display name override"
 	});
 }
-function Cn(e) {
+function wn(e) {
 	return (e.default === void 0 ? o.string().optional() : o.string().default(e.default)).meta(Q({
 		title: e.title,
 		description: e.description
 	}));
 }
-function wn(e) {
+function Tn(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(Q({
 		title: e.title,
 		description: e.description
 	}));
 }
-function Tn(e) {
+function En(e) {
 	return o.boolean().default(e.default ?? !1).meta(Q({
 		title: e.title,
 		description: e.description
 	}));
 }
-function En(e, t) {
+function Dn(e, t) {
 	let n = o.enum(e);
 	return (t.default === void 0 ? n.optional() : n.default(t.default)).meta(Q({
 		title: t.title,
 		description: t.description
 	}));
 }
-function Dn(e, t) {
+function On(e, t) {
 	return o.array(o.string()).default([]).meta(Q({
 		domain: e,
 		title: t?.title ?? "Entities",
@@ -1288,7 +1290,7 @@ function Dn(e, t) {
 		deviceClass: t?.deviceClass
 	}));
 }
-function On(e, t) {
+function kn(e, t) {
 	return o.array(o.string()).default([]).meta(Q({
 		domain: e,
 		title: t?.title ?? "Entity",
@@ -1297,49 +1299,49 @@ function On(e, t) {
 		singleSelect: !0
 	}));
 }
-function kn(e) {
+function An(e) {
 	return o.string().optional().meta({
 		formType: "area-picker",
 		title: e?.title ?? "Area"
 	});
 }
-function An(e) {
+function jn(e) {
 	let t = o.string().meta({
 		formType: "icon-picker",
 		title: e?.title ?? "Icon"
 	});
 	return e?.default === void 0 ? t.optional() : t.default(e.default);
 }
-function jn(e) {
+function Mn(e) {
 	return o.array(o.string()).default([]).meta(Q({
 		title: e.title,
 		description: e.description
 	}));
 }
-function Mn(e, t) {
+function Nn(e, t) {
 	let n = o.object(e);
 	return n.default(Ue(n)).meta({ title: t.title });
 }
-function Nn(e) {
+function Pn(e) {
 	return e.def;
 }
 function $(e) {
 	if (o.globalRegistry.get(e)?.formType === "list") return !0;
-	let t = Nn(e);
+	let t = Pn(e);
 	return t.shape ? Object.values(t.shape).some($) : t.options ? t.options.some($) : t.element ? $(t.element) : t.innerType ? $(t.innerType) : !1;
 }
-function Pn(e) {
-	let t = e, n = Nn(t).innerType;
-	for (; n;) t = n, n = Nn(t).innerType;
+function Fn(e) {
+	let t = e, n = Pn(t).innerType;
+	for (; n;) t = n, n = Pn(t).innerType;
 	return t;
 }
-function Fn(e) {
-	let t = Nn(Pn(e));
+function In(e) {
+	let t = Pn(Fn(e));
 	if (t.shape) return new Set(Object.keys(t.shape));
 	if (t.options) {
 		let e = [];
 		for (let n of t.options) {
-			let t = Fn(n);
+			let t = In(n);
 			if (!t) return null;
 			e.push(t);
 		}
@@ -1351,7 +1353,7 @@ function Fn(e) {
 	}
 	return null;
 }
-function In(e, t, n) {
+function Ln(e, t, n) {
 	let r = { [t]: n };
 	try {
 		return e.parse(r);
@@ -1359,12 +1361,12 @@ function In(e, t, n) {
 		return r;
 	}
 }
-function Ln(e, t) {
+function Rn(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 > xn) throw Error(`field.list: max ${t.max} exceeds the ceiling of ${xn}`);
+	if (t.max > Sn) throw Error(`field.list: max ${t.max} exceeds the ceiling of ${Sn}`);
 	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 ($(e)) throw Error("field.list: a list item cannot contain another field.list (depth 1 only)");
-	if (t.labelField !== void 0 && !Fn(e)?.has(t.labelField)) throw Error(`field.list: labelField "${t.labelField}" must name a field present in every item`);
+	if (t.labelField !== void 0 && !In(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(Q({
 		formType: "list",
@@ -1374,7 +1376,7 @@ function Ln(e, t) {
 		labelField: t.labelField
 	}));
 }
-function Rn(e, t, n) {
+function zn(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}"`);
@@ -1387,7 +1389,7 @@ function Rn(e, t, n) {
 		...r,
 		[e]: o.literal(t)
 	})), a = o.discriminatedUnion(e, i), s = i[0];
-	return a.default(s ? In(s, e, r) : {}).meta(Q({
+	return a.default(s ? Ln(s, e, r) : {}).meta(Q({
 		formType: "variants",
 		discriminator: e,
 		title: n.title,
@@ -1395,27 +1397,27 @@ function Rn(e, t, n) {
 		labels: n.labels
 	}));
 }
-var zn = {
-	title: Sn,
-	text: Cn,
-	number: wn,
-	toggle: Tn,
-	choice: En,
-	entities: Dn,
-	entity: On,
-	area: kn,
-	icon: An,
-	stringList: jn,
-	group: Mn,
-	list: Ln,
-	variants: Rn
+var Bn = {
+	title: Cn,
+	text: wn,
+	number: Tn,
+	toggle: En,
+	choice: Dn,
+	entities: On,
+	entity: kn,
+	area: An,
+	icon: jn,
+	stringList: Mn,
+	group: Nn,
+	list: Rn,
+	variants: zn
 };
-function Bn(e) {
+function Vn(e) {
 	return o.object(e);
 }
 //#endregion
 //#region src/shared/spline.ts
-function Vn(e) {
+function Hn(e) {
 	if (e.length < 2) return "";
 	let t = e[0], n = e[1];
 	if (!t || !n) return "";
@@ -1442,14 +1444,14 @@ function Vn(e) {
 }
 //#endregion
 //#region src/theme.ts
-function Hn() {
+function Un() {
 	return document.documentElement.classList.contains("dark");
 }
 //#endregion
 //#region src/version.ts
-var Un = {
+var Wn = {
 	name: "@glasshome/widget-sdk",
-	version: "1.9.2",
+	version: "1.10.0",
 	description: "SDK for building GlassHome dashboard widgets with SolidJS",
 	keywords: [
 		"glasshome",
@@ -1502,11 +1504,13 @@ var Un = {
 	scripts: {
 		build: "vite build && tsc && bun scripts/check-host-singleton.ts",
 		dev: "vite build --watch",
-		test: "bun test",
+		test: "bun test src && vitest run",
+		"test:dom": "vitest run",
+		"test:dom:watch": "vitest",
 		"typecheck:test": "tsc --noEmit -p tsconfig.test.json"
 	},
 	peerDependencies: {
-		"@glasshome/sync-layer": "0.6.0",
+		"@glasshome/sync-layer": "0.7.0",
 		"@glasshome/ui": "1.3.0",
 		"solid-js": "^1.9.11"
 	},
@@ -1523,11 +1527,13 @@ var Un = {
 	},
 	devDependencies: {
 		"@glasshome/ui": "1.3.0",
+		"@solidjs/testing-library": "^0.8.10",
 		"@types/bun": "latest",
 		"@types/node": "^25.2.2",
 		typescript: "^5",
 		vite: "^8.1.0",
-		"vite-plugin-solid": "^2.11.12"
+		"vite-plugin-solid": "^2.11.12",
+		vitest: "^4.1.10"
 	},
 	repository: {
 		type: "git",
@@ -1541,4 +1547,4 @@ var Un = {
 	engines: { node: ">=18" }
 }.version;
 //#endregion
-export { Se as Badge, Ce as Button, we as ColorSlider, Te as ColorWheel, Ee as Input, De as Label, Oe as ResponsiveDialog, ke as ResponsiveDialogContent, Ae as ResponsiveDialogDescription, je as ResponsiveDialogHeader, Me as ResponsiveDialogTitle, Un as SDK_VERSION, Ne as SchemaForm, Pe as Select, Fe as SelectContent, Ie as SelectItem, Le as SelectTrigger, Re as SelectValue, ze as Slider, Be as Switch, yn as ToneSchema, H as Widget, lt as WidgetContent, L as WidgetCtx, en as WidgetDialog, pt as WidgetIcon, r as WidgetManifestSchema, Ze as WidgetSizeCtx, st as WidgetSliderFill, ht as WidgetStatus, vt as WidgetTitle, At as WidgetValue, g as byDomain, yt as calculateLightGroup, bt as calculateSensorGroup, Tt as countActiveEntities, Bn as defineConfig, We as defineWidget, t as deprecations, zn as field, n as formatDeprecation, i as formatSchemaError, wt as getEntityAttribute, s as getForecasts, c as getStream, l as getWebRtcClientConfig, u as hassMediaUrl, rt as injectTokens, Hn as isDark, Ct as isEntityActive, Vn as monotoneCubicPath, Ve as parseColor, d as sendWebRtcCandidate, f as startWebRtcSession, p as state, vn as svgColors, m as trackEntityHistory, h as untrackEntityHistory, _ as useArea, v as useCamera, ee as useConnection, y as useCurrency, b as useEntities, te as useEntity, ne as useEntityHistory, re as useEntityStatistics, x as useForecast, ie as useHassConfig, tn as useIntersectionPause, ae as useLocale, nn as useReducedMotion, qe as useService, se as useStore, S as useTemperatureUnit, Xe as useToggle, Ye as useTurnOff, Je as useTurnOn, de as useUnitSystem, Ge as useWidgetContext, rn as useWidgetDialog, Qe as useWidgetDimensions, an as useWidgetEntityGroup, hn as useWidgetGestures, bn as widgetFields, a as z };
+export { Se as Badge, Ce as Button, we as ColorSlider, Te as ColorWheel, Ee as Input, De as Label, Oe as ResponsiveDialog, ke as ResponsiveDialogContent, Ae as ResponsiveDialogDescription, je as ResponsiveDialogHeader, Me as ResponsiveDialogTitle, Wn as SDK_VERSION, Ne as SchemaForm, Pe as Select, Fe as SelectContent, Ie as SelectItem, Le as SelectTrigger, Re as SelectValue, ze as Slider, Be as Switch, bn as ToneSchema, H as Widget, lt as WidgetContent, L as WidgetCtx, tn as WidgetDialog, pt as WidgetIcon, r as WidgetManifestSchema, Ze as WidgetSizeCtx, st as WidgetSliderFill, ht as WidgetStatus, vt as WidgetTitle, At as WidgetValue, g as byDomain, yt as calculateLightGroup, bt as calculateSensorGroup, Tt as countActiveEntities, Vn as defineConfig, We as defineWidget, t as deprecations, Bn as field, n as formatDeprecation, i as formatSchemaError, wt as getEntityAttribute, s as getForecasts, c as getStream, l as getWebRtcClientConfig, u as hassMediaUrl, rt as injectTokens, Un as isDark, Ct as isEntityActive, Hn as monotoneCubicPath, Ve as parseColor, d as sendWebRtcCandidate, f as startWebRtcSession, p as state, yn as svgColors, m as trackEntityHistory, h as untrackEntityHistory, _ as useArea, v as useCalendarEvents, ee as useCamera, y as useConnection, b as useCurrency, te as useEntities, ne as useEntity, re as useEntityHistory, x as useEntityStatistics, ie as useForecast, ae as useHassConfig, nn as useIntersectionPause, oe as useLocale, rn as useReducedMotion, qe as useService, se as useStore, ce as useTemperatureUnit, Xe as useToggle, Ye as useTurnOff, Je as useTurnOn, fe as useUnitSystem, Ge as useWidgetContext, an as useWidgetDialog, Qe as useWidgetDimensions, on as useWidgetEntityGroup, gn as useWidgetGestures, xn as widgetFields, a as z };

package/dist/vite/index.js

@@ -80,7 +80,14 @@ var D = [
 	"schema",
 	"defaultConfig",
 	"examples",
-	"configVersion"
+	"configVersion",
+	"defaultSize",
+	"capabilities",
+	"name",
+	"description",
+	"icon",
+	"minSize",
+	"maxSize"
 ];
 function O(e, t, n) {
 	let r = l(e, "utf-8"), i = JSON.parse(r), a = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glasshome/widget-sdk",
-  "version": "1.9.2",
+  "version": "1.10.0",
   "description": "SDK for building GlassHome dashboard widgets with SolidJS",
   "keywords": [
     "glasshome",
@@ -53,11 +53,13 @@
   "scripts": {
     "build": "vite build && tsc && bun scripts/check-host-singleton.ts",
     "dev": "vite build --watch",
-    "test": "bun test",
+    "test": "bun test src && vitest run",
+    "test:dom": "vitest run",
+    "test:dom:watch": "vitest",
     "typecheck:test": "tsc --noEmit -p tsconfig.test.json"
   },
   "peerDependencies": {
-    "@glasshome/sync-layer": "0.6.0",
+    "@glasshome/sync-layer": "0.7.0",
     "@glasshome/ui": "1.3.0",
     "solid-js": "^1.9.11"
   },
@@ -78,11 +80,13 @@
   },
   "devDependencies": {
     "@glasshome/ui": "1.3.0",
+    "@solidjs/testing-library": "^0.8.10",
     "@types/bun": "latest",
     "@types/node": "^25.2.2",
     "typescript": "^5",
     "vite": "^8.1.0",
-    "vite-plugin-solid": "^2.11.12"
+    "vite-plugin-solid": "^2.11.12",
+    "vitest": "^4.1.10"
   },
   "repository": {
     "type": "git",