@glasshome/widget-sdk 1.2.0 → 1.2.1

package/dist/index.js

@@ -1,1413 +1,1290 @@
-import { z as A } from "zod";
-import { widgetManifestSchema as xn, formatSchemaError as yn } from "@glasshome/widget-contract";
-import { effect as W, className as I, style as le, template as x, insert as p, createComponent as k, memo as T, setStyleProperty as ee, addEventListener as K, use as Ce, delegateEvents as Se } from "solid-js/web";
-import { createElementSize as Me } from "@solid-primitives/resize-observer";
-import { createContext as De, useContext as B, Show as E, createSignal as V, onMount as Te, createMemo as j, splitProps as _e, createEffect as se, on as ge, onCleanup as ce } from "solid-js";
-import { clsx as Oe } from "clsx";
-import { twMerge as ze } from "tailwind-merge";
-import { useService as Ee, useToggle as Ne, useTurnOff as Ae, useTurnOn as Ve } from "@glasshome/sync-layer/solid";
-import { byDomain as kn, useArea as Cn, useCamera as Sn, useConnection as Mn, useCurrency as Dn, useEntities as Tn, useEntity as _n, useEntityHistory as On, useEntityStatistics as zn, useForecast as En, useHassConfig as Nn, useLocale as An, useStore as Vn, useTemperatureUnit as Wn, useUnitSystem as Rn } from "@glasshome/sync-layer/solid";
-import { getForecasts as Pn, getStream as In, getWebRtcClientConfig as Ln, sendWebRtcCandidate as Un, startWebRtcSession as jn, state as Bn, trackEntityHistory as Fn, untrackEntityHistory as Gn } from "@glasshome/sync-layer";
-function me(e) {
-  return A.toJSONSchema(e, {
-    override: (t) => {
-      const i = A.globalRegistry.get(t.zodSchema);
-      return i && typeof i == "object" && Object.keys(i).length > 0 ? { ...t.jsonSchema, ...i } : t.jsonSchema;
-    }
-  });
-}
-function We(e) {
-  try {
-    return e.parse({});
-  } catch {
-    return {};
-  }
-}
-function Jt(e) {
-  return e.configSchema && (e.manifest.schema || (e.manifest.schema = me(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = We(e.configSchema))), e;
-}
-const P = De();
-function Qt() {
-  const e = B(P);
-  if (!e)
-    throw new Error("useWidgetContext must be used within a Widget component");
-  return e;
-}
-function Re(e) {
-  const t = Array.isArray(e) ? e[0] : e, i = t?.split(".")[0];
-  if (!i) throw new Error(`Invalid entity ID: ${String(t)}`);
-  return i;
-}
-function G(e, t) {
-  return (i, r = {}) => e(Re(i), t, r, { entity_id: i });
-}
-function Zt() {
-  const e = B(P)?.callService;
-  return e ? {
-    callService: e,
-    turnOn: G(e, "turn_on"),
-    turnOff: G(e, "turn_off"),
-    toggle: G(e, "toggle")
-  } : Ee();
-}
-function en() {
-  const e = B(P)?.callService;
-  return e ? G(e, "turn_on") : Ve();
-}
-function tn() {
-  const e = B(P)?.callService;
-  return e ? G(e, "turn_off") : Ae();
-}
-function nn() {
-  const e = B(P)?.callService;
-  return e ? G(e, "toggle") : Ne();
-}
-const J = {
-  /** Background layer (gradients, images, glows) */
-  BACKGROUND: 0,
-  /** Main content layer (icon, title, text) */
-  CONTENT: 10,
-  /** Overlay layer (loading states, volume indicators) */
-  OVERLAY: 20,
-  /** Action layer (buttons, edit controls) */
-  ACTIONS: 30
-}, ve = `/* Authoritative SDK CSS contract. Injected once on first Widget mount
- * via framework/theming/tokens.ts.
- *
- * All widget-internal visual scale is driven from CSS custom properties +
- * container queries on the \`.glasshome-widget\` shell (\`container-type: size\`).
- * No JS classifier, no size tier enum.
- */
-
-:root {
-  --tone-success:  oklch(0.70 0.18 145);
-  --tone-warning:  oklch(0.80 0.17 75);
-  --tone-danger:   oklch(0.64 0.22 27);
-  --tone-info:     oklch(0.66 0.20 245);
-  --tone-neutral:  oklch(0.65 0.02 250);
-  --tone-accent:   oklch(0.74 0.18 60);
-
-  --widget-grad-strength:    1;
-  --widget-glow-default:     0.4;
-  --widget-border-highlight: oklch(0.98 0 0 / 0.4);
-}
-
-.dark {
-  --tone-success:  oklch(0.74 0.18 145);
-  --tone-warning:  oklch(0.82 0.17 75);
-  --tone-danger:   oklch(0.68 0.22 27);
-  --tone-info:     oklch(0.70 0.20 245);
-  --tone-neutral:  oklch(0.69 0.02 250);
-  --tone-accent:   oklch(0.78 0.18 60);
-
-  --widget-grad-strength:    1.1;
-  --widget-glow-default:     0.5;
-  --widget-border-highlight: oklch(1 0 0 / 0.08);
-}
-
-@property --widget-color {
-  syntax: "<color>";
-  inherits: true;
-  initial-value: oklch(0.65 0.02 250);
-}
-
-/* === Widget shell ===
- * Fluid scale tokens — tied to the shell's own container box (cqmin/cqi/cqb).
- * Same input box → same output, so two widgets at the same grid cell match
- * exactly. Tune multipliers / clamps to adjust density. */
-.glasshome-widget {
-  --widget-color: var(--tone-neutral);
-  --widget-glow-strength: var(--widget-glow-default);
-
-  --widget-icon-box:    clamp(28px, 22cqmin, 64px);
-  --widget-icon-glyph:  clamp(16px, 13cqmin, 36px);
-  --widget-pad:         clamp(8px,  4cqmin,  24px);
-  --widget-gap:         clamp(6px,  2cqmin,  16px);
-  --widget-title-size:  clamp(12px, 2cqi,    18px);
-  --widget-subtitle:    clamp(12px, 2.5cqi,  20px);
-  --widget-status-size: clamp(14px, 5cqi,    36px);
-  --widget-value-size:  clamp(18px, 7cqi,    48px);
-  --widget-badge-size:  clamp(11px, 1.6cqi,  14px);
-}
-
-.glasshome-widget {
-  background: var(--widget-gradient,
-    linear-gradient(135deg,
-      color-mix(in oklch, var(--widget-color) calc(22% * var(--widget-grad-strength)), transparent),
-      color-mix(in oklch, var(--widget-color-to, var(--widget-color)) calc(11% * var(--widget-grad-strength)), transparent)
-    )
-  );
-  box-shadow: inset 0 1px 0 var(--widget-border-highlight);
-}
-
-/* === Slot: content layout === */
-/* Default: column. Flip to row only on wide-and-short widgets (matches the
- * old contentLayout heuristic: aspect > 1 AND height < 150px). */
-.glasshome-widget-content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  width: 100%;
-  height: 100%;
-  padding: var(--widget-pad);
-  gap: var(--widget-gap);
-  overflow: hidden;
-}
-@container widget (min-aspect-ratio: 1) and (max-height: 149px) {
-  .glasshome-widget-content {
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-  }
-}
-.glasshome-widget-content [class*="ml-auto"] {
-  position: relative;
-  z-index: 30;
-}
-
-/* === Slot: icon === */
-.glasshome-widget-icon {
-  width: var(--widget-icon-box);
-  height: var(--widget-icon-box);
-  border-radius: var(--radius-sm, 12px);
-  background: var(--widget-icon-color, var(--widget-color));
-  box-shadow: 0 0 calc(var(--widget-glow-strength) * 30px)
-    color-mix(in oklch, var(--widget-icon-color, var(--widget-color)) 50%, transparent);
-  color: oklch(from var(--widget-icon-color, var(--widget-color)) calc(0.52 + sign(0.5 - l) * 0.43) calc(c * 0.2) h);
-}
-.glasshome-widget-icon-glyph {
-  font-size: var(--widget-icon-glyph);
-  line-height: 1;
-}
-.glasshome-widget-icon-stack {
-  position: absolute;
-  width: 102%;
-  height: 102%;
-  border-radius: var(--radius-sm, 12px);
-}
-.glasshome-widget-icon-stack-2 { bottom: -14%; right: -10%; opacity: 0.45; z-index: -2; }
-.glasshome-widget-icon-stack-3 { bottom: -28%; right: -20%; opacity: 0.20; z-index: -3; }
-
-/* === Slot: text === */
-.glasshome-widget-title {
-  font-size: var(--widget-title-size);
-  line-height: 1.2;
-  color: color-mix(in oklch, var(--color-foreground, currentColor) 60%, transparent);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.glasshome-widget-subtitle {
-  font-size: var(--widget-subtitle);
-  color: color-mix(in oklch, var(--color-foreground, currentColor) 60%, transparent);
-}
-.glasshome-widget-status {
-  font-size: var(--widget-status-size);
-  font-weight: 700;
-  color: var(--color-foreground, currentColor);
-  line-height: 1.1;
-}
-.glasshome-widget-value {
-  font-size: var(--widget-value-size);
-  font-weight: 700;
-  color: var(--color-foreground, currentColor);
-  line-height: 1.05;
-}
-.glasshome-widget-badge {
-  font-size: var(--widget-badge-size);
-  font-weight: 500;
-  padding: 0.125rem 0.5rem;
-  border-radius: 9999px;
-  background: color-mix(in oklch, var(--color-foreground, currentColor) 20%, transparent);
-  color: var(--color-foreground, currentColor);
-}
-
-.glasshome-widget-loading {
-  background: color-mix(in oklch, var(--widget-color) 20%, transparent);
-}
-
-/* === Slider fill ===
- * Value flows in via --widget-fill-value (0-100). Vertical orientation auto-
- * detected via container query. */
-.glasshome-widget-slider-fill {
-  --widget-fill-value: 0;
-  background: color-mix(in oklch, var(--widget-icon-color, var(--widget-color)) 30%, transparent);
-  box-shadow: 0 0 calc(var(--widget-glow-strength) * 40px)
-    color-mix(in oklch, var(--widget-icon-color, var(--widget-color)) 40%, transparent);
-  clip-path: inset(0 calc((100 - var(--widget-fill-value)) * 1%) 0 0);
-}
-@container widget (max-aspect-ratio: 1) {
-  .glasshome-widget-slider-fill {
-    clip-path: inset(calc((100 - var(--widget-fill-value)) * 1%) 0 0 0);
-  }
-}
-`;
-let re = !1, Q;
-const he = /* @__PURE__ */ new WeakSet();
-function He() {
-  return Q || (Q = new CSSStyleSheet(), Q.replaceSync(
-    ve.replace(/:root\b/g, ":host").replace(/^\.dark\b/gm, ":host(.dark)")
-  )), Q;
+import { WidgetManifestSchema as e, formatSchemaError as t } from "./schemas.js";
+import { z as n } from "zod";
+import { getForecasts as r, getStream as i, getWebRtcClientConfig as a, sendWebRtcCandidate as o, startWebRtcSession as s, state as c, trackEntityHistory as l, untrackEntityHistory as u } from "@glasshome/sync-layer";
+import { byDomain as d, useArea as f, useCamera as p, useConnection as m, useCurrency as h, useEntities as g, useEntity as _, useEntityHistory as v, useEntityStatistics as ee, useForecast as y, useHassConfig as b, useLocale as te, useService as x, useStore as ne, useTemperatureUnit as re, useToggle as ie, useTurnOff as S, useTurnOn as ae, useUnitSystem as oe } from "@glasshome/sync-layer/solid";
+import { Show as C, createContext as se, createEffect as ce, createMemo as w, createSignal as T, on as le, onCleanup as E, onMount as ue, splitProps as de, useContext as D } from "solid-js";
+import { addEventListener as O, className as k, createComponent as A, delegateEvents as fe, effect as j, insert as M, memo as N, setStyleProperty as P, style as pe, template as F, use as me } from "solid-js/web";
+import { createElementSize as he } from "@solid-primitives/resize-observer";
+import { clsx as ge } from "clsx";
+import { twMerge as _e } from "tailwind-merge";
+//#region src/framework/to-form-schema.ts
+function ve(e) {
+	return n.toJSONSchema(e, { override: (e) => {
+		let t = n.globalRegistry.get(e.zodSchema);
+		return t && typeof t == "object" && Object.keys(t).length > 0 ? {
+			...e.jsonSchema,
+			...t
+		} : e.jsonSchema;
+	} });
+}
+function ye(e) {
+	try {
+		return e.parse({});
+	} catch {
+		return {};
+	}
+}
+//#endregion
+//#region src/define-widget.ts
+function be(e) {
+	return e.configSchema && (e.manifest.schema || (e.manifest.schema = ve(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = ye(e.configSchema))), e;
+}
+//#endregion
+//#region src/framework/hooks/use-widget-context.ts
+var I = se();
+function xe() {
+	let e = D(I);
+	if (!e) throw Error("useWidgetContext must be used within a Widget component");
+	return e;
+}
+//#endregion
+//#region src/framework/hooks/use-service.ts
+function Se(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 L(e, t) {
+	return (n, r = {}) => e(Se(n), t, r, { entity_id: n });
+}
+function Ce() {
+	let e = D(I)?.callService;
+	return e ? {
+		callService: e,
+		turnOn: L(e, "turn_on"),
+		turnOff: L(e, "turn_off"),
+		toggle: L(e, "toggle")
+	} : x();
+}
+function we() {
+	let e = D(I)?.callService;
+	return e ? L(e, "turn_on") : ae();
+}
+function Te() {
+	let e = D(I)?.callService;
+	return e ? L(e, "turn_off") : S();
+}
+function Ee() {
+	let e = D(I)?.callService;
+	return e ? L(e, "toggle") : ie();
+}
+//#endregion
+//#region src/framework/design-system/z-index.ts
+var R = {
+	BACKGROUND: 0,
+	CONTENT: 10,
+	OVERLAY: 20,
+	ACTIONS: 30
+}, De = "/* 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.70 0.18 145);\n  --tone-warning:  oklch(0.80 0.17 75);\n  --tone-danger:   oklch(0.64 0.22 27);\n  --tone-info:     oklch(0.66 0.20 245);\n  --tone-neutral:  oklch(0.65 0.02 250);\n  --tone-accent:   oklch(0.74 0.18 60);\n\n  --widget-grad-strength:    1;\n  --widget-glow-default:     0.4;\n  --widget-border-highlight: oklch(0.98 0 0 / 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.70 0.20 245);\n  --tone-neutral:  oklch(0.69 0.02 250);\n  --tone-accent:   oklch(0.78 0.18 60);\n\n  --widget-grad-strength:    1.1;\n  --widget-glow-default:     0.5;\n  --widget-border-highlight: oklch(1 0 0 / 0.08);\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 * Fluid scale tokens — tied to the shell's own container box (cqmin/cqi/cqb).\n * Same input box → same output, so two widgets at the same grid cell match\n * exactly. Tune multipliers / clamps to adjust density. */\n.glasshome-widget {\n  --widget-color: var(--tone-neutral);\n  --widget-glow-strength: var(--widget-glow-default);\n\n  --widget-icon-box:    clamp(28px, 22cqmin, 64px);\n  --widget-icon-glyph:  clamp(16px, 13cqmin, 36px);\n  --widget-pad:         clamp(8px,  4cqmin,  24px);\n  --widget-gap:         clamp(6px,  2cqmin,  16px);\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.glasshome-widget {\n  background: var(--widget-gradient,\n    linear-gradient(135deg,\n      color-mix(in oklch, var(--widget-color) calc(22% * var(--widget-grad-strength)), transparent),\n      color-mix(in oklch, var(--widget-color-to, var(--widget-color)) calc(11% * var(--widget-grad-strength)), transparent)\n    )\n  );\n  box-shadow: inset 0 1px 0 var(--widget-border-highlight);\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}\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.glasshome-widget-content [class*=\"ml-auto\"] {\n  position: relative;\n  z-index: 30;\n}\n\n/* === Slot: icon === */\n.glasshome-widget-icon {\n  width: var(--widget-icon-box);\n  height: var(--widget-icon-box);\n  border-radius: var(--radius-sm, 12px);\n  background: var(--widget-icon-color, var(--widget-color));\n  box-shadow: 0 0 calc(var(--widget-glow-strength) * 30px)\n    color-mix(in oklch, var(--widget-icon-color, var(--widget-color)) 50%, transparent);\n  color: oklch(from var(--widget-icon-color, var(--widget-color)) calc(0.52 + sign(0.5 - l) * 0.43) calc(c * 0.2) h);\n}\n.glasshome-widget-icon-glyph {\n  font-size: var(--widget-icon-glyph);\n  line-height: 1;\n}\n.glasshome-widget-icon-stack {\n  position: absolute;\n  width: 102%;\n  height: 102%;\n  border-radius: var(--radius-sm, 12px);\n}\n.glasshome-widget-icon-stack-2 { bottom: -14%; right: -10%; opacity: 0.45; z-index: -2; }\n.glasshome-widget-icon-stack-3 { bottom: -28%; right: -20%; opacity: 0.20; z-index: -3; }\n\n/* === Slot: text === */\n.glasshome-widget-title {\n  font-size: var(--widget-title-size);\n  line-height: 1.2;\n  color: color-mix(in oklch, var(--color-foreground, currentColor) 60%, transparent);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.glasshome-widget-subtitle {\n  font-size: var(--widget-subtitle);\n  color: color-mix(in oklch, var(--color-foreground, currentColor) 60%, transparent);\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: color-mix(in oklch, var(--widget-icon-color, var(--widget-color)) 30%, transparent);\n  box-shadow: 0 0 calc(var(--widget-glow-strength) * 40px)\n    color-mix(in oklch, var(--widget-icon-color, var(--widget-color)) 40%, transparent);\n  clip-path: inset(0 calc((100 - var(--widget-fill-value)) * 1%) 0 0);\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);\n  }\n}\n", z = !1, B, Oe = /* @__PURE__ */ new WeakSet();
+function ke() {
+	return B || (B = new CSSStyleSheet(), B.replaceSync(De.replace(/:root\b/g, ":host").replace(/^\.dark\b/gm, ":host(.dark)"))), B;
+}
+function Ae(e) {
+	if (typeof ShadowRoot < "u" && e instanceof ShadowRoot) {
+		if (Oe.has(e)) return;
+		let t = ke();
+		e.adoptedStyleSheets.includes(t) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, t]), Oe.add(e);
+		return;
+	}
+	if (z) return;
+	let t = e ?? (typeof document > "u" ? void 0 : document);
+	if (!t) return;
+	if (t.head.querySelector?.("style[data-glasshome-tokens]")) {
+		z = !0;
+		return;
+	}
+	let n = t.createElement("style");
+	n.setAttribute("data-glasshome-tokens", ""), n.textContent = De, t.head.appendChild(n), z = !0;
+}
+//#endregion
+//#region src/framework/utils/cn.ts
+function V(...e) {
+	return _e(ge(e));
+}
+var je = {
+	"classic-glass": {
+		id: "classic-glass",
+		name: "Classic Glass",
+		description: "Default glassmorphism design with blur background and gradient",
+		styles: {
+			cssVars: {
+				"--widget-bg": "rgba(255, 255, 255, 0.1)",
+				"--widget-border": "rgba(255, 255, 255, 0.2)",
+				"--widget-blur": "12px",
+				"--widget-shadow": "0 8px 32px rgba(0, 0, 0, 0.2)",
+				"--widget-padding": "1.5rem"
+			},
+			class: "backdrop-blur-xl"
+		},
+		layout: {
+			type: "flex",
+			direction: "column",
+			align: "start",
+			justify: "start",
+			gap: "0.75rem"
+		},
+		interactions: {
+			hover: !0,
+			active: !0,
+			focus: !0,
+			hoverScale: 1.02,
+			activeScale: .98
+		}
+	},
+	minimal: {
+		id: "minimal",
+		name: "Minimal",
+		description: "Clean, minimal design with no background effects",
+		styles: { cssVars: {
+			"--widget-bg": "transparent",
+			"--widget-border": "rgba(255, 255, 255, 0.1)",
+			"--widget-padding": "1rem"
+		} },
+		layout: {
+			type: "flex",
+			direction: "column",
+			align: "start",
+			justify: "start",
+			gap: "0.5rem"
+		},
+		elements: { visible: {
+			background: !1,
+			decorations: !1
+		} },
+		interactions: {
+			hover: !1,
+			active: !1,
+			focus: !0
+		}
+	},
+	"compact-horizontal": {
+		id: "compact-horizontal",
+		name: "Compact Horizontal",
+		description: "Horizontal layout for compact widgets",
+		styles: {
+			cssVars: {
+				"--widget-bg": "rgba(255, 255, 255, 0.08)",
+				"--widget-border": "rgba(255, 255, 255, 0.15)",
+				"--widget-blur": "10px",
+				"--widget-padding": "1rem",
+				"--widget-icon-size": "2.5rem"
+			},
+			class: "backdrop-blur-lg"
+		},
+		layout: {
+			type: "flex",
+			direction: "row",
+			align: "center",
+			justify: "start",
+			gap: "1rem"
+		},
+		interactions: {
+			hover: !0,
+			active: !0,
+			focus: !0,
+			hoverScale: 1.02,
+			activeScale: .98
+		}
+	}
+};
+function Me(e) {
+	return je[e];
 }
+//#endregion
+//#region src/framework/backgrounds/WidgetSliderFill.tsx
+var Ne = /*#__PURE__*/ F("<div>");
 function Pe(e) {
-  if (typeof ShadowRoot < "u" && e instanceof ShadowRoot) {
-    if (he.has(e)) return;
-    const r = He();
-    e.adoptedStyleSheets.includes(r) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, r]), he.add(e);
-    return;
-  }
-  if (re) return;
-  const t = e ?? (typeof document > "u" ? void 0 : document);
-  if (!t) return;
-  if (t.head.querySelector?.("style[data-glasshome-tokens]")) {
-    re = !0;
-    return;
-  }
-  const i = t.createElement("style");
-  i.setAttribute("data-glasshome-tokens", ""), i.textContent = ve, t.head.appendChild(i), re = !0;
-}
-function R(...e) {
-  return ze(Oe(e));
-}
-const Ie = {
-  id: "classic-glass",
-  name: "Classic Glass",
-  description: "Default glassmorphism design with blur background and gradient",
-  styles: {
-    cssVars: {
-      "--widget-bg": "rgba(255, 255, 255, 0.1)",
-      "--widget-border": "rgba(255, 255, 255, 0.2)",
-      "--widget-blur": "12px",
-      "--widget-shadow": "0 8px 32px rgba(0, 0, 0, 0.2)",
-      "--widget-padding": "1.5rem"
-    },
-    class: "backdrop-blur-xl"
-  },
-  layout: {
-    type: "flex",
-    direction: "column",
-    align: "start",
-    justify: "start",
-    gap: "0.75rem"
-  },
-  interactions: {
-    hover: !0,
-    active: !0,
-    focus: !0,
-    hoverScale: 1.02,
-    activeScale: 0.98
-  }
-}, Le = {
-  id: "minimal",
-  name: "Minimal",
-  description: "Clean, minimal design with no background effects",
-  styles: {
-    cssVars: {
-      "--widget-bg": "transparent",
-      "--widget-border": "rgba(255, 255, 255, 0.1)",
-      "--widget-padding": "1rem"
-    }
-  },
-  layout: {
-    type: "flex",
-    direction: "column",
-    align: "start",
-    justify: "start",
-    gap: "0.5rem"
-  },
-  elements: {
-    visible: {
-      background: !1,
-      decorations: !1
-    }
-  },
-  interactions: {
-    hover: !1,
-    active: !1,
-    focus: !0
-  }
-}, Ue = {
-  id: "compact-horizontal",
-  name: "Compact Horizontal",
-  description: "Horizontal layout for compact widgets",
-  styles: {
-    cssVars: {
-      "--widget-bg": "rgba(255, 255, 255, 0.08)",
-      "--widget-border": "rgba(255, 255, 255, 0.15)",
-      "--widget-blur": "10px",
-      "--widget-padding": "1rem",
-      "--widget-icon-size": "2.5rem"
-    },
-    class: "backdrop-blur-lg"
-  },
-  layout: {
-    type: "flex",
-    direction: "row",
-    align: "center",
-    justify: "start",
-    gap: "1rem"
-  },
-  interactions: {
-    hover: !0,
-    active: !0,
-    focus: !0,
-    hoverScale: 1.02,
-    activeScale: 0.98
-  }
-}, je = {
-  "classic-glass": Ie,
-  minimal: Le,
-  "compact-horizontal": Ue
-};
+	return (() => {
+		var t = Ne();
+		return j((n) => {
+			var r = V("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": R.BACKGROUND,
+				...e.color ? { "--widget-icon-color": e.color } : {}
+			};
+			return r !== n.e && k(t, n.e = r), n.t = pe(t, i, n.t), n;
+		}, {
+			e: void 0,
+			t: void 0
+		}), t;
+	})();
+}
+//#endregion
+//#region src/framework/components/WidgetContent.tsx
+var Fe = /*#__PURE__*/ F("<div>");
+function Ie(e) {
+	return (() => {
+		var t = Fe();
+		return M(t, () => e.children), j(() => k(t, V("glasshome-widget-content", e.class))), t;
+	})();
+}
+//#endregion
+//#region src/framework/components/WidgetIcon.tsx
+var Le = /*#__PURE__*/ F("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2\">"), Re = /*#__PURE__*/ F("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3\">"), ze = /*#__PURE__*/ F("<div><div class=\"glasshome-widget-icon-glyph flex items-center justify-center\">");
 function Be(e) {
-  return je[e];
-}
-var Fe = /* @__PURE__ */ x("<div>");
+	let t = () => e.entityCount ?? 1;
+	return (() => {
+		var n = ze(), r = n.firstChild;
+		return M(n, A(C, {
+			get when() {
+				return t() >= 2;
+			},
+			get children() {
+				return Le();
+			}
+		}), r), M(n, A(C, {
+			get when() {
+				return t() >= 3;
+			},
+			get children() {
+				return Re();
+			}
+		}), r), M(r, () => e.icon), j((t) => {
+			var r = V("glasshome-widget-icon", "relative flex shrink-0 items-center justify-center pointer-events-none transition-all", e.dimmed && "opacity-50", e.class), i = e.color ? { "--widget-icon-color": e.color } : void 0;
+			return r !== t.e && k(n, t.e = r), t.t = pe(n, i, t.t), t;
+		}, {
+			e: void 0,
+			t: void 0
+		}), n;
+	})();
+}
+//#endregion
+//#region src/framework/components/WidgetStatus.tsx
+var Ve = /*#__PURE__*/ F("<p>");
+function He(e) {
+	return (() => {
+		var t = Ve();
+		return M(t, (() => {
+			var t = N(() => !!e.isUnavailable);
+			return () => t() ? "Unavailable" : e.children;
+		})()), j((n) => {
+			var r = V("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), i = R.ACTIONS;
+			return r !== n.e && k(t, n.e = r), i !== n.t && P(t, "z-index", n.t = i), n;
+		}, {
+			e: void 0,
+			t: void 0
+		}), t;
+	})();
+}
+//#endregion
+//#region src/framework/components/WidgetTitle.tsx
+var Ue = /*#__PURE__*/ F("<span class=\"glasshome-widget-badge shrink-0\">"), We = /*#__PURE__*/ F("<div><h3 class=glasshome-widget-title>");
 function Ge(e) {
-  return (() => {
-    var t = Fe();
-    return W((i) => {
-      var r = R("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), n = {
-        "--widget-fill-value": e.value,
-        "z-index": J.BACKGROUND,
-        ...e.color ? {
-          "--widget-icon-color": e.color
-        } : {}
-      };
-      return r !== i.e && I(t, i.e = r), i.t = le(t, n, i.t), i;
-    }, {
-      e: void 0,
-      t: void 0
-    }), t;
-  })();
-}
-var qe = /* @__PURE__ */ x("<div>");
+	return (() => {
+		var t = We(), n = t.firstChild;
+		return M(n, () => e.children), M(t, A(C, {
+			get when() {
+				return N(() => e.badge !== void 0)() && e.badge > 0;
+			},
+			get children() {
+				var t = Ue();
+				return M(t, () => e.badge), t;
+			}
+		}), null), j((n) => {
+			var r = V("relative flex items-center gap-2", e.class), i = R.ACTIONS;
+			return r !== n.e && k(t, n.e = r), i !== n.t && P(t, "z-index", n.t = i), n;
+		}, {
+			e: void 0,
+			t: void 0
+		}), t;
+	})();
+}
+//#endregion
+//#region src/framework/utils/entity-aggregation.ts
+function Ke(e, t = !1) {
+	if (e.length === 0) return {
+		isGroup: !1,
+		state: "unknown",
+		isOn: !1,
+		isUnavailable: !0,
+		brightness: 0,
+		brightnessPercent: 0,
+		color: "rgb(100, 100, 100)",
+		onCount: 0,
+		totalCount: 0,
+		description: "No entities"
+	};
+	let n = e.length > 1;
+	if (!n) {
+		let t = e[0], n = t.state === "on", r = t.attributes?.brightness || 0, i = Math.round(r / 255 * 100);
+		return {
+			isGroup: !1,
+			state: t.state,
+			isOn: n,
+			isUnavailable: t.state === "unavailable",
+			brightness: r,
+			brightnessPercent: i,
+			color: Je(t),
+			onCount: +!!n,
+			totalCount: 1,
+			description: n ? "On" : "Off"
+		};
+	}
+	let r = 0, i = 0, a = 0, o = 0, s = 0, c = 0, l = [];
+	for (let t of e) switch (t.state) {
+		case "on":
+			r++, t.attributes?.brightness !== void 0 && (s += t.attributes.brightness, c++), t.attributes?.rgb_color && l.push(t.attributes.rgb_color);
+			break;
+		case "off":
+			i++;
+			break;
+		case "unknown":
+			a++;
+			break;
+		case "unavailable":
+			o++;
+			break;
+	}
+	let u = e.length, d = o === u, f = a + o === u, p = r > 0, m = r === u, h = i === u, g, _;
+	t ? d ? (g = "unavailable", _ = !1) : a > 0 || o > 0 ? (g = "unknown", _ = !1) : i > 0 ? (g = "off", _ = !1) : (g = "on", _ = !0) : d ? (g = "unavailable", _ = !1) : f ? (g = "unknown", _ = !1) : p ? (g = "on", _ = !0) : (g = "off", _ = !1);
+	let v = c > 0 ? Math.round(s / c) : 0, ee = Math.round(v / 255 * 100), y;
+	if (l.length > 0) {
+		let e = Math.round(l.reduce((e, t) => e + t[0], 0) / l.length), t = Math.round(l.reduce((e, t) => e + t[1], 0) / l.length), n = Math.round(l.reduce((e, t) => e + t[2], 0) / l.length), r = v / 255;
+		y = `rgb(${Math.round(e * r)}, ${Math.round(t * r)}, ${Math.round(n * r)})`;
+	} else y = Je(e[0]);
+	let b;
+	return b = m ? "All on" : h ? "All off" : r > 0 ? `${r} of ${u} on` : "Off", {
+		isGroup: n,
+		state: g,
+		isOn: _,
+		isUnavailable: g === "unavailable",
+		brightness: v,
+		brightnessPercent: ee,
+		color: y,
+		onCount: r,
+		totalCount: u,
+		description: b
+	};
+}
+function qe(e, t = "mean", n = !0) {
+	if (e.length === 0) return {
+		isGroup: !1,
+		state: "unknown",
+		numericValue: null,
+		isUnavailable: !0,
+		description: "No entities"
+	};
+	let r = e.length > 1;
+	if (!r) {
+		let t = e[0], n = Number.parseFloat(t.state), r = t.state;
+		return Number.isNaN(n) || (r = Number.isInteger(n) ? n.toString() : n.toFixed(1)), {
+			isGroup: !1,
+			state: r,
+			numericValue: Number.isNaN(n) ? null : n,
+			isUnavailable: t.state === "unavailable",
+			unit: t.unitOfMeasurement ?? void 0,
+			description: r
+		};
+	}
+	let i = [], a = [], o = 0, s;
+	for (let t of e) {
+		if (!s && t.unitOfMeasurement && (s = t.unitOfMeasurement), t.state === "unavailable") {
+			o++, a.push({
+				entityId: t.id,
+				value: "unavailable",
+				friendly_name: t.friendlyName
+			});
+			continue;
+		}
+		let e = Number.parseFloat(t.state);
+		isNaN(e) ? n || a.push({
+			entityId: t.id,
+			value: t.state,
+			friendly_name: t.friendlyName
+		}) : (i.push(e), a.push({
+			entityId: t.id,
+			value: e,
+			friendly_name: t.friendlyName
+		}));
+	}
+	let c = o === e.length, l = i.length === 0;
+	if (c || l) return {
+		isGroup: r,
+		state: c ? "unavailable" : "unknown",
+		numericValue: null,
+		isUnavailable: c,
+		unit: s,
+		description: c ? "Unavailable" : "No numeric values",
+		memberValues: a
+	};
+	let u, d;
+	switch (t) {
+		case "min":
+			u = Math.min(...i), d = "Minimum";
+			break;
+		case "max":
+			u = Math.max(...i), d = "Maximum";
+			break;
+		case "mean":
+			u = i.reduce((e, t) => e + t, 0) / i.length, d = "Average";
+			break;
+		case "median": {
+			let e = [...i].sort((e, t) => e - t), t = Math.floor(e.length / 2);
+			u = e.length % 2 == 0 ? (e[t - 1] + e[t]) / 2 : e[t], d = "Median";
+			break;
+		}
+		case "sum":
+			u = i.reduce((e, t) => e + t, 0), d = "Sum";
+			break;
+		case "last":
+			u = i[i.length - 1], d = "Latest";
+			break;
+		case "range":
+			u = Math.max(...i) - Math.min(...i), d = "Range";
+			break;
+		case "product":
+			u = i.reduce((e, t) => e * t, 1), d = "Product";
+			break;
+		case "std_dev": {
+			let e = i.reduce((e, t) => e + t, 0) / i.length, t = i.reduce((t, n) => t + (n - e) ** 2, 0) / i.length;
+			u = Math.sqrt(t), d = "Std Dev";
+			break;
+		}
+		default: u = i.reduce((e, t) => e + t, 0) / i.length, d = "Average";
+	}
+	return {
+		isGroup: r,
+		state: Number.isInteger(u) ? u.toString() : u.toFixed(1),
+		numericValue: u,
+		isUnavailable: !1,
+		unit: s,
+		description: `${d} of ${i.length}`,
+		memberValues: a
+	};
+}
+function Je(e) {
+	if (e.state !== "on") return "rgb(100, 100, 100)";
+	let t = (e.attributes?.brightness ?? 255) / 255;
+	if (e.attributes?.rgb_color) {
+		let [n, r, i] = e.attributes.rgb_color;
+		return `rgb(${Math.round(n * t)}, ${Math.round(r * t)}, ${Math.round(i * t)})`;
+	}
+	if (e.attributes?.color_temp) {
+		let n = 1e6 / e.attributes.color_temp / 100, r, i, a;
+		return n <= 66 ? (r = 255, i = n <= 19 ? 0 : 99.4708025861 * Math.log(n - 10) - 161.1195681661, a = n <= 19 ? 0 : n <= 66 ? 138.5177312231 * Math.log(n - 10) - 305.0447927307 : 255) : (r = 329.698727446 * (n - 60) ** -.1332047592, i = 288.1221695283 * (n - 60) ** -.0755148492, a = 255), r = Math.max(0, Math.min(255, r)) * t, i = Math.max(0, Math.min(255, i)) * t, a = Math.max(0, Math.min(255, a)) * t, `rgb(${Math.round(r)}, ${Math.round(i)}, ${Math.round(a)})`;
+	}
+	return `rgb(${Math.round(255 * t)}, ${Math.round(220 * t)}, ${Math.round(180 * t)})`;
+}
+//#endregion
+//#region src/framework/utils/entity-state.ts
 function Ye(e) {
-  return (() => {
-    var t = qe();
-    return p(t, () => e.children), W(() => I(t, R("glasshome-widget-content", e.class))), t;
-  })();
-}
-var Ke = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2">'), Xe = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3">'), Je = /* @__PURE__ */ x('<div><div class="glasshome-widget-icon-glyph flex items-center justify-center">');
-function Qe(e) {
-  const t = () => e.entityCount ?? 1;
-  return (() => {
-    var i = Je(), r = i.firstChild;
-    return p(i, k(E, {
-      get when() {
-        return t() >= 2;
-      },
-      get children() {
-        return Ke();
-      }
-    }), r), p(i, k(E, {
-      get when() {
-        return t() >= 3;
-      },
-      get children() {
-        return Xe();
-      }
-    }), r), p(r, () => e.icon), W((n) => {
-      var o = R("glasshome-widget-icon", "relative flex shrink-0 items-center justify-center pointer-events-none transition-all", e.dimmed && "opacity-50", e.class), u = e.color ? {
-        "--widget-icon-color": e.color
-      } : void 0;
-      return o !== n.e && I(i, n.e = o), n.t = le(i, u, n.t), n;
-    }, {
-      e: void 0,
-      t: void 0
-    }), i;
-  })();
+	if (!e) return !1;
+	if ([
+		"on",
+		"open",
+		"locked",
+		"home",
+		"playing",
+		"active"
+	].includes(e.state)) return !0;
+	if (e.domain === "sensor") {
+		let t = Number.parseFloat(e.state);
+		return !isNaN(t) && t > 0;
+	}
+	return !1;
+}
+function Xe(e, t, n) {
+	return e?.attributes ? e.attributes[t] ?? n : n;
+}
+function Ze(e) {
+	return e.filter(Ye).length;
+}
+//#endregion
+//#region src/framework/utils/format-value.ts
+function Qe(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}` : "--";
+	let a = e, o = t || "";
+	i && t && (t === "W" || t === "kW" || t === "MW") && (e >= 1e6 ? (a = e / 1e6, o = "MW") : e >= 1e3 ? (a = e / 1e3, o = "kW") : o = "W"), i && t && (t === "B" || t === "KB" || t === "MB" || t === "GB") && (e >= 1073741824 ? (a = e / 1073741824, o = "GB") : e >= 1048576 ? (a = e / 1048576, o = "MB") : e >= 1024 ? (a = e / 1024, o = "KB") : o = "B");
+	let s;
+	return s = r === void 0 ? a === e ? Number.isInteger(e) ? e.toString() : Number.parseFloat(e.toFixed(2)).toString() : a.toFixed(1) : a.toFixed(r), o ? `${s}${o}` : s;
+}
+//#endregion
+//#region src/framework/utils/interpret-value.ts
+function $e(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 et = /*#__PURE__*/ F("<div class=glasshome-widget-subtitle>"), tt = /*#__PURE__*/ F("<div><div class=glasshome-widget-value>");
+function nt(e) {
+	return (() => {
+		var t = tt(), n = t.firstChild;
+		return M(n, () => Qe(e.value, e.unit)), M(t, A(C, {
+			get when() {
+				return N(() => !!e.interpret)() && typeof e.value == "number";
+			},
+			get children() {
+				var t = et();
+				return M(t, () => $e(e.value, e.unit)), t;
+			}
+		}), null), j(() => k(t, V("flex flex-col", e.class))), t;
+	})();
+}
+//#endregion
+//#region src/framework/core/Widget.tsx
+var rt = /*#__PURE__*/ F("<div><div class=\"relative h-full w-full\">"), it = /*#__PURE__*/ F("<div class=\"glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse\">"), at = /*#__PURE__*/ F("<div class=\"flex h-full w-full flex-col items-center justify-center gap-2 text-center\">"), ot = /*#__PURE__*/ F("<div class=\"flex items-center justify-center text-white/30\">"), st = /*#__PURE__*/ F("<h3 class=\"font-semibold text-sm text-white/60\">"), ct = /*#__PURE__*/ F("<p class=\"text-white/50 text-xs\">");
+function lt(e) {
+	let t = D(I), [n, r] = T(), i = he(n);
+	ue(() => {
+		let e = n()?.getRootNode();
+		Ae(typeof ShadowRoot < "u" && e instanceof ShadowRoot || typeof Document < "u" && e instanceof Document ? e : void 0);
+	});
+	let a = {
+		isEditMode: () => e.isEditMode ?? !1,
+		updateConfig: t?.updateConfig ?? (() => {}),
+		registerDialogOpener: t?.registerDialogOpener,
+		callService: t?.callService,
+		dimensions: () => ({
+			width: i.width ?? 0,
+			height: i.height ?? 0
+		})
+	}, o = w(() => {
+		if (e.variant) return typeof e.variant == "string" ? Me(e.variant) : e.variant;
+	}), s = w(() => ({
+		"container-type": "size",
+		"container-name": "widget",
+		"touch-action": e.gestures && !e.isEditMode ? e.gestures.touchAction() : void 0,
+		...o()?.styles?.container,
+		...o()?.styles?.cssVars || {},
+		...e.tone ? { "--widget-color": `var(--tone-${e.tone})` } : {},
+		...e.color ? { "--widget-color": e.color } : {},
+		...e.colorTo ? { "--widget-color-to": e.colorTo } : {},
+		...e.gradient ? { "--widget-gradient": e.gradient } : {}
+	})), c = () => !!e.gestures && !e.isEditMode, l = (t) => {
+		c() && e.gestures?.onPointerEnter(t);
+	}, u = (t) => {
+		c() && e.gestures?.onPointerDown(t);
+	}, d = (t) => {
+		c() && e.gestures?.onPointerMove(t);
+	}, f = (t) => {
+		c() && e.gestures?.onPointerUp(t);
+	}, p = (t) => {
+		c() && e.gestures?.onPointerCancel(t);
+	};
+	return A(I.Provider, {
+		value: a,
+		get children() {
+			var t = rt(), n = t.firstChild;
+			return O(t, "pointercancel", p), O(t, "pointerup", f), O(t, "pointermove", d), O(t, "pointerdown", u), O(t, "pointerenter", l), me((t) => {
+				r(t), e.gestures?.bindElement(t);
+			}, t), M(n, (() => {
+				var t = N(() => !!e.emptyState);
+				return () => t() ? A(ut, {
+					get icon() {
+						return e.emptyState.icon;
+					},
+					get title() {
+						return e.emptyState.title;
+					},
+					get message() {
+						return e.emptyState.message;
+					}
+				}) : e.children;
+			})()), M(t, (() => {
+				var t = N(() => !!e.loading);
+				return () => t() && (() => {
+					var e = it();
+					return j((t) => P(e, "z-index", R.OVERLAY)), e;
+				})();
+			})(), null), j((r) => {
+				var i = V("glasshome-widget", "relative h-full w-full select-none overflow-hidden rounded-xl border border-border/50", o()?.styles?.class, e.class), a = s(), c = R.CONTENT;
+				return i !== r.e && k(t, r.e = i), r.t = pe(t, a, r.t), c !== r.a && P(n, "z-index", r.a = c), r;
+			}, {
+				e: void 0,
+				t: void 0,
+				a: void 0
+			}), t;
+		}
+	});
 }
-var Ze = /* @__PURE__ */ x("<p>");
-function et(e) {
-  return (() => {
-    var t = Ze();
-    return p(t, (() => {
-      var i = T(() => !!e.isUnavailable);
-      return () => i() ? "Unavailable" : e.children;
-    })()), W((i) => {
-      var r = R("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), n = J.ACTIONS;
-      return r !== i.e && I(t, i.e = r), n !== i.t && ee(t, "z-index", i.t = n), i;
-    }, {
-      e: void 0,
-      t: void 0
-    }), t;
-  })();
-}
-var tt = /* @__PURE__ */ x('<span class="glasshome-widget-badge shrink-0">'), nt = /* @__PURE__ */ x("<div><h3 class=glasshome-widget-title>");
-function it(e) {
-  return (() => {
-    var t = nt(), i = t.firstChild;
-    return p(i, () => e.children), p(t, k(E, {
-      get when() {
-        return T(() => e.badge !== void 0)() && e.badge > 0;
-      },
-      get children() {
-        var r = tt();
-        return p(r, () => e.badge), r;
-      }
-    }), null), W((r) => {
-      var n = R("relative flex items-center gap-2", e.class), o = J.ACTIONS;
-      return n !== r.e && I(t, r.e = n), o !== r.t && ee(t, "z-index", r.t = o), r;
-    }, {
-      e: void 0,
-      t: void 0
-    }), t;
-  })();
-}
-function rt(e, t = !1) {
-  if (e.length === 0)
-    return {
-      isGroup: !1,
-      state: "unknown",
-      isOn: !1,
-      isUnavailable: !0,
-      brightness: 0,
-      brightnessPercent: 0,
-      color: "rgb(100, 100, 100)",
-      onCount: 0,
-      totalCount: 0,
-      description: "No entities"
-    };
-  const i = e.length > 1;
-  if (!i) {
-    const s = e[0], f = s.state === "on", b = s.attributes?.brightness || 0, C = Math.round(b / 255 * 100);
-    return {
-      isGroup: !1,
-      state: s.state,
-      isOn: f,
-      isUnavailable: s.state === "unavailable",
-      brightness: b,
-      brightnessPercent: C,
-      color: fe(s),
-      onCount: f ? 1 : 0,
-      totalCount: 1,
-      description: f ? "On" : "Off"
-    };
-  }
-  let r = 0, n = 0, o = 0, u = 0, d = 0, $ = 0;
-  const m = [];
-  for (const s of e)
-    switch (s.state) {
-      case "on":
-        r++, s.attributes?.brightness !== void 0 && (d += s.attributes.brightness, $++), s.attributes?.rgb_color && m.push(s.attributes.rgb_color);
-        break;
-      case "off":
-        n++;
-        break;
-      case "unknown":
-        o++;
-        break;
-      case "unavailable":
-        u++;
-        break;
-    }
-  const h = e.length, v = u === h, y = o + u === h, g = r > 0, a = r === h, S = n === h;
-  let w, M;
-  t ? v ? (w = "unavailable", M = !1) : o > 0 || u > 0 ? (w = "unknown", M = !1) : n > 0 ? (w = "off", M = !1) : (w = "on", M = !0) : v ? (w = "unavailable", M = !1) : y ? (w = "unknown", M = !1) : g ? (w = "on", M = !0) : (w = "off", M = !1);
-  const O = $ > 0 ? Math.round(d / $) : 0, L = Math.round(O / 255 * 100);
-  let F;
-  if (m.length > 0) {
-    const s = Math.round(m.reduce((z, D) => z + D[0], 0) / m.length), f = Math.round(m.reduce((z, D) => z + D[1], 0) / m.length), b = Math.round(m.reduce((z, D) => z + D[2], 0) / m.length), C = O / 255;
-    F = `rgb(${Math.round(s * C)}, ${Math.round(f * C)}, ${Math.round(b * C)})`;
-  } else
-    F = fe(e[0]);
-  let H;
-  return a ? H = "All on" : S ? H = "All off" : r > 0 ? H = `${r} of ${h} on` : H = "Off", {
-    isGroup: i,
-    state: w,
-    isOn: M,
-    isUnavailable: w === "unavailable",
-    brightness: O,
-    brightnessPercent: L,
-    color: F,
-    onCount: r,
-    totalCount: h,
-    description: H
-  };
-}
-function ot(e, t = "mean", i = !0) {
-  if (e.length === 0)
-    return {
-      isGroup: !1,
-      state: "unknown",
-      numericValue: null,
-      isUnavailable: !0,
-      description: "No entities"
-    };
-  const r = e.length > 1;
-  if (!r) {
-    const g = e[0], a = Number.parseFloat(g.state);
-    let S = g.state;
-    return Number.isNaN(a) || (S = Number.isInteger(a) ? a.toString() : a.toFixed(1)), {
-      isGroup: !1,
-      state: S,
-      numericValue: Number.isNaN(a) ? null : a,
-      isUnavailable: g.state === "unavailable",
-      unit: g.unitOfMeasurement ?? void 0,
-      description: S
-    };
-  }
-  const n = [], o = [];
-  let u = 0, d;
-  for (const g of e) {
-    if (!d && g.unitOfMeasurement && (d = g.unitOfMeasurement), g.state === "unavailable") {
-      u++, o.push({
-        entityId: g.id,
-        value: "unavailable",
-        friendly_name: g.friendlyName
-      });
-      continue;
-    }
-    const a = Number.parseFloat(g.state);
-    isNaN(a) ? i || o.push({
-      entityId: g.id,
-      value: g.state,
-      friendly_name: g.friendlyName
-    }) : (n.push(a), o.push({
-      entityId: g.id,
-      value: a,
-      friendly_name: g.friendlyName
-    }));
-  }
-  const $ = u === e.length, m = n.length === 0;
-  if ($ || m)
-    return {
-      isGroup: r,
-      state: $ ? "unavailable" : "unknown",
-      numericValue: null,
-      isUnavailable: $,
-      unit: d,
-      description: $ ? "Unavailable" : "No numeric values",
-      memberValues: o
-    };
-  let h, v;
-  switch (t) {
-    case "min":
-      h = Math.min(...n), v = "Minimum";
-      break;
-    case "max":
-      h = Math.max(...n), v = "Maximum";
-      break;
-    case "mean":
-      h = n.reduce((g, a) => g + a, 0) / n.length, v = "Average";
-      break;
-    case "median": {
-      const g = [...n].sort((S, w) => S - w), a = Math.floor(g.length / 2);
-      h = g.length % 2 === 0 ? (g[a - 1] + g[a]) / 2 : g[a], v = "Median";
-      break;
-    }
-    case "sum":
-      h = n.reduce((g, a) => g + a, 0), v = "Sum";
-      break;
-    case "last":
-      h = n[n.length - 1], v = "Latest";
-      break;
-    case "range":
-      h = Math.max(...n) - Math.min(...n), v = "Range";
-      break;
-    case "product":
-      h = n.reduce((g, a) => g * a, 1), v = "Product";
-      break;
-    case "std_dev": {
-      const g = n.reduce((S, w) => S + w, 0) / n.length, a = n.reduce((S, w) => S + (w - g) ** 2, 0) / n.length;
-      h = Math.sqrt(a), v = "Std Dev";
-      break;
-    }
-    default:
-      h = n.reduce((g, a) => g + a, 0) / n.length, v = "Average";
-  }
-  const y = Number.isInteger(h) ? h.toString() : h.toFixed(1);
-  return {
-    isGroup: r,
-    state: y,
-    numericValue: h,
-    isUnavailable: !1,
-    unit: d,
-    description: `${v} of ${n.length}`,
-    memberValues: o
-  };
-}
-function fe(e) {
-  if (e.state !== "on") return "rgb(100, 100, 100)";
-  const i = (e.attributes?.brightness ?? 255) / 255;
-  if (e.attributes?.rgb_color) {
-    const [r, n, o] = e.attributes.rgb_color;
-    return `rgb(${Math.round(r * i)}, ${Math.round(n * i)}, ${Math.round(o * i)})`;
-  }
-  if (e.attributes?.color_temp) {
-    const n = 1e6 / e.attributes.color_temp / 100;
-    let o, u, d;
-    return n <= 66 ? (o = 255, u = n <= 19 ? 0 : 99.4708025861 * Math.log(n - 10) - 161.1195681661, d = n <= 19 ? 0 : n <= 66 ? 138.5177312231 * Math.log(n - 10) - 305.0447927307 : 255) : (o = 329.698727446 * (n - 60) ** -0.1332047592, u = 288.1221695283 * (n - 60) ** -0.0755148492, d = 255), o = Math.max(0, Math.min(255, o)) * i, u = Math.max(0, Math.min(255, u)) * i, d = Math.max(0, Math.min(255, d)) * i, `rgb(${Math.round(o)}, ${Math.round(u)}, ${Math.round(d)})`;
-  }
-  return `rgb(${Math.round(255 * i)}, ${Math.round(220 * i)}, ${Math.round(180 * i)})`;
-}
-function at(e) {
-  if (!e) return !1;
-  if (["on", "open", "locked", "home", "playing", "active"].includes(e.state))
-    return !0;
-  if (e.domain === "sensor") {
-    const t = Number.parseFloat(e.state);
-    return !isNaN(t) && t > 0;
-  }
-  return !1;
-}
-function rn(e, t, i) {
-  return e?.attributes ? e.attributes[t] ?? i : i;
-}
-function on(e) {
-  return e.filter(at).length;
-}
-function st(e, t, i) {
-  const { decimals: r, scale: n = !0 } = {};
-  if (typeof e == "string")
-    return t ? `${e}${t}` : e;
-  if (e == null || Number.isNaN(e))
-    return t ? `--${t}` : "--";
-  let o = e, u = t || "";
-  n && t && (t === "W" || t === "kW" || t === "MW") && (e >= 1e6 ? (o = e / 1e6, u = "MW") : e >= 1e3 ? (o = e / 1e3, u = "kW") : u = "W"), n && t && (t === "B" || t === "KB" || t === "MB" || t === "GB") && (e >= 1073741824 ? (o = e / 1073741824, u = "GB") : e >= 1048576 ? (o = e / 1048576, u = "MB") : e >= 1024 ? (o = e / 1024, u = "KB") : u = "B");
-  let d;
-  return r !== void 0 ? d = o.toFixed(r) : o !== e ? d = o.toFixed(1) : Number.isInteger(e) ? d = e.toString() : d = Number.parseFloat(e.toFixed(2)).toString(), u ? `${d}${u}` : d;
-}
-function lt(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;
-}
-var ct = /* @__PURE__ */ x("<div class=glasshome-widget-subtitle>"), dt = /* @__PURE__ */ x("<div><div class=glasshome-widget-value>");
 function ut(e) {
-  return (() => {
-    var t = dt(), i = t.firstChild;
-    return p(i, () => st(e.value, e.unit)), p(t, k(E, {
-      get when() {
-        return T(() => !!e.interpret)() && typeof e.value == "number";
-      },
-      get children() {
-        var r = ct();
-        return p(r, () => lt(e.value, e.unit)), r;
-      }
-    }), null), W(() => I(t, R("flex flex-col", e.class))), t;
-  })();
-}
-var gt = /* @__PURE__ */ x('<div><div class="relative h-full w-full">'), ht = /* @__PURE__ */ x('<div class="glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse">'), ft = /* @__PURE__ */ x('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), mt = /* @__PURE__ */ x('<div class="flex items-center justify-center text-white/30">'), vt = /* @__PURE__ */ x('<h3 class="font-semibold text-sm text-white/60">'), wt = /* @__PURE__ */ x('<p class="text-white/50 text-xs">');
-function pt(e) {
-  const t = B(P), [i, r] = V(), n = Me(i);
-  Te(() => {
-    const a = i()?.getRootNode();
-    Pe(typeof ShadowRoot < "u" && a instanceof ShadowRoot || typeof Document < "u" && a instanceof Document ? a : void 0);
-  });
-  const o = {
-    isEditMode: () => e.isEditMode ?? !1,
-    updateConfig: t?.updateConfig ?? (() => {
-    }),
-    registerDialogOpener: t?.registerDialogOpener,
-    callService: t?.callService,
-    dimensions: () => ({
-      width: n.width ?? 0,
-      height: n.height ?? 0
-    })
-  }, u = j(() => {
-    if (e.variant)
-      return typeof e.variant == "string" ? Be(e.variant) : e.variant;
-  }), d = j(() => ({
-    "container-type": "size",
-    "container-name": "widget",
-    "touch-action": e.gestures && !e.isEditMode ? e.gestures.touchAction() : void 0,
-    ...u()?.styles?.container,
-    ...u()?.styles?.cssVars || {},
-    ...e.tone ? {
-      "--widget-color": `var(--tone-${e.tone})`
-    } : {},
-    ...e.color ? {
-      "--widget-color": e.color
-    } : {},
-    ...e.colorTo ? {
-      "--widget-color-to": e.colorTo
-    } : {},
-    ...e.gradient ? {
-      "--widget-gradient": e.gradient
-    } : {}
-  })), $ = () => !!e.gestures && !e.isEditMode, m = (a) => {
-    $() && e.gestures?.onPointerEnter(a);
-  }, h = (a) => {
-    $() && e.gestures?.onPointerDown(a);
-  }, v = (a) => {
-    $() && e.gestures?.onPointerMove(a);
-  }, y = (a) => {
-    $() && e.gestures?.onPointerUp(a);
-  }, g = (a) => {
-    $() && e.gestures?.onPointerCancel(a);
-  };
-  return k(P.Provider, {
-    value: o,
-    get children() {
-      var a = gt(), S = a.firstChild;
-      return K(a, "pointercancel", g), K(a, "pointerup", y), K(a, "pointermove", v), K(a, "pointerdown", h), K(a, "pointerenter", m), Ce((w) => {
-        r(w), e.gestures?.bindElement(w);
-      }, a), p(S, (() => {
-        var w = T(() => !!e.emptyState);
-        return () => w() ? k(bt, {
-          get icon() {
-            return e.emptyState.icon;
-          },
-          get title() {
-            return e.emptyState.title;
-          },
-          get message() {
-            return e.emptyState.message;
-          }
-        }) : e.children;
-      })()), p(a, (() => {
-        var w = T(() => !!e.loading);
-        return () => w() && (() => {
-          var M = ht();
-          return W((O) => ee(M, "z-index", J.OVERLAY)), M;
-        })();
-      })(), null), W((w) => {
-        var M = R("glasshome-widget", "relative h-full w-full select-none overflow-hidden rounded-xl border border-border/50", u()?.styles?.class, e.class), O = d(), L = J.CONTENT;
-        return M !== w.e && I(a, w.e = M), w.t = le(a, O, w.t), L !== w.a && ee(S, "z-index", w.a = L), w;
-      }, {
-        e: void 0,
-        t: void 0,
-        a: void 0
-      }), a;
-    }
-  });
-}
-function bt(e) {
-  return (() => {
-    var t = ft();
-    return p(t, (() => {
-      var i = T(() => !!e.icon);
-      return () => i() && (() => {
-        var r = mt();
-        return p(r, () => e.icon), r;
-      })();
-    })(), null), p(t, (() => {
-      var i = T(() => !!e.title);
-      return () => i() && (() => {
-        var r = vt();
-        return p(r, () => e.title), r;
-      })();
-    })(), null), p(t, (() => {
-      var i = T(() => !!e.message);
-      return () => i() && (() => {
-        var r = wt();
-        return p(r, () => e.message), r;
-      })();
-    })(), null), t;
-  })();
-}
-const q = pt;
-q.Content = Ye;
-q.Icon = Qe;
-q.Title = it;
-q.Status = et;
-q.Value = ut;
-q.SliderFill = Ge;
-var xt = /* @__PURE__ */ x('<span class="inline-flex size-3.5 shrink-0 items-center">'), yt = /* @__PURE__ */ x("<button type=button>"), $t = /* @__PURE__ */ x('<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">'), kt = /* @__PURE__ */ x('<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'), Ct = /* @__PURE__ */ x('<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>'), St = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), Mt = /* @__PURE__ */ x('<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">'), Dt = /* @__PURE__ */ x('<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'), Tt = /* @__PURE__ */ x('<div class="min-w-0 shrink-0">'), _t = /* @__PURE__ */ x('<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">'), Ot = /* @__PURE__ */ x('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), zt = /* @__PURE__ */ x('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
-function Et(e) {
-  return (() => {
-    var t = yt();
-    return t.$$click = () => e.onClick(), p(t, k(E, {
-      get when() {
-        return e.isActive;
-      },
-      get children() {
-        var i = xt();
-        return p(i, () => e.icon), i;
-      }
-    }), null), p(t, () => e.label, null), W(() => I(t, R("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 an(e) {
-  const [t] = _e(e, ["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"]), i = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, n] = V({}), [o, u] = V(null);
-  se(ge(() => t.config, (c) => {
-    c && n({
-      ...c
-    });
-  })), se(ge(() => t.configSchema, (c) => {
-    c && u(me(c));
-  }));
-  const d = () => i() && JSON.stringify(r()) !== JSON.stringify(t.config), $ = (c) => {
-    !c && t.config && n({
-      ...t.config
-    }), t.onOpenChange(c);
-  }, m = () => {
-    t.onConfigSave?.(r());
-  }, [h, v] = V(t.defaultTab ?? "controls"), y = () => t.activeTab ?? h(), g = (c) => {
-    t.onActiveTabChange ? t.onActiveTabChange(c) : v(c);
-  }, a = () => {
-    const c = t.maxWidth ?? "3xl";
-    return {
-      sm: "max-w-sm",
-      md: "max-w-md",
-      lg: "max-w-lg",
-      xl: "max-w-xl",
-      "2xl": "max-w-2xl",
-      "3xl": "max-w-3xl",
-      "4xl": "max-w-4xl"
-    }[c];
-  }, S = () => {
-    if (t.tabs) return t.tabs;
-    const c = [];
-    return c.push({
-      id: "edit",
-      label: "Edit",
-      icon: $t(),
-      content: t.editContent ?? (i() && o() ? k(b, {
-        get schema() {
-          return o();
-        },
-        get data() {
-          return r();
-        },
-        onChange: n
-      }) : kt())
-    }), c.push({
-      id: "controls",
-      label: "Controls",
-      icon: Ct(),
-      content: t.controlsContent ?? St()
-    }), c.push({
-      id: "debug",
-      label: "Debug",
-      icon: Mt(),
-      content: t.debugContent ?? Dt()
-    }), c;
-  }, w = async () => {
-    if (t.debugData !== void 0)
-      try {
-        const c = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
-        await navigator.clipboard.writeText(c);
-      } catch {
-      }
-  }, M = () => {
-    const c = S();
-    return c.find((N) => N.id === y())?.content ?? c[0]?.content;
-  }, O = t.ResponsiveDialog, L = t.ResponsiveDialogContent, F = t.ResponsiveDialogHeader, H = t.ResponsiveDialogTitle, s = t.ResponsiveDialogDescription, f = t.Button, b = t.SchemaForm, C = (c) => i() ? $(c) : t.onOpenChange(c), z = () => i() ? d() : t.hasUnsavedChanges, D = () => i() ? m : t.onSave;
-  return k(O, {
-    get open() {
-      return t.open;
-    },
-    onOpenChange: (c) => C(c),
-    get children() {
-      return k(L, {
-        get class() {
-          return R(a(), t.class);
-        },
-        get children() {
-          return [k(F, {
-            class: "flex flex-row items-center justify-between gap-3",
-            get children() {
-              return [(() => {
-                var c = Tt();
-                return p(c, k(H, {
-                  class: "truncate leading-tight",
-                  get children() {
-                    return t.title;
-                  }
-                }), null), p(c, k(s, {
-                  class: "sr-only",
-                  children: "Widget configuration dialog"
-                }), null), c;
-              })(), (() => {
-                var c = _t(), Y = c.firstChild;
-                return p(Y, () => S().map((N) => k(Et, {
-                  get icon() {
-                    return N.icon;
-                  },
-                  get label() {
-                    return N.label;
-                  },
-                  get isActive() {
-                    return y() === N.id;
-                  },
-                  onClick: () => g(N.id)
-                }))), p(c, k(E, {
-                  get when() {
-                    return t.headerActions;
-                  },
-                  get children() {
-                    return t.headerActions;
-                  }
-                }), null), c;
-              })()];
-            }
-          }), (() => {
-            var c = Ot();
-            return p(c, M), c;
-          })(), k(E, {
-            get when() {
-              return T(() => y() === "edit")() && (D() || t.onDelete) || y() === "debug" && t.debugData !== void 0;
-            },
-            get children() {
-              var c = zt();
-              return p(c, k(E, {
-                get when() {
-                  return T(() => y() === "edit")() && t.onDelete;
-                },
-                get children() {
-                  return k(f, {
-                    size: "sm",
-                    variant: "destructive",
-                    onClick: () => t.onDelete?.(),
-                    children: "Delete"
-                  });
-                }
-              }), null), p(c, k(E, {
-                get when() {
-                  return T(() => y() === "edit")() && D();
-                },
-                get children() {
-                  return k(f, {
-                    size: "sm",
-                    get disabled() {
-                      return !z();
-                    },
-                    onClick: () => D()?.(),
-                    children: "Save"
-                  });
-                }
-              }), null), p(c, k(E, {
-                get when() {
-                  return T(() => y() === "debug")() && t.debugData !== void 0;
-                },
-                get children() {
-                  return k(f, {
-                    size: "sm",
-                    variant: "outline",
-                    onClick: w,
-                    children: "Copy"
-                  });
-                }
-              }), null), c;
-            }
-          })];
-        }
-      });
-    }
-  });
-}
-Se(["click"]);
-function sn(e) {
-  if (typeof IntersectionObserver > "u")
-    return () => !1;
-  const [t, i] = V(!1), r = new IntersectionObserver((n) => {
-    const o = n[0];
-    o && i(!o.isIntersecting);
-  });
-  return se(() => {
-    const n = e();
-    r.disconnect(), n && r.observe(n);
-  }), ce(() => r.disconnect()), t;
-}
-function ln() {
-  if (typeof window > "u" || typeof window.matchMedia != "function")
-    return () => !1;
-  const e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, i] = V(e.matches), r = (n) => i(n.matches);
-  return e.addEventListener("change", r), ce(() => e.removeEventListener("change", r)), t;
-}
-function cn(e = "controls") {
-  const [t, i] = V(!1), [r, n] = V(e), o = (d) => {
-    n(d ?? e), i(!0);
-  }, u = B(P);
-  return u?.registerDialogOpener?.(o), ce(() => u?.registerDialogOpener?.(null)), {
-    showDialog: t,
-    setShowDialog: i,
-    openDialog: o,
-    closeDialog: () => i(!1),
-    activeTab: r,
-    setActiveTab: n,
-    dialogProps: {
-      get open() {
-        return t();
-      },
-      onOpenChange: i,
-      get activeTab() {
-        return r();
-      },
-      onActiveTabChange: n
-    }
-  };
-}
-function dn(e) {
-  const t = e.minEntities ?? 1, i = j(() => e.entities().length), r = j(() => i() >= t), n = j(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), o = j(() => {
-    if (!r()) return;
-    const d = e.aggregationMode?.();
-    if (!d || d === "none") return;
-    const $ = e.entities();
-    if (d === "light" || d === "binary-sensor" || d === "switch")
-      return rt($, e.allEntitiesMode);
-    if (d === "sensor") {
-      const m = e.sensorGroupType?.() ?? "mean";
-      return ot($, m, !0);
-    }
-  }), u = j(() => r() ? void 0 : e.emptyStateConfig);
-  return {
-    entities: e.entities,
-    groupData: n,
-    aggregatedData: o,
-    emptyState: u,
-    hasEntities: r,
-    count: i
-  };
-}
-const X = 32, l = X / 2, _ = "white", te = "rgba(0,0,0,0.4)", de = 2, ne = 3;
-function Nt(e) {
-  return `url("data:image/svg+xml,${encodeURIComponent(e)}")`;
-}
-function ie(e) {
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${X}" height="${X}" viewBox="0 0 ${X} ${X}">${e}</svg>`;
-}
-const At = ie(`
+	return (() => {
+		var t = at();
+		return M(t, (() => {
+			var t = N(() => !!e.icon);
+			return () => t() && (() => {
+				var t = ot();
+				return M(t, () => e.icon), t;
+			})();
+		})(), null), M(t, (() => {
+			var t = N(() => !!e.title);
+			return () => t() && (() => {
+				var t = st();
+				return M(t, () => e.title), t;
+			})();
+		})(), null), M(t, (() => {
+			var t = N(() => !!e.message);
+			return () => t() && (() => {
+				var t = ct();
+				return M(t, () => e.message), t;
+			})();
+		})(), null), t;
+	})();
+}
+var H = lt;
+H.Content = Ie, H.Icon = Be, H.Title = Ge, H.Status = He, H.Value = nt, H.SliderFill = Pe;
+//#endregion
+//#region src/framework/dialogs/WidgetDialog.tsx
+var dt = /*#__PURE__*/ F("<span class=\"inline-flex size-3.5 shrink-0 items-center\">"), ft = /*#__PURE__*/ F("<button type=button>"), pt = /*#__PURE__*/ F("<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\">"), mt = /*#__PURE__*/ F("<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"), ht = /*#__PURE__*/ F("<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>"), gt = /*#__PURE__*/ F("<div class=\"rounded-lg bg-muted/30 p-2 text-center md:p-6\"><p class=\"text-muted-foreground text-sm\">No additional controls"), _t = /*#__PURE__*/ F("<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\">"), vt = /*#__PURE__*/ F("<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__*/ F("<div class=\"min-w-0 shrink-0\">"), bt = /*#__PURE__*/ F("<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\">"), xt = /*#__PURE__*/ F("<div class=\"min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]\">"), St = /*#__PURE__*/ F("<div class=\"flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3\">");
+function Ct(e) {
+	return (() => {
+		var t = ft();
+		return t.$$click = () => e.onClick(), M(t, A(C, {
+			get when() {
+				return e.isActive;
+			},
+			get children() {
+				var t = dt();
+				return M(t, () => e.icon), t;
+			}
+		}), null), M(t, () => e.label, null), j(() => k(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 wt(e) {
+	let [t] = de(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] = T({}), [a, o] = T(null);
+	ce(le(() => t.config, (e) => {
+		e && i({ ...e });
+	})), ce(le(() => t.configSchema, (e) => {
+		e && o(ve(e));
+	}));
+	let s = () => n() && JSON.stringify(r()) !== JSON.stringify(t.config), c = (e) => {
+		!e && t.config && i({ ...t.config }), t.onOpenChange(e);
+	}, l = () => {
+		t.onConfigSave?.(r());
+	}, [u, d] = T(t.defaultTab ?? "controls"), f = () => t.activeTab ?? u(), p = (e) => {
+		t.onActiveTabChange ? t.onActiveTabChange(e) : d(e);
+	}, m = () => ({
+		sm: "max-w-sm",
+		md: "max-w-md",
+		lg: "max-w-lg",
+		xl: "max-w-xl",
+		"2xl": "max-w-2xl",
+		"3xl": "max-w-3xl",
+		"4xl": "max-w-4xl"
+	})[t.maxWidth ?? "3xl"], h = () => {
+		if (t.tabs) return t.tabs;
+		let e = [];
+		return e.push({
+			id: "edit",
+			label: "Edit",
+			icon: pt(),
+			content: t.editContent ?? (n() && a() ? A(ne, {
+				get schema() {
+					return a();
+				},
+				get data() {
+					return r();
+				},
+				onChange: i
+			}) : mt())
+		}), e.push({
+			id: "controls",
+			label: "Controls",
+			icon: ht(),
+			content: t.controlsContent ?? gt()
+		}), e.push({
+			id: "debug",
+			label: "Debug",
+			icon: _t(),
+			content: t.debugContent ?? vt()
+		}), e;
+	}, g = async () => {
+		if (t.debugData !== void 0) try {
+			let e = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
+			await navigator.clipboard.writeText(e);
+		} catch {}
+	}, _ = () => {
+		let e = h();
+		return e.find((e) => e.id === f())?.content ?? e[0]?.content;
+	}, v = t.ResponsiveDialog, ee = t.ResponsiveDialogContent, y = t.ResponsiveDialogHeader, b = t.ResponsiveDialogTitle, te = t.ResponsiveDialogDescription, x = t.Button, ne = t.SchemaForm, re = (e) => n() ? c(e) : t.onOpenChange(e), ie = () => n() ? s() : t.hasUnsavedChanges, S = () => n() ? l : t.onSave;
+	return A(v, {
+		get open() {
+			return t.open;
+		},
+		onOpenChange: (e) => re(e),
+		get children() {
+			return A(ee, {
+				get class() {
+					return V(m(), t.class);
+				},
+				get children() {
+					return [
+						A(y, {
+							class: "flex flex-row items-center justify-between gap-3",
+							get children() {
+								return [(() => {
+									var e = yt();
+									return M(e, A(b, {
+										class: "truncate leading-tight",
+										get children() {
+											return t.title;
+										}
+									}), null), M(e, A(te, {
+										class: "sr-only",
+										children: "Widget configuration dialog"
+									}), null), e;
+								})(), (() => {
+									var e = bt(), n = e.firstChild;
+									return M(n, () => h().map((e) => A(Ct, {
+										get icon() {
+											return e.icon;
+										},
+										get label() {
+											return e.label;
+										},
+										get isActive() {
+											return f() === e.id;
+										},
+										onClick: () => p(e.id)
+									}))), M(e, A(C, {
+										get when() {
+											return t.headerActions;
+										},
+										get children() {
+											return t.headerActions;
+										}
+									}), null), e;
+								})()];
+							}
+						}),
+						(() => {
+							var e = xt();
+							return M(e, _), e;
+						})(),
+						A(C, {
+							get when() {
+								return N(() => f() === "edit")() && (S() || t.onDelete) || f() === "debug" && t.debugData !== void 0;
+							},
+							get children() {
+								var e = St();
+								return M(e, A(C, {
+									get when() {
+										return N(() => f() === "edit")() && t.onDelete;
+									},
+									get children() {
+										return A(x, {
+											size: "sm",
+											variant: "destructive",
+											onClick: () => t.onDelete?.(),
+											children: "Delete"
+										});
+									}
+								}), null), M(e, A(C, {
+									get when() {
+										return N(() => f() === "edit")() && S();
+									},
+									get children() {
+										return A(x, {
+											size: "sm",
+											get disabled() {
+												return !ie();
+											},
+											onClick: () => S()?.(),
+											children: "Save"
+										});
+									}
+								}), null), M(e, A(C, {
+									get when() {
+										return N(() => f() === "debug")() && t.debugData !== void 0;
+									},
+									get children() {
+										return A(x, {
+											size: "sm",
+											variant: "outline",
+											onClick: g,
+											children: "Copy"
+										});
+									}
+								}), null), e;
+							}
+						})
+					];
+				}
+			});
+		}
+	});
+}
+fe(["click"]);
+//#endregion
+//#region src/framework/hooks/use-intersection-pause.ts
+function Tt(e) {
+	if (typeof IntersectionObserver > "u") return () => !1;
+	let [t, n] = T(!1), r = new IntersectionObserver((e) => {
+		let t = e[0];
+		t && n(!t.isIntersecting);
+	});
+	return ce(() => {
+		let t = e();
+		r.disconnect(), t && r.observe(t);
+	}), E(() => r.disconnect()), t;
+}
+//#endregion
+//#region src/framework/hooks/use-reduced-motion.ts
+function Et() {
+	if (typeof window > "u" || typeof window.matchMedia != "function") return () => !1;
+	let e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, n] = T(e.matches), r = (e) => n(e.matches);
+	return e.addEventListener("change", r), E(() => e.removeEventListener("change", r)), t;
+}
+//#endregion
+//#region src/framework/hooks/use-widget-dialog.ts
+function Dt(e = "controls") {
+	let [t, n] = T(!1), [r, i] = T(e), a = (t) => {
+		i(t ?? e), n(!0);
+	}, o = D(I);
+	return o?.registerDialogOpener?.(a), E(() => o?.registerDialogOpener?.(null)), {
+		showDialog: t,
+		setShowDialog: n,
+		openDialog: a,
+		closeDialog: () => n(!1),
+		activeTab: r,
+		setActiveTab: i,
+		dialogProps: {
+			get open() {
+				return t();
+			},
+			onOpenChange: n,
+			get activeTab() {
+				return r();
+			},
+			onActiveTabChange: i
+		}
+	};
+}
+//#endregion
+//#region src/framework/hooks/use-widget-entity-group.ts
+function Ot(e) {
+	let t = e.minEntities ?? 1, n = w(() => e.entities().length), r = w(() => n() >= t), i = w(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = w(() => {
+		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 Ke(n, e.allEntitiesMode);
+		if (t === "sensor") return qe(n, e.sensorGroupType?.() ?? "mean", !0);
+	}), o = w(() => r() ? void 0 : e.emptyStateConfig);
+	return {
+		entities: e.entities,
+		groupData: i,
+		aggregatedData: a,
+		emptyState: o,
+		hasEntities: r,
+		count: n
+	};
+}
+//#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 kt(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 At = Y(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
-    <g stroke="${te}" stroke-width="${ne}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${K}" stroke-width="${J}" 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="${_}" stroke-width="${de}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${G}" stroke-width="${q}" 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>
-`), Vt = ie(`
+`), jt = Y(`
   <g>
-    <circle cx="${l}" cy="${l}" r="8" stroke="${te}" stroke-width="${ne}" fill="none"/>
-    <circle cx="${l}" cy="${l}" r="8" stroke="${_}" stroke-width="1.5" fill="none"/>
-    <circle cx="${l}" cy="${l}" r="1.5" fill="${_}"/>
+    <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>
-`), Wt = ie(`
+`), Mt = Y(`
   <g>
     <!-- shadow -->
-    <g stroke="${te}" stroke-width="${ne}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${l}" x2="26" y2="${l}"/>
-      <polyline points="10,${l - 4} 6,${l} 10,${l + 4}"/>
-      <polyline points="22,${l - 4} 26,${l} 22,${l + 4}"/>
+    <g stroke="${K}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="6" y1="${W}" x2="26" y2="${W}"/>
+      <polyline points="10,${W - 4} 6,${W} 10,20"/>
+      <polyline points="22,${W - 4} 26,${W} 22,20"/>
     </g>
     <!-- main -->
-    <g stroke="${_}" stroke-width="${de}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${l}" x2="26" y2="${l}"/>
-      <polyline points="10,${l - 4} 6,${l} 10,${l + 4}"/>
-      <polyline points="22,${l - 4} 26,${l} 22,${l + 4}"/>
+    <g stroke="${G}" stroke-width="${q}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="6" y1="${W}" x2="26" y2="${W}"/>
+      <polyline points="10,${W - 4} 6,${W} 10,20"/>
+      <polyline points="22,${W - 4} 26,${W} 22,20"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${l}" cy="${l}" r="1.5" fill="${_}"/>
-    <circle cx="${l - 5}" cy="${l}" r="1" fill="${_}" opacity="0.6"/>
-    <circle cx="${l + 5}" cy="${l}" r="1" fill="${_}" opacity="0.6"/>
+    <circle cx="${W}" cy="${W}" r="1.5" fill="${G}"/>
+    <circle cx="${W - 5}" cy="${W}" r="1" fill="${G}" opacity="0.6"/>
+    <circle cx="21" cy="${W}" r="1" fill="${G}" opacity="0.6"/>
   </g>
-`), Rt = ie(`
+`), Nt = Y(`
   <g>
     <!-- shadow -->
-    <g stroke="${te}" stroke-width="${ne}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${l}" y1="6" x2="${l}" y2="26"/>
-      <polyline points="${l - 4},10 ${l},6 ${l + 4},10"/>
-      <polyline points="${l - 4},22 ${l},26 ${l + 4},22"/>
+    <g stroke="${K}" stroke-width="${J}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="${W}" y1="6" x2="${W}" y2="26"/>
+      <polyline points="${W - 4},10 ${W},6 20,10"/>
+      <polyline points="${W - 4},22 ${W},26 20,22"/>
     </g>
     <!-- main -->
-    <g stroke="${_}" stroke-width="${de}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${l}" y1="6" x2="${l}" y2="26"/>
-      <polyline points="${l - 4},10 ${l},6 ${l + 4},10"/>
-      <polyline points="${l - 4},22 ${l},26 ${l + 4},22"/>
+    <g stroke="${G}" stroke-width="${q}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="${W}" y1="6" x2="${W}" y2="26"/>
+      <polyline points="${W - 4},10 ${W},6 20,10"/>
+      <polyline points="${W - 4},22 ${W},26 20,22"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${l}" cy="${l}" r="1.5" fill="${_}"/>
-    <circle cx="${l}" cy="${l - 5}" r="1" fill="${_}" opacity="0.6"/>
-    <circle cx="${l}" cy="${l + 5}" r="1" fill="${_}" opacity="0.6"/>
+    <circle cx="${W}" cy="${W}" r="1.5" fill="${G}"/>
+    <circle cx="${W}" cy="${W - 5}" r="1" fill="${G}" opacity="0.6"/>
+    <circle cx="${W}" cy="21" r="1" fill="${G}" opacity="0.6"/>
+  </g>
+`), Pt = Y(`
+  <g>
+    <!-- shadow -->
+    <g stroke="${K}" stroke-width="${J}" 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,${W - 3} 7,${W} 11,19"/>
+      <polyline points="21,${W - 3} 25,${W} 21,19"/>
+      <polyline points="${W - 3},11 ${W},7 19,11"/>
+      <polyline points="${W - 3},21 ${W},25 19,21"/>
+    </g>
+    <!-- main -->
+    <g stroke="${G}" stroke-width="${q}" 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,${W - 3} 7,${W} 11,19"/>
+      <polyline points="21,${W - 3} 25,${W} 21,19"/>
+      <polyline points="${W - 3},11 ${W},7 19,11"/>
+      <polyline points="${W - 3},21 ${W},25 19,21"/>
+    </g>
+    <!-- center dot -->
+    <circle cx="${W}" cy="${W}" r="2" fill="${G}"/>
   </g>
 `);
