@glasshome/widget-sdk 0.5.0 → 0.5.1

package/dist/index.js

@@ -1,11 +1,11 @@
 import { z as A } from "zod";
-import { WidgetManifestSchema as Yt, formatSchemaError as Kt } from "./schemas.js";
-import { effect as W, className as P, style as ne, template as b, insert as w, createComponent as x, memo as D, setStyleProperty as Y, addEventListener as L, use as me, delegateEvents as ve } from "solid-js/web";
-import { createElementSize as we } from "@solid-primitives/resize-observer";
-import { createContext as be, useContext as se, Show as T, onMount as pe, createSignal as B, createMemo as j, splitProps as xe, createEffect as oe, on as ae } from "solid-js";
-import { clsx as ye } from "clsx";
-import { twMerge as $e } from "tailwind-merge";
-function ce(e) {
+import { WidgetManifestSchema as tn, formatSchemaError as nn } from "./schemas.js";
+import { effect as W, className as R, style as ie, template as x, insert as p, createComponent as $, memo as _, setStyleProperty as Y, addEventListener as U, use as ve, delegateEvents as we } from "solid-js/web";
+import { createElementSize as be } from "@solid-primitives/resize-observer";
+import { createContext as pe, useContext as le, Show as E, onMount as xe, createSignal as H, createMemo as L, splitProps as ye, createEffect as te, on as ae, onCleanup as ce } from "solid-js";
+import { clsx as $e } from "clsx";
+import { twMerge as ke } from "tailwind-merge";
+function de(e) {
   return A.toJSONSchema(e, {
     override: (t) => {
       const i = A.globalRegistry.get(t.zodSchema);
@@ -13,15 +13,15 @@ function ce(e) {
     }
   });
 }
-function ke(e) {
+function Ce(e) {
   try {
     return e.parse({});
   } catch {
     return {};
   }
 }
-function Vt(e) {
-  return e.configSchema && (e.manifest.schema || (e.manifest.schema = ce(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = ke(e.configSchema))), e;
+function Pt(e) {
+  return e.configSchema && (e.manifest.schema || (e.manifest.schema = de(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = Ce(e.configSchema))), e;
 }
 const G = {
   /** Background layer (gradients, images, glows) */
@@ -32,14 +32,14 @@ const G = {
   OVERLAY: 20,
   /** Action layer (buttons, edit controls) */
   ACTIONS: 30
-}, te = be();
-function At() {
-  const e = se(te);
+}, ne = pe();
+function Ht() {
+  const e = le(ne);
   if (!e)
     throw new Error("useWidgetContext must be used within a Widget component");
   return e;
 }
-const Ce = `/* Authoritative SDK CSS contract. Injected once on first Widget mount
+const Se = `/* 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 +
@@ -212,7 +212,7 @@ const Ce = `/* Authoritative SDK CSS contract. Injected once on first Widget mou
 }
 `;
 let Q = !1;
-function Se(e) {
+function Me(e) {
   if (Q) return;
   const t = e ?? (typeof document > "u" ? void 0 : document);
   if (!t) return;
@@ -221,12 +221,12 @@ function Se(e) {
     return;
   }
   const i = t.createElement("style");
-  i.setAttribute("data-glasshome-tokens", ""), i.textContent = Ce, t.head.appendChild(i), Q = !0;
+  i.setAttribute("data-glasshome-tokens", ""), i.textContent = Se, t.head.appendChild(i), Q = !0;
 }
-function H(...e) {
-  return $e(ye(e));
+function P(...e) {
+  return ke($e(e));
 }
-const Me = {
+const De = {
   id: "classic-glass",
   name: "Classic Glass",
   description: "Default glassmorphism design with blur background and gradient",
@@ -254,7 +254,7 @@ const Me = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, De = {
+}, _e = {
   id: "minimal",
   name: "Minimal",
   description: "Clean, minimal design with no background effects",
@@ -283,7 +283,7 @@ const Me = {
     active: !1,
     focus: !0
   }
-}, _e = {
+}, ze = {
   id: "compact-horizontal",
   name: "Compact Horizontal",
   description: "Horizontal layout for compact widgets",
@@ -311,108 +311,108 @@ const Me = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, ze = {
-  "classic-glass": Me,
-  minimal: De,
-  "compact-horizontal": _e
+}, Te = {
+  "classic-glass": De,
+  minimal: _e,
+  "compact-horizontal": ze
 };
-function Te(e) {
-  return ze[e];
+function Ee(e) {
+  return Te[e];
 }
-var Ee = /* @__PURE__ */ b("<div>");
+var Oe = /* @__PURE__ */ x("<div>");
 function Ne(e) {
   return (() => {
-    var t = Ee();
+    var t = Oe();
     return W((i) => {
-      var r = H("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), n = {
+      var r = P("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": G.BACKGROUND,
         ...e.color ? {
           "--widget-icon-color": e.color
         } : {}
       };
-      return r !== i.e && P(t, i.e = r), i.t = ne(t, n, i.t), i;
+      return r !== i.e && R(t, i.e = r), i.t = ie(t, n, i.t), i;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-var Oe = /* @__PURE__ */ b("<div>");
-function Ve(e) {
+var Ve = /* @__PURE__ */ x("<div>");
+function Ae(e) {
   return (() => {
-    var t = Oe();
-    return w(t, () => e.children), W(() => P(t, H("glasshome-widget-content", e.class))), t;
+    var t = Ve();
+    return p(t, () => e.children), W(() => R(t, P("glasshome-widget-content", e.class))), t;
   })();
 }
-var Ae = /* @__PURE__ */ b('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2">'), We = /* @__PURE__ */ b('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3">'), He = /* @__PURE__ */ b('<div><div class="glasshome-widget-icon-glyph flex items-center justify-center">');
-function Pe(e) {
+var We = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2">'), Pe = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3">'), He = /* @__PURE__ */ x('<div><div class="glasshome-widget-icon-glyph flex items-center justify-center">');
+function Re(e) {
   const t = () => e.entityCount ?? 1;
   return (() => {
     var i = He(), r = i.firstChild;
-    return w(i, x(T, {
+    return p(i, $(E, {
       get when() {
         return t() >= 2;
       },
       get children() {
-        return Ae();
+        return We();
       }
-    }), r), w(i, x(T, {
+    }), r), p(i, $(E, {
       get when() {
         return t() >= 3;
       },
       get children() {
-        return We();
+        return Pe();
       }
-    }), r), w(r, () => e.icon), W((n) => {
-      var a = H("glasshome-widget-icon", "relative flex shrink-0 items-center justify-center pointer-events-none transition-all", e.dimmed && "opacity-50", e.class), h = e.color ? {
+    }), r), p(r, () => e.icon), W((n) => {
+      var o = P("glasshome-widget-icon", "relative flex shrink-0 items-center justify-center pointer-events-none transition-all", e.dimmed && "opacity-50", e.class), h = e.color ? {
         "--widget-icon-color": e.color
       } : void 0;
-      return a !== n.e && P(i, n.e = a), n.t = ne(i, h, n.t), n;
+      return o !== n.e && R(i, n.e = o), n.t = ie(i, h, n.t), n;
     }, {
       e: void 0,
       t: void 0
     }), i;
   })();
 }
-var Re = /* @__PURE__ */ b("<p>");
-function Ue(e) {
+var Ie = /* @__PURE__ */ x("<p>");
+function je(e) {
   return (() => {
-    var t = Re();
-    return w(t, (() => {
-      var i = D(() => !!e.isUnavailable);
+    var t = Ie();
+    return p(t, (() => {
+      var i = _(() => !!e.isUnavailable);
       return () => i() ? "Unavailable" : e.children;
     })()), W((i) => {
-      var r = H("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), n = G.ACTIONS;
-      return r !== i.e && P(t, i.e = r), n !== i.t && Y(t, "z-index", i.t = n), i;
+      var r = P("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), n = G.ACTIONS;
+      return r !== i.e && R(t, i.e = r), n !== i.t && Y(t, "z-index", i.t = n), i;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-var je = /* @__PURE__ */ b('<span class="glasshome-widget-badge shrink-0">'), Be = /* @__PURE__ */ b("<div><h3 class=glasshome-widget-title>");
-function Ie(e) {
+var Le = /* @__PURE__ */ x('<span class="glasshome-widget-badge shrink-0">'), Be = /* @__PURE__ */ x("<div><h3 class=glasshome-widget-title>");
+function Ue(e) {
   return (() => {
     var t = Be(), i = t.firstChild;
-    return w(i, () => e.children), w(t, x(T, {
+    return p(i, () => e.children), p(t, $(E, {
       get when() {
-        return D(() => e.badge !== void 0)() && e.badge > 0;
+        return _(() => e.badge !== void 0)() && e.badge > 0;
       },
       get children() {
-        var r = je();
-        return w(r, () => e.badge), r;
+        var r = Le();
+        return p(r, () => e.badge), r;
       }
     }), null), W((r) => {
-      var n = H("relative flex items-center gap-2", e.class), a = G.ACTIONS;
-      return n !== r.e && P(t, r.e = n), a !== r.t && Y(t, "z-index", r.t = a), r;
+      var n = P("relative flex items-center gap-2", e.class), o = G.ACTIONS;
+      return n !== r.e && R(t, r.e = n), o !== r.t && Y(t, "z-index", r.t = o), r;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-function Le(e, t = !1) {
+function Fe(e, t = !1) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -428,62 +428,62 @@ function Le(e, t = !1) {
     };
   const i = e.length > 1;
   if (!i) {
-    const v = e[0], S = v.state === "on", O = v.attributes?.brightness || 0, M = Math.round(O / 255 * 100);
+    const b = e[0], M = b.state === "on", N = b.attributes?.brightness || 0, D = Math.round(N / 255 * 100);
     return {
       isGroup: !1,
-      state: v.state,
-      isOn: S,
-      isUnavailable: v.state === "unavailable",
-      brightness: O,
-      brightnessPercent: M,
-      color: le(v),
-      onCount: S ? 1 : 0,
+      state: b.state,
+      isOn: M,
+      isUnavailable: b.state === "unavailable",
+      brightness: N,
+      brightnessPercent: D,
+      color: se(b),
+      onCount: M ? 1 : 0,
       totalCount: 1,
-      description: S ? "On" : "Off"
+      description: M ? "On" : "Off"
     };
   }
-  let r = 0, n = 0, a = 0, h = 0, u = 0, p = 0;
-  const y = [];
-  for (const v of e)
-    switch (v.state) {
+  let r = 0, n = 0, o = 0, h = 0, g = 0, y = 0;
+  const f = [];
+  for (const b of e)
+    switch (b.state) {
       case "on":
-        r++, v.attributes?.brightness !== void 0 && (u += v.attributes.brightness, p++), v.attributes?.rgb_color && y.push(v.attributes.rgb_color);
+        r++, b.attributes?.brightness !== void 0 && (g += b.attributes.brightness, y++), b.attributes?.rgb_color && f.push(b.attributes.rgb_color);
         break;
       case "off":
         n++;
         break;
       case "unknown":
-        a++;
+        o++;
         break;
       case "unavailable":
         h++;
         break;
     }
-  const m = e.length, $ = h === m, E = a + h === m, d = r > 0, l = r === m, k = n === m;
-  let f, C;
-  t ? $ ? (f = "unavailable", C = !1) : a > 0 || h > 0 ? (f = "unknown", C = !1) : n > 0 ? (f = "off", C = !1) : (f = "on", C = !0) : $ ? (f = "unavailable", C = !1) : E ? (f = "unknown", C = !1) : d ? (f = "on", C = !0) : (f = "off", C = !1);
-  const N = p > 0 ? Math.round(u / p) : 0, R = Math.round(N / 255 * 100);
-  let c;
-  if (y.length > 0) {
-    const v = Math.round(y.reduce((s, _) => s + _[0], 0) / y.length), S = Math.round(y.reduce((s, _) => s + _[1], 0) / y.length), O = Math.round(y.reduce((s, _) => s + _[2], 0) / y.length), M = N / 255;
-    c = `rgb(${Math.round(v * M)}, ${Math.round(S * M)}, ${Math.round(O * M)})`;
+  const c = e.length, v = h === c, k = o + h === c, d = r > 0, a = r === c, C = n === c;
+  let w, S;
+  t ? v ? (w = "unavailable", S = !1) : o > 0 || h > 0 ? (w = "unknown", S = !1) : n > 0 ? (w = "off", S = !1) : (w = "on", S = !0) : v ? (w = "unavailable", S = !1) : k ? (w = "unknown", S = !1) : d ? (w = "on", S = !0) : (w = "off", S = !1);
+  const O = y > 0 ? Math.round(g / y) : 0, I = Math.round(O / 255 * 100);
+  let u;
+  if (f.length > 0) {
+    const b = Math.round(f.reduce((l, z) => l + z[0], 0) / f.length), M = Math.round(f.reduce((l, z) => l + z[1], 0) / f.length), N = Math.round(f.reduce((l, z) => l + z[2], 0) / f.length), D = O / 255;
+    u = `rgb(${Math.round(b * D)}, ${Math.round(M * D)}, ${Math.round(N * D)})`;
   } else
-    c = le(e[0]);
-  let g;
-  return l ? g = "All on" : k ? g = "All off" : r > 0 ? g = `${r} of ${m} on` : g = "Off", {
+    u = se(e[0]);
+  let m;
+  return a ? m = "All on" : C ? m = "All off" : r > 0 ? m = `${r} of ${c} on` : m = "Off", {
     isGroup: i,
-    state: f,
-    isOn: C,
-    isUnavailable: f === "unavailable",
-    brightness: N,
-    brightnessPercent: R,
-    color: c,
+    state: w,
+    isOn: S,
+    isUnavailable: w === "unavailable",
+    brightness: O,
+    brightnessPercent: I,
+    color: u,
     onCount: r,
-    totalCount: m,
-    description: g
+    totalCount: c,
+    description: m
   };
 }
-function Fe(e, t = "mean", i = !0) {
+function Ge(e, t = "mean", i = !0) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -494,112 +494,112 @@ function Fe(e, t = "mean", i = !0) {
     };
   const r = e.length > 1;
   if (!r) {
-    const d = e[0], l = Number.parseFloat(d.state);
-    let k = d.state;
-    return Number.isNaN(l) || (k = Number.isInteger(l) ? l.toString() : l.toFixed(1)), {
+    const d = e[0], a = Number.parseFloat(d.state);
+    let C = d.state;
+    return Number.isNaN(a) || (C = Number.isInteger(a) ? a.toString() : a.toFixed(1)), {
       isGroup: !1,
-      state: k,
-      numericValue: Number.isNaN(l) ? null : l,
+      state: C,
+      numericValue: Number.isNaN(a) ? null : a,
       isUnavailable: d.state === "unavailable",
       unit: d.unitOfMeasurement ?? void 0,
-      description: k
+      description: C
     };
   }
-  const n = [], a = [];
-  let h = 0, u;
+  const n = [], o = [];
+  let h = 0, g;
   for (const d of e) {
-    if (!u && d.unitOfMeasurement && (u = d.unitOfMeasurement), d.state === "unavailable") {
-      h++, a.push({
+    if (!g && d.unitOfMeasurement && (g = d.unitOfMeasurement), d.state === "unavailable") {
+      h++, o.push({
         entityId: d.id,
         value: "unavailable",
         friendly_name: d.friendlyName
       });
       continue;
     }
-    const l = Number.parseFloat(d.state);
-    isNaN(l) ? i || a.push({
+    const a = Number.parseFloat(d.state);
+    isNaN(a) ? i || o.push({
       entityId: d.id,
       value: d.state,
       friendly_name: d.friendlyName
-    }) : (n.push(l), a.push({
+    }) : (n.push(a), o.push({
       entityId: d.id,
-      value: l,
+      value: a,
       friendly_name: d.friendlyName
     }));
   }
-  const p = h === e.length, y = n.length === 0;
-  if (p || y)
+  const y = h === e.length, f = n.length === 0;
+  if (y || f)
     return {
       isGroup: r,
-      state: p ? "unavailable" : "unknown",
+      state: y ? "unavailable" : "unknown",
       numericValue: null,
-      isUnavailable: p,
-      unit: u,
-      description: p ? "Unavailable" : "No numeric values",
-      memberValues: a
+      isUnavailable: y,
+      unit: g,
+      description: y ? "Unavailable" : "No numeric values",
+      memberValues: o
     };
-  let m, $;
+  let c, v;
   switch (t) {
     case "min":
-      m = Math.min(...n), $ = "Minimum";
+      c = Math.min(...n), v = "Minimum";
       break;
     case "max":
-      m = Math.max(...n), $ = "Maximum";
+      c = Math.max(...n), v = "Maximum";
       break;
     case "mean":
-      m = n.reduce((d, l) => d + l, 0) / n.length, $ = "Average";
+      c = n.reduce((d, a) => d + a, 0) / n.length, v = "Average";
       break;
     case "median": {
-      const d = [...n].sort((k, f) => k - f), l = Math.floor(d.length / 2);
-      m = d.length % 2 === 0 ? (d[l - 1] + d[l]) / 2 : d[l], $ = "Median";
+      const d = [...n].sort((C, w) => C - w), a = Math.floor(d.length / 2);
+      c = d.length % 2 === 0 ? (d[a - 1] + d[a]) / 2 : d[a], v = "Median";
       break;
     }
     case "sum":
-      m = n.reduce((d, l) => d + l, 0), $ = "Sum";
+      c = n.reduce((d, a) => d + a, 0), v = "Sum";
       break;
     case "last":
-      m = n[n.length - 1], $ = "Latest";
+      c = n[n.length - 1], v = "Latest";
       break;
     case "range":
-      m = Math.max(...n) - Math.min(...n), $ = "Range";
+      c = Math.max(...n) - Math.min(...n), v = "Range";
       break;
     case "product":
-      m = n.reduce((d, l) => d * l, 1), $ = "Product";
+      c = n.reduce((d, a) => d * a, 1), v = "Product";
       break;
     case "std_dev": {
-      const d = n.reduce((k, f) => k + f, 0) / n.length, l = n.reduce((k, f) => k + (f - d) ** 2, 0) / n.length;
-      m = Math.sqrt(l), $ = "Std Dev";
+      const d = n.reduce((C, w) => C + w, 0) / n.length, a = n.reduce((C, w) => C + (w - d) ** 2, 0) / n.length;
+      c = Math.sqrt(a), v = "Std Dev";
       break;
     }
     default:
-      m = n.reduce((d, l) => d + l, 0) / n.length, $ = "Average";
+      c = n.reduce((d, a) => d + a, 0) / n.length, v = "Average";
   }
-  const E = Number.isInteger(m) ? m.toString() : m.toFixed(1);
+  const k = Number.isInteger(c) ? c.toString() : c.toFixed(1);
   return {
     isGroup: r,
-    state: E,
-    numericValue: m,
+    state: k,
+    numericValue: c,
     isUnavailable: !1,
-    unit: u,
-    description: `${$} of ${n.length}`,
-    memberValues: a
+    unit: g,
+    description: `${v} of ${n.length}`,
+    memberValues: o
   };
 }
-function le(e) {
+function se(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, a] = e.attributes.rgb_color;
-    return `rgb(${Math.round(r * i)}, ${Math.round(n * i)}, ${Math.round(a * i)})`;
+    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 a, h, u;
-    return n <= 66 ? (a = 255, h = n <= 19 ? 0 : 99.4708025861 * Math.log(n - 10) - 161.1195681661, u = n <= 19 ? 0 : n <= 66 ? 138.5177312231 * Math.log(n - 10) - 305.0447927307 : 255) : (a = 329.698727446 * (n - 60) ** -0.1332047592, h = 288.1221695283 * (n - 60) ** -0.0755148492, u = 255), a = Math.max(0, Math.min(255, a)) * i, h = Math.max(0, Math.min(255, h)) * i, u = Math.max(0, Math.min(255, u)) * i, `rgb(${Math.round(a)}, ${Math.round(h)}, ${Math.round(u)})`;
+    let o, h, g;
+    return n <= 66 ? (o = 255, h = n <= 19 ? 0 : 99.4708025861 * Math.log(n - 10) - 161.1195681661, g = n <= 19 ? 0 : n <= 66 ? 138.5177312231 * Math.log(n - 10) - 305.0447927307 : 255) : (o = 329.698727446 * (n - 60) ** -0.1332047592, h = 288.1221695283 * (n - 60) ** -0.0755148492, g = 255), o = Math.max(0, Math.min(255, o)) * i, h = Math.max(0, Math.min(255, h)) * i, g = Math.max(0, Math.min(255, g)) * i, `rgb(${Math.round(o)}, ${Math.round(h)}, ${Math.round(g)})`;
   }
   return `rgb(${Math.round(255 * i)}, ${Math.round(220 * i)}, ${Math.round(180 * i)})`;
 }
-function Ge(e) {
+function qe(e) {
   if (!e) return !1;
   if (["on", "open", "locked", "home", "playing", "active"].includes(e.state))
     return !0;
@@ -609,47 +609,47 @@ function Ge(e) {
   }
   return !1;
 }
-function Wt(e, t, i) {
+function Rt(e, t, i) {
   return e?.attributes ? e.attributes[t] ?? i : i;
 }
-function Ht(e) {
-  return e.filter(Ge).length;
+function It(e) {
+  return e.filter(qe).length;
 }
-function qe(e, t, i) {
+function Ye(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 a = e, h = t || "";
-  n && t && (t === "W" || t === "kW" || t === "MW") && (e >= 1e6 ? (a = e / 1e6, h = "MW") : e >= 1e3 ? (a = e / 1e3, h = "kW") : h = "W"), n && t && (t === "B" || t === "KB" || t === "MB" || t === "GB") && (e >= 1073741824 ? (a = e / 1073741824, h = "GB") : e >= 1048576 ? (a = e / 1048576, h = "MB") : e >= 1024 ? (a = e / 1024, h = "KB") : h = "B");
-  let u;
-  return r !== void 0 ? u = a.toFixed(r) : a !== e ? u = a.toFixed(1) : Number.isInteger(e) ? u = e.toString() : u = Number.parseFloat(e.toFixed(2)).toString(), h ? `${u}${h}` : u;
+  let o = e, h = t || "";
+  n && t && (t === "W" || t === "kW" || t === "MW") && (e >= 1e6 ? (o = e / 1e6, h = "MW") : e >= 1e3 ? (o = e / 1e3, h = "kW") : h = "W"), n && t && (t === "B" || t === "KB" || t === "MB" || t === "GB") && (e >= 1073741824 ? (o = e / 1073741824, h = "GB") : e >= 1048576 ? (o = e / 1048576, h = "MB") : e >= 1024 ? (o = e / 1024, h = "KB") : h = "B");
+  let g;
+  return r !== void 0 ? g = o.toFixed(r) : o !== e ? g = o.toFixed(1) : Number.isInteger(e) ? g = e.toString() : g = Number.parseFloat(e.toFixed(2)).toString(), h ? `${g}${h}` : g;
 }
-function Ye(e, t) {
+function Ke(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 Ke = /* @__PURE__ */ b("<div class=glasshome-widget-subtitle>"), Xe = /* @__PURE__ */ b("<div><div class=glasshome-widget-value>");
-function Je(e) {
+var Xe = /* @__PURE__ */ x("<div class=glasshome-widget-subtitle>"), Je = /* @__PURE__ */ x("<div><div class=glasshome-widget-value>");
+function Qe(e) {
   return (() => {
-    var t = Xe(), i = t.firstChild;
-    return w(i, () => qe(e.value, e.unit)), w(t, x(T, {
+    var t = Je(), i = t.firstChild;
+    return p(i, () => Ye(e.value, e.unit)), p(t, $(E, {
       get when() {
-        return D(() => !!e.interpret)() && typeof e.value == "number";
+        return _(() => !!e.interpret)() && typeof e.value == "number";
       },
       get children() {
-        var r = Ke();
-        return w(r, () => Ye(e.value, e.unit)), r;
+        var r = Xe();
+        return p(r, () => Ke(e.value, e.unit)), r;
       }
-    }), null), W(() => P(t, H("flex flex-col", e.class))), t;
+    }), null), W(() => R(t, P("flex flex-col", e.class))), t;
   })();
 }
-var Qe = /* @__PURE__ */ b('<div><div class="relative h-full w-full">'), Ze = /* @__PURE__ */ b('<div class="glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse">'), et = /* @__PURE__ */ b('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), tt = /* @__PURE__ */ b('<div class="flex items-center justify-center text-white/30">'), nt = /* @__PURE__ */ b('<h3 class="font-semibold text-sm text-white/60">'), it = /* @__PURE__ */ b('<p class="text-white/50 text-xs">');
-function rt(e) {
-  pe(() => {
-    Se();
+var Ze = /* @__PURE__ */ x('<div><div class="relative h-full w-full">'), et = /* @__PURE__ */ x('<div class="glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse">'), tt = /* @__PURE__ */ x('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), nt = /* @__PURE__ */ x('<div class="flex items-center justify-center text-white/30">'), it = /* @__PURE__ */ x('<h3 class="font-semibold text-sm text-white/60">'), rt = /* @__PURE__ */ x('<p class="text-white/50 text-xs">');
+function ot(e) {
+  xe(() => {
+    Me();
   });
-  const t = se(te), [i, r] = B(), n = we(i), a = {
+  const t = le(ne), [i, r] = H(), n = be(i), o = {
     isEditMode: () => e.isEditMode ?? !1,
     updateConfig: t?.updateConfig ?? (() => {
     }),
@@ -657,10 +657,10 @@ function rt(e) {
       width: n.width ?? 0,
       height: n.height ?? 0
     })
-  }, h = j(() => {
+  }, h = L(() => {
     if (e.variant)
-      return typeof e.variant == "string" ? Te(e.variant) : e.variant;
-  }), u = j(() => ({
+      return typeof e.variant == "string" ? Ee(e.variant) : e.variant;
+  }), g = L(() => ({
     "container-type": "size",
     "container-name": "widget",
     "touch-action": e.gestures && !e.isEditMode ? e.gestures.touchAction() : void 0,
@@ -678,26 +678,26 @@ function rt(e) {
     ...e.gradient ? {
       "--widget-gradient": e.gradient
     } : {}
-  })), p = () => !!e.gestures && !e.isEditMode, y = (l) => {
-    p() && e.gestures?.onPointerEnter(l);
-  }, m = (l) => {
-    p() && e.gestures?.onPointerDown(l);
-  }, $ = (l) => {
-    p() && e.gestures?.onPointerMove(l);
-  }, E = (l) => {
-    p() && e.gestures?.onPointerUp(l);
-  }, d = (l) => {
-    p() && e.gestures?.onPointerCancel(l);
+  })), y = () => !!e.gestures && !e.isEditMode, f = (a) => {
+    y() && e.gestures?.onPointerEnter(a);
+  }, c = (a) => {
+    y() && e.gestures?.onPointerDown(a);
+  }, v = (a) => {
+    y() && e.gestures?.onPointerMove(a);
+  }, k = (a) => {
+    y() && e.gestures?.onPointerUp(a);
+  }, d = (a) => {
+    y() && e.gestures?.onPointerCancel(a);
   };
-  return x(te.Provider, {
-    value: a,
+  return $(ne.Provider, {
+    value: o,
     get children() {
-      var l = Qe(), k = l.firstChild;
-      return L(l, "pointercancel", d), L(l, "pointerup", E), L(l, "pointermove", $), L(l, "pointerdown", m), L(l, "pointerenter", y), me((f) => {
-        r(f), e.gestures?.bindElement(f);
-      }, l), w(k, (() => {
-        var f = D(() => !!e.emptyState);
-        return () => f() ? x(ot, {
+      var a = Ze(), C = a.firstChild;
+      return U(a, "pointercancel", d), U(a, "pointerup", k), U(a, "pointermove", v), U(a, "pointerdown", c), U(a, "pointerenter", f), ve((w) => {
+        r(w), e.gestures?.bindElement(w);
+      }, a), p(C, (() => {
+        var w = _(() => !!e.emptyState);
+        return () => w() ? $(at, {
           get icon() {
             return e.emptyState.icon;
           },
@@ -708,86 +708,86 @@ function rt(e) {
             return e.emptyState.message;
           }
         }) : e.children;
-      })()), w(l, (() => {
-        var f = D(() => !!e.loading);
-        return () => f() && (() => {
-          var C = Ze();
-          return W((N) => Y(C, "z-index", G.OVERLAY)), C;
+      })()), p(a, (() => {
+        var w = _(() => !!e.loading);
+        return () => w() && (() => {
+          var S = et();
+          return W((O) => Y(S, "z-index", G.OVERLAY)), S;
         })();
-      })(), null), W((f) => {
-        var C = H("glasshome-widget", "relative h-full w-full select-none overflow-hidden rounded-xl border border-border/50", h()?.styles?.class, e.class), N = u(), R = G.CONTENT;
-        return C !== f.e && P(l, f.e = C), f.t = ne(l, N, f.t), R !== f.a && Y(k, "z-index", f.a = R), f;
+      })(), null), W((w) => {
+        var S = P("glasshome-widget", "relative h-full w-full select-none overflow-hidden rounded-xl border border-border/50", h()?.styles?.class, e.class), O = g(), I = G.CONTENT;
+        return S !== w.e && R(a, w.e = S), w.t = ie(a, O, w.t), I !== w.a && Y(C, "z-index", w.a = I), w;
       }, {
         e: void 0,
         t: void 0,
         a: void 0
-      }), l;
+      }), a;
     }
   });
 }
-function ot(e) {
+function at(e) {
   return (() => {
-    var t = et();
-    return w(t, (() => {
-      var i = D(() => !!e.icon);
-      return () => i() && (() => {
-        var r = tt();
-        return w(r, () => e.icon), r;
-      })();
-    })(), null), w(t, (() => {
-      var i = D(() => !!e.title);
+    var t = tt();
+    return p(t, (() => {
+      var i = _(() => !!e.icon);
       return () => i() && (() => {
         var r = nt();
-        return w(r, () => e.title), r;
+        return p(r, () => e.icon), r;
       })();
-    })(), null), w(t, (() => {
-      var i = D(() => !!e.message);
+    })(), null), p(t, (() => {
+      var i = _(() => !!e.title);
       return () => i() && (() => {
         var r = it();
-        return w(r, () => e.message), r;
+        return p(r, () => e.title), r;
+      })();
+    })(), null), p(t, (() => {
+      var i = _(() => !!e.message);
+      return () => i() && (() => {
+        var r = rt();
+        return p(r, () => e.message), r;
       })();
     })(), null), t;
   })();
 }
-const I = rt;
-I.Content = Ve;
-I.Icon = Pe;
-I.Title = Ie;
-I.Status = Ue;
-I.Value = Je;
-I.SliderFill = Ne;
-var at = /* @__PURE__ */ b('<span class="inline-flex size-3.5 shrink-0 items-center">'), lt = /* @__PURE__ */ b("<button type=button>"), st = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z">'), ct = /* @__PURE__ */ b('<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'), dt = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><line x1=4 y1=21 x2=4 y2=14></line><line x1=4 y1=10 x2=4 y2=3></line><line x1=12 y1=21 x2=12 y2=12></line><line x1=12 y1=8 x2=12 y2=3></line><line x1=20 y1=21 x2=20 y2=16></line><line x1=20 y1=12 x2=20 y2=3></line><line x1=1 y1=14 x2=7 y2=14></line><line x1=9 y1=8 x2=15 y2=8></line><line x1=17 y1=16 x2=23 y2=16>'), ut = /* @__PURE__ */ b('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), gt = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path d="m8 2 1.88 1.88"></path><path d="M14.12 3.88 16 2"></path><path d="M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"></path><path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"></path><path d="M12 20v-9"></path><path d="M6.53 9C4.6 8.8 3 7.1 3 5"></path><path d="M6 13H2"></path><path d="M3 21c0-2.1 1.7-3.9 3.8-4"></path><path d="M20.97 5c0 2.1-1.6 3.8-3.5 4"></path><path d="M22 13h-4"></path><path d="M17.2 17c2.1.1 3.8 1.9 3.8 4">'), ht = /* @__PURE__ */ b('<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'), ft = /* @__PURE__ */ b('<div class="min-w-0 shrink-0">'), mt = /* @__PURE__ */ b('<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">'), vt = /* @__PURE__ */ b('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), wt = /* @__PURE__ */ b('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
-function bt(e) {
+const B = ot;
+B.Content = Ae;
+B.Icon = Re;
+B.Title = Ue;
+B.Status = je;
+B.Value = Qe;
+B.SliderFill = Ne;
+var st = /* @__PURE__ */ x('<span class="inline-flex size-3.5 shrink-0 items-center">'), lt = /* @__PURE__ */ x("<button type=button>"), 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><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">'), 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 edit options available'), ut = /* @__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>'), gt = /* @__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'), ht = /* @__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">'), ft = /* @__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'), mt = /* @__PURE__ */ x('<div class="min-w-0 shrink-0">'), vt = /* @__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">'), wt = /* @__PURE__ */ x('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), bt = /* @__PURE__ */ x('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
+function pt(e) {
   return (() => {
     var t = lt();
-    return t.$$click = () => e.onClick(), w(t, x(T, {
+    return t.$$click = () => e.onClick(), p(t, $(E, {
       get when() {
         return e.isActive;
       },
       get children() {
-        var i = at();
-        return w(i, () => e.icon), i;
+        var i = st();
+        return p(i, () => e.icon), i;
       }
-    }), null), w(t, () => e.label, null), W(() => P(t, H("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;
+    }), null), p(t, () => e.label, null), W(() => R(t, P("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 Pt(e) {
-  const [t] = xe(e, ["open", "onOpenChange", "title", "onSave", "hasUnsavedChanges", "onDelete", "editContent", "controlsContent", "debugContent", "debugData", "tabs", "class", "maxWidth", "defaultTab", "headerActions", "configSchema", "config", "onConfigSave", "ResponsiveDialog", "ResponsiveDialogContent", "ResponsiveDialogHeader", "ResponsiveDialogTitle", "ResponsiveDialogDescription", "Button", "SchemaForm"]), i = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, n] = B({}), [a, h] = B(null);
-  oe(ae(() => t.config, (s) => {
-    s && n({
-      ...s
+function jt(e) {
+  const [t] = ye(e, ["open", "onOpenChange", "title", "onSave", "hasUnsavedChanges", "onDelete", "editContent", "controlsContent", "debugContent", "debugData", "tabs", "class", "maxWidth", "defaultTab", "headerActions", "configSchema", "config", "onConfigSave", "ResponsiveDialog", "ResponsiveDialogContent", "ResponsiveDialogHeader", "ResponsiveDialogTitle", "ResponsiveDialogDescription", "Button", "SchemaForm"]), i = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, n] = H({}), [o, h] = H(null);
+  te(ae(() => t.config, (l) => {
+    l && n({
+      ...l
     });
-  })), oe(ae(() => t.configSchema, (s) => {
-    s && h(ce(s));
+  })), te(ae(() => t.configSchema, (l) => {
+    l && h(de(l));
   }));
-  const u = () => i() && JSON.stringify(r()) !== JSON.stringify(t.config), p = (s) => {
-    !s && t.config && n({
+  const g = () => i() && JSON.stringify(r()) !== JSON.stringify(t.config), y = (l) => {
+    !l && t.config && n({
       ...t.config
-    }), t.onOpenChange(s);
-  }, y = () => {
+    }), t.onOpenChange(l);
+  }, f = () => {
     t.onConfigSave?.(r());
-  }, [m, $] = B(t.defaultTab ?? "controls"), E = () => {
-    const s = t.maxWidth ?? "3xl";
+  }, [c, v] = H(t.defaultTab ?? "controls"), k = () => {
+    const l = t.maxWidth ?? "3xl";
     return {
       sm: "max-w-sm",
       md: "max-w-md",
@@ -796,73 +796,73 @@ function Pt(e) {
       "2xl": "max-w-2xl",
       "3xl": "max-w-3xl",
       "4xl": "max-w-4xl"
-    }[s];
+    }[l];
   }, d = () => {
     if (t.tabs) return t.tabs;
-    const s = [];
-    return s.push({
+    const l = [];
+    return l.push({
       id: "edit",
       label: "Edit",
-      icon: st(),
-      content: t.editContent ?? (i() && a() ? x(v, {
+      icon: ct(),
+      content: t.editContent ?? (i() && o() ? $(b, {
         get schema() {
-          return a();
+          return o();
         },
         get data() {
           return r();
         },
         onChange: n
-      }) : ct())
-    }), s.push({
+      }) : dt())
+    }), l.push({
       id: "controls",
       label: "Controls",
-      icon: dt(),
-      content: t.controlsContent ?? ut()
-    }), s.push({
+      icon: ut(),
+      content: t.controlsContent ?? gt()
+    }), l.push({
       id: "debug",
       label: "Debug",
-      icon: gt(),
-      content: t.debugContent ?? ht()
-    }), s;
-  }, l = async () => {
+      icon: ht(),
+      content: t.debugContent ?? ft()
+    }), l;
+  }, a = async () => {
     if (t.debugData !== void 0)
       try {
-        const s = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
-        await navigator.clipboard.writeText(s);
+        const l = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
+        await navigator.clipboard.writeText(l);
       } catch {
       }
-  }, k = () => {
-    const s = d();
-    return s.find((V) => V.id === m())?.content ?? s[0]?.content;
-  }, f = t.ResponsiveDialog, C = t.ResponsiveDialogContent, N = t.ResponsiveDialogHeader, R = t.ResponsiveDialogTitle, c = t.ResponsiveDialogDescription, g = t.Button, v = t.SchemaForm, S = (s) => i() ? p(s) : t.onOpenChange(s), O = () => i() ? u() : t.hasUnsavedChanges, M = () => i() ? y : t.onSave;
-  return x(f, {
+  }, C = () => {
+    const l = d();
+    return l.find((V) => V.id === c())?.content ?? l[0]?.content;
+  }, w = t.ResponsiveDialog, S = t.ResponsiveDialogContent, O = t.ResponsiveDialogHeader, I = t.ResponsiveDialogTitle, u = t.ResponsiveDialogDescription, m = t.Button, b = t.SchemaForm, M = (l) => i() ? y(l) : t.onOpenChange(l), N = () => i() ? g() : t.hasUnsavedChanges, D = () => i() ? f : t.onSave;
+  return $(w, {
     get open() {
       return t.open;
     },
-    onOpenChange: (s) => S(s),
+    onOpenChange: (l) => M(l),
     get children() {
-      return x(C, {
+      return $(S, {
         get class() {
-          return H(E(), t.class);
+          return P(k(), t.class);
         },
         get children() {
-          return [x(N, {
+          return [$(O, {
             class: "flex flex-row items-center justify-between gap-3",
             get children() {
               return [(() => {
-                var s = ft();
-                return w(s, x(R, {
+                var l = mt();
+                return p(l, $(I, {
                   class: "truncate leading-tight",
                   get children() {
                     return t.title;
                   }
-                }), null), w(s, x(c, {
+                }), null), p(l, $(u, {
                   class: "sr-only",
                   children: "Widget configuration dialog"
-                }), null), s;
+                }), null), l;
               })(), (() => {
-                var s = mt(), _ = s.firstChild;
-                return w(_, () => d().map((V) => x(bt, {
+                var l = vt(), z = l.firstChild;
+                return p(z, () => d().map((V) => $(pt, {
                   get icon() {
                     return V.icon;
                   },
@@ -870,67 +870,67 @@ function Pt(e) {
                     return V.label;
                   },
                   get isActive() {
-                    return m() === V.id;
+                    return c() === V.id;
                   },
-                  onClick: () => $(V.id)
-                }))), w(s, x(T, {
+                  onClick: () => v(V.id)
+                }))), p(l, $(E, {
                   get when() {
                     return t.headerActions;
                   },
                   get children() {
                     return t.headerActions;
                   }
-                }), null), s;
+                }), null), l;
               })()];
             }
           }), (() => {
-            var s = vt();
-            return w(s, k), s;
-          })(), x(T, {
+            var l = wt();
+            return p(l, C), l;
+          })(), $(E, {
             get when() {
-              return D(() => m() === "edit")() && (M() || t.onDelete) || m() === "debug" && t.debugData !== void 0;
+              return _(() => c() === "edit")() && (D() || t.onDelete) || c() === "debug" && t.debugData !== void 0;
             },
             get children() {
-              var s = wt();
-              return w(s, x(T, {
+              var l = bt();
+              return p(l, $(E, {
                 get when() {
-                  return D(() => m() === "edit")() && t.onDelete;
+                  return _(() => c() === "edit")() && t.onDelete;
                 },
                 get children() {
-                  return x(g, {
+                  return $(m, {
                     size: "sm",
                     variant: "destructive",
                     onClick: () => t.onDelete?.(),
                     children: "Delete"
                   });
                 }
-              }), null), w(s, x(T, {
+              }), null), p(l, $(E, {
                 get when() {
-                  return D(() => m() === "edit")() && M();
+                  return _(() => c() === "edit")() && D();
                 },
                 get children() {
-                  return x(g, {
+                  return $(m, {
                     size: "sm",
                     get disabled() {
-                      return !O();
+                      return !N();
                     },
-                    onClick: () => M()?.(),
+                    onClick: () => D()?.(),
                     children: "Save"
                   });
                 }
-              }), null), w(s, x(T, {
+              }), null), p(l, $(E, {
                 get when() {
-                  return D(() => m() === "debug")() && t.debugData !== void 0;
+                  return _(() => c() === "debug")() && t.debugData !== void 0;
                 },
                 get children() {
-                  return x(g, {
+                  return $(m, {
                     size: "sm",
                     variant: "outline",
-                    onClick: l,
+                    onClick: a,
                     children: "Copy"
                   });
                 }
-              }), null), s;
+              }), null), l;
             }
           })];
         }
@@ -938,9 +938,27 @@ function Pt(e) {
     }
   });
 }
-ve(["click"]);
-function Rt(e = "edit") {
-  const [t, i] = B(!1), [r, n] = B(e);
+we(["click"]);
+function Lt(e) {
+  if (typeof IntersectionObserver > "u")
+    return () => !1;
+  const [t, i] = H(!1), r = new IntersectionObserver((n) => {
+    const o = n[0];
+    o && i(!o.isIntersecting);
+  });
+  return te(() => {
+    const n = e();
+    r.disconnect(), n && r.observe(n);
+  }), ce(() => r.disconnect()), t;
+}
+function Bt() {
+  if (typeof window > "u" || typeof window.matchMedia != "function")
+    return () => !1;
+  const e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, i] = H(e.matches), r = (n) => i(n.matches);
+  return e.addEventListener("change", r), ce(() => e.removeEventListener("change", r)), t;
+}
+function Ut(e = "edit") {
+  const [t, i] = H(!1), [r, n] = H(e);
   return {
     showDialog: t,
     setShowDialog: i,
@@ -950,99 +968,99 @@ function Rt(e = "edit") {
     setActiveTab: n
   };
 }
-function Ut(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())), a = j(() => {
+function Ft(e) {
+  const t = e.minEntities ?? 1, i = L(() => e.entities().length), r = L(() => i() >= t), n = L(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), o = L(() => {
     if (!r()) return;
-    const u = e.aggregationMode?.();
-    if (!u || u === "none") return;
-    const p = e.entities();
-    if (u === "light" || u === "binary-sensor" || u === "switch")
-      return Le(p, e.allEntitiesMode);
-    if (u === "sensor") {
-      const y = e.sensorGroupType?.() ?? "mean";
-      return Fe(p, y, !0);
+    const g = e.aggregationMode?.();
+    if (!g || g === "none") return;
+    const y = e.entities();
+    if (g === "light" || g === "binary-sensor" || g === "switch")
+      return Fe(y, e.allEntitiesMode);
+    if (g === "sensor") {
+      const f = e.sensorGroupType?.() ?? "mean";
+      return Ge(y, f, !0);
     }
-  }), h = j(() => r() ? void 0 : e.emptyStateConfig);
+  }), h = L(() => r() ? void 0 : e.emptyStateConfig);
   return {
     entities: e.entities,
     groupData: n,
-    aggregatedData: a,
+    aggregatedData: o,
     emptyState: h,
     hasEntities: r,
     count: i
   };
 }
-const F = 32, o = F / 2, z = "white", K = "rgba(0,0,0,0.4)", ie = 2, X = 3;
-function pt(e) {
+const F = 32, s = F / 2, T = "white", K = "rgba(0,0,0,0.4)", re = 2, X = 3;
+function xt(e) {
   return `url("data:image/svg+xml,${encodeURIComponent(e)}")`;
 }
 function J(e) {
   return `<svg xmlns="http://www.w3.org/2000/svg" width="${F}" height="${F}" viewBox="0 0 ${F} ${F}">${e}</svg>`;
 }
-const xt = J(`
+const yt = J(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
     <g stroke="${K}" stroke-width="${X}" 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="${z}" stroke-width="${ie}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${T}" stroke-width="${re}" 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>
-`), yt = J(`
+`), $t = J(`
   <g>
-    <circle cx="${o}" cy="${o}" r="8" stroke="${K}" stroke-width="${X}" fill="none"/>
-    <circle cx="${o}" cy="${o}" r="8" stroke="${z}" stroke-width="1.5" fill="none"/>
-    <circle cx="${o}" cy="${o}" r="1.5" fill="${z}"/>
+    <circle cx="${s}" cy="${s}" r="8" stroke="${K}" stroke-width="${X}" fill="none"/>
+    <circle cx="${s}" cy="${s}" r="8" stroke="${T}" stroke-width="1.5" fill="none"/>
+    <circle cx="${s}" cy="${s}" r="1.5" fill="${T}"/>
   </g>
-`), $t = J(`
+`), kt = J(`
   <g>
     <!-- shadow -->
     <g stroke="${K}" stroke-width="${X}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${o}" x2="26" y2="${o}"/>
-      <polyline points="10,${o - 4} 6,${o} 10,${o + 4}"/>
-      <polyline points="22,${o - 4} 26,${o} 22,${o + 4}"/>
+      <line x1="6" y1="${s}" x2="26" y2="${s}"/>
+      <polyline points="10,${s - 4} 6,${s} 10,${s + 4}"/>
+      <polyline points="22,${s - 4} 26,${s} 22,${s + 4}"/>
     </g>
     <!-- main -->
-    <g stroke="${z}" stroke-width="${ie}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${o}" x2="26" y2="${o}"/>
-      <polyline points="10,${o - 4} 6,${o} 10,${o + 4}"/>
-      <polyline points="22,${o - 4} 26,${o} 22,${o + 4}"/>
+    <g stroke="${T}" stroke-width="${re}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="6" y1="${s}" x2="26" y2="${s}"/>
+      <polyline points="10,${s - 4} 6,${s} 10,${s + 4}"/>
+      <polyline points="22,${s - 4} 26,${s} 22,${s + 4}"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${o}" cy="${o}" r="1.5" fill="${z}"/>
-    <circle cx="${o - 5}" cy="${o}" r="1" fill="${z}" opacity="0.6"/>
-    <circle cx="${o + 5}" cy="${o}" r="1" fill="${z}" opacity="0.6"/>
+    <circle cx="${s}" cy="${s}" r="1.5" fill="${T}"/>
+    <circle cx="${s - 5}" cy="${s}" r="1" fill="${T}" opacity="0.6"/>
+    <circle cx="${s + 5}" cy="${s}" r="1" fill="${T}" opacity="0.6"/>
   </g>
-`), kt = J(`
+`), Ct = J(`
   <g>
     <!-- shadow -->
     <g stroke="${K}" stroke-width="${X}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${o}" y1="6" x2="${o}" y2="26"/>
-      <polyline points="${o - 4},10 ${o},6 ${o + 4},10"/>
-      <polyline points="${o - 4},22 ${o},26 ${o + 4},22"/>
+      <line x1="${s}" y1="6" x2="${s}" y2="26"/>
+      <polyline points="${s - 4},10 ${s},6 ${s + 4},10"/>
+      <polyline points="${s - 4},22 ${s},26 ${s + 4},22"/>
     </g>
     <!-- main -->
-    <g stroke="${z}" stroke-width="${ie}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${o}" y1="6" x2="${o}" y2="26"/>
-      <polyline points="${o - 4},10 ${o},6 ${o + 4},10"/>
-      <polyline points="${o - 4},22 ${o},26 ${o + 4},22"/>
+    <g stroke="${T}" stroke-width="${re}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="${s}" y1="6" x2="${s}" y2="26"/>
+      <polyline points="${s - 4},10 ${s},6 ${s + 4},10"/>
+      <polyline points="${s - 4},22 ${s},26 ${s + 4},22"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${o}" cy="${o}" r="1.5" fill="${z}"/>
-    <circle cx="${o}" cy="${o - 5}" r="1" fill="${z}" opacity="0.6"/>
-    <circle cx="${o}" cy="${o + 5}" r="1" fill="${z}" opacity="0.6"/>
+    <circle cx="${s}" cy="${s}" r="1.5" fill="${T}"/>
+    <circle cx="${s}" cy="${s - 5}" r="1" fill="${T}" opacity="0.6"/>
+    <circle cx="${s}" cy="${s + 5}" r="1" fill="${T}" opacity="0.6"/>
   </g>
 `);
 function q(e, t, i) {
-  return { css: `${pt(e)} ${t} ${i}, auto`, hotspotX: t, hotspotY: i };
+  return { css: `${xt(e)} ${t} ${i}, auto`, hotspotX: t, hotspotY: i };
 }
-const U = {
-  tap: q(xt, 12, 4),
-  hold: q(yt, 16, 16),
-  slideHorizontal: q($t, o, o),
-  slideVertical: q(kt, o, o)
+const j = {
+  tap: q(yt, 12, 4),
+  hold: q($t, 16, 16),
+  slideHorizontal: q(kt, s, s),
+  slideVertical: q(Ct, s, s)
 };
 function Z() {
   if (typeof window > "u") return null;
@@ -1056,7 +1074,7 @@ function ee(e) {
     } catch {
     }
 }
-const Ct = {
+const St = {
   /** Light confirmation — fires when slide gesture arms after user holds still. */
   tick() {
     const e = Z();
@@ -1088,7 +1106,7 @@ const Ct = {
     ee([0, 15, 40, 15]);
   }
 };
-function jt(e, t) {
+function Gt(e, t) {
   const n = {
     isDown: !1,
     isTouch: !1,
@@ -1100,99 +1118,118 @@ function jt(e, t) {
     holdTimer: null,
     element: null
   };
-  let a = null, h = null, u = null;
-  function p(c) {
-    c !== h && (u && u.disconnect(), u = new ResizeObserver((g) => {
-      const v = g[0];
-      if (v) {
-        const S = v.borderBoxSize?.[0];
-        S ? a = { width: S.inlineSize, height: S.blockSize } : a = { width: v.contentRect.width, height: v.contentRect.height };
+  let o = null, h = null, g = null;
+  function y(u) {
+    u !== h && (g && g.disconnect(), g = new ResizeObserver((m) => {
+      const b = m[0];
+      if (b) {
+        const M = b.borderBoxSize?.[0];
+        M ? o = { width: M.inlineSize, height: M.blockSize } : o = { width: b.contentRect.width, height: b.contentRect.height };
       }
-    }), h = c, u.observe(c), a = { width: c.clientWidth, height: c.clientHeight });
+    }), h = u, g.observe(u), o = { width: u.clientWidth, height: u.clientHeight });
   }
-  const y = () => {
+  const f = () => {
     n.holdTimer && (clearTimeout(n.holdTimer), n.holdTimer = null);
-  }, m = () => {
+  }, c = () => {
     n.isDown = !1, n.hasMoved = !1, n.sliding = !1;
-  }, $ = (c) => {
-    const v = e().slide;
-    return v?.orientation === "horizontal" ? "horizontal" : v?.orientation === "vertical" ? "vertical" : c && (a || p(c), a) ? a.height > a.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
-  }, E = (c) => {
-    const g = e();
-    if (!(!g.tap && !g.hold && !g.slide)) {
-      if (n.isDown = !0, n.isTouch = c.pointerType === "touch", n.element = c.currentTarget, p(n.element), n.startX = c.clientX, n.startY = c.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, g.hold) {
-        const v = g.hold.delay ?? 500;
+  }, v = (u) => {
+    const b = e().slide;
+    return b?.orientation === "horizontal" ? "horizontal" : b?.orientation === "vertical" ? "vertical" : u && (o || y(u), o) ? o.height > o.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
+  }, k = (u) => {
+    const m = e();
+    if (!(!m.tap && !m.hold && !m.slide)) {
+      if (n.isDown = !0, n.isTouch = u.pointerType === "touch", n.element = u.currentTarget, y(n.element), n.startX = u.clientX, n.startY = u.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, m.hold) {
+        const b = m.hold.delay ?? 500;
         n.holdTimer = setTimeout(() => {
-          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (Ct.bump(), g.hold?.action(), n.isDown = !1);
-        }, v);
+          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (St.bump(), m.hold?.action(), n.isDown = !1);
+        }, b);
       }
-      if (!n.isTouch && g.slide)
+      if (!n.isTouch && m.slide)
         try {
-          c.currentTarget.setPointerCapture(c.pointerId);
+          u.currentTarget.setPointerCapture(u.pointerId);
         } catch {
         }
     }
-  }, d = (c) => {
+  }, d = (u) => {
     if (!n.isDown) return;
-    const g = e(), v = c.clientX - n.startX, S = c.clientY - n.startY;
-    if (Math.sqrt(v * v + S * S) > 10 && (y(), n.hasMoved = !0), !n.isTouch && g.slide && n.hasMoved) {
-      const M = c.currentTarget, s = $(M);
+    const m = e(), b = u.clientX - n.startX, M = u.clientY - n.startY;
+    if (Math.sqrt(b * b + M * M) > 10 && (f(), n.hasMoved = !0), !n.isTouch && m.slide && n.hasMoved) {
+      const D = u.currentTarget, l = v(D);
       n.sliding = !0;
-      const _ = g.slide.min ?? 0, V = g.slide.max ?? 100, de = V - _, ue = s === "vertical" ? -S : v, re = a ?? { width: M.clientWidth, height: M.clientHeight }, ge = s === "vertical" ? re.height : re.width, he = ue / ge * de, fe = Math.max(_, Math.min(V, g.slide.value + he));
-      g.slide.onChange(Math.round(fe)), n.startX = c.clientX, n.startY = c.clientY, c.preventDefault();
+      const z = m.slide.min ?? 0, V = m.slide.max ?? 100, ue = V - z, ge = l === "vertical" ? -M : b, oe = o ?? { width: D.clientWidth, height: D.clientHeight }, he = l === "vertical" ? oe.height : oe.width, fe = ge / he * ue, me = Math.max(z, Math.min(V, m.slide.value + fe));
+      m.slide.onChange(Math.round(me)), n.startX = u.clientX, n.startY = u.clientY, u.preventDefault();
     }
-  }, l = (c) => {
-    const g = e(), v = n.isDown, S = Date.now() - n.startTime, O = g.hold?.delay ?? 500;
-    y(), v && g.tap && !n.hasMoved && S < O && g.tap();
+  }, a = (u) => {
+    const m = e(), b = n.isDown, M = Date.now() - n.startTime, N = m.hold?.delay ?? 500;
+    f(), b && m.tap && !n.hasMoved && M < N && m.tap();
     try {
-      c.currentTarget.releasePointerCapture(c.pointerId);
+      u.currentTarget.releasePointerCapture(u.pointerId);
     } catch {
     }
-    m();
-  }, k = (c) => {
-    y();
+    c();
+  }, C = (u) => {
+    f();
     try {
-      c.currentTarget.releasePointerCapture(c.pointerId);
+      u.currentTarget.releasePointerCapture(u.pointerId);
     } catch {
     }
-    m();
-  }, f = (c) => {
-    const g = e();
-    if (g.slide) {
-      const v = g.slide.orientation;
-      return v === "horizontal" ? U.slideHorizontal.css : v === "vertical" ? U.slideVertical.css : (a || p(c), a && a.height > a.width ? U.slideVertical.css : U.slideHorizontal.css);
+    c();
+  }, w = (u) => {
+    const m = e();
+    if (m.slide) {
+      const b = m.slide.orientation;
+      return b === "horizontal" ? j.slideHorizontal.css : b === "vertical" ? j.slideVertical.css : (o || y(u), o && o.height > o.width ? j.slideVertical.css : j.slideHorizontal.css);
     }
-    return g.tap ? U.tap.css : g.hold ? U.hold.css : "";
+    return m.tap ? j.tap.css : m.hold ? j.hold.css : "";
   };
   return {
-    onPointerDown: E,
+    onPointerDown: k,
     onPointerMove: d,
-    onPointerUp: l,
-    onPointerCancel: k,
-    onPointerEnter: (c) => {
-      const g = c.currentTarget;
-      n.element = g, g.style.cursor = f(g);
+    onPointerUp: a,
+    onPointerCancel: C,
+    onPointerEnter: (u) => {
+      const m = u.currentTarget;
+      n.element = m, m.style.cursor = w(m);
     },
-    bindElement: (c) => {
-      c && (n.element = c, p(c));
+    bindElement: (u) => {
+      u && (n.element = u, y(u));
     },
     touchAction: () => {
-      const c = e();
-      return c.tap || c.hold || c.slide ? "manipulation" : "auto";
+      const u = e();
+      return u.tap || u.hold || u.slide ? "manipulation" : "auto";
     },
     dispose: () => {
-      y(), u && (u.disconnect(), u = null), h = null, a = null;
+      f(), g && (g.disconnect(), g = null), h = null, o = null;
     }
   };
 }
-const Bt = A.enum([
+const Mt = {
+  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)"
+};
+function Dt(e) {
+  return {
+    fill: `color-mix(in oklch, ${e} 20%, transparent)`,
+    stroke: e,
+    solid: e
+  };
+}
+const qt = Object.fromEntries(
+  Object.entries(Mt).map(([e, t]) => [e, Dt(t)])
+), Yt = A.enum([
   "success",
   "warning",
   "danger",
   "info",
   "neutral",
   "accent"
-]), It = {
+]), Kt = {
   /** 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 */
@@ -1202,37 +1239,68 @@ const Bt = A.enum([
   /** Area picker dropdown */
   areaId: () => A.string().optional().meta({ formType: "area-picker", title: "Area" })
 };
-function Lt() {
+function Xt(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 = [], h = [];
+  for (let f = 0; f < r - 1; f++) {
+    const c = e[f], v = e[f + 1];
+    !c || !v || (n.push(v.x - c.x), o.push(v.y - c.y), h.push((v.y - c.y) / (v.x - c.x)));
+  }
+  const g = [h[0] ?? 0];
+  for (let f = 1; f < r - 1; f++) {
+    const c = h[f - 1] ?? 0, v = h[f] ?? 0, k = n[f - 1] ?? 0, d = n[f] ?? 0;
+    c * v <= 0 ? g.push(0) : g.push(
+      3 * (k + d) / ((2 * d + k) / c + (d + 2 * k) / v)
+    );
+  }
+  g.push(h[r - 2] ?? 0);
+  let y = `M ${t.x} ${t.y}`;
+  for (let f = 0; f < r - 1; f++) {
+    const c = e[f], v = e[f + 1];
+    if (!c || !v) continue;
+    const k = (n[f] ?? 0) / 3, d = g[f] ?? 0, a = g[f + 1] ?? 0;
+    y += ` C ${c.x + k} ${c.y + d * k}, ${v.x - k} ${v.y - a * k}, ${v.x} ${v.y}`;
+  }
+  return y;
+}
+function Jt() {
   return document.documentElement.classList.contains("dark");
 }
-const St = "0.5.0", Mt = {
-  version: St
-}, Ft = Mt.version;
+const _t = "0.5.1", zt = {
+  version: _t
+}, Qt = zt.version;
 export {
-  Ft as SDK_VERSION,
-  Bt as ToneSchema,
-  I as Widget,
-  Ve as WidgetContent,
-  te as WidgetCtx,
-  Pt as WidgetDialog,
-  Pe as WidgetIcon,
-  Yt as WidgetManifestSchema,
+  Qt as SDK_VERSION,
+  Yt as ToneSchema,
+  B as Widget,
+  Ae as WidgetContent,
+  ne as WidgetCtx,
+  jt as WidgetDialog,
+  Re as WidgetIcon,
+  tn as WidgetManifestSchema,
   Ne as WidgetSliderFill,
-  Ue as WidgetStatus,
-  Ie as WidgetTitle,
-  Je as WidgetValue,
-  Le as calculateLightGroup,
-  Fe as calculateSensorGroup,
-  Ht as countActiveEntities,
-  Vt as defineWidget,
-  Kt as formatSchemaError,
-  Wt as getEntityAttribute,
-  Se as injectTokens,
-  Lt as isDark,
-  Ge as isEntityActive,
-  At as useWidgetContext,
-  Rt as useWidgetDialog,
-  Ut as useWidgetEntityGroup,
-  jt as useWidgetGestures,
-  It as widgetFields
+  je as WidgetStatus,
+  Ue as WidgetTitle,
+  Qe as WidgetValue,
+  Fe as calculateLightGroup,
+  Ge as calculateSensorGroup,
+  It as countActiveEntities,
+  Pt as defineWidget,
+  nn as formatSchemaError,
+  Rt as getEntityAttribute,
+  Me as injectTokens,
+  Jt as isDark,
+  qe as isEntityActive,
+  Xt as monotoneCubicPath,
+  qt as svgColors,
+  Lt as useIntersectionPause,
+  Bt as useReducedMotion,
+  Ht as useWidgetContext,
+  Ut as useWidgetDialog,
+  Ft as useWidgetEntityGroup,
+  Gt as useWidgetGestures,
+  Kt as widgetFields
 };