@glasshome/widget-sdk 0.5.1 → 0.5.2

package/dist/index.js

@@ -1,11 +1,11 @@
 import { z as A } from "zod";
-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) {
+import { WidgetManifestSchema as an, formatSchemaError as sn } from "./schemas.js";
+import { effect as W, className as R, style as oe, template as x, insert as b, createComponent as k, memo as T, setStyleProperty as X, addEventListener as G, use as xe, delegateEvents as ye } from "solid-js/web";
+import { createElementSize as $e } from "@solid-primitives/resize-observer";
+import { createContext as ke, useContext as ae, Show as E, onMount as Ce, createSignal as V, createMemo as L, splitProps as Se, createEffect as re, on as de, onCleanup as se } from "solid-js";
+import { clsx as Me } from "clsx";
+import { twMerge as De } from "tailwind-merge";
+function ge(e) {
   return A.toJSONSchema(e, {
     override: (t) => {
       const i = A.globalRegistry.get(t.zodSchema);
@@ -13,17 +13,17 @@ function de(e) {
     }
   });
 }
-function Ce(e) {
+function Te(e) {
   try {
     return e.parse({});
   } catch {
     return {};
   }
 }
-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;
+function jt(e) {
+  return e.configSchema && (e.manifest.schema || (e.manifest.schema = ge(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = Te(e.configSchema))), e;
 }
-const G = {
+const Y = {
   /** Background layer (gradients, images, glows) */
   BACKGROUND: 0,
   /** Main content layer (icon, title, text) */
@@ -32,14 +32,14 @@ const G = {
   OVERLAY: 20,
   /** Action layer (buttons, edit controls) */
   ACTIONS: 30
-}, ne = pe();
-function Ht() {
-  const e = le(ne);
+}, J = ke();
+function Lt() {
+  const e = ae(J);
   if (!e)
     throw new Error("useWidgetContext must be used within a Widget component");
   return e;
 }
-const Se = `/* Authoritative SDK CSS contract. Injected once on first Widget mount
+const _e = `/* 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 +
@@ -211,22 +211,22 @@ const Se = `/* Authoritative SDK CSS contract. Injected once on first Widget mou
   }
 }
 `;
-let Q = !1;
-function Me(e) {
-  if (Q) return;
+let te = !1;
+function ze(e) {
+  if (te) return;
   const t = e ?? (typeof document > "u" ? void 0 : document);
   if (!t) return;
   if (t.head.querySelector?.("style[data-glasshome-tokens]")) {
-    Q = !0;
+    te = !0;
     return;
   }
   const i = t.createElement("style");
-  i.setAttribute("data-glasshome-tokens", ""), i.textContent = Se, t.head.appendChild(i), Q = !0;
+  i.setAttribute("data-glasshome-tokens", ""), i.textContent = _e, t.head.appendChild(i), te = !0;
 }
 function P(...e) {
-  return ke($e(e));
+  return De(Me(e));
 }
-const De = {
+const Oe = {
   id: "classic-glass",
   name: "Classic Glass",
   description: "Default glassmorphism design with blur background and gradient",
@@ -254,7 +254,7 @@ const De = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, _e = {
+}, Ee = {
   id: "minimal",
   name: "Minimal",
   description: "Clean, minimal design with no background effects",
@@ -283,7 +283,7 @@ const De = {
     active: !1,
     focus: !0
   }
-}, ze = {
+}, Ne = {
   id: "compact-horizontal",
   name: "Compact Horizontal",
   description: "Horizontal layout for compact widgets",
@@ -311,108 +311,108 @@ const De = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, Te = {
-  "classic-glass": De,
-  minimal: _e,
-  "compact-horizontal": ze
+}, Ae = {
+  "classic-glass": Oe,
+  minimal: Ee,
+  "compact-horizontal": Ne
 };
-function Ee(e) {
-  return Te[e];
+function Ve(e) {
+  return Ae[e];
 }
-var Oe = /* @__PURE__ */ x("<div>");
-function Ne(e) {
+var We = /* @__PURE__ */ x("<div>");
+function Pe(e) {
   return (() => {
-    var t = Oe();
+    var t = We();
     return W((i) => {
       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,
+        "z-index": Y.BACKGROUND,
         ...e.color ? {
           "--widget-icon-color": e.color
         } : {}
       };
-      return r !== i.e && R(t, i.e = r), i.t = ie(t, n, i.t), i;
+      return r !== i.e && R(t, i.e = r), i.t = oe(t, n, i.t), i;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-var Ve = /* @__PURE__ */ x("<div>");
-function Ae(e) {
+var He = /* @__PURE__ */ x("<div>");
+function Re(e) {
   return (() => {
-    var t = Ve();
-    return p(t, () => e.children), W(() => R(t, P("glasshome-widget-content", e.class))), t;
+    var t = He();
+    return b(t, () => e.children), W(() => R(t, P("glasshome-widget-content", e.class))), t;
   })();
 }
-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) {
+var Ie = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2">'), je = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3">'), Le = /* @__PURE__ */ x('<div><div class="glasshome-widget-icon-glyph flex items-center justify-center">');
+function Be(e) {
   const t = () => e.entityCount ?? 1;
   return (() => {
-    var i = He(), r = i.firstChild;
-    return p(i, $(E, {
+    var i = Le(), r = i.firstChild;
+    return b(i, k(E, {
       get when() {
         return t() >= 2;
       },
       get children() {
-        return We();
+        return Ie();
       }
-    }), r), p(i, $(E, {
+    }), r), b(i, k(E, {
       get when() {
         return t() >= 3;
       },
       get children() {
-        return Pe();
+        return je();
       }
-    }), 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 ? {
+    }), r), b(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), u = e.color ? {
         "--widget-icon-color": e.color
       } : void 0;
-      return o !== n.e && R(i, n.e = o), n.t = ie(i, h, n.t), n;
+      return o !== n.e && R(i, n.e = o), n.t = oe(i, u, n.t), n;
     }, {
       e: void 0,
       t: void 0
     }), i;
   })();
 }
-var Ie = /* @__PURE__ */ x("<p>");
-function je(e) {
+var Ue = /* @__PURE__ */ x("<p>");
+function Fe(e) {
   return (() => {
-    var t = Ie();
-    return p(t, (() => {
-      var i = _(() => !!e.isUnavailable);
+    var t = Ue();
+    return b(t, (() => {
+      var i = T(() => !!e.isUnavailable);
       return () => i() ? "Unavailable" : e.children;
     })()), W((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;
+      var r = P("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), n = Y.ACTIONS;
+      return r !== i.e && R(t, i.e = r), n !== i.t && X(t, "z-index", i.t = n), i;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-var Le = /* @__PURE__ */ x('<span class="glasshome-widget-badge shrink-0">'), Be = /* @__PURE__ */ x("<div><h3 class=glasshome-widget-title>");
-function Ue(e) {
+var Ge = /* @__PURE__ */ x('<span class="glasshome-widget-badge shrink-0">'), qe = /* @__PURE__ */ x("<div><h3 class=glasshome-widget-title>");
+function Ye(e) {
   return (() => {
-    var t = Be(), i = t.firstChild;
-    return p(i, () => e.children), p(t, $(E, {
+    var t = qe(), i = t.firstChild;
+    return b(i, () => e.children), b(t, k(E, {
       get when() {
-        return _(() => e.badge !== void 0)() && e.badge > 0;
+        return T(() => e.badge !== void 0)() && e.badge > 0;
       },
       get children() {
-        var r = Le();
-        return p(r, () => e.badge), r;
+        var r = Ge();
+        return b(r, () => e.badge), r;
       }
     }), null), W((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;
+      var n = P("relative flex items-center gap-2", e.class), o = Y.ACTIONS;
+      return n !== r.e && R(t, r.e = n), o !== r.t && X(t, "z-index", r.t = o), r;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-function Fe(e, t = !1) {
+function Ke(e, t = !1) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -428,26 +428,26 @@ function Fe(e, t = !1) {
     };
   const i = e.length > 1;
   if (!i) {
-    const b = e[0], M = b.state === "on", N = b.attributes?.brightness || 0, D = Math.round(N / 255 * 100);
+    const a = e[0], f = a.state === "on", p = a.attributes?.brightness || 0, C = Math.round(p / 255 * 100);
     return {
       isGroup: !1,
-      state: b.state,
-      isOn: M,
-      isUnavailable: b.state === "unavailable",
-      brightness: N,
-      brightnessPercent: D,
-      color: se(b),
-      onCount: M ? 1 : 0,
+      state: a.state,
+      isOn: f,
+      isUnavailable: a.state === "unavailable",
+      brightness: p,
+      brightnessPercent: C,
+      color: ue(a),
+      onCount: f ? 1 : 0,
       totalCount: 1,
-      description: M ? "On" : "Off"
+      description: f ? "On" : "Off"
     };
   }
-  let r = 0, n = 0, o = 0, h = 0, g = 0, y = 0;
-  const f = [];
-  for (const b of e)
-    switch (b.state) {
+  let r = 0, n = 0, o = 0, u = 0, d = 0, $ = 0;
+  const m = [];
+  for (const a of e)
+    switch (a.state) {
       case "on":
-        r++, b.attributes?.brightness !== void 0 && (g += b.attributes.brightness, y++), b.attributes?.rgb_color && f.push(b.attributes.rgb_color);
+        r++, a.attributes?.brightness !== void 0 && (d += a.attributes.brightness, $++), a.attributes?.rgb_color && m.push(a.attributes.rgb_color);
         break;
       case "off":
         n++;
@@ -456,34 +456,34 @@ function Fe(e, t = !1) {
         o++;
         break;
       case "unavailable":
-        h++;
+        u++;
         break;
     }
-  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)})`;
+  const h = e.length, v = u === h, y = o + u === h, g = r > 0, s = 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 z = $ > 0 ? Math.round(d / $) : 0, I = Math.round(z / 255 * 100);
+  let B;
+  if (m.length > 0) {
+    const a = Math.round(m.reduce((O, D) => O + D[0], 0) / m.length), f = Math.round(m.reduce((O, D) => O + D[1], 0) / m.length), p = Math.round(m.reduce((O, D) => O + D[2], 0) / m.length), C = z / 255;
+    B = `rgb(${Math.round(a * C)}, ${Math.round(f * C)}, ${Math.round(p * C)})`;
   } else
-    u = se(e[0]);
-  let m;
-  return a ? m = "All on" : C ? m = "All off" : r > 0 ? m = `${r} of ${c} on` : m = "Off", {
+    B = ue(e[0]);
+  let H;
+  return s ? H = "All on" : S ? H = "All off" : r > 0 ? H = `${r} of ${h} on` : H = "Off", {
     isGroup: i,
     state: w,
-    isOn: S,
+    isOn: M,
     isUnavailable: w === "unavailable",
-    brightness: O,
+    brightness: z,
     brightnessPercent: I,
-    color: u,
+    color: B,
     onCount: r,
-    totalCount: c,
-    description: m
+    totalCount: h,
+    description: H
   };
 }
-function Ge(e, t = "mean", i = !0) {
+function Xe(e, t = "mean", i = !0) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -494,98 +494,98 @@ function Ge(e, t = "mean", i = !0) {
     };
   const r = e.length > 1;
   if (!r) {
-    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)), {
+    const g = e[0], s = Number.parseFloat(g.state);
+    let S = g.state;
+    return Number.isNaN(s) || (S = Number.isInteger(s) ? s.toString() : s.toFixed(1)), {
       isGroup: !1,
-      state: C,
-      numericValue: Number.isNaN(a) ? null : a,
-      isUnavailable: d.state === "unavailable",
-      unit: d.unitOfMeasurement ?? void 0,
-      description: C
+      state: S,
+      numericValue: Number.isNaN(s) ? null : s,
+      isUnavailable: g.state === "unavailable",
+      unit: g.unitOfMeasurement ?? void 0,
+      description: S
     };
   }
   const n = [], o = [];
-  let h = 0, g;
-  for (const d of e) {
-    if (!g && d.unitOfMeasurement && (g = d.unitOfMeasurement), d.state === "unavailable") {
-      h++, o.push({
-        entityId: d.id,
+  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: d.friendlyName
+        friendly_name: g.friendlyName
       });
       continue;
     }
-    const a = Number.parseFloat(d.state);
-    isNaN(a) ? i || o.push({
-      entityId: d.id,
-      value: d.state,
-      friendly_name: d.friendlyName
-    }) : (n.push(a), o.push({
-      entityId: d.id,
-      value: a,
-      friendly_name: d.friendlyName
+    const s = Number.parseFloat(g.state);
+    isNaN(s) ? i || o.push({
+      entityId: g.id,
+      value: g.state,
+      friendly_name: g.friendlyName
+    }) : (n.push(s), o.push({
+      entityId: g.id,
+      value: s,
+      friendly_name: g.friendlyName
     }));
   }
-  const y = h === e.length, f = n.length === 0;
-  if (y || f)
+  const $ = u === e.length, m = n.length === 0;
+  if ($ || m)
     return {
       isGroup: r,
-      state: y ? "unavailable" : "unknown",
+      state: $ ? "unavailable" : "unknown",
       numericValue: null,
-      isUnavailable: y,
-      unit: g,
-      description: y ? "Unavailable" : "No numeric values",
+      isUnavailable: $,
+      unit: d,
+      description: $ ? "Unavailable" : "No numeric values",
       memberValues: o
     };
-  let c, v;
+  let h, v;
   switch (t) {
     case "min":
-      c = Math.min(...n), v = "Minimum";
+      h = Math.min(...n), v = "Minimum";
       break;
     case "max":
-      c = Math.max(...n), v = "Maximum";
+      h = Math.max(...n), v = "Maximum";
       break;
     case "mean":
-      c = n.reduce((d, a) => d + a, 0) / n.length, v = "Average";
+      h = n.reduce((g, s) => g + s, 0) / n.length, v = "Average";
       break;
     case "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";
+      const g = [...n].sort((S, w) => S - w), s = Math.floor(g.length / 2);
+      h = g.length % 2 === 0 ? (g[s - 1] + g[s]) / 2 : g[s], v = "Median";
       break;
     }
     case "sum":
-      c = n.reduce((d, a) => d + a, 0), v = "Sum";
+      h = n.reduce((g, s) => g + s, 0), v = "Sum";
       break;
     case "last":
-      c = n[n.length - 1], v = "Latest";
+      h = n[n.length - 1], v = "Latest";
       break;
     case "range":
-      c = Math.max(...n) - Math.min(...n), v = "Range";
+      h = Math.max(...n) - Math.min(...n), v = "Range";
       break;
     case "product":
-      c = n.reduce((d, a) => d * a, 1), v = "Product";
+      h = n.reduce((g, s) => g * s, 1), v = "Product";
       break;
     case "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";
+      const g = n.reduce((S, w) => S + w, 0) / n.length, s = n.reduce((S, w) => S + (w - g) ** 2, 0) / n.length;
+      h = Math.sqrt(s), v = "Std Dev";
       break;
     }
     default:
-      c = n.reduce((d, a) => d + a, 0) / n.length, v = "Average";
+      h = n.reduce((g, s) => g + s, 0) / n.length, v = "Average";
   }
-  const k = Number.isInteger(c) ? c.toString() : c.toFixed(1);
+  const y = Number.isInteger(h) ? h.toString() : h.toFixed(1);
   return {
     isGroup: r,
-    state: k,
-    numericValue: c,
+    state: y,
+    numericValue: h,
     isUnavailable: !1,
-    unit: g,
+    unit: d,
     description: `${v} of ${n.length}`,
     memberValues: o
   };
 }
-function se(e) {
+function ue(e) {
   if (e.state !== "on") return "rgb(100, 100, 100)";
   const i = (e.attributes?.brightness ?? 255) / 255;
   if (e.attributes?.rgb_color) {
@@ -594,12 +594,12 @@ function se(e) {
   }
   if (e.attributes?.color_temp) {
     const n = 1e6 / e.attributes.color_temp / 100;
-    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)})`;
+    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 qe(e) {
+function Je(e) {
   if (!e) return !1;
   if (["on", "open", "locked", "home", "playing", "active"].includes(e.state))
     return !0;
@@ -609,63 +609,64 @@ function qe(e) {
   }
   return !1;
 }
-function Rt(e, t, i) {
+function Bt(e, t, i) {
   return e?.attributes ? e.attributes[t] ?? i : i;
 }
-function It(e) {
-  return e.filter(qe).length;
+function Ut(e) {
+  return e.filter(Je).length;
 }
-function Ye(e, t, i) {
+function Qe(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, 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;
+  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 Ke(e, t) {
+function Ze(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 Xe = /* @__PURE__ */ x("<div class=glasshome-widget-subtitle>"), Je = /* @__PURE__ */ x("<div><div class=glasshome-widget-value>");
-function Qe(e) {
+var et = /* @__PURE__ */ x("<div class=glasshome-widget-subtitle>"), tt = /* @__PURE__ */ x("<div><div class=glasshome-widget-value>");
+function nt(e) {
   return (() => {
-    var t = Je(), i = t.firstChild;
-    return p(i, () => Ye(e.value, e.unit)), p(t, $(E, {
+    var t = tt(), i = t.firstChild;
+    return b(i, () => Qe(e.value, e.unit)), b(t, k(E, {
       get when() {
-        return _(() => !!e.interpret)() && typeof e.value == "number";
+        return T(() => !!e.interpret)() && typeof e.value == "number";
       },
       get children() {
-        var r = Xe();
-        return p(r, () => Ke(e.value, e.unit)), r;
+        var r = et();
+        return b(r, () => Ze(e.value, e.unit)), r;
       }
     }), null), W(() => R(t, P("flex flex-col", e.class))), t;
   })();
 }
-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();
+var it = /* @__PURE__ */ x('<div><div class="relative h-full w-full">'), rt = /* @__PURE__ */ x('<div class="glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse">'), ot = /* @__PURE__ */ x('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), at = /* @__PURE__ */ x('<div class="flex items-center justify-center text-white/30">'), st = /* @__PURE__ */ x('<h3 class="font-semibold text-sm text-white/60">'), lt = /* @__PURE__ */ x('<p class="text-white/50 text-xs">');
+function ct(e) {
+  Ce(() => {
+    ze();
   });
-  const t = le(ne), [i, r] = H(), n = be(i), o = {
+  const t = ae(J), [i, r] = V(), n = $e(i), o = {
     isEditMode: () => e.isEditMode ?? !1,
     updateConfig: t?.updateConfig ?? (() => {
     }),
+    registerDialogOpener: t?.registerDialogOpener,
     dimensions: () => ({
       width: n.width ?? 0,
       height: n.height ?? 0
     })
-  }, h = L(() => {
+  }, u = L(() => {
     if (e.variant)
-      return typeof e.variant == "string" ? Ee(e.variant) : e.variant;
-  }), g = L(() => ({
+      return typeof e.variant == "string" ? Ve(e.variant) : e.variant;
+  }), d = L(() => ({
     "container-type": "size",
     "container-name": "widget",
     "touch-action": e.gestures && !e.isEditMode ? e.gestures.touchAction() : void 0,
-    ...h()?.styles?.container,
-    ...h()?.styles?.cssVars || {},
+    ...u()?.styles?.container,
+    ...u()?.styles?.cssVars || {},
     ...e.tone ? {
       "--widget-color": `var(--tone-${e.tone})`
     } : {},
@@ -678,26 +679,26 @@ function ot(e) {
     ...e.gradient ? {
       "--widget-gradient": e.gradient
     } : {}
-  })), 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);
+  })), $ = () => !!e.gestures && !e.isEditMode, m = (s) => {
+    $() && e.gestures?.onPointerEnter(s);
+  }, h = (s) => {
+    $() && e.gestures?.onPointerDown(s);
+  }, v = (s) => {
+    $() && e.gestures?.onPointerMove(s);
+  }, y = (s) => {
+    $() && e.gestures?.onPointerUp(s);
+  }, g = (s) => {
+    $() && e.gestures?.onPointerCancel(s);
   };
-  return $(ne.Provider, {
+  return k(J.Provider, {
     value: o,
     get children() {
-      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) => {
+      var s = it(), S = s.firstChild;
+      return G(s, "pointercancel", g), G(s, "pointerup", y), G(s, "pointermove", v), G(s, "pointerdown", h), G(s, "pointerenter", m), xe((w) => {
         r(w), e.gestures?.bindElement(w);
-      }, a), p(C, (() => {
-        var w = _(() => !!e.emptyState);
-        return () => w() ? $(at, {
+      }, s), b(S, (() => {
+        var w = T(() => !!e.emptyState);
+        return () => w() ? k(dt, {
           get icon() {
             return e.emptyState.icon;
           },
@@ -708,86 +709,88 @@ function ot(e) {
             return e.emptyState.message;
           }
         }) : e.children;
-      })()), p(a, (() => {
-        var w = _(() => !!e.loading);
+      })()), b(s, (() => {
+        var w = T(() => !!e.loading);
         return () => w() && (() => {
-          var S = et();
-          return W((O) => Y(S, "z-index", G.OVERLAY)), S;
+          var M = rt();
+          return W((z) => X(M, "z-index", Y.OVERLAY)), M;
         })();
       })(), 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;
+        var M = P("glasshome-widget", "relative h-full w-full select-none overflow-hidden rounded-xl border border-border/50", u()?.styles?.class, e.class), z = d(), I = Y.CONTENT;
+        return M !== w.e && R(s, w.e = M), w.t = oe(s, z, w.t), I !== w.a && X(S, "z-index", w.a = I), w;
       }, {
         e: void 0,
         t: void 0,
         a: void 0
-      }), a;
+      }), s;
     }
   });
 }
-function at(e) {
+function dt(e) {
   return (() => {
-    var t = tt();
-    return p(t, (() => {
-      var i = _(() => !!e.icon);
+    var t = ot();
+    return b(t, (() => {
+      var i = T(() => !!e.icon);
       return () => i() && (() => {
-        var r = nt();
-        return p(r, () => e.icon), r;
+        var r = at();
+        return b(r, () => e.icon), r;
       })();
-    })(), null), p(t, (() => {
-      var i = _(() => !!e.title);
+    })(), null), b(t, (() => {
+      var i = T(() => !!e.title);
       return () => i() && (() => {
-        var r = it();
-        return p(r, () => e.title), r;
+        var r = st();
+        return b(r, () => e.title), r;
       })();
-    })(), null), p(t, (() => {
-      var i = _(() => !!e.message);
+    })(), null), b(t, (() => {
+      var i = T(() => !!e.message);
       return () => i() && (() => {
-        var r = rt();
-        return p(r, () => e.message), r;
+        var r = lt();
+        return b(r, () => e.message), r;
       })();
     })(), null), t;
   })();
 }
-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) {
+const U = ct;
+U.Content = Re;
+U.Icon = Be;
+U.Title = Ye;
+U.Status = Fe;
+U.Value = nt;
+U.SliderFill = Pe;
+var ut = /* @__PURE__ */ x('<span class="inline-flex size-3.5 shrink-0 items-center">'), gt = /* @__PURE__ */ x("<button type=button>"), 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="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">'), 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 edit options available'), 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><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>'), vt = /* @__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'), wt = /* @__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">'), bt = /* @__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'), pt = /* @__PURE__ */ x('<div class="min-w-0 shrink-0">'), xt = /* @__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">'), yt = /* @__PURE__ */ x('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), $t = /* @__PURE__ */ x('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
+function kt(e) {
   return (() => {
-    var t = lt();
-    return t.$$click = () => e.onClick(), p(t, $(E, {
+    var t = gt();
+    return t.$$click = () => e.onClick(), b(t, k(E, {
       get when() {
         return e.isActive;
       },
       get children() {
-        var i = st();
-        return p(i, () => e.icon), i;
+        var i = ut();
+        return b(i, () => e.icon), i;
       }
-    }), 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;
+    }), null), b(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 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
+function Ft(e) {
+  const [t] = Se(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);
+  re(de(() => t.config, (c) => {
+    c && n({
+      ...c
     });
-  })), te(ae(() => t.configSchema, (l) => {
-    l && h(de(l));
+  })), re(de(() => t.configSchema, (c) => {
+    c && u(ge(c));
   }));
-  const g = () => i() && JSON.stringify(r()) !== JSON.stringify(t.config), y = (l) => {
-    !l && t.config && n({
+  const d = () => i() && JSON.stringify(r()) !== JSON.stringify(t.config), $ = (c) => {
+    !c && t.config && n({
       ...t.config
-    }), t.onOpenChange(l);
-  }, f = () => {
+    }), t.onOpenChange(c);
+  }, m = () => {
     t.onConfigSave?.(r());
-  }, [c, v] = H(t.defaultTab ?? "controls"), k = () => {
-    const l = t.maxWidth ?? "3xl";
+  }, [h, v] = V(t.defaultTab ?? "controls"), y = () => t.activeTab ?? h(), g = (c) => {
+    t.onActiveTabChange ? t.onActiveTabChange(c) : v(c);
+  }, s = () => {
+    const c = t.maxWidth ?? "3xl";
     return {
       sm: "max-w-sm",
       md: "max-w-md",
@@ -796,15 +799,15 @@ function jt(e) {
       "2xl": "max-w-2xl",
       "3xl": "max-w-3xl",
       "4xl": "max-w-4xl"
-    }[l];
-  }, d = () => {
+    }[c];
+  }, S = () => {
     if (t.tabs) return t.tabs;
-    const l = [];
-    return l.push({
+    const c = [];
+    return c.push({
       id: "edit",
       label: "Edit",
-      icon: ct(),
-      content: t.editContent ?? (i() && o() ? $(b, {
+      icon: ht(),
+      content: t.editContent ?? (i() && o() ? k(p, {
         get schema() {
           return o();
         },
@@ -812,125 +815,125 @@ function jt(e) {
           return r();
         },
         onChange: n
-      }) : dt())
-    }), l.push({
+      }) : ft())
+    }), c.push({
       id: "controls",
       label: "Controls",
-      icon: ut(),
-      content: t.controlsContent ?? gt()
-    }), l.push({
+      icon: mt(),
+      content: t.controlsContent ?? vt()
+    }), c.push({
       id: "debug",
       label: "Debug",
-      icon: ht(),
-      content: t.debugContent ?? ft()
-    }), l;
-  }, a = async () => {
+      icon: wt(),
+      content: t.debugContent ?? bt()
+    }), c;
+  }, w = async () => {
     if (t.debugData !== void 0)
       try {
-        const l = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
-        await navigator.clipboard.writeText(l);
+        const c = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
+        await navigator.clipboard.writeText(c);
       } catch {
       }
-  }, 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, {
+  }, M = () => {
+    const c = S();
+    return c.find((N) => N.id === y())?.content ?? c[0]?.content;
+  }, z = t.ResponsiveDialog, I = t.ResponsiveDialogContent, B = t.ResponsiveDialogHeader, H = t.ResponsiveDialogTitle, a = t.ResponsiveDialogDescription, f = t.Button, p = t.SchemaForm, C = (c) => i() ? $(c) : t.onOpenChange(c), O = () => i() ? d() : t.hasUnsavedChanges, D = () => i() ? m : t.onSave;
+  return k(z, {
     get open() {
       return t.open;
     },
-    onOpenChange: (l) => M(l),
+    onOpenChange: (c) => C(c),
     get children() {
-      return $(S, {
+      return k(I, {
         get class() {
-          return P(k(), t.class);
+          return P(s(), t.class);
         },
         get children() {
-          return [$(O, {
+          return [k(B, {
             class: "flex flex-row items-center justify-between gap-3",
             get children() {
               return [(() => {
-                var l = mt();
-                return p(l, $(I, {
+                var c = pt();
+                return b(c, k(H, {
                   class: "truncate leading-tight",
                   get children() {
                     return t.title;
                   }
-                }), null), p(l, $(u, {
+                }), null), b(c, k(a, {
                   class: "sr-only",
                   children: "Widget configuration dialog"
-                }), null), l;
+                }), null), c;
               })(), (() => {
-                var l = vt(), z = l.firstChild;
-                return p(z, () => d().map((V) => $(pt, {
+                var c = xt(), F = c.firstChild;
+                return b(F, () => S().map((N) => k(kt, {
                   get icon() {
-                    return V.icon;
+                    return N.icon;
                   },
                   get label() {
-                    return V.label;
+                    return N.label;
                   },
                   get isActive() {
-                    return c() === V.id;
+                    return y() === N.id;
                   },
-                  onClick: () => v(V.id)
-                }))), p(l, $(E, {
+                  onClick: () => g(N.id)
+                }))), b(c, k(E, {
                   get when() {
                     return t.headerActions;
                   },
                   get children() {
                     return t.headerActions;
                   }
-                }), null), l;
+                }), null), c;
               })()];
             }
           }), (() => {
-            var l = wt();
-            return p(l, C), l;
-          })(), $(E, {
+            var c = yt();
+            return b(c, M), c;
+          })(), k(E, {
             get when() {
-              return _(() => c() === "edit")() && (D() || t.onDelete) || c() === "debug" && t.debugData !== void 0;
+              return T(() => y() === "edit")() && (D() || t.onDelete) || y() === "debug" && t.debugData !== void 0;
             },
             get children() {
-              var l = bt();
-              return p(l, $(E, {
+              var c = $t();
+              return b(c, k(E, {
                 get when() {
-                  return _(() => c() === "edit")() && t.onDelete;
+                  return T(() => y() === "edit")() && t.onDelete;
                 },
                 get children() {
-                  return $(m, {
+                  return k(f, {
                     size: "sm",
                     variant: "destructive",
                     onClick: () => t.onDelete?.(),
                     children: "Delete"
                   });
                 }
-              }), null), p(l, $(E, {
+              }), null), b(c, k(E, {
                 get when() {
-                  return _(() => c() === "edit")() && D();
+                  return T(() => y() === "edit")() && D();
                 },
                 get children() {
-                  return $(m, {
+                  return k(f, {
                     size: "sm",
                     get disabled() {
-                      return !N();
+                      return !O();
                     },
                     onClick: () => D()?.(),
                     children: "Save"
                   });
                 }
-              }), null), p(l, $(E, {
+              }), null), b(c, k(E, {
                 get when() {
-                  return _(() => c() === "debug")() && t.debugData !== void 0;
+                  return T(() => y() === "debug")() && t.debugData !== void 0;
                 },
                 get children() {
-                  return $(m, {
+                  return k(f, {
                     size: "sm",
                     variant: "outline",
-                    onClick: a,
+                    onClick: w,
                     children: "Copy"
                   });
                 }
-              }), null), l;
+              }), null), c;
             }
           })];
         }
@@ -938,175 +941,187 @@ function jt(e) {
     }
   });
 }
-we(["click"]);
-function Lt(e) {
+ye(["click"]);
+function Gt(e) {
   if (typeof IntersectionObserver > "u")
     return () => !1;
-  const [t, i] = H(!1), r = new IntersectionObserver((n) => {
+  const [t, i] = V(!1), r = new IntersectionObserver((n) => {
     const o = n[0];
     o && i(!o.isIntersecting);
   });
-  return te(() => {
+  return re(() => {
     const n = e();
     r.disconnect(), n && r.observe(n);
-  }), ce(() => r.disconnect()), t;
+  }), se(() => r.disconnect()), t;
 }
-function Bt() {
+function qt() {
   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;
+  const e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, i] = V(e.matches), r = (n) => i(n.matches);
+  return e.addEventListener("change", r), se(() => e.removeEventListener("change", r)), t;
 }
-function Ut(e = "edit") {
-  const [t, i] = H(!1), [r, n] = H(e);
-  return {
+function Yt(e = "controls") {
+  const [t, i] = V(!1), [r, n] = V(e), o = (d) => {
+    n(d ?? e), i(!0);
+  }, u = ae(J);
+  return u?.registerDialogOpener?.(o), se(() => u?.registerDialogOpener?.(null)), {
     showDialog: t,
     setShowDialog: i,
-    openDialog: () => i(!0),
+    openDialog: o,
     closeDialog: () => i(!1),
     activeTab: r,
-    setActiveTab: n
+    setActiveTab: n,
+    dialogProps: {
+      get open() {
+        return t();
+      },
+      onOpenChange: i,
+      get activeTab() {
+        return r();
+      },
+      onActiveTabChange: n
+    }
   };
 }
-function Ft(e) {
+function Kt(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 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);
+    const d = e.aggregationMode?.();
+    if (!d || d === "none") return;
+    const $ = e.entities();
+    if (d === "light" || d === "binary-sensor" || d === "switch")
+      return Ke($, e.allEntitiesMode);
+    if (d === "sensor") {
+      const m = e.sensorGroupType?.() ?? "mean";
+      return Xe($, m, !0);
     }
-  }), h = L(() => r() ? void 0 : e.emptyStateConfig);
+  }), u = L(() => r() ? void 0 : e.emptyStateConfig);
   return {
     entities: e.entities,
     groupData: n,
     aggregatedData: o,
-    emptyState: h,
+    emptyState: u,
     hasEntities: r,
     count: i
   };
 }
-const F = 32, s = F / 2, T = "white", K = "rgba(0,0,0,0.4)", re = 2, X = 3;
-function xt(e) {
+const q = 32, l = q / 2, _ = "white", Q = "rgba(0,0,0,0.4)", le = 2, Z = 3;
+function Ct(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>`;
+function ee(e) {
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${q}" height="${q}" viewBox="0 0 ${q} ${q}">${e}</svg>`;
 }
-const yt = J(`
+const St = ee(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
-    <g stroke="${K}" stroke-width="${X}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${Q}" stroke-width="${Z}" 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="${T}" stroke-width="${re}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${_}" stroke-width="${le}" 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>
-`), $t = J(`
+`), Mt = ee(`
   <g>
-    <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}"/>
+    <circle cx="${l}" cy="${l}" r="8" stroke="${Q}" stroke-width="${Z}" 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="${_}"/>
   </g>
-`), kt = J(`
+`), Dt = ee(`
   <g>
     <!-- shadow -->
-    <g stroke="${K}" stroke-width="${X}" 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 stroke="${Q}" stroke-width="${Z}" 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>
     <!-- main -->
-    <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 stroke="${_}" stroke-width="${le}" 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>
     <!-- center grip dots -->
-    <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"/>
+    <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"/>
   </g>
-`), Ct = J(`
+`), Tt = ee(`
   <g>
     <!-- shadow -->
-    <g stroke="${K}" stroke-width="${X}" 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 stroke="${Q}" stroke-width="${Z}" 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>
     <!-- main -->
-    <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 stroke="${_}" stroke-width="${le}" 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>
     <!-- center grip dots -->
-    <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"/>
+    <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"/>
   </g>
 `);
-function q(e, t, i) {
-  return { css: `${xt(e)} ${t} ${i}, auto`, hotspotX: t, hotspotY: i };
+function K(e, t, i) {
+  return { css: `${Ct(e)} ${t} ${i}, auto`, hotspotX: t, hotspotY: i };
 }
 const j = {
-  tap: q(yt, 12, 4),
-  hold: q($t, 16, 16),
-  slideHorizontal: q(kt, s, s),
-  slideVertical: q(Ct, s, s)
+  tap: K(St, 12, 4),
+  hold: K(Mt, 16, 16),
+  slideHorizontal: K(Dt, l, l),
+  slideVertical: K(Tt, l, l)
 };
-function Z() {
+function ne() {
   if (typeof window > "u") return null;
   const e = window;
   return e.Capacitor?.isNativePlatform?.() ? e.Capacitor.Plugins?.Haptics ?? null : null;
 }
-function ee(e) {
+function ie(e) {
   if (!(typeof navigator > "u" || typeof navigator.vibrate != "function"))
     try {
       navigator.vibrate(e);
     } catch {
     }
 }
-const St = {
+const _t = {
   /** Light confirmation — fires when slide gesture arms after user holds still. */
   tick() {
-    const e = Z();
+    const e = ne();
     if (e) {
       e.impact({ style: "Light" }).catch(() => {
       });
       return;
     }
-    ee(8);
+    ie(8);
   },
   /** Medium bump — fires when hold gesture commits (detail opening). */
   bump() {
-    const e = Z();
+    const e = ne();
     if (e) {
       e.impact({ style: "Medium" }).catch(() => {
       });
       return;
     }
-    ee(20);
+    ie(20);
   },
   /** Stronger pulse — reserved for edit-mode pickup (future use). */
   pulse() {
-    const e = Z();
+    const e = ne();
     if (e) {
       e.impact({ style: "Heavy" }).catch(() => {
       });
       return;
     }
-    ee([0, 15, 40, 15]);
+    ie([0, 15, 40, 15]);
   }
 };
-function Gt(e, t) {
+function Xt(e, t) {
   const n = {
     isDown: !1,
     isTouch: !1,
@@ -1118,92 +1133,101 @@ function Gt(e, t) {
     holdTimer: null,
     element: null
   };
-  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 };
+  let o = null, u = null, d = null;
+  const [$, m] = V(null);
+  function h(a) {
+    a !== u && (d && d.disconnect(), d = new ResizeObserver((f) => {
+      const p = f[0];
+      if (p) {
+        const C = p.borderBoxSize?.[0];
+        C ? o = { width: C.inlineSize, height: C.blockSize } : o = { width: p.contentRect.width, height: p.contentRect.height }, m(o.height > o.width);
       }
-    }), h = u, g.observe(u), o = { width: u.clientWidth, height: u.clientHeight });
+    }), u = a, d.observe(a), o = { width: a.clientWidth, height: a.clientHeight }, m(o.height > o.width));
   }
-  const f = () => {
+  const v = () => {
     n.holdTimer && (clearTimeout(n.holdTimer), n.holdTimer = null);
-  }, c = () => {
+  }, y = () => {
     n.isDown = !1, n.hasMoved = !1, n.sliding = !1;
-  }, 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;
+  }, g = (a) => {
+    const p = e().slide;
+    return p?.orientation === "horizontal" ? "horizontal" : p?.orientation === "vertical" ? "vertical" : a && (o || h(a), o) ? o.height > o.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
+  }, s = (a) => {
+    const f = e();
+    if (!(!f.tap && !f.hold && !f.slide)) {
+      if (n.isDown = !0, n.isTouch = a.pointerType === "touch", n.element = a.currentTarget, h(n.element), n.startX = a.clientX, n.startY = a.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, f.hold) {
+        const p = f.hold.delay ?? 300;
         n.holdTimer = setTimeout(() => {
-          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (St.bump(), m.hold?.action(), n.isDown = !1);
-        }, b);
+          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (_t.bump(), f.hold?.action(), n.isDown = !1);
+        }, p);
       }
-      if (!n.isTouch && m.slide)
+      if (!n.isTouch && f.slide)
         try {
-          u.currentTarget.setPointerCapture(u.pointerId);
+          a.currentTarget.setPointerCapture(a.pointerId);
         } catch {
         }
     }
-  }, d = (u) => {
+  }, S = (a) => {
     if (!n.isDown) return;
-    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);
+    const f = e(), p = a.clientX - n.startX, C = a.clientY - n.startY;
+    if (Math.sqrt(p * p + C * C) > 10 && (v(), n.hasMoved = !0), f.slide && n.hasMoved) {
+      const D = a.currentTarget, c = g(D);
+      if (n.isTouch && !n.sliding) {
+        const be = Math.abs(c === "vertical" ? C : p), pe = Math.abs(c === "vertical" ? p : C);
+        if (be < pe) return;
+      }
       n.sliding = !0;
-      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();
+      const F = f.slide.min ?? 0, N = f.slide.max ?? 100, he = N - F, fe = c === "vertical" ? -C : p, ce = o ?? { width: D.clientWidth, height: D.clientHeight }, me = c === "vertical" ? ce.height : ce.width, ve = fe / me * he, we = Math.max(F, Math.min(N, f.slide.value + ve));
+      f.slide.onChange(Math.round(we)), n.startX = a.clientX, n.startY = a.clientY, a.preventDefault();
     }
-  }, 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();
+  }, w = (a) => {
+    const f = e(), p = n.isDown, C = Date.now() - n.startTime, O = f.hold?.delay ?? 300;
+    v(), p && f.tap && !n.hasMoved && C < O && f.tap();
     try {
-      u.currentTarget.releasePointerCapture(u.pointerId);
+      a.currentTarget.releasePointerCapture(a.pointerId);
     } catch {
     }
-    c();
-  }, C = (u) => {
-    f();
+    y();
+  }, M = (a) => {
+    v();
     try {
-      u.currentTarget.releasePointerCapture(u.pointerId);
+      a.currentTarget.releasePointerCapture(a.pointerId);
     } catch {
     }
-    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);
+    y();
+  }, z = (a) => {
+    const f = e();
+    if (f.slide) {
+      const p = f.slide.orientation;
+      return p === "horizontal" ? j.slideHorizontal.css : p === "vertical" ? j.slideVertical.css : (o || h(a), o && o.height > o.width ? j.slideVertical.css : j.slideHorizontal.css);
     }
-    return m.tap ? j.tap.css : m.hold ? j.hold.css : "";
+    return f.tap ? j.tap.css : f.hold ? j.hold.css : "";
   };
   return {
-    onPointerDown: k,
-    onPointerMove: d,
-    onPointerUp: a,
-    onPointerCancel: C,
-    onPointerEnter: (u) => {
-      const m = u.currentTarget;
-      n.element = m, m.style.cursor = w(m);
+    onPointerDown: s,
+    onPointerMove: S,
+    onPointerUp: w,
+    onPointerCancel: M,
+    onPointerEnter: (a) => {
+      const f = a.currentTarget;
+      n.element = f, f.style.cursor = z(f);
     },
-    bindElement: (u) => {
-      u && (n.element = u, y(u));
+    bindElement: (a) => {
+      a && (n.element = a, h(a));
     },
     touchAction: () => {
-      const u = e();
-      return u.tap || u.hold || u.slide ? "manipulation" : "auto";
+      const a = e();
+      if (a.slide) {
+        const f = a.slide.orientation;
+        return f === "vertical" || f !== "horizontal" && ($() ?? (t?.() ?? "horizontal") !== "horizontal") ? "pan-x" : "pan-y";
+      }
+      return a.tap || a.hold ? "manipulation" : "auto";
     },
     dispose: () => {
-      f(), g && (g.disconnect(), g = null), h = null, o = null;
+      v(), d && (d.disconnect(), d = null), u = null, o = null;
     }
   };
 }
-const Mt = {
+const zt = {
   solar: "oklch(0.74 0.18 60)",
   grid: "oklch(0.62 0.12 245)",
   battery: "oklch(0.70 0.18 145)",
@@ -1213,23 +1237,23 @@ const Mt = {
   // Fault red-orange; used only for faults, never normal consumption.
   negative: "oklch(0.64 0.22 27)"
 };
-function Dt(e) {
+function Ot(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([
+const Jt = Object.fromEntries(
+  Object.entries(zt).map(([e, t]) => [e, Ot(t)])
+), Qt = A.enum([
   "success",
   "warning",
   "danger",
   "info",
   "neutral",
   "accent"
-]), Kt = {
+]), Zt = {
   /** 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 */
@@ -1239,68 +1263,68 @@ const qt = Object.fromEntries(
   /** Area picker dropdown */
   areaId: () => A.string().optional().meta({ formType: "area-picker", title: "Area" })
 };
-function Xt(e) {
+function en(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 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 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)
+  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)
     );
   }
-  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}`;
+  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, s = d[m + 1] ?? 0;
+    $ += ` C ${h.x + y} ${h.y + g * y}, ${v.x - y} ${v.y - s * y}, ${v.x} ${v.y}`;
   }
-  return y;
+  return $;
 }
-function Jt() {
+function tn() {
   return document.documentElement.classList.contains("dark");
 }
-const _t = "0.5.1", zt = {
-  version: _t
-}, Qt = zt.version;
+const Et = "0.5.2", Nt = {
+  version: Et
+}, nn = Nt.version;
 export {
-  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,
-  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
+  nn as SDK_VERSION,
+  Qt as ToneSchema,
+  U as Widget,
+  Re as WidgetContent,
+  J as WidgetCtx,
+  Ft as WidgetDialog,
+  Be as WidgetIcon,
+  an as WidgetManifestSchema,
+  Pe as WidgetSliderFill,
+  Fe as WidgetStatus,
+  Ye as WidgetTitle,
+  nt as WidgetValue,
+  Ke as calculateLightGroup,
+  Xe as calculateSensorGroup,
+  Ut as countActiveEntities,
+  jt as defineWidget,
+  sn as formatSchemaError,
+  Bt as getEntityAttribute,
+  ze as injectTokens,
+  tn as isDark,
+  Je as isEntityActive,
+  en as monotoneCubicPath,
+  Jt as svgColors,
+  Gt as useIntersectionPause,
+  qt as useReducedMotion,
+  Lt as useWidgetContext,
+  Yt as useWidgetDialog,
+  Kt as useWidgetEntityGroup,
+  Xt as useWidgetGestures,
+  Zt as widgetFields
 };