-function Z(e, t, i) {
-  return { css: `${Nt(e)} ${t} ${i}, auto`, hotspotX: t, hotspotY: i };
-}
-const U = {
-  tap: Z(At, 12, 4),
-  hold: Z(Vt, 16, 16),
-  slideHorizontal: Z(Wt, l, l),
-  slideVertical: Z(Rt, l, l)
-};
-function oe() {
-  if (typeof window > "u") return null;
-  const e = window;
-  return e.Capacitor?.isNativePlatform?.() ? e.Capacitor.Plugins?.Haptics ?? null : null;
-}
-function ae(e) {
-  if (!(typeof navigator > "u" || typeof navigator.vibrate != "function"))
-    try {
-      navigator.vibrate(e);
-    } catch {
-    }
-}
-const Ht = {
-  /** Light confirmation — fires when slide gesture arms after user holds still. */
-  tick() {
-    const e = oe();
-    if (e) {
-      e.impact({ style: "Light" }).catch(() => {
-      });
-      return;
-    }
-    ae(8);
-  },
-  /** Medium bump — fires when hold gesture commits (detail opening). */
-  bump() {
-    const e = oe();
-    if (e) {
-      e.impact({ style: "Medium" }).catch(() => {
-      });
-      return;
-    }
-    ae(20);
-  },
-  /** Stronger pulse — reserved for edit-mode pickup (future use). */
-  pulse() {
-    const e = oe();
-    if (e) {
-      e.impact({ style: "Heavy" }).catch(() => {
-      });
-      return;
-    }
-    ae([0, 15, 40, 15]);
-  }
+function X(e, t, n) {
+	return {
+		css: `${kt(e)} ${t} ${n}, auto`,
+		hotspotX: t,
+		hotspotY: n
+	};
+}
+var Z = {
+	tap: X(At, 12, 4),
+	hold: X(jt, 16, 16),
+	slideHorizontal: X(Mt, W, W),
+	slideVertical: X(Nt, W, W),
+	slideAuto: X(Pt, W, W)
 };
-function un(e, t) {
-  const n = {
-    isDown: !1,
-    isTouch: !1,
-    startX: 0,
-    startY: 0,
-    startTime: 0,
-    hasMoved: !1,
-    sliding: !1,
-    holdTimer: null,
-    element: null
-  };
-  let o = null, u = null, d = null;
-  const [$, m] = V(null);
-  function h(s) {
-    s !== u && (d && d.disconnect(), d = new ResizeObserver((f) => {
-      const b = f[0];
-      if (b) {
-        const C = b.borderBoxSize?.[0];
-        C ? o = { width: C.inlineSize, height: C.blockSize } : o = { width: b.contentRect.width, height: b.contentRect.height }, m(o.height > o.width);
-      }
-    }), u = s, d.observe(s), o = { width: s.clientWidth, height: s.clientHeight }, m(o.height > o.width));
-  }
-  const v = () => {
-    n.holdTimer && (clearTimeout(n.holdTimer), n.holdTimer = null);
-  }, y = () => {
-    n.isDown = !1, n.hasMoved = !1, n.sliding = !1;
-  }, g = (s) => {
-    const b = e().slide;
-    return b?.orientation === "horizontal" ? "horizontal" : b?.orientation === "vertical" ? "vertical" : s && (o || h(s), o) ? o.height > o.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
-  }, a = (s) => {
-    const f = e();
-    if (!(!f.tap && !f.hold && !f.slide)) {
-      if (n.isDown = !0, n.isTouch = s.pointerType === "touch", n.element = s.currentTarget, h(n.element), n.startX = s.clientX, n.startY = s.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, f.hold) {
-        const b = f.hold.delay ?? 300;
-        n.holdTimer = setTimeout(() => {
-          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (Ht.bump(), f.hold?.action(), n.isDown = !1);
-        }, b);
-      }
-      if (!n.isTouch && f.slide)
-        try {
-          s.currentTarget.setPointerCapture(s.pointerId);
-        } catch {
-        }
-    }
-  }, S = (s) => {
-    if (!n.isDown) return;
-    const f = e(), b = s.clientX - n.startX, C = s.clientY - n.startY;
-    if (Math.sqrt(b * b + C * C) > 10 && (v(), n.hasMoved = !0), f.slide && n.hasMoved) {
-      const D = s.currentTarget, c = g(D);
-      if (n.isTouch && !n.sliding) {
-        const $e = Math.abs(c === "vertical" ? C : b), ke = Math.abs(c === "vertical" ? b : C);
-        if ($e < ke) return;
-      }
-      n.sliding = !0;
-      const Y = f.slide.min ?? 0, N = f.slide.max ?? 100, we = N - Y, pe = c === "vertical" ? -C : b, ue = o ?? { width: D.clientWidth, height: D.clientHeight }, be = c === "vertical" ? ue.height : ue.width, xe = pe / be * we, ye = Math.max(Y, Math.min(N, f.slide.value + xe));
-      f.slide.onChange(Math.round(ye)), n.startX = s.clientX, n.startY = s.clientY, s.preventDefault();
-    }
-  }, w = (s) => {
-    const f = e(), b = n.isDown, C = Date.now() - n.startTime, z = f.hold?.delay ?? 300;
-    v(), b && f.tap && !n.hasMoved && C < z && f.tap();
-    try {
-      s.currentTarget.releasePointerCapture(s.pointerId);
-    } catch {
-    }
-    y();
-  }, M = (s) => {
-    v();
-    try {
-      s.currentTarget.releasePointerCapture(s.pointerId);
-    } catch {
-    }
-    y();
-  }, O = (s) => {
-    const f = e();
-    if (f.slide) {
-      const b = f.slide.orientation;
-      return b === "horizontal" ? U.slideHorizontal.css : b === "vertical" ? U.slideVertical.css : (o || h(s), o && o.height > o.width ? U.slideVertical.css : U.slideHorizontal.css);
-    }
-    return f.tap ? U.tap.css : f.hold ? U.hold.css : "";
-  };
-  return {
-    onPointerDown: a,
-    onPointerMove: S,
-    onPointerUp: w,
-    onPointerCancel: M,
-    onPointerEnter: (s) => {
-      const f = s.currentTarget;
-      n.element = f, f.style.cursor = O(f);
-    },
-    bindElement: (s) => {
-      s && (n.element = s, h(s));
-    },
-    touchAction: () => {
-      const s = e();
-      if (s.slide) {
-        const f = s.slide.orientation;
-        return f === "vertical" || f !== "horizontal" && ($() ?? (t?.() ?? "horizontal") !== "horizontal") ? "pan-x" : "pan-y";
-      }
-      return s.tap || s.hold ? "manipulation" : "auto";
-    },
-    dispose: () => {
-      v(), d && (d.disconnect(), d = null), u = null, o = null;
-    }
-  };
-}
-const Pt = {
-  solar: "oklch(0.74 0.18 60)",
-  grid: "oklch(0.62 0.12 245)",
-  battery: "oklch(0.70 0.18 145)",
-  ev: "oklch(0.70 0.14 190)",
-  home: "oklch(0.68 0.06 250)",
-  positive: "oklch(0.70 0.14 160)",
-  // Fault red-orange; used only for faults, never normal consumption.
-  negative: "oklch(0.64 0.22 27)"
+//#endregion
+//#region src/framework/gestures/haptics.ts
+function Q() {
+	if (typeof window > "u") return null;
+	let e = window;
+	return e.Capacitor?.isNativePlatform?.() ? e.Capacitor.Plugins?.Haptics ?? null : null;
+}
+function $(e) {
+	if (!(typeof navigator > "u" || typeof navigator.vibrate != "function")) try {
+		navigator.vibrate(e);
+	} catch {}
+}
+var Ft = {
+	tick() {
+		let e = Q();
+		if (e) {
+			e.impact({ style: "Light" }).catch(() => {});
+			return;
+		}
+		$(8);
+	},
+	bump() {
+		let e = Q();
+		if (e) {
+			e.impact({ style: "Medium" }).catch(() => {});
+			return;
+		}
+		$(20);
+	},
+	pulse() {
+		let e = Q();
+		if (e) {
+			e.impact({ style: "Heavy" }).catch(() => {});
+			return;
+		}
+		$([
+			0,
+			15,
+			40,
+			15
+		]);
+	}
 };
-function It(e) {
-  return {
-    fill: `color-mix(in oklch, ${e} 20%, transparent)`,
-    stroke: e,
-    solid: e
-  };
-}
-const gn = Object.fromEntries(
-  Object.entries(Pt).map(([e, t]) => [e, It(t)])
-), hn = A.enum([
-  "success",
-  "warning",
-  "danger",
-  "info",
-  "neutral",
-  "accent"
-]), fn = {
-  /** Optional display name override (renders as text input) */
-  title: () => A.string().optional().meta({ title: "Title", description: "Optional display name override" }),
-  /** Multi-select entity picker for a HA domain */
-  entityIds: (e, t) => A.array(A.string()).default([]).meta({
-    domain: e,
-    title: "Entities",
-    ...t?.deviceClass ? { deviceClass: t.deviceClass } : {}
-  }),
-  /** Single-select entity picker for a HA domain */
-  singleEntity: (e, t) => A.array(A.string()).default([]).meta({
-    domain: e,
-    title: "Entity",
-    singleSelect: !0,
-    ...t?.deviceClass ? { deviceClass: t.deviceClass } : {}
-  }),
-  /** Area picker dropdown */
-  areaId: () => A.string().optional().meta({ formType: "area-picker", title: "Area" })
+//#endregion
+//#region src/framework/gestures/use-widget-gestures.ts
+function It(e, t) {
+	let n = {
+		isDown: !1,
+		isTouch: !1,
+		startX: 0,
+		startY: 0,
+		startTime: 0,
+		hasMoved: !1,
+		sliding: !1,
+		holdTimer: null,
+		element: null
+	}, r = null, i = null, a = null, [o, s] = T(null);
+	function c(e) {
+		e !== i && (a && a.disconnect(), a = new ResizeObserver((e) => {
+			let t = e[0];
+			if (t) {
+				let e = t.borderBoxSize?.[0];
+				r = e ? {
+					width: e.inlineSize,
+					height: e.blockSize
+				} : {
+					width: t.contentRect.width,
+					height: t.contentRect.height
+				}, s(r.height > r.width);
+			}
+		}), i = e, a.observe(e), r = {
+			width: e.clientWidth,
+			height: e.clientHeight
+		}, s(r.height > r.width));
+	}
+	let l = () => {
+		n.holdTimer &&= (clearTimeout(n.holdTimer), null);
+	}, u = () => {
+		n.isDown = !1, n.hasMoved = !1, n.sliding = !1;
+	}, d = (n) => {
+		let i = e().slide;
+		return i?.orientation === "horizontal" ? "horizontal" : i?.orientation === "vertical" ? "vertical" : n && (r || c(n), r) ? r.height > r.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
+	}, f = (t) => {
+		let r = e();
+		if (!(!r.tap && !r.hold && !r.slide)) {
+			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) && (Ft.bump(), r.hold?.action(), n.isDown = !1);
+				}, e);
+			}
+			if (!n.isTouch && r.slide) try {
+				t.currentTarget.setPointerCapture(t.pointerId);
+			} catch {}
+		}
+	}, p = (t) => {
+		if (!n.isDown) return;
+		let i = e(), a = t.clientX - n.startX, o = t.clientY - n.startY;
+		if (Math.sqrt(a * a + o * o) > 10 && (l(), n.hasMoved = !0), i.slide && n.hasMoved) {
+			let e = t.currentTarget, s = d(e);
+			if (n.isTouch && !n.sliding && Math.abs(s === "vertical" ? o : a) < Math.abs(s === "vertical" ? a : o)) return;
+			n.sliding = !0;
+			let c = i.slide.min ?? 0, l = i.slide.max ?? 100, u = l - c, f = s === "vertical" ? -o : a, p = r ?? {
+				width: e.clientWidth,
+				height: e.clientHeight
+			}, m = f / (s === "vertical" ? p.height : p.width) * u, h = Math.max(c, Math.min(l, i.slide.value + m));
+			i.slide.onChange(Math.round(h)), n.startX = t.clientX, n.startY = t.clientY, t.preventDefault();
+		}
+	}, m = (t) => {
+		let r = e(), i = n.isDown, a = Date.now() - n.startTime, o = r.hold?.delay ?? 300;
+		l(), i && r.tap && !n.hasMoved && a < o && r.tap();
+		try {
+			t.currentTarget.releasePointerCapture(t.pointerId);
+		} catch {}
+		u();
+	}, h = (e) => {
+		l();
+		try {
+			e.currentTarget.releasePointerCapture(e.pointerId);
+		} catch {}
+		u();
+	}, g = (t) => {
+		let n = e();
+		if (n.slide) {
+			let e = n.slide.orientation;
+			return e === "horizontal" ? Z.slideHorizontal.css : e === "vertical" ? Z.slideVertical.css : (r || c(t), r && r.height > r.width ? Z.slideVertical.css : Z.slideHorizontal.css);
+		}
+		return n.tap ? Z.tap.css : n.hold ? Z.hold.css : "";
+	};
+	return {
+		onPointerDown: f,
+		onPointerMove: p,
+		onPointerUp: m,
+		onPointerCancel: h,
+		onPointerEnter: (e) => {
+			let t = e.currentTarget;
+			n.element = t, t.style.cursor = g(t);
+		},
+		bindElement: (e) => {
+			e && (n.element = e, c(e));
+		},
+		touchAction: () => {
+			let n = e();
+			if (n.slide) {
+				let e = n.slide.orientation;
+				return e === "vertical" || e !== "horizontal" && (o() ?? (t?.() ?? "horizontal") !== "horizontal") ? "pan-x" : "pan-y";
+			}
+			return n.tap || n.hold ? "manipulation" : "auto";
+		},
+		dispose: () => {
+			l(), a &&= (a.disconnect(), null), i = null, r = null;
+		}
+	};
+}
+//#endregion
+//#region src/framework/theming/svg-colors.ts
+var Lt = {
+	solar: "oklch(0.74 0.18 60)",
+	grid: "oklch(0.62 0.12 245)",
+	battery: "oklch(0.70 0.18 145)",
+	ev: "oklch(0.70 0.14 190)",
+	home: "oklch(0.68 0.06 250)",
+	positive: "oklch(0.70 0.14 160)",
+	negative: "oklch(0.64 0.22 27)"
 };
-function mn(e) {
-  if (e.length < 2) return "";
-  const t = e[0], i = e[1];
-  if (!t || !i) return "";
-  if (e.length === 2) return `M ${t.x} ${t.y} L ${i.x} ${i.y}`;
-  const r = e.length, n = [], o = [], u = [];
-  for (let m = 0; m < r - 1; m++) {
-    const h = e[m], v = e[m + 1];
-    !h || !v || (n.push(v.x - h.x), o.push(v.y - h.y), u.push((v.y - h.y) / (v.x - h.x)));
-  }
-  const d = [u[0] ?? 0];
-  for (let m = 1; m < r - 1; m++) {
-    const h = u[m - 1] ?? 0, v = u[m] ?? 0, y = n[m - 1] ?? 0, g = n[m] ?? 0;
-    h * v <= 0 ? d.push(0) : d.push(
-      3 * (y + g) / ((2 * g + y) / h + (g + 2 * y) / v)
-    );
-  }
-  d.push(u[r - 2] ?? 0);
-  let $ = `M ${t.x} ${t.y}`;
-  for (let m = 0; m < r - 1; m++) {
-    const h = e[m], v = e[m + 1];
-    if (!h || !v) continue;
-    const y = (n[m] ?? 0) / 3, g = d[m] ?? 0, a = d[m + 1] ?? 0;
-    $ += ` C ${h.x + y} ${h.y + g * y}, ${v.x - y} ${v.y - a * y}, ${v.x} ${v.y}`;
-  }
-  return $;
-}
-function vn() {
-  return document.documentElement.classList.contains("dark");
-}
-const Lt = "1.2.0", Ut = {
-  version: Lt
-}, wn = Ut.version;
-export {
-  wn as SDK_VERSION,
-  hn as ToneSchema,
-  q as Widget,
-  Ye as WidgetContent,
-  P as WidgetCtx,
-  an as WidgetDialog,
-  Qe as WidgetIcon,
-  xn as WidgetManifestSchema,
-  Ge as WidgetSliderFill,
-  et as WidgetStatus,
-  it as WidgetTitle,
-  ut as WidgetValue,
-  kn as byDomain,
-  rt as calculateLightGroup,
-  ot as calculateSensorGroup,
-  on as countActiveEntities,
-  Jt as defineWidget,
-  yn as formatSchemaError,
-  rn as getEntityAttribute,
-  Pn as getForecasts,
-  In as getStream,
-  Ln as getWebRtcClientConfig,
-  Pe as injectTokens,
-  vn as isDark,
-  at as isEntityActive,
-  mn as monotoneCubicPath,
-  Un as sendWebRtcCandidate,
-  jn as startWebRtcSession,
-  Bn as state,
-  gn as svgColors,
-  Fn as trackEntityHistory,
-  Gn as untrackEntityHistory,
-  Cn as useArea,
-  Sn as useCamera,
-  Mn as useConnection,
-  Dn as useCurrency,
-  Tn as useEntities,
-  _n as useEntity,
-  On as useEntityHistory,
-  zn as useEntityStatistics,
-  En as useForecast,
-  Nn as useHassConfig,
-  sn as useIntersectionPause,
-  An as useLocale,
-  ln as useReducedMotion,
-  Zt as useService,
-  Vn as useStore,
-  Wn as useTemperatureUnit,
-  nn as useToggle,
-  tn as useTurnOff,
-  en as useTurnOn,
-  Rn as useUnitSystem,
-  Qt as useWidgetContext,
-  cn as useWidgetDialog,
-  dn as useWidgetEntityGroup,
-  un as useWidgetGestures,
-  fn as widgetFields
+function Rt(e) {
+	return {
+		fill: `color-mix(in oklch, ${e} 20%, transparent)`,
+		stroke: e,
+		solid: e
+	};
+}
+var zt = Object.fromEntries(Object.entries(Lt).map(([e, t]) => [e, Rt(t)])), Bt = n.enum([
+	"success",
+	"warning",
+	"danger",
+	"info",
+	"neutral",
+	"accent"
+]), Vt = {
+	title: () => n.string().optional().meta({
+		title: "Title",
+		description: "Optional display name override"
+	}),
+	entityIds: (e, t) => n.array(n.string()).default([]).meta({
+		domain: e,
+		title: "Entities",
+		...t?.deviceClass ? { deviceClass: t.deviceClass } : {}
+	}),
+	singleEntity: (e, t) => n.array(n.string()).default([]).meta({
+		domain: e,
+		title: "Entity",
+		singleSelect: !0,
+		...t?.deviceClass ? { deviceClass: t.deviceClass } : {}
+	}),
+	areaId: () => n.string().optional().meta({
+		formType: "area-picker",
+		title: "Area"
+	})
 };
+//#endregion
+//#region src/shared/spline.ts
+function Ht(e) {
+	if (e.length < 2) return "";
+	let t = e[0], n = e[1];
+	if (!t || !n) return "";
+	if (e.length === 2) return `M ${t.x} ${t.y} L ${n.x} ${n.y}`;
+	let r = e.length, i = [], a = [], o = [];
+	for (let t = 0; t < r - 1; t++) {
+		let n = e[t], r = e[t + 1];
+		!n || !r || (i.push(r.x - n.x), a.push(r.y - n.y), o.push((r.y - n.y) / (r.x - n.x)));
+	}
+	let s = [o[0] ?? 0];
+	for (let e = 1; e < r - 1; e++) {
+		let t = o[e - 1] ?? 0, n = o[e] ?? 0, r = i[e - 1] ?? 0, a = i[e] ?? 0;
+		t * n <= 0 ? s.push(0) : s.push(3 * (r + a) / ((2 * a + r) / t + (a + 2 * r) / n));
+	}
+	s.push(o[r - 2] ?? 0);
+	let c = `M ${t.x} ${t.y}`;
+	for (let t = 0; t < r - 1; t++) {
+		let n = e[t], r = e[t + 1];
+		if (!n || !r) continue;
+		let a = (i[t] ?? 0) / 3, o = s[t] ?? 0, l = s[t + 1] ?? 0;
+		c += ` C ${n.x + a} ${n.y + o * a}, ${r.x - a} ${r.y - l * a}, ${r.x} ${r.y}`;
+	}
+	return c;
+}
+//#endregion
+//#region src/theme.ts
+function Ut() {
+	return document.documentElement.classList.contains("dark");
+}
+//#endregion
+//#region src/version.ts
+var Wt = {
+	name: "@glasshome/widget-sdk",
+	version: "1.2.1",
+	description: "SDK for building GlassHome dashboard widgets with SolidJS",
+	keywords: [
+		"glasshome",
+		"widget",
+		"sdk",
+		"solidjs",
+		"vite",
+		"home-assistant",
+		"dashboard",
+		"smart-home"
+	],
+	type: "module",
+	sideEffects: !1,
+	main: "./dist/index.js",
+	types: "./dist/index.d.ts",
+	exports: {
+		".": {
+			"@glasshome/source": "./src/index.ts",
+			types: "./dist/index.d.ts",
+			import: "./dist/index.js"
+		},
+		"./schemas": {
+			"@glasshome/source": "./src/schemas.ts",
+			types: "./dist/schemas.d.ts",
+			import: "./dist/schemas.js"
+		},
+		"./vite": {
+			"@glasshome/source": "./src/vite/index.ts",
+			types: "./dist/vite/index.d.ts",
+			import: "./dist/vite/index.js"
+		},
+		"./tailwind-sources": "./tailwind-sources.css",
+		"./package.json": "./package.json"
+	},
+	files: [
+		"dist",
+		"preview",
+		"tailwind-sources.css"
+	],
+	scripts: {
+		build: "vite build && tsc",
+		dev: "vite build --watch"
+	},
+	peerDependencies: {
+		"@glasshome/sync-layer": "0.2.0",
+		"solid-js": "^1.9.11"
+	},
+	dependencies: {
+		"@glasshome/widget-contract": "0.1.0",
+		"@modular-forms/solid": "^0.25.1",
+		"@solid-primitives/resize-observer": "^2.1.5",
+		clsx: "^2.1.1",
+		"tailwind-merge": "^3.5.0",
+		zod: "^4.1.13",
+		"@tailwindcss/vite": "^4.1.13",
+		tailwindcss: "^4.1.13"
+	},
+	devDependencies: {
+		"@types/bun": "latest",
+		"@types/node": "^25.2.2",
+		typescript: "^5",
+		vite: "^8.1.0",
+		"vite-plugin-solid": "^2.11.12"
+	},
+	repository: {
+		type: "git",
+		url: "https://github.com/glasshome/widget-sdk.git"
+	},
+	homepage: "https://github.com/glasshome/widget-sdk#readme",
+	bugs: { url: "https://github.com/glasshome/widget-sdk/issues" },
+	author: "GlassHome Labs",
+	license: "MIT",
+	publishConfig: { access: "public" },
+	engines: { node: ">=18" }
+}.version;
+//#endregion
+export { Wt as SDK_VERSION, Bt as ToneSchema, H as Widget, Ie as WidgetContent, I as WidgetCtx, wt as WidgetDialog, Be as WidgetIcon, e as WidgetManifestSchema, Pe as WidgetSliderFill, He as WidgetStatus, Ge as WidgetTitle, nt as WidgetValue, d as byDomain, Ke as calculateLightGroup, qe as calculateSensorGroup, Ze as countActiveEntities, be as defineWidget, t as formatSchemaError, Xe as getEntityAttribute, r as getForecasts, i as getStream, a as getWebRtcClientConfig, Ae as injectTokens, Ut as isDark, Ye as isEntityActive, Ht as monotoneCubicPath, o as sendWebRtcCandidate, s as startWebRtcSession, c as state, zt as svgColors, l as trackEntityHistory, u as untrackEntityHistory, f as useArea, p as useCamera, m as useConnection, h as useCurrency, g as useEntities, _ as useEntity, v as useEntityHistory, ee as useEntityStatistics, y as useForecast, b as useHassConfig, Tt as useIntersectionPause, te as useLocale, Et as useReducedMotion, Ce as useService, ne as useStore, re as useTemperatureUnit, Ee as useToggle, Te as useTurnOff, we as useTurnOn, oe as useUnitSystem, xe as useWidgetContext, Dt as useWidgetDialog, Ot as useWidgetEntityGroup, It as useWidgetGestures, Vt as widgetFields };