@glasshome/widget-sdk 0.3.5 → 0.3.7

package/dist/index.js

@@ -1,34 +1,34 @@
-import { createSignal as F, createContext as Ee, useContext as Se, createEffect as K, untrack as ve, createMemo as A, splitProps as Ae, on as be, Show as te } from "solid-js";
-import { z as q } from "zod";
-import { GridSizeSchema as hr, PublishBodySchema as xr, PublishConfirmSchema as vr, PublishRequestSchema as br, WidgetManifestSchema as yr, formatSchemaError as wr, parseGridSize as $r, serializeGridSize as kr } from "./schemas.js";
-import { memo as E, effect as z, setStyleProperty as M, className as p, template as w, insert as h, style as oe, createComponent as T, addEventListener as ne, use as Ne, delegateEvents as Oe } from "solid-js/web";
-import { clsx as Te } from "clsx";
-import { twMerge as Ve } from "tailwind-merge";
-import { createElementSize as We } from "@solid-primitives/resize-observer";
-import { createForm as Ie, zodForm as Re, reset as Ge, setValue as Pe, getValue as He } from "@modular-forms/solid";
-function En(e) {
-  const [t] = F(e);
-  return t;
+import { createSignal as j, createContext as Ot, useContext as Ct, createEffect as q, untrack as yt, createMemo as N, splitProps as Tt, on as wt, Show as et } from "solid-js";
+import { z as X } from "zod";
+import { GridSizeSchema as vr, PublishBodySchema as yr, PublishConfirmSchema as wr, PublishRequestSchema as $r, WidgetManifestSchema as pr, formatSchemaError as kr, parseGridSize as Sr, serializeGridSize as Cr } from "./schemas.js";
+import { memo as _, effect as z, setStyleProperty as M, className as S, template as w, insert as b, style as ot, createComponent as T, addEventListener as nt, use as Vt, delegateEvents as At } from "solid-js/web";
+import { clsx as Wt } from "clsx";
+import { twMerge as Rt } from "tailwind-merge";
+import { createElementSize as It } from "@solid-primitives/resize-observer";
+import { createForm as Ht, zodForm as Gt, reset as Pt, setValue as Lt, getValue as Bt } from "@modular-forms/solid";
+function Tn(t) {
+  const [e] = j(t);
+  return e;
 }
-function pe(e) {
-  return q.toJSONSchema(e, {
-    override: (t) => {
-      const n = q.globalRegistry.get(t.zodSchema);
-      return n && typeof n == "object" && Object.keys(n).length > 0 ? { ...t.jsonSchema, ...n } : t.jsonSchema;
+function Mt(t) {
+  return X.toJSONSchema(t, {
+    override: (e) => {
+      const r = X.globalRegistry.get(e.zodSchema);
+      return r && typeof r == "object" && Object.keys(r).length > 0 ? { ...e.jsonSchema, ...r } : e.jsonSchema;
     }
   });
 }
-function Be(e) {
+function jt(t) {
   try {
-    return e.parse({});
+    return t.parse({});
   } catch {
     return {};
   }
 }
-function An(e) {
-  return e.configSchema && (e.manifest.schema || (e.manifest.schema = pe(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = Be(e.configSchema))), e;
+function Vn(t) {
+  return t.configSchema && (t.manifest.schema || (t.manifest.schema = Mt(t.configSchema)), t.manifest.defaultConfig || (t.manifest.defaultConfig = jt(t.configSchema))), t;
 }
-const Y = {
+const U = {
   /** Background layer (gradients, images, glows) */
   BACKGROUND: 0,
   /** Main content layer (icon, title, text) */
@@ -38,19 +38,19 @@ const Y = {
   /** Action layer (buttons, edit controls) */
   ACTIONS: 30
 };
-function Nn(e) {
+function An(t) {
 }
-const me = Ee();
-function G() {
-  const e = Se(me);
-  if (!e)
+const ht = Ot();
+function I() {
+  const t = Ct(ht);
+  if (!t)
     throw new Error("useWidgetContext must be used within a Widget component");
-  return e;
+  return t;
 }
-function S(...e) {
-  return Ve(Te(e));
+function k(...t) {
+  return Rt(Wt(t));
 }
-const Le = {
+const Ft = {
   id: "classic-glass",
   name: "Classic Glass",
   description: "Default glassmorphism design with blur background and gradient",
@@ -78,7 +78,7 @@ const Le = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, je = {
+}, Ut = {
   id: "minimal",
   name: "Minimal",
   description: "Clean, minimal design with no background effects",
@@ -107,7 +107,7 @@ const Le = {
     active: !1,
     focus: !0
   }
-}, Fe = {
+}, Yt = {
   id: "compact-horizontal",
   name: "Compact Horizontal",
   description: "Horizontal layout for compact widgets",
@@ -135,160 +135,160 @@ const Le = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, fe = {
-  "classic-glass": Le,
-  minimal: je,
-  "compact-horizontal": Fe
+}, bt = {
+  "classic-glass": Ft,
+  minimal: Ut,
+  "compact-horizontal": Yt
 };
-function Ue(e) {
-  return fe[e];
+function Kt(t) {
+  return bt[t];
 }
-function On(e) {
-  return e in fe;
+function Wn(t) {
+  return t in bt;
 }
-function Tn() {
-  return Object.keys(fe);
+function Rn() {
+  return Object.keys(bt);
 }
-function Ce(e, t) {
-  if (typeof e != "object" || e === null)
-    return t;
-  const n = { ...e };
-  for (const i in t) {
-    const r = t[i], a = e[i];
-    if (r !== void 0) {
-      if (Array.isArray(r)) {
-        n[i] = r;
+function zt(t, e) {
+  if (typeof t != "object" || t === null)
+    return e;
+  const r = { ...t };
+  for (const i in e) {
+    const n = e[i], a = t[i];
+    if (n !== void 0) {
+      if (Array.isArray(n)) {
+        r[i] = n;
         continue;
       }
-      if (typeof r == "object" && r !== null && !Array.isArray(r)) {
-        typeof a == "object" && a !== null ? n[i] = Ce(a, r) : n[i] = r;
+      if (typeof n == "object" && n !== null && !Array.isArray(n)) {
+        typeof a == "object" && a !== null ? r[i] = zt(a, n) : r[i] = n;
         continue;
       }
-      n[i] = r;
+      r[i] = n;
     }
   }
-  return n;
-}
-function Ye(e, t) {
-  if (!(!e && !t))
-    return e ? t ? {
-      container: { ...e.container, ...t.container },
-      class: t.class ?? e.class,
-      cssVars: { ...e.cssVars, ...t.cssVars }
-    } : e : t;
-}
-function Xe(e, t) {
-  return t ?? e;
-}
-function Ke(e, t) {
-  if (!(!e && !t))
-    return e ? t ? {
-      visible: { ...e.visible, ...t.visible },
-      styles: Ce(e.styles ?? {}, t.styles ?? {}),
-      classNames: { ...e.classNames, ...t.classNames }
-    } : e : t;
-}
-function qe(e, t) {
-  if (!(!e && !t))
-    return e ? t ? {
-      background: t.background ?? e.background,
-      overlay: t.overlay ?? e.overlay,
-      decorations: t.decorations ?? e.decorations
-    } : e : t;
-}
-function Je(e, t) {
-  if (!(!e && !t))
-    return e ? t ? {
-      hover: t.hover ?? e.hover,
-      active: t.active ?? e.active,
-      focus: t.focus ?? e.focus,
-      hoverScale: t.hoverScale ?? e.hoverScale,
-      activeScale: t.activeScale ?? e.activeScale
-    } : e : t;
-}
-function he(e, t) {
+  return r;
+}
+function qt(t, e) {
+  if (!(!t && !e))
+    return t ? e ? {
+      container: { ...t.container, ...e.container },
+      class: e.class ?? t.class,
+      cssVars: { ...t.cssVars, ...e.cssVars }
+    } : t : e;
+}
+function Xt(t, e) {
+  return e ?? t;
+}
+function Jt(t, e) {
+  if (!(!t && !e))
+    return t ? e ? {
+      visible: { ...t.visible, ...e.visible },
+      styles: zt(t.styles ?? {}, e.styles ?? {}),
+      classNames: { ...t.classNames, ...e.classNames }
+    } : t : e;
+}
+function Zt(t, e) {
+  if (!(!t && !e))
+    return t ? e ? {
+      background: e.background ?? t.background,
+      overlay: e.overlay ?? t.overlay,
+      decorations: e.decorations ?? t.decorations
+    } : t : e;
+}
+function Qt(t, e) {
+  if (!(!t && !e))
+    return t ? e ? {
+      hover: e.hover ?? t.hover,
+      active: e.active ?? t.active,
+      focus: e.focus ?? t.focus,
+      hoverScale: e.hoverScale ?? t.hoverScale,
+      activeScale: e.activeScale ?? t.activeScale
+    } : t : e;
+}
+function xt(t, e) {
   return {
-    id: t.id ?? e.id,
-    name: t.name ?? e.name,
-    description: t.description ?? e.description,
-    styles: Ye(e.styles, t.styles),
-    layout: Xe(e.layout, t.layout),
-    elements: Ke(e.elements, t.elements),
-    plugins: qe(e.plugins, t.plugins),
-    interactions: Je(e.interactions, t.interactions),
-    extends: t.extends ?? e.extends
+    id: e.id ?? t.id,
+    name: e.name ?? t.name,
+    description: e.description ?? t.description,
+    styles: qt(t.styles, e.styles),
+    layout: Xt(t.layout, e.layout),
+    elements: Jt(t.elements, e.elements),
+    plugins: Zt(t.plugins, e.plugins),
+    interactions: Qt(t.interactions, e.interactions),
+    extends: e.extends ?? t.extends
   };
 }
-function Vn(e, t) {
+function In(t, e) {
   return {
-    ...t,
-    extends: e
+    ...e,
+    extends: t
   };
 }
-function Wn(...e) {
-  if (e.length === 0)
+function Hn(...t) {
+  if (t.length === 0)
     throw new Error("composeVariants requires at least one variant");
-  return e.length === 1 ? e[0] : e.reduce((t, n) => he(t, n));
+  return t.length === 1 ? t[0] : t.reduce((e, r) => xt(e, r));
 }
-function In(e, t) {
-  return he(e, { layout: t });
+function Gn(t, e) {
+  return xt(t, { layout: e });
 }
-function Rn(e, t) {
-  return he(e, {
-    styles: { cssVars: t }
+function Pn(t, e) {
+  return xt(t, {
+    styles: { cssVars: e }
   });
 }
-function Gn(e = "column", t = "start", n = "start", i) {
+function Ln(t = "column", e = "start", r = "start", i) {
   return {
     type: "flex",
-    direction: e,
-    align: t,
-    justify: n,
+    direction: t,
+    align: e,
+    justify: r,
     ...i
   };
 }
-var Ze = /* @__PURE__ */ w("<div>"), Qe = /* @__PURE__ */ w('<div class="pointer-events-none absolute inset-0 opacity-40 blur-2xl">');
-function et(e) {
-  const t = G(), n = () => t.orientation() === "vertical" ? `inset(${100 - e.value}% 0 0 0)` : `inset(0 ${100 - e.value}% 0 0)`, i = () => e.color ?? "rgb(59, 130, 246)";
-  return [E(() => E(() => !!((e.glow ?? !1) && e.value > 0))() && (() => {
-    var r = Qe();
+var te = /* @__PURE__ */ w("<div>"), ee = /* @__PURE__ */ w('<div class="pointer-events-none absolute inset-0 opacity-40 blur-2xl">');
+function ne(t) {
+  const e = I(), r = () => e.orientation() === "vertical" ? `inset(${100 - t.value}% 0 0 0)` : `inset(0 ${100 - t.value}% 0 0)`, i = () => t.color ?? "rgb(59, 130, 246)";
+  return [_(() => _(() => !!((t.glow ?? !1) && t.value > 0))() && (() => {
+    var n = ee();
     return z((a) => {
-      var o = i(), s = Y.BACKGROUND;
-      return o !== a.e && M(r, "background", a.e = o), s !== a.t && M(r, "z-index", a.t = s), a;
+      var o = i(), s = U.BACKGROUND;
+      return o !== a.e && M(n, "background", a.e = o), s !== a.t && M(n, "z-index", a.t = s), a;
     }, {
       e: void 0,
       t: void 0
-    }), r;
+    }), n;
   })()), (() => {
-    var r = Ze();
+    var n = te();
     return z((a) => {
-      var o = S("pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), s = i(), l = n(), d = e.opacity ?? 0.3, c = Y.BACKGROUND;
-      return o !== a.e && p(r, a.e = o), s !== a.t && M(r, "background", a.t = s), l !== a.a && M(r, "clip-path", a.a = l), d !== a.o && M(r, "opacity", a.o = d), c !== a.i && M(r, "z-index", a.i = c), a;
+      var o = k("pointer-events-none absolute inset-0", t.isDragging ? "duration-0" : "transition-all duration-300 ease-out", t.class), s = i(), l = r(), d = t.opacity ?? 0.3, c = U.BACKGROUND;
+      return o !== a.e && S(n, a.e = o), s !== a.t && M(n, "background", a.t = s), l !== a.a && M(n, "clip-path", a.a = l), d !== a.o && M(n, "opacity", a.o = d), c !== a.i && M(n, "z-index", a.i = c), a;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0,
       i: void 0
-    }), r;
+    }), n;
   })()];
 }
-const re = {
+const rt = {
   S1: { xs: 4, sm: 4, md: 6, lg: 6, xl: 8 },
   S2: { xs: 6, sm: 8, md: 10, lg: 12, xl: 14 },
   S3: { xs: 8, sm: 10, md: 12, lg: 14, xl: 16 },
   S4: { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 }
-}, I = {
+}, W = {
   /** Extra small spacing (4-8px) */
-  S1: (e) => `${re.S1[e]}px`,
+  S1: (t) => `${rt.S1[t]}px`,
   /** Small spacing (6-14px) - default for most layouts */
-  S2: (e) => `${re.S2[e]}px`,
+  S2: (t) => `${rt.S2[t]}px`,
   /** Medium spacing (8-16px) */
-  S3: (e) => `${re.S3[e]}px`,
+  S3: (t) => `${rt.S3[t]}px`,
   /** Large spacing (12-20px) */
-  S4: (e) => `${re.S4[e]}px`,
+  S4: (t) => `${rt.S4[t]}px`,
   /** Icon container size in pixels */
-  icon: (e) => ({
+  icon: (t) => ({
     xs: 32,
     // 1x1, 1x2 widgets
     sm: 40,
@@ -299,9 +299,9 @@ const re = {
     // 2x6, 3x6, 4x2 widgets
     xl: 56
     // 4x4 widgets
-  })[e],
+  })[t],
   /** Icon stroke size for lucide icons */
-  iconSize: (e) => ({
+  iconSize: (t) => ({
     xs: 18,
     // Smaller stroke for tiny widgets
     sm: 20,
@@ -312,9 +312,9 @@ const re = {
     // Large widgets
     xl: 28
     // Extra large widgets
-  })[e],
+  })[t],
   /** Spacing between icon and title */
-  iconToTitle: (e) => ({
+  iconToTitle: (t) => ({
     xs: "8px",
     // Tight spacing for small widgets
     sm: "10px",
@@ -325,9 +325,9 @@ const re = {
     // More breathing room
     xl: "16px"
     // Maximum spacing (@[400px]:mt-4 = 16px)
-  })[e],
+  })[t],
   /** Container padding */
-  container: (e) => ({
+  container: (t) => ({
     xs: "8px",
     // Minimal padding for tiny widgets
     sm: "16px",
@@ -336,8 +336,8 @@ const re = {
     lg: "20px",
     // More padding for larger widgets
     xl: "20px"
-  })[e]
-}, tt = {
+  })[t]
+}, re = {
   4: "gap-1",
   6: "gap-1.5",
   8: "gap-2",
@@ -348,35 +348,35 @@ const re = {
   18: "gap-[18px]",
   20: "gap-5"
 };
-function nt(e, t) {
-  const n = re[e][t];
-  return tt[n] || `gap-[${n}px]`;
+function ie(t, e) {
+  const r = rt[t][e];
+  return re[r] || `gap-[${r}px]`;
 }
-var rt = /* @__PURE__ */ w("<div>");
-function it(e) {
-  const t = G();
+var ae = /* @__PURE__ */ w("<div>");
+function oe(t) {
+  const e = I();
   return (() => {
-    var n = rt();
-    return h(n, () => e.children), z((i) => {
-      var r = S(
+    var r = ae();
+    return b(r, () => t.children), z((i) => {
+      var n = k(
         "relative flex h-full w-full overflow-hidden",
         // Ensure controls (ml-auto divs) are above other content
         "[&_div.ml-auto]:relative [&_div.ml-auto]:z-30",
-        t.contentLayout() === "horizontal" ? "flex-row items-center" : "flex-col justify-between",
-        nt("S3", t.size()),
-        e.class
-      ), a = I.container(t.size()), o = Y.CONTENT;
-      return r !== i.e && p(n, i.e = r), a !== i.t && M(n, "padding", i.t = a), o !== i.a && M(n, "z-index", i.a = o), i;
+        e.contentLayout() === "horizontal" ? "flex-row items-center" : "flex-col justify-between",
+        ie("S3", e.size()),
+        t.class
+      ), a = W.container(e.size()), o = U.CONTENT;
+      return n !== i.e && S(r, i.e = n), a !== i.t && M(r, "padding", i.t = a), o !== i.a && M(r, "z-index", i.a = o), i;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), n;
+    }), r;
   })();
 }
-const U = {
+const F = {
   /** Container base text sizing */
-  container: (e) => ({
+  container: (t) => ({
     xs: "text-xs",
     // Smallest widgets
     sm: "text-sm",
@@ -387,9 +387,9 @@ const U = {
     // Large widgets
     xl: "text-lg"
     // Extra large widgets
-  })[e],
+  })[t],
   /** Title text sizing (main heading) */
-  title: (e) => ({
+  title: (t) => ({
     xs: "text-xs",
     // 12px - Very compact
     sm: "text-xs",
@@ -400,9 +400,9 @@ const U = {
     // 14px - Maintain size
     xl: "text-sm"
     // 14px - Don't go too large for secondary text
-  })[e],
+  })[t],
   /** Subtitle/secondary text sizing */
-  subtitle: (e) => ({
+  subtitle: (t) => ({
     xs: "text-xs",
     // 12px - Very compact
     sm: "text-sm",
@@ -413,9 +413,9 @@ const U = {
     // 14px - Maintain size
     xl: "text-base"
     // 14px - Don't go too large for secondary text
-  })[e],
+  })[t],
   /** Value display text sizing (large numbers) */
-  value: (e) => ({
+  value: (t) => ({
     xs: "text-lg",
     // 18px - Still readable on small widgets
     sm: "text-xl",
@@ -426,9 +426,9 @@ const U = {
     // 30px - Very prominent
     xl: "text-4xl"
     // 36px - Maximum impact
-  })[e],
+  })[t],
   /** Badge text sizing (entity count badges) */
-  badge: (e) => ({
+  badge: (t) => ({
     xs: "text-xs",
     // 12px - Compact badge
     sm: "text-xs",
@@ -439,9 +439,9 @@ const U = {
     // 14px - Slightly larger for readability
     xl: "text-sm"
     // 14px - Maximum badge size
-  })[e],
+  })[t],
   /** Metric label text sizing */
-  metricLabel: (e) => ({
+  metricLabel: (t) => ({
     xs: "text-xs",
     // 12px - Compact labels
     sm: "text-xs",
@@ -452,9 +452,9 @@ const U = {
     // 14px - More readable on large widgets
     xl: "text-sm"
     // 14px
-  })[e],
+  })[t],
   /** Metric value text sizing */
-  metricValue: (e) => ({
+  metricValue: (t) => ({
     xs: "text-sm",
     // 14px - Readable metric values
     sm: "text-sm",
@@ -465,17 +465,17 @@ const U = {
     // 16px - Slightly larger
     xl: "text-base"
     // 16px
-  })[e],
+  })[t],
   /** Status text (same as subtitle but semantic) */
-  status: (e) => ({
+  status: (t) => ({
     xs: "text-md",
     sm: "text-xl",
     md: "text-2xl",
     lg: "text-3xl",
     xl: "text-3xl"
-  })[e],
+  })[t],
   /** Empty state message text */
-  emptyState: (e) => ({
+  emptyState: (t) => ({
     xs: "text-xs",
     // 12px
     sm: "text-sm",
@@ -486,59 +486,59 @@ const U = {
     // 16px
     xl: "text-base"
     // 16px
-  })[e]
+  })[t]
 };
-var at = /* @__PURE__ */ w("<div><div>"), ot = /* @__PURE__ */ w("<div>"), st = /* @__PURE__ */ w("<h3>"), lt = /* @__PURE__ */ w("<p>"), ct = /* @__PURE__ */ w("<div class=mt-2>");
-function ut(e) {
-  const t = G(), n = () => t.contentLayout() === "horizontal";
+var se = /* @__PURE__ */ w("<div><div>"), le = /* @__PURE__ */ w("<div>"), ce = /* @__PURE__ */ w("<h3>"), ue = /* @__PURE__ */ w("<p>"), de = /* @__PURE__ */ w("<div class=mt-2>");
+function ge(t) {
+  const e = I(), r = () => e.contentLayout() === "horizontal";
   return (() => {
-    var i = at(), r = i.firstChild;
-    return h(i, (() => {
-      var a = E(() => !!e.icon);
+    var i = se(), n = i.firstChild;
+    return b(i, (() => {
+      var a = _(() => !!t.icon);
       return () => a() && (() => {
-        var o = ot();
-        return h(o, () => e.icon), z((s) => {
-          var l = S("flex items-center justify-center text-foreground/30", n() ? "shrink-0" : ""), d = `${I.icon(t.size())}px`, c = `${I.icon(t.size())}px`;
-          return l !== s.e && p(o, s.e = l), d !== s.t && M(o, "width", s.t = d), c !== s.a && M(o, "height", s.a = c), s;
+        var o = le();
+        return b(o, () => t.icon), z((s) => {
+          var l = k("flex items-center justify-center text-foreground/30", r() ? "shrink-0" : ""), d = `${W.icon(e.size())}px`, c = `${W.icon(e.size())}px`;
+          return l !== s.e && S(o, s.e = l), d !== s.t && M(o, "width", s.t = d), c !== s.a && M(o, "height", s.a = c), s;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
         }), o;
       })();
-    })(), r), h(r, (() => {
-      var a = E(() => !!(e.title ?? "No data"));
+    })(), n), b(n, (() => {
+      var a = _(() => !!(t.title ?? "No data"));
       return () => a() && (() => {
-        var o = st();
-        return h(o, () => e.title ?? "No data"), z((s) => {
-          var l = S("font-semibold text-foreground/60", U.subtitle(t.size())), d = n() ? "100%" : "80%";
-          return l !== s.e && p(o, s.e = l), d !== s.t && M(o, "max-width", s.t = d), s;
+        var o = ce();
+        return b(o, () => t.title ?? "No data"), z((s) => {
+          var l = k("font-semibold text-foreground/60", F.subtitle(e.size())), d = r() ? "100%" : "80%";
+          return l !== s.e && S(o, s.e = l), d !== s.t && M(o, "max-width", s.t = d), s;
         }, {
           e: void 0,
           t: void 0
         }), o;
       })();
-    })(), null), h(r, (() => {
-      var a = E(() => !!e.message);
+    })(), null), b(n, (() => {
+      var a = _(() => !!t.message);
       return () => a() && (() => {
-        var o = lt();
-        return h(o, () => e.message), z((s) => {
-          var l = S("text-foreground/50", U.emptyState(t.size())), d = n() ? "100%" : "85%";
-          return l !== s.e && p(o, s.e = l), d !== s.t && M(o, "max-width", s.t = d), s;
+        var o = ue();
+        return b(o, () => t.message), z((s) => {
+          var l = k("text-foreground/50", F.emptyState(e.size())), d = r() ? "100%" : "85%";
+          return l !== s.e && S(o, s.e = l), d !== s.t && M(o, "max-width", s.t = d), s;
         }, {
           e: void 0,
           t: void 0
         }), o;
       })();
-    })(), null), h(r, (() => {
-      var a = E(() => !!e.action);
+    })(), null), b(n, (() => {
+      var a = _(() => !!t.action);
       return () => a() && (() => {
-        var o = ct();
-        return h(o, () => e.action), o;
+        var o = de();
+        return b(o, () => t.action), o;
       })();
     })(), null), z((a) => {
-      var o = S("flex h-full w-full", n() ? "flex-row items-center justify-start" : "flex-col items-center justify-center text-center", e.class), s = I.S2(t.size()), l = I.container(t.size()), d = S("flex flex-col", n() ? "items-start text-left" : "items-center text-center"), c = I.S1(t.size());
-      return o !== a.e && p(i, a.e = o), s !== a.t && M(i, "gap", a.t = s), l !== a.a && M(i, "padding", a.a = l), d !== a.o && p(r, a.o = d), c !== a.i && M(r, "gap", a.i = c), a;
+      var o = k("flex h-full w-full", r() ? "flex-row items-center justify-start" : "flex-col items-center justify-center text-center", t.class), s = W.S2(e.size()), l = W.container(e.size()), d = k("flex flex-col", r() ? "items-start text-left" : "items-center text-center"), c = W.S1(e.size());
+      return o !== a.e && S(i, a.e = o), s !== a.t && M(i, "gap", a.t = s), l !== a.a && M(i, "padding", a.a = l), d !== a.o && S(n, a.o = d), c !== a.i && M(n, "gap", a.i = c), a;
     }, {
       e: void 0,
       t: void 0,
@@ -548,117 +548,117 @@ function ut(e) {
     }), i;
   })();
 }
-function dt(e) {
-  const t = e.match(/hsl\(\s*([\d.]+)\s*,\s*([\d.]+)%?\s*,\s*([\d.]+)%?\s*\)/);
-  return t ? { h: Number(t[1]), s: Number(t[2]), l: Number(t[3]) } : null;
-}
-function gt(e) {
-  const t = e.match(/rgb\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)/);
-  return t ? Me(Number(t[1]), Number(t[2]), Number(t[3])) : null;
-}
-function mt(e) {
-  const t = e.match(/^#([0-9a-f]{3,8})$/i);
-  if (!t) return null;
-  let n = t[1];
-  n.length === 3 && (n = n[0] + n[0] + n[1] + n[1] + n[2] + n[2]);
-  const i = Number.parseInt(n.slice(0, 2), 16), r = Number.parseInt(n.slice(2, 4), 16), a = Number.parseInt(n.slice(4, 6), 16);
-  return Me(i, r, a);
-}
-function Me(e, t, n) {
-  e /= 255, t /= 255, n /= 255;
-  const i = Math.max(e, t, n), r = Math.min(e, t, n), a = (i + r) / 2;
-  if (i === r) return { h: 0, s: 0, l: a * 100 };
-  const o = i - r, s = a > 0.5 ? o / (2 - i - r) : o / (i + r);
+function me(t) {
+  const e = t.match(/hsl\(\s*([\d.]+)\s*,\s*([\d.]+)%?\s*,\s*([\d.]+)%?\s*\)/);
+  return e ? { h: Number(e[1]), s: Number(e[2]), l: Number(e[3]) } : null;
+}
+function fe(t) {
+  const e = t.match(/rgb\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)/);
+  return e ? Dt(Number(e[1]), Number(e[2]), Number(e[3])) : null;
+}
+function he(t) {
+  const e = t.match(/^#([0-9a-f]{3,8})$/i);
+  if (!e) return null;
+  let r = e[1];
+  r.length === 3 && (r = r[0] + r[0] + r[1] + r[1] + r[2] + r[2]);
+  const i = Number.parseInt(r.slice(0, 2), 16), n = Number.parseInt(r.slice(2, 4), 16), a = Number.parseInt(r.slice(4, 6), 16);
+  return Dt(i, n, a);
+}
+function Dt(t, e, r) {
+  t /= 255, e /= 255, r /= 255;
+  const i = Math.max(t, e, r), n = Math.min(t, e, r), a = (i + n) / 2;
+  if (i === n) return { h: 0, s: 0, l: a * 100 };
+  const o = i - n, s = a > 0.5 ? o / (2 - i - n) : o / (i + n);
   let l = 0;
-  return i === e ? l = ((t - n) / o + (t < n ? 6 : 0)) / 6 : i === t ? l = ((n - e) / o + 2) / 6 : l = ((e - t) / o + 4) / 6, { h: l * 360, s: s * 100, l: a * 100 };
+  return i === t ? l = ((e - r) / o + (e < r ? 6 : 0)) / 6 : i === e ? l = ((r - t) / o + 2) / 6 : l = ((t - e) / o + 4) / 6, { h: l * 360, s: s * 100, l: a * 100 };
 }
-function ft(e) {
-  return dt(e) ?? gt(e) ?? mt(e);
+function be(t) {
+  return me(t) ?? fe(t) ?? he(t);
 }
-function ye(e, t, n, i) {
-  const r = Math.round(e), a = Math.round(Math.min(100, Math.max(0, t))), o = Math.round(Math.min(100, Math.max(0, n)));
-  return i !== void 0 && i < 1 ? `hsla(${r}, ${a}%, ${o}%, ${i})` : `hsl(${r}, ${a}%, ${o}%)`;
+function $t(t, e, r, i) {
+  const n = Math.round(t), a = Math.round(Math.min(100, Math.max(0, e))), o = Math.round(Math.min(100, Math.max(0, r)));
+  return i !== void 0 && i < 1 ? `hsla(${n}, ${a}%, ${o}%, ${i})` : `hsl(${n}, ${a}%, ${o}%)`;
 }
-function ht(e) {
-  const t = ft(e);
-  if (!t) return null;
-  const { h: n, s: i, l: r } = t;
+function xe(t) {
+  const e = be(t);
+  if (!e) return null;
+  const { h: r, s: i, l: n } = e;
   let a, o = Math.min(i + 10, 100);
-  r < 25 ? (a = r + 12, o = Math.min(i + 15, 100)) : r < 40 ? a = Math.max(r - 8, 15) : a = Math.max(18, r * 0.3), i < 15 && (o = 10, a = Math.max(a, 20));
-  const s = ye(n, o, a, 0.85), l = ye(n, Math.min(i, 90), Math.min(r, 55), 0.5);
+  n < 25 ? (a = n + 12, o = Math.min(i + 15, 100)) : n < 40 ? a = Math.max(n - 8, 15) : a = Math.max(18, n * 0.3), i < 15 && (o = 10, a = Math.max(a, 20));
+  const s = $t(r, o, a, 0.85), l = $t(r, Math.min(i, 90), Math.min(n, 55), 0.5);
   return { background: s, glow: l };
 }
-var xt = /* @__PURE__ */ w('<div><div class="flex items-center justify-center text-foreground">'), we = /* @__PURE__ */ w("<div>");
-function vt(e) {
-  const t = G(), n = () => e.dynamicColor ? ht(e.dynamicColor) : null, i = () => !!n(), r = () => {
-    const l = n();
+var ve = /* @__PURE__ */ w('<div><div class="flex items-center justify-center text-foreground">'), pt = /* @__PURE__ */ w("<div>");
+function ye(t) {
+  const e = I(), r = () => t.dynamicColor ? xe(t.dynamicColor) : null, i = () => !!r(), n = () => {
+    const l = r();
     if (l)
       return {
         "background-color": l.background
       };
   }, a = () => {
-    const l = n();
+    const l = r();
     if (l)
       return {
         "box-shadow": `0 0 25px ${l.glow}`
       };
   }, o = () => {
     const l = {
-      width: `${I.icon(t.size())}px`,
-      height: `${I.icon(t.size())}px`,
+      width: `${W.icon(e.size())}px`,
+      height: `${W.icon(e.size())}px`,
       "border-radius": "var(--radius-sm, 12px)"
-    }, d = r(), c = a();
+    }, d = n(), c = a();
     return d && Object.assign(l, d), c && Object.assign(l, c), l;
   }, s = (l, d, c) => {
-    const b = {
-      width: `${I.icon(t.size()) * 1.02}px`,
-      height: `${I.icon(t.size()) * 1.02}px`,
+    const v = {
+      width: `${W.icon(e.size()) * 1.02}px`,
+      height: `${W.icon(e.size()) * 1.02}px`,
       "border-radius": "var(--radius-sm, 12px)",
-      bottom: `${-I.icon(t.size()) * l}px`,
-      right: `${-I.icon(t.size()) * (l * 0.71)}px`,
+      bottom: `${-W.icon(e.size()) * l}px`,
+      right: `${-W.icon(e.size()) * (l * 0.71)}px`,
       "z-index": d,
       opacity: c
-    }, C = r();
-    return C && Object.assign(b, C), b;
+    }, C = n();
+    return C && Object.assign(v, C), v;
   };
   return (() => {
-    var l = xt(), d = l.firstChild;
-    return h(l, (() => {
-      var c = E(() => (e.entityCount ?? 1) >= 2);
+    var l = ve(), d = l.firstChild;
+    return b(l, (() => {
+      var c = _(() => (t.entityCount ?? 1) >= 2);
       return () => c() && (() => {
-        var b = we();
+        var v = pt();
         return z((C) => {
-          var f = S("absolute", !i() && (e.color ?? "bg-foreground/10")), v = s(0.14, -2, 0.45);
-          return f !== C.e && p(b, C.e = f), C.t = oe(b, v, C.t), C;
+          var m = k("absolute", !i() && (t.color ?? "bg-foreground/10")), x = s(0.14, -2, 0.45);
+          return m !== C.e && S(v, C.e = m), C.t = ot(v, x, C.t), C;
         }, {
           e: void 0,
           t: void 0
-        }), b;
+        }), v;
       })();
-    })(), d), h(l, (() => {
-      var c = E(() => (e.entityCount ?? 1) >= 3);
+    })(), d), b(l, (() => {
+      var c = _(() => (t.entityCount ?? 1) >= 3);
       return () => c() && (() => {
-        var b = we();
+        var v = pt();
         return z((C) => {
-          var f = S("absolute", !i() && (e.color ?? "bg-foreground/10")), v = s(0.28, -3, 0.2);
-          return f !== C.e && p(b, C.e = f), C.t = oe(b, v, C.t), C;
+          var m = k("absolute", !i() && (t.color ?? "bg-foreground/10")), x = s(0.28, -3, 0.2);
+          return m !== C.e && S(v, C.e = m), C.t = ot(v, x, C.t), C;
         }, {
           e: void 0,
           t: void 0
-        }), b;
+        }), v;
       })();
-    })(), d), h(d, () => e.icon), z((c) => {
-      var b = S(
+    })(), d), b(d, () => t.icon), z((c) => {
+      var v = k(
         "relative flex shrink-0 items-center justify-center transition-all",
         "pointer-events-none",
-        e.dimmed && "opacity-50",
+        t.dimmed && "opacity-50",
         // Only apply Tailwind classes when not using dynamic colors
-        !i() && e.glow && "shadow-[0_0_25px]",
-        !i() && (e.color ?? "bg-foreground/10"),
-        !i() && e.glow,
-        e.class
-      ), C = o(), f = `${I.iconSize(t.size())}px`;
-      return b !== c.e && p(l, c.e = b), c.t = oe(l, C, c.t), f !== c.a && M(d, "font-size", c.a = f), c;
+        !i() && t.glow && "shadow-[0_0_25px_var(--tw-shadow-color,transparent)]",
+        !i() && (t.color ?? "bg-foreground/10"),
+        !i() && t.glow,
+        t.class
+      ), C = o(), m = `${W.iconSize(e.size())}px`;
+      return v !== c.e && S(l, c.e = v), c.t = ot(l, C, c.t), m !== c.a && M(d, "font-size", c.a = m), c;
     }, {
       e: void 0,
       t: void 0,
@@ -666,102 +666,102 @@ function vt(e) {
     }), l;
   })();
 }
-var bt = /* @__PURE__ */ w("<div>"), yt = /* @__PURE__ */ w("<div><div><span></span></div><div>"), wt = /* @__PURE__ */ w("<span class=shrink-0>"), $t = /* @__PURE__ */ w('<span class="ml-1 text-foreground/70">');
-function kt(e) {
-  const t = G(), n = () => {
-    const i = e.direction ?? "auto";
-    return i === "auto" ? t.orientation() === "horizontal" ? "horizontal" : "vertical" : i;
+var we = /* @__PURE__ */ w("<div>"), $e = /* @__PURE__ */ w("<div><div><span></span></div><div>"), pe = /* @__PURE__ */ w("<span class=shrink-0>"), ke = /* @__PURE__ */ w('<span class="ml-1 text-foreground/70">');
+function Se(t) {
+  const e = I(), r = () => {
+    const i = t.direction ?? "auto";
+    return i === "auto" ? e.orientation() === "horizontal" ? "horizontal" : "vertical" : i;
   };
   return (() => {
-    var i = bt();
-    return h(i, () => e.children), z(() => p(i, S("flex", n() === "horizontal" ? "flex-row gap-4" : "flex-col gap-2", e.class))), i;
+    var i = we();
+    return b(i, () => t.children), z(() => S(i, k("flex", r() === "horizontal" ? "flex-row gap-4" : "flex-col gap-2", t.class))), i;
   })();
 }
-function St(e) {
-  const t = G();
+function Ce(t) {
+  const e = I();
   return (() => {
-    var n = yt(), i = n.firstChild, r = i.firstChild, a = i.nextSibling;
-    return h(i, (() => {
-      var o = E(() => !!e.icon);
+    var r = $e(), i = r.firstChild, n = i.firstChild, a = i.nextSibling;
+    return b(i, (() => {
+      var o = _(() => !!t.icon);
       return () => o() && (() => {
-        var s = wt();
-        return h(s, () => e.icon), s;
+        var s = pe();
+        return b(s, () => t.icon), s;
       })();
-    })(), r), h(r, () => e.label), h(a, () => e.value, null), h(a, (() => {
-      var o = E(() => !!e.unit);
+    })(), n), b(n, () => t.label), b(a, () => t.value, null), b(a, (() => {
+      var o = _(() => !!t.unit);
       return () => o() && (() => {
-        var s = $t();
-        return h(s, () => e.unit), s;
+        var s = ke();
+        return b(s, () => t.unit), s;
       })();
     })(), null), z((o) => {
-      var s = S("flex flex-col", e.dimmed && "opacity-50", e.class), l = I.S1(t.size()), d = S("flex items-center gap-1 text-foreground/60", U.metricLabel(t.size())), c = S("font-semibold text-foreground", U.metricValue(t.size()));
-      return s !== o.e && p(n, o.e = s), l !== o.t && M(n, "gap", o.t = l), d !== o.a && p(i, o.a = d), c !== o.o && p(a, o.o = c), o;
+      var s = k("flex flex-col", t.dimmed && "opacity-50", t.class), l = W.S1(e.size()), d = k("flex items-center gap-1 text-foreground/60", F.metricLabel(e.size())), c = k("font-semibold text-foreground", F.metricValue(e.size()));
+      return s !== o.e && S(r, o.e = s), l !== o.t && M(r, "gap", o.t = l), d !== o.a && S(i, o.a = d), c !== o.o && S(a, o.o = c), o;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0
-    }), n;
+    }), r;
   })();
 }
-const ze = kt;
-ze.Item = St;
-var pt = /* @__PURE__ */ w("<p>");
-function Ct(e) {
-  const t = G();
+const _t = Se;
+_t.Item = Ce;
+var Me = /* @__PURE__ */ w("<p>");
+function ze(t) {
+  const e = I();
   return (() => {
-    var n = pt();
-    return h(n, (() => {
-      var i = E(() => !!e.isUnavailable);
-      return () => i() ? "Unavailable" : e.children;
+    var r = Me();
+    return b(r, (() => {
+      var i = _(() => !!t.isUnavailable);
+      return () => i() ? "Unavailable" : t.children;
     })()), z((i) => {
-      var r = S("relative font-bold text-foreground", e.dimmed && "opacity-40", U.status(t.size()), e.class), a = Y.ACTIONS;
-      return r !== i.e && p(n, i.e = r), a !== i.t && M(n, "z-index", i.t = a), i;
+      var n = k("relative font-bold text-foreground", t.dimmed && "opacity-40", F.status(e.size()), t.class), a = U.ACTIONS;
+      return n !== i.e && S(r, i.e = n), a !== i.t && M(r, "z-index", i.t = a), i;
     }, {
       e: void 0,
       t: void 0
-    }), n;
+    }), r;
   })();
 }
-var Mt = /* @__PURE__ */ w("<p>");
-function zt(e) {
-  const t = G();
+var De = /* @__PURE__ */ w("<p>");
+function _e(t) {
+  const e = I();
   return (() => {
-    var n = Mt();
-    return h(n, () => e.children), z(() => p(n, S("truncate font-medium text-foreground/80", e.dimmed && "text-foreground/50", U.subtitle(t.size()), e.class))), n;
+    var r = De();
+    return b(r, () => t.children), z(() => S(r, k("truncate font-medium text-foreground/80", t.dimmed && "text-foreground/50", F.subtitle(e.size()), t.class))), r;
   })();
 }
-var Dt = /* @__PURE__ */ w("<div><h3>"), _t = /* @__PURE__ */ w("<span>");
-function Et(e) {
-  const t = G();
+var Ee = /* @__PURE__ */ w("<div><h3>"), Ne = /* @__PURE__ */ w("<span>");
+function Oe(t) {
+  const e = I();
   return (() => {
-    var n = Dt(), i = n.firstChild;
-    return h(i, () => e.children), h(n, (() => {
-      var r = E(() => e.badge !== void 0 && e.badge > 0);
-      return () => r() && (() => {
-        var a = _t();
-        return h(a, () => e.badge), z(() => p(a, S("shrink-0 rounded-full bg-foreground/20 px-2 py-0.5 font-medium text-foreground", U.badge(t.size())))), a;
+    var r = Ee(), i = r.firstChild;
+    return b(i, () => t.children), b(r, (() => {
+      var n = _(() => t.badge !== void 0 && t.badge > 0);
+      return () => n() && (() => {
+        var a = Ne();
+        return b(a, () => t.badge), z(() => S(a, k("shrink-0 rounded-full bg-foreground/20 px-2 py-0.5 font-medium text-foreground", F.badge(e.size())))), a;
       })();
-    })(), null), z((r) => {
-      var a = S("relative flex items-center", e.class), o = I.S1(t.size()), s = Y.ACTIONS, l = S("truncate text-foreground/60", U.title(t.size()));
-      return a !== r.e && p(n, r.e = a), o !== r.t && M(n, "gap", r.t = o), s !== r.a && M(n, "z-index", r.a = s), l !== r.o && p(i, r.o = l), r;
+    })(), null), z((n) => {
+      var a = k("relative flex items-center", t.class), o = W.S1(e.size()), s = U.ACTIONS, l = k("truncate text-foreground/60", F.title(e.size()));
+      return a !== n.e && S(r, n.e = a), o !== n.t && M(r, "gap", n.t = o), s !== n.a && M(r, "z-index", n.a = s), l !== n.o && S(i, n.o = l), n;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0
-    }), n;
+    }), r;
   })();
 }
-function Pn(e) {
+function Bn(t) {
   return {
-    icon: e.icon,
-    title: e.title,
-    message: e.message || `Configure this widget to add ${e.entityType || "an entity"}`
+    icon: t.icon,
+    title: t.title,
+    message: t.message || `Configure this widget to add ${t.entityType || "an entity"}`
   };
 }
-function At(e, t = !1) {
-  if (e.length === 0)
+function Te(t, e = !1) {
+  if (t.length === 0)
     return {
       isGroup: !1,
       state: "unknown",
@@ -774,31 +774,31 @@ function At(e, t = !1) {
       totalCount: 0,
       description: "No entities"
     };
-  const n = e.length > 1;
-  if (!n) {
-    const O = e[0], P = O.state === "on", H = O.attributes?.brightness || 0, m = Math.round(H / 255 * 100);
+  const r = t.length > 1;
+  if (!r) {
+    const $ = t[0], O = $.state === "on", H = $.attributes?.brightness || 0, f = Math.round(H / 255 * 100);
     return {
       isGroup: !1,
-      state: O.state,
-      isOn: P,
-      isUnavailable: O.state === "unavailable",
+      state: $.state,
+      isOn: O,
+      isUnavailable: $.state === "unavailable",
       brightness: H,
-      brightnessPercent: m,
-      color: $e(O),
-      onCount: P ? 1 : 0,
+      brightnessPercent: f,
+      color: kt($),
+      onCount: O ? 1 : 0,
       totalCount: 1,
-      description: P ? "On" : "Off"
+      description: O ? "On" : "Off"
     };
   }
-  let i = 0, r = 0, a = 0, o = 0, s = 0, l = 0;
+  let i = 0, n = 0, a = 0, o = 0, s = 0, l = 0;
   const d = [];
-  for (const O of e)
-    switch (O.state) {
+  for (const $ of t)
+    switch ($.state) {
       case "on":
-        i++, O.attributes?.brightness !== void 0 && (s += O.attributes.brightness, l++), O.attributes?.rgb_color && d.push(O.attributes.rgb_color);
+        i++, $.attributes?.brightness !== void 0 && (s += $.attributes.brightness, l++), $.attributes?.rgb_color && d.push($.attributes.rgb_color);
         break;
       case "off":
-        r++;
+        n++;
         break;
       case "unknown":
         a++;
@@ -807,32 +807,32 @@ function At(e, t = !1) {
         o++;
         break;
     }
-  const c = e.length, b = o === c, C = a + o === c, f = i > 0, v = i === c, V = r === c;
-  let N, R;
-  t ? b ? (N = "unavailable", R = !1) : a > 0 || o > 0 ? (N = "unknown", R = !1) : r > 0 ? (N = "off", R = !1) : (N = "on", R = !0) : b ? (N = "unavailable", R = !1) : C ? (N = "unknown", R = !1) : f ? (N = "on", R = !0) : (N = "off", R = !1);
-  const x = l > 0 ? Math.round(s / l) : 0, y = Math.round(x / 255 * 100);
-  let $;
+  const c = t.length, v = o === c, C = a + o === c, m = i > 0, x = i === c, V = n === c;
+  let E, R;
+  e ? v ? (E = "unavailable", R = !1) : a > 0 || o > 0 ? (E = "unknown", R = !1) : n > 0 ? (E = "off", R = !1) : (E = "on", R = !0) : v ? (E = "unavailable", R = !1) : C ? (E = "unknown", R = !1) : m ? (E = "on", R = !0) : (E = "off", R = !1);
+  const K = l > 0 ? Math.round(s / l) : 0, B = Math.round(K / 255 * 100);
+  let h;
   if (d.length > 0) {
-    const O = Math.round(d.reduce((u, W) => u + W[0], 0) / d.length), P = Math.round(d.reduce((u, W) => u + W[1], 0) / d.length), H = Math.round(d.reduce((u, W) => u + W[2], 0) / d.length), m = x / 255;
-    $ = `rgb(${Math.round(O * m)}, ${Math.round(P * m)}, ${Math.round(H * m)})`;
+    const $ = Math.round(d.reduce((u, A) => u + A[0], 0) / d.length), O = Math.round(d.reduce((u, A) => u + A[1], 0) / d.length), H = Math.round(d.reduce((u, A) => u + A[2], 0) / d.length), f = K / 255;
+    h = `rgb(${Math.round($ * f)}, ${Math.round(O * f)}, ${Math.round(H * f)})`;
   } else
-    $ = $e(e[0]);
-  let D;
-  return v ? D = "All on" : V ? D = "All off" : i > 0 ? D = `${i} of ${c} on` : D = "Off", {
-    isGroup: n,
-    state: N,
+    h = kt(t[0]);
+  let y;
+  return x ? y = "All on" : V ? y = "All off" : i > 0 ? y = `${i} of ${c} on` : y = "Off", {
+    isGroup: r,
+    state: E,
     isOn: R,
-    isUnavailable: N === "unavailable",
-    brightness: x,
-    brightnessPercent: y,
-    color: $,
+    isUnavailable: E === "unavailable",
+    brightness: K,
+    brightnessPercent: B,
+    color: h,
     onCount: i,
     totalCount: c,
-    description: D
+    description: y
   };
 }
-function Nt(e, t = "mean", n = !0) {
-  if (e.length === 0)
+function Ve(t, e = "mean", r = !0) {
+  if (t.length === 0)
     return {
       isGroup: !1,
       state: "unknown",
@@ -840,42 +840,42 @@ function Nt(e, t = "mean", n = !0) {
       isUnavailable: !0,
       description: "No entities"
     };
-  const i = e.length > 1;
+  const i = t.length > 1;
   if (!i) {
-    const f = e[0], v = Number.parseFloat(f.state);
-    let V = f.state;
-    return Number.isNaN(v) || (V = Number.isInteger(v) ? v.toString() : v.toFixed(1)), {
+    const m = t[0], x = Number.parseFloat(m.state);
+    let V = m.state;
+    return Number.isNaN(x) || (V = Number.isInteger(x) ? x.toString() : x.toFixed(1)), {
       isGroup: !1,
       state: V,
-      numericValue: Number.isNaN(v) ? null : v,
-      isUnavailable: f.state === "unavailable",
-      unit: f.unitOfMeasurement ?? void 0,
+      numericValue: Number.isNaN(x) ? null : x,
+      isUnavailable: m.state === "unavailable",
+      unit: m.unitOfMeasurement ?? void 0,
       description: V
     };
   }
-  const r = [], a = [];
+  const n = [], a = [];
   let o = 0, s;
-  for (const f of e) {
-    if (!s && f.unitOfMeasurement && (s = f.unitOfMeasurement), f.state === "unavailable") {
+  for (const m of t) {
+    if (!s && m.unitOfMeasurement && (s = m.unitOfMeasurement), m.state === "unavailable") {
       o++, a.push({
-        entityId: f.id,
+        entityId: m.id,
         value: "unavailable",
-        friendly_name: f.friendlyName
+        friendly_name: m.friendlyName
       });
       continue;
     }
-    const v = Number.parseFloat(f.state);
-    isNaN(v) ? n || a.push({
-      entityId: f.id,
-      value: f.state,
-      friendly_name: f.friendlyName
-    }) : (r.push(v), a.push({
-      entityId: f.id,
-      value: v,
-      friendly_name: f.friendlyName
+    const x = Number.parseFloat(m.state);
+    isNaN(x) ? r || a.push({
+      entityId: m.id,
+      value: m.state,
+      friendly_name: m.friendlyName
+    }) : (n.push(x), a.push({
+      entityId: m.id,
+      value: x,
+      friendly_name: m.friendlyName
     }));
   }
-  const l = o === e.length, d = r.length === 0;
+  const l = o === t.length, d = n.length === 0;
   if (l || d)
     return {
       isGroup: i,
@@ -886,41 +886,41 @@ function Nt(e, t = "mean", n = !0) {
       description: l ? "Unavailable" : "No numeric values",
       memberValues: a
     };
-  let c, b;
-  switch (t) {
+  let c, v;
+  switch (e) {
     case "min":
-      c = Math.min(...r), b = "Minimum";
+      c = Math.min(...n), v = "Minimum";
       break;
     case "max":
-      c = Math.max(...r), b = "Maximum";
+      c = Math.max(...n), v = "Maximum";
       break;
     case "mean":
-      c = r.reduce((f, v) => f + v, 0) / r.length, b = "Average";
+      c = n.reduce((m, x) => m + x, 0) / n.length, v = "Average";
       break;
     case "median": {
-      const f = [...r].sort((V, N) => V - N), v = Math.floor(f.length / 2);
-      c = f.length % 2 === 0 ? (f[v - 1] + f[v]) / 2 : f[v], b = "Median";
+      const m = [...n].sort((V, E) => V - E), x = Math.floor(m.length / 2);
+      c = m.length % 2 === 0 ? (m[x - 1] + m[x]) / 2 : m[x], v = "Median";
       break;
     }
     case "sum":
-      c = r.reduce((f, v) => f + v, 0), b = "Sum";
+      c = n.reduce((m, x) => m + x, 0), v = "Sum";
       break;
     case "last":
-      c = r[r.length - 1], b = "Latest";
+      c = n[n.length - 1], v = "Latest";
       break;
     case "range":
-      c = Math.max(...r) - Math.min(...r), b = "Range";
+      c = Math.max(...n) - Math.min(...n), v = "Range";
       break;
     case "product":
-      c = r.reduce((f, v) => f * v, 1), b = "Product";
+      c = n.reduce((m, x) => m * x, 1), v = "Product";
       break;
     case "std_dev": {
-      const f = r.reduce((V, N) => V + N, 0) / r.length, v = r.reduce((V, N) => V + (N - f) ** 2, 0) / r.length;
-      c = Math.sqrt(v), b = "Std Dev";
+      const m = n.reduce((V, E) => V + E, 0) / n.length, x = n.reduce((V, E) => V + (E - m) ** 2, 0) / n.length;
+      c = Math.sqrt(x), v = "Std Dev";
       break;
     }
     default:
-      c = r.reduce((f, v) => f + v, 0) / r.length, b = "Average";
+      c = n.reduce((m, x) => m + x, 0) / n.length, v = "Average";
   }
   const C = Number.isInteger(c) ? c.toString() : c.toFixed(1);
   return {
@@ -929,266 +929,267 @@ function Nt(e, t = "mean", n = !0) {
     numericValue: c,
     isUnavailable: !1,
     unit: s,
-    description: `${b} of ${r.length}`,
+    description: `${v} of ${n.length}`,
     memberValues: a
   };
 }
-function $e(e) {
-  if (e.state !== "on") return "rgb(100, 100, 100)";
-  const n = (e.attributes?.brightness ?? 255) / 255;
-  if (e.attributes?.rgb_color) {
-    const [i, r, a] = e.attributes.rgb_color;
-    return `rgb(${Math.round(i * n)}, ${Math.round(r * n)}, ${Math.round(a * n)})`;
+function kt(t) {
+  if (t.state !== "on") return "rgb(100, 100, 100)";
+  const r = (t.attributes?.brightness ?? 255) / 255;
+  if (t.attributes?.rgb_color) {
+    const [i, n, a] = t.attributes.rgb_color;
+    return `rgb(${Math.round(i * r)}, ${Math.round(n * r)}, ${Math.round(a * r)})`;
   }
-  if (e.attributes?.color_temp) {
-    const r = 1e6 / e.attributes.color_temp / 100;
+  if (t.attributes?.color_temp) {
+    const n = 1e6 / t.attributes.color_temp / 100;
     let a, o, s;
-    return r <= 66 ? (a = 255, o = r <= 19 ? 0 : 99.4708025861 * Math.log(r - 10) - 161.1195681661, s = r <= 19 ? 0 : r <= 66 ? 138.5177312231 * Math.log(r - 10) - 305.0447927307 : 255) : (a = 329.698727446 * (r - 60) ** -0.1332047592, o = 288.1221695283 * (r - 60) ** -0.0755148492, s = 255), a = Math.max(0, Math.min(255, a)) * n, o = Math.max(0, Math.min(255, o)) * n, s = Math.max(0, Math.min(255, s)) * n, `rgb(${Math.round(a)}, ${Math.round(o)}, ${Math.round(s)})`;
+    return n <= 66 ? (a = 255, o = n <= 19 ? 0 : 99.4708025861 * Math.log(n - 10) - 161.1195681661, s = n <= 19 ? 0 : n <= 66 ? 138.5177312231 * Math.log(n - 10) - 305.0447927307 : 255) : (a = 329.698727446 * (n - 60) ** -0.1332047592, o = 288.1221695283 * (n - 60) ** -0.0755148492, s = 255), a = Math.max(0, Math.min(255, a)) * r, o = Math.max(0, Math.min(255, o)) * r, s = Math.max(0, Math.min(255, s)) * r, `rgb(${Math.round(a)}, ${Math.round(o)}, ${Math.round(s)})`;
   }
-  return `rgb(${Math.round(255 * n)}, ${Math.round(220 * n)}, ${Math.round(180 * n)})`;
+  return `rgb(${Math.round(255 * r)}, ${Math.round(220 * r)}, ${Math.round(180 * r)})`;
 }
-function Ot(e) {
-  return e ? e.state !== "unavailable" && e.state !== "unknown" : !1;
+function Ae(t) {
+  return t ? t.state !== "unavailable" && t.state !== "unknown" : !1;
 }
-function Tt(e) {
-  if (!e) return !1;
-  if (["on", "open", "locked", "home", "playing", "active"].includes(e.state))
+function We(t) {
+  if (!t) return !1;
+  if (["on", "open", "locked", "home", "playing", "active"].includes(t.state))
     return !0;
-  if (e.domain === "sensor") {
-    const t = Number.parseFloat(e.state);
-    return !isNaN(t) && t > 0;
+  if (t.domain === "sensor") {
+    const e = Number.parseFloat(t.state);
+    return !isNaN(e) && e > 0;
   }
   return !1;
 }
-function Hn(e, t = "unknown") {
-  return e?.state ?? t;
+function jn(t, e = "unknown") {
+  return t?.state ?? e;
 }
-function Bn(e, t, n) {
-  return e?.attributes ? e.attributes[t] ?? n : n;
+function Fn(t, e, r) {
+  return t?.attributes ? t.attributes[e] ?? r : r;
 }
-function Ln(e, t) {
-  return e.filter((n) => n.state === t).length;
+function Un(t, e) {
+  return t.filter((r) => r.state === e).length;
 }
-function jn(e) {
-  return e.filter(Ot).length;
+function Yn(t) {
+  return t.filter(Ae).length;
 }
-function Fn(e) {
-  return e.filter(Tt).length;
+function Kn(t) {
+  return t.filter(We).length;
 }
-function Un(e, t) {
-  return e.length > 0 && e.every((n) => n.state === t);
+function qn(t, e) {
+  return t.length > 0 && t.every((r) => r.state === e);
 }
-function Yn(e, t) {
-  return e.some((n) => n.state === t);
+function Xn(t, e) {
+  return t.some((r) => r.state === e);
 }
-function Vt(e, t, n) {
-  const { decimals: i, scale: r = !0 } = n || {};
-  if (typeof e == "string")
-    return t ? `${e}${t}` : e;
-  if (e == null || Number.isNaN(e))
-    return t ? `--${t}` : "--";
-  let a = e, o = t || "";
-  r && t && (t === "W" || t === "kW" || t === "MW") && (e >= 1e6 ? (a = e / 1e6, o = "MW") : e >= 1e3 ? (a = e / 1e3, o = "kW") : o = "W"), r && t && (t === "B" || t === "KB" || t === "MB" || t === "GB") && (e >= 1073741824 ? (a = e / 1073741824, o = "GB") : e >= 1048576 ? (a = e / 1048576, o = "MB") : e >= 1024 ? (a = e / 1024, o = "KB") : o = "B");
+function Re(t, e, r) {
+  const { decimals: i, scale: n = !0 } = r || {};
+  if (typeof t == "string")
+    return e ? `${t}${e}` : t;
+  if (t == null || Number.isNaN(t))
+    return e ? `--${e}` : "--";
+  let a = t, o = e || "";
+  n && e && (e === "W" || e === "kW" || e === "MW") && (t >= 1e6 ? (a = t / 1e6, o = "MW") : t >= 1e3 ? (a = t / 1e3, o = "kW") : o = "W"), n && e && (e === "B" || e === "KB" || e === "MB" || e === "GB") && (t >= 1073741824 ? (a = t / 1073741824, o = "GB") : t >= 1048576 ? (a = t / 1048576, o = "MB") : t >= 1024 ? (a = t / 1024, o = "KB") : o = "B");
   let s;
-  return i !== void 0 ? s = a.toFixed(i) : a !== e ? s = a.toFixed(1) : Number.isInteger(e) ? s = e.toString() : s = Number.parseFloat(e.toFixed(2)).toString(), o ? `${s}${o}` : s;
+  return i !== void 0 ? s = a.toFixed(i) : a !== t ? s = a.toFixed(1) : Number.isInteger(t) ? s = t.toString() : s = Number.parseFloat(t.toFixed(2)).toString(), o ? `${s}${o}` : s;
 }
-function Wt(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;
+function Ie(t, e) {
+  return t == null || isNaN(t) ? null : e === "°C" ? t < 10 ? "Cold" : t < 18 ? "Cool" : t < 24 ? "Comfortable" : t < 28 ? "Warm" : "Hot" : e === "°F" ? t < 50 ? "Cold" : t < 64 ? "Cool" : t < 75 ? "Comfortable" : t < 82 ? "Warm" : "Hot" : e === "%" ? t < 20 ? "Very Low" : t < 40 ? "Low" : t < 60 ? "Medium" : t < 80 ? "High" : "Very High" : e === "ppm" ? t < 400 ? "Excellent" : t < 600 ? "Good" : t < 1e3 ? "Acceptable" : t < 1500 ? "Mediocre" : "Poor" : e === "lx" ? t < 50 ? "Dark" : t < 200 ? "Dim" : t < 500 ? "Moderate" : t < 1e3 ? "Bright" : "Very Bright" : e === "AQI" ? t <= 50 ? "Good" : t <= 100 ? "Moderate" : t <= 150 ? "Unhealthy for Sensitive" : t <= 200 ? "Unhealthy" : t <= 300 ? "Very Unhealthy" : "Hazardous" : e === "dB" ? t < 30 ? "Very Quiet" : t < 50 ? "Quiet" : t < 70 ? "Moderate" : t < 85 ? "Loud" : "Very Loud" : null;
 }
-var It = /* @__PURE__ */ w("<div><div>"), Rt = /* @__PURE__ */ w("<div>");
-function Gt(e) {
-  const t = G();
+var He = /* @__PURE__ */ w("<div><div>"), Ge = /* @__PURE__ */ w("<div>");
+function Pe(t) {
+  const e = I();
   return (() => {
-    var n = It(), i = n.firstChild;
-    return h(i, () => Vt(e.value, e.unit)), h(n, (() => {
-      var r = E(() => !!(e.interpret && typeof e.value == "number"));
-      return () => r() && (() => {
-        var a = Rt();
-        return h(a, () => Wt(e.value, e.unit)), z((o) => {
-          var s = S("text-foreground/60", U.subtitle(t.size())), l = I.S1(t.size());
-          return s !== o.e && p(a, o.e = s), l !== o.t && M(a, "margin-top", o.t = l), o;
+    var r = He(), i = r.firstChild;
+    return b(i, () => Re(t.value, t.unit)), b(r, (() => {
+      var n = _(() => !!(t.interpret && typeof t.value == "number"));
+      return () => n() && (() => {
+        var a = Ge();
+        return b(a, () => Ie(t.value, t.unit)), z((o) => {
+          var s = k("text-foreground/60", F.subtitle(e.size())), l = W.S1(e.size());
+          return s !== o.e && S(a, o.e = s), l !== o.t && M(a, "margin-top", o.t = l), o;
         }, {
           e: void 0,
           t: void 0
         }), a;
       })();
-    })(), null), z((r) => {
-      var a = S("flex flex-col", e.class), o = S("font-bold text-foreground", U.value(t.size()));
-      return a !== r.e && p(n, r.e = a), o !== r.t && p(i, r.t = o), r;
+    })(), null), z((n) => {
+      var a = k("flex flex-col", t.class), o = k("font-bold text-foreground", F.value(e.size()));
+      return a !== n.e && S(r, n.e = a), o !== n.t && S(i, n.t = o), n;
     }, {
       e: void 0,
       t: void 0
-    }), n;
+    }), r;
   })();
 }
-var Pt = /* @__PURE__ */ w('<div><div><div class="relative h-full w-full">'), Ht = /* @__PURE__ */ w('<div class="pointer-events-none absolute inset-0"><div>'), Bt = /* @__PURE__ */ w('<div class="pointer-events-none absolute inset-0 animate-pulse bg-blue-500/20">'), Lt = /* @__PURE__ */ w('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), jt = /* @__PURE__ */ w('<div class="flex items-center justify-center text-white/30">'), Ft = /* @__PURE__ */ w('<h3 class="font-semibold text-sm text-white/60">'), Ut = /* @__PURE__ */ w('<p class="text-white/50 text-xs">');
-function Yt(e, t) {
-  const n = e * t;
-  return n <= 2 ? "xs" : n <= 4 ? "sm" : n <= 8 ? "md" : n <= 18 ? "lg" : "xl";
+var Le = /* @__PURE__ */ w('<div><div><div class="relative h-full w-full">'), Be = /* @__PURE__ */ w('<div class="pointer-events-none absolute inset-0"><div>'), je = /* @__PURE__ */ w('<div class="pointer-events-none absolute inset-0 animate-pulse bg-blue-500/20">'), Fe = /* @__PURE__ */ w('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), Ue = /* @__PURE__ */ w('<div class="flex items-center justify-center text-white/30">'), Ye = /* @__PURE__ */ w('<h3 class="font-semibold text-sm text-white/60">'), Ke = /* @__PURE__ */ w('<p class="text-white/50 text-xs">');
+function qe(t, e) {
+  const r = t * e;
+  return r <= 2 ? "xs" : r <= 4 ? "sm" : r <= 8 ? "md" : r <= 18 ? "lg" : "xl";
 }
-function Xt(e, t) {
-  return e > t ? "horizontal" : t > e ? "vertical" : "square";
+function Xe(t, e) {
+  return t > e ? "horizontal" : e > t ? "vertical" : "square";
 }
-function Kt(e, t) {
-  return t >= 150 ? "vertical" : e > t ? "horizontal" : t > e ? "vertical" : "square";
+function Je(t, e) {
+  return e >= 150 ? "vertical" : t > e ? "horizontal" : e > t ? "vertical" : "square";
 }
-function qt(e) {
-  let t;
-  const n = We(() => t), i = 2, [r, a] = F(0), [o, s] = F(0);
-  K(() => {
-    const m = Math.round(n.width ?? 0), u = Math.round(n.height ?? 0), W = ve(r), k = ve(o);
-    (Math.abs(m - W) > i || Math.abs(u - k) > i) && (a(m), s(u));
+function Ze(t) {
+  let e;
+  const r = It(() => e), i = 2, [n, a] = j(0), [o, s] = j(0);
+  q(() => {
+    const f = Math.round(r.width ?? 0), u = Math.round(r.height ?? 0), A = yt(n), p = yt(o);
+    (Math.abs(f - A) > i || Math.abs(u - p) > i) && (a(f), s(u));
   });
-  const l = A(() => {
-    if (e.variant)
-      return typeof e.variant == "string" ? Ue(e.variant) : e.variant;
-  }), d = A(() => ({
-    width: r(),
+  const l = N(() => {
+    if (t.variant)
+      return typeof t.variant == "string" ? Kt(t.variant) : t.variant;
+  }), d = N(() => ({
+    width: n(),
     height: o(),
-    gridWidth: Math.max(1, Math.round(r() / 150)),
+    gridWidth: Math.max(1, Math.round(n() / 150)),
     gridHeight: Math.max(1, Math.round(o() / 75))
   }), void 0, {
-    equals: (m, u) => m.width === u.width && m.height === u.height && m.gridWidth === u.gridWidth && m.gridHeight === u.gridHeight
-  }), c = A(() => {
-    const m = d();
-    return Yt(m.gridWidth, m.gridHeight);
-  }), b = A(() => {
-    const m = d();
-    return Xt(m.width, m.height);
-  }), C = A(() => {
-    const m = d();
-    return Kt(m.width, m.height);
-  }), f = Se(me), v = f;
-  v?._isStub?.() && v._bridge && (K(() => {
-    v._bridge.setSize(c());
-  }), K(() => {
-    v._bridge.setOrientation(b());
-  }), K(() => {
-    v._bridge.setContentLayout(C());
-  }), K(() => {
-    v._bridge.setDimensions(d());
-  }), K(() => {
-    v._bridge.setIsStub(!1);
+    equals: (f, u) => f.width === u.width && f.height === u.height && f.gridWidth === u.gridWidth && f.gridHeight === u.gridHeight
+  }), c = N(() => {
+    const f = d();
+    return qe(f.gridWidth, f.gridHeight);
+  }), v = N(() => {
+    const f = d();
+    return Xe(f.width, f.height);
+  }), C = N(() => {
+    const f = d();
+    return Je(f.width, f.height);
+  }), m = Ct(ht), x = m;
+  x?._isStub?.() && x._bridge && (q(() => {
+    x._bridge.setSize(c());
+  }), q(() => {
+    x._bridge.setOrientation(v());
+  }), q(() => {
+    x._bridge.setContentLayout(C());
+  }), q(() => {
+    x._bridge.setDimensions(d());
+  }), q(() => {
+    x._bridge.setIsStub(!1);
   }));
   const V = {
     size: c,
-    orientation: b,
+    orientation: v,
     contentLayout: C,
     dimensions: d,
-    isEditMode: () => e.isEditMode ?? !1,
-    updateConfig: f?.updateConfig ?? (() => {
+    isEditMode: () => t.isEditMode ?? !1,
+    updateConfig: m?.updateConfig ?? (() => {
     })
-  }, N = "bg-gradient-to-br from-gray-500/20 to-gray-600/20", R = A(() => e.emptyState && !e.gradient ? N : e.gradient), x = A(() => ({
+  }, E = "bg-gradient-to-br from-gray-500/20 to-gray-600/20", R = N(() => t.emptyState && !t.gradient ? E : t.gradient), K = N(() => ({
     "container-type": "size",
     "container-name": "widget",
+    "touch-action": t.gestures && !t.isEditMode ? t.gestures.touchAction() : void 0,
     ...l()?.styles?.container,
     ...l()?.styles?.cssVars || {}
-  })), y = () => !!e.gestures && !e.isEditMode, $ = (m) => {
-    y() && e.gestures?.onPointerEnter(m);
-  }, D = (m) => {
-    y() && e.gestures?.onPointerDown(m);
-  }, O = (m) => {
-    y() && e.gestures?.onPointerMove(m);
-  }, P = (m) => {
-    y() && e.gestures?.onPointerUp(m);
-  }, H = (m) => {
-    y() && e.gestures?.onPointerCancel(m);
+  })), B = () => !!t.gestures && !t.isEditMode, h = (f) => {
+    B() && t.gestures?.onPointerEnter(f);
+  }, y = (f) => {
+    B() && t.gestures?.onPointerDown(f);
+  }, $ = (f) => {
+    B() && t.gestures?.onPointerMove(f);
+  }, O = (f) => {
+    B() && t.gestures?.onPointerUp(f);
+  }, H = (f) => {
+    B() && t.gestures?.onPointerCancel(f);
   };
-  return T(me.Provider, {
+  return T(ht.Provider, {
     value: V,
     get children() {
-      var m = Pt(), u = m.firstChild, W = u.firstChild;
-      return ne(m, "pointercancel", H), ne(m, "pointerup", P), ne(m, "pointermove", O), ne(m, "pointerdown", D), ne(m, "pointerenter", $), Ne((k) => {
-        t = k, e.gestures?.bindElement(k);
-      }, m), h(u, (() => {
-        var k = E(() => !!e.backgroundGlow);
-        return () => k() && (() => {
-          var B = Ht(), Q = B.firstChild;
-          return z((L) => {
-            var J = Y.BACKGROUND, ue = S("absolute inset-0 opacity-20 blur-2xl", e.backgroundGlow);
-            return J !== L.e && M(B, "z-index", L.e = J), ue !== L.t && p(Q, L.t = ue), L;
+      var f = Le(), u = f.firstChild, A = u.firstChild;
+      return nt(f, "pointercancel", H), nt(f, "pointerup", O), nt(f, "pointermove", $), nt(f, "pointerdown", y), nt(f, "pointerenter", h), Vt((p) => {
+        e = p, t.gestures?.bindElement(p);
+      }, f), b(u, (() => {
+        var p = _(() => !!t.backgroundGlow);
+        return () => p() && (() => {
+          var G = Be(), Q = G.firstChild;
+          return z((P) => {
+            var J = U.BACKGROUND, ut = k("absolute inset-0 opacity-20 blur-2xl", t.backgroundGlow);
+            return J !== P.e && M(G, "z-index", P.e = J), ut !== P.t && S(Q, P.t = ut), P;
           }, {
             e: void 0,
             t: void 0
-          }), B;
+          }), G;
         })();
-      })(), W), h(W, (() => {
-        var k = E(() => !!e.emptyState);
-        return () => k() ? T(Jt, {
+      })(), A), b(A, (() => {
+        var p = _(() => !!t.emptyState);
+        return () => p() ? T(Qe, {
           get icon() {
-            return e.emptyState.icon;
+            return t.emptyState.icon;
           },
           get title() {
-            return e.emptyState.title;
+            return t.emptyState.title;
           },
           get message() {
-            return e.emptyState.message;
+            return t.emptyState.message;
           }
-        }) : e.children;
-      })()), h(u, (() => {
-        var k = E(() => !!e.loading);
-        return () => k() && (() => {
-          var B = Bt();
-          return z((Q) => M(B, "z-index", Y.OVERLAY)), B;
+        }) : t.children;
+      })()), b(u, (() => {
+        var p = _(() => !!t.loading);
+        return () => p() && (() => {
+          var G = je();
+          return z((Q) => M(G, "z-index", U.OVERLAY)), G;
         })();
-      })(), null), z((k) => {
-        var B = S(
+      })(), null), z((p) => {
+        var G = k(
           "relative h-full w-full select-none rounded-xl border border-border/50",
           // Variant styles (lowest priority)
           l()?.styles?.class,
           // Custom class (highest priority)
-          e.class
-        ), Q = x(), L = S(
+          t.class
+        ), Q = K(), P = k(
           "relative h-full w-full overflow-hidden rounded-xl",
           // Gradient prop (overrides variant, auto-applied for empty state)
           R()
-        ), J = Y.CONTENT;
-        return B !== k.e && p(m, k.e = B), k.t = oe(m, Q, k.t), L !== k.a && p(u, k.a = L), J !== k.o && M(W, "z-index", k.o = J), k;
+        ), J = U.CONTENT;
+        return G !== p.e && S(f, p.e = G), p.t = ot(f, Q, p.t), P !== p.a && S(u, p.a = P), J !== p.o && M(A, "z-index", p.o = J), p;
       }, {
         e: void 0,
         t: void 0,
         a: void 0,
         o: void 0
-      }), m;
+      }), f;
     }
   });
 }
-function Jt(e) {
+function Qe(t) {
   return (() => {
-    var t = Lt();
-    return h(t, (() => {
-      var n = E(() => !!e.icon);
-      return () => n() && (() => {
-        var i = jt();
-        return h(i, () => e.icon), i;
+    var e = Fe();
+    return b(e, (() => {
+      var r = _(() => !!t.icon);
+      return () => r() && (() => {
+        var i = Ue();
+        return b(i, () => t.icon), i;
       })();
-    })(), null), h(t, (() => {
-      var n = E(() => !!e.title);
-      return () => n() && (() => {
-        var i = Ft();
-        return h(i, () => e.title), i;
+    })(), null), b(e, (() => {
+      var r = _(() => !!t.title);
+      return () => r() && (() => {
+        var i = Ye();
+        return b(i, () => t.title), i;
       })();
-    })(), null), h(t, (() => {
-      var n = E(() => !!e.message);
-      return () => n() && (() => {
-        var i = Ut();
-        return h(i, () => e.message), i;
+    })(), null), b(e, (() => {
+      var r = _(() => !!t.message);
+      return () => r() && (() => {
+        var i = Ke();
+        return b(i, () => t.message), i;
       })();
-    })(), null), t;
+    })(), null), e;
   })();
 }
-const X = qt;
-X.Content = it;
-X.Icon = vt;
-X.Title = Et;
-X.Subtitle = zt;
-X.Status = Ct;
-X.Value = Gt;
-X.Metrics = ze;
-X.EmptyState = ut;
-X.SliderFill = et;
-var Zt = /* @__PURE__ */ w("<div><div>");
-const Qt = {
+const Y = Ze;
+Y.Content = oe;
+Y.Icon = ye;
+Y.Title = Oe;
+Y.Subtitle = _e;
+Y.Status = ze;
+Y.Value = Pe;
+Y.Metrics = _t;
+Y.EmptyState = ge;
+Y.SliderFill = ne;
+var tn = /* @__PURE__ */ w("<div><div>");
+const en = {
   blue: "bg-blue-500/30",
   green: "bg-green-500/30",
   red: "bg-red-500/30",
@@ -1196,69 +1197,69 @@ const Qt = {
   purple: "bg-purple-500/30",
   gray: "bg-gray-500/30"
 };
-function Xn(e) {
-  const t = () => Qt[e.color] ?? e.color;
+function Jn(t) {
+  const e = () => en[t.color] ?? t.color;
   return (() => {
-    var n = Zt(), i = n.firstChild;
-    return z((r) => {
-      var a = S("pointer-events-none absolute inset-0", e.class), o = Y.BACKGROUND, s = S("absolute inset-0 opacity-40 blur-3xl", t());
-      return a !== r.e && p(n, r.e = a), o !== r.t && M(n, "z-index", r.t = o), s !== r.a && p(i, r.a = s), r;
+    var r = tn(), i = r.firstChild;
+    return z((n) => {
+      var a = k("pointer-events-none absolute inset-0", t.class), o = U.BACKGROUND, s = k("absolute inset-0 opacity-40 blur-3xl", e());
+      return a !== n.e && S(r, n.e = a), o !== n.t && M(r, "z-index", n.t = o), s !== n.a && S(i, n.a = s), n;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), n;
+    }), r;
   })();
 }
-var en = /* @__PURE__ */ w("<div>");
-function Kn(e) {
-  const t = G(), n = () => {
-    const i = e.spacing ?? "S2";
-    return I[i](t.size());
+var nn = /* @__PURE__ */ w("<div>");
+function Zn(t) {
+  const e = I(), r = () => {
+    const i = t.spacing ?? "S2";
+    return W[i](e.size());
   };
   return (() => {
-    var i = en();
-    return h(i, () => e.children), z((r) => {
-      var a = S("flex flex-col", e.class), o = n();
-      return a !== r.e && p(i, r.e = a), o !== r.t && M(i, "gap", r.t = o), r;
+    var i = nn();
+    return b(i, () => t.children), z((n) => {
+      var a = k("flex flex-col", t.class), o = r();
+      return a !== n.e && S(i, n.e = a), o !== n.t && M(i, "gap", n.t = o), n;
     }, {
       e: void 0,
       t: void 0
     }), i;
   })();
 }
-var tn = /* @__PURE__ */ w('<span class="inline-flex size-3.5 shrink-0 items-center">'), nn = /* @__PURE__ */ w("<button type=button>"), rn = /* @__PURE__ */ w('<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">'), an = /* @__PURE__ */ w('<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'), on = /* @__PURE__ */ w('<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>'), sn = /* @__PURE__ */ w('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), ln = /* @__PURE__ */ w('<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">'), cn = /* @__PURE__ */ w('<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'), un = /* @__PURE__ */ w('<div class="min-w-0 shrink-0">'), dn = /* @__PURE__ */ w('<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">'), gn = /* @__PURE__ */ w('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), mn = /* @__PURE__ */ w('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
-function fn(e) {
+var rn = /* @__PURE__ */ w('<span class="inline-flex size-3.5 shrink-0 items-center">'), an = /* @__PURE__ */ w("<button type=button>"), on = /* @__PURE__ */ w('<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">'), sn = /* @__PURE__ */ w('<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'), ln = /* @__PURE__ */ w('<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>'), cn = /* @__PURE__ */ w('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), un = /* @__PURE__ */ w('<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">'), dn = /* @__PURE__ */ w('<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'), gn = /* @__PURE__ */ w('<div class="min-w-0 shrink-0">'), mn = /* @__PURE__ */ w('<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">'), fn = /* @__PURE__ */ w('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), hn = /* @__PURE__ */ w('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
+function bn(t) {
   return (() => {
-    var t = nn();
-    return t.$$click = () => e.onClick(), h(t, T(te, {
+    var e = an();
+    return e.$$click = () => t.onClick(), b(e, T(et, {
       get when() {
-        return e.isActive;
+        return t.isActive;
       },
       get children() {
-        var n = tn();
-        return h(n, () => e.icon), n;
+        var r = rn();
+        return b(r, () => t.icon), r;
       }
-    }), null), h(t, () => e.label, null), z(() => p(t, S("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(e, () => t.label, null), z(() => S(e, k("flex cursor-pointer items-center justify-center rounded-md px-3 py-1.5 text-xs transition-all duration-300 ease-in-out", t.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"))), e;
   })();
 }
-function qn(e) {
-  const [t] = Ae(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"]), n = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [i, r] = F({}), [a, o] = F(null);
-  K(be(() => t.config, (u) => {
-    u && r({
+function Qn(t) {
+  const [e] = Tt(t, ["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"]), r = () => !!e.configSchema && !!e.config && !!e.onConfigSave && !!e.SchemaForm, [i, n] = j({}), [a, o] = j(null);
+  q(wt(() => e.config, (u) => {
+    u && n({
       ...u
     });
-  })), K(be(() => t.configSchema, (u) => {
-    u && o(pe(u));
+  })), q(wt(() => e.configSchema, (u) => {
+    u && o(Mt(u));
   }));
-  const s = () => n() && JSON.stringify(i()) !== JSON.stringify(t.config), l = (u) => {
-    !u && t.config && r({
-      ...t.config
-    }), t.onOpenChange(u);
+  const s = () => r() && JSON.stringify(i()) !== JSON.stringify(e.config), l = (u) => {
+    !u && e.config && n({
+      ...e.config
+    }), e.onOpenChange(u);
   }, d = () => {
-    t.onConfigSave?.(i());
-  }, [c, b] = F(t.defaultTab ?? "controls"), C = () => {
-    const u = t.maxWidth ?? "3xl";
+    e.onConfigSave?.(i());
+  }, [c, v] = j(e.defaultTab ?? "controls"), C = () => {
+    const u = e.maxWidth ?? "3xl";
     return {
       sm: "max-w-sm",
       md: "max-w-md",
@@ -1268,136 +1269,136 @@ function qn(e) {
       "3xl": "max-w-3xl",
       "4xl": "max-w-4xl"
     }[u];
-  }, f = () => {
-    if (t.tabs) return t.tabs;
+  }, m = () => {
+    if (e.tabs) return e.tabs;
     const u = [];
     return u.push({
       id: "edit",
       label: "Edit",
-      icon: rn(),
-      content: t.editContent ?? (n() && a() ? T(O, {
+      icon: on(),
+      content: e.editContent ?? (r() && a() ? T($, {
         get schema() {
           return a();
         },
         get data() {
           return i();
         },
-        onChange: r
-      }) : an())
+        onChange: n
+      }) : sn())
     }), u.push({
       id: "controls",
       label: "Controls",
-      icon: on(),
-      content: t.controlsContent ?? sn()
+      icon: ln(),
+      content: e.controlsContent ?? cn()
     }), u.push({
       id: "debug",
       label: "Debug",
-      icon: ln(),
-      content: t.debugContent ?? cn()
+      icon: un(),
+      content: e.debugContent ?? dn()
     }), u;
-  }, v = async () => {
-    if (t.debugData !== void 0)
+  }, x = async () => {
+    if (e.debugData !== void 0)
       try {
-        const u = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
+        const u = typeof e.debugData == "string" ? e.debugData : JSON.stringify(e.debugData, null, 2);
         await navigator.clipboard.writeText(u);
       } catch {
       }
   }, V = () => {
-    const u = f();
-    return u.find((k) => k.id === c())?.content ?? u[0]?.content;
-  }, N = t.ResponsiveDialog, R = t.ResponsiveDialogContent, x = t.ResponsiveDialogHeader, y = t.ResponsiveDialogTitle, $ = t.ResponsiveDialogDescription, D = t.Button, O = t.SchemaForm, P = (u) => n() ? l(u) : t.onOpenChange(u), H = () => n() ? s() : t.hasUnsavedChanges, m = () => n() ? d : t.onSave;
-  return T(N, {
+    const u = m();
+    return u.find((p) => p.id === c())?.content ?? u[0]?.content;
+  }, E = e.ResponsiveDialog, R = e.ResponsiveDialogContent, K = e.ResponsiveDialogHeader, B = e.ResponsiveDialogTitle, h = e.ResponsiveDialogDescription, y = e.Button, $ = e.SchemaForm, O = (u) => r() ? l(u) : e.onOpenChange(u), H = () => r() ? s() : e.hasUnsavedChanges, f = () => r() ? d : e.onSave;
+  return T(E, {
     get open() {
-      return t.open;
+      return e.open;
     },
-    onOpenChange: (u) => P(u),
+    onOpenChange: (u) => O(u),
     get children() {
       return T(R, {
         get class() {
-          return S(C(), t.class);
+          return k(C(), e.class);
         },
         get children() {
-          return [T(x, {
+          return [T(K, {
             class: "flex flex-row items-center justify-between gap-3",
             get children() {
               return [(() => {
-                var u = un();
-                return h(u, T(y, {
+                var u = gn();
+                return b(u, T(B, {
                   class: "truncate leading-tight",
                   get children() {
-                    return t.title;
+                    return e.title;
                   }
-                }), null), h(u, T($, {
+                }), null), b(u, T(h, {
                   class: "sr-only",
                   children: "Widget configuration dialog"
                 }), null), u;
               })(), (() => {
-                var u = dn(), W = u.firstChild;
-                return h(W, () => f().map((k) => T(fn, {
+                var u = mn(), A = u.firstChild;
+                return b(A, () => m().map((p) => T(bn, {
                   get icon() {
-                    return k.icon;
+                    return p.icon;
                   },
                   get label() {
-                    return k.label;
+                    return p.label;
                   },
                   get isActive() {
-                    return c() === k.id;
+                    return c() === p.id;
                   },
-                  onClick: () => b(k.id)
-                }))), h(u, T(te, {
+                  onClick: () => v(p.id)
+                }))), b(u, T(et, {
                   get when() {
-                    return t.headerActions;
+                    return e.headerActions;
                   },
                   get children() {
-                    return t.headerActions;
+                    return e.headerActions;
                   }
                 }), null), u;
               })()];
             }
           }), (() => {
-            var u = gn();
-            return h(u, V), u;
-          })(), T(te, {
+            var u = fn();
+            return b(u, V), u;
+          })(), T(et, {
             get when() {
-              return E(() => c() === "edit")() && (m() || t.onDelete) || c() === "debug" && t.debugData !== void 0;
+              return _(() => c() === "edit")() && (f() || e.onDelete) || c() === "debug" && e.debugData !== void 0;
             },
             get children() {
-              var u = mn();
-              return h(u, T(te, {
+              var u = hn();
+              return b(u, T(et, {
                 get when() {
-                  return E(() => c() === "edit")() && t.onDelete;
+                  return _(() => c() === "edit")() && e.onDelete;
                 },
                 get children() {
-                  return T(D, {
+                  return T(y, {
                     size: "sm",
                     variant: "destructive",
-                    onClick: () => t.onDelete?.(),
+                    onClick: () => e.onDelete?.(),
                     children: "Delete"
                   });
                 }
-              }), null), h(u, T(te, {
+              }), null), b(u, T(et, {
                 get when() {
-                  return E(() => c() === "edit")() && m();
+                  return _(() => c() === "edit")() && f();
                 },
                 get children() {
-                  return T(D, {
+                  return T(y, {
                     size: "sm",
                     get disabled() {
                       return !H();
                     },
-                    onClick: () => m()?.(),
+                    onClick: () => f()?.(),
                     children: "Save"
                   });
                 }
-              }), null), h(u, T(te, {
+              }), null), b(u, T(et, {
                 get when() {
-                  return E(() => c() === "debug")() && t.debugData !== void 0;
+                  return _(() => c() === "debug")() && e.debugData !== void 0;
                 },
                 get children() {
-                  return T(D, {
+                  return T(y, {
                     size: "sm",
                     variant: "outline",
-                    onClick: v,
+                    onClick: x,
                     children: "Copy"
                   });
                 }
@@ -1409,314 +1410,361 @@ function qn(e) {
     }
   });
 }
-Oe(["click"]);
-const ie = 32, g = ie / 2, j = "white", se = "rgba(0,0,0,0.4)", xe = 2, le = 3;
-function hn(e) {
-  return `url("data:image/svg+xml,${encodeURIComponent(e)}")`;
+At(["click"]);
+const it = 32, g = it / 2, L = "white", st = "rgba(0,0,0,0.4)", vt = 2, lt = 3;
+function xn(t) {
+  return `url("data:image/svg+xml,${encodeURIComponent(t)}")`;
 }
-function ce(e) {
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${ie}" height="${ie}" viewBox="0 0 ${ie} ${ie}">${e}</svg>`;
+function ct(t) {
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${it}" height="${it}" viewBox="0 0 ${it} ${it}">${t}</svg>`;
 }
-const xn = ce(`
+const vn = ct(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
-    <g stroke="${se}" stroke-width="${le}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${st}" stroke-width="${lt}" 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="${j}" stroke-width="${xe}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${L}" stroke-width="${vt}" 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>
-`), vn = ce(`
+`), yn = ct(`
   <g>
-    <circle cx="${g}" cy="${g}" r="8" stroke="${se}" stroke-width="${le}" fill="none"/>
-    <circle cx="${g}" cy="${g}" r="8" stroke="${j}" stroke-width="1.5" fill="none"/>
-    <circle cx="${g}" cy="${g}" r="1.5" fill="${j}"/>
+    <circle cx="${g}" cy="${g}" r="8" stroke="${st}" stroke-width="${lt}" fill="none"/>
+    <circle cx="${g}" cy="${g}" r="8" stroke="${L}" stroke-width="1.5" fill="none"/>
+    <circle cx="${g}" cy="${g}" r="1.5" fill="${L}"/>
   </g>
-`), bn = ce(`
+`), wn = ct(`
   <g>
     <!-- shadow -->
-    <g stroke="${se}" stroke-width="${le}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${st}" stroke-width="${lt}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="6" y1="${g}" x2="26" y2="${g}"/>
       <polyline points="10,${g - 4} 6,${g} 10,${g + 4}"/>
       <polyline points="22,${g - 4} 26,${g} 22,${g + 4}"/>
     </g>
     <!-- main -->
-    <g stroke="${j}" stroke-width="${xe}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${L}" stroke-width="${vt}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="6" y1="${g}" x2="26" y2="${g}"/>
       <polyline points="10,${g - 4} 6,${g} 10,${g + 4}"/>
       <polyline points="22,${g - 4} 26,${g} 22,${g + 4}"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${g}" cy="${g}" r="1.5" fill="${j}"/>
-    <circle cx="${g - 5}" cy="${g}" r="1" fill="${j}" opacity="0.6"/>
-    <circle cx="${g + 5}" cy="${g}" r="1" fill="${j}" opacity="0.6"/>
+    <circle cx="${g}" cy="${g}" r="1.5" fill="${L}"/>
+    <circle cx="${g - 5}" cy="${g}" r="1" fill="${L}" opacity="0.6"/>
+    <circle cx="${g + 5}" cy="${g}" r="1" fill="${L}" opacity="0.6"/>
   </g>
-`), yn = ce(`
+`), $n = ct(`
   <g>
     <!-- shadow -->
-    <g stroke="${se}" stroke-width="${le}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${st}" stroke-width="${lt}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="${g}" y1="6" x2="${g}" y2="26"/>
       <polyline points="${g - 4},10 ${g},6 ${g + 4},10"/>
       <polyline points="${g - 4},22 ${g},26 ${g + 4},22"/>
     </g>
     <!-- main -->
-    <g stroke="${j}" stroke-width="${xe}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${L}" stroke-width="${vt}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="${g}" y1="6" x2="${g}" y2="26"/>
       <polyline points="${g - 4},10 ${g},6 ${g + 4},10"/>
       <polyline points="${g - 4},22 ${g},26 ${g + 4},22"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${g}" cy="${g}" r="1.5" fill="${j}"/>
-    <circle cx="${g}" cy="${g - 5}" r="1" fill="${j}" opacity="0.6"/>
-    <circle cx="${g}" cy="${g + 5}" r="1" fill="${j}" opacity="0.6"/>
+    <circle cx="${g}" cy="${g}" r="1.5" fill="${L}"/>
+    <circle cx="${g}" cy="${g - 5}" r="1" fill="${L}" opacity="0.6"/>
+    <circle cx="${g}" cy="${g + 5}" r="1" fill="${L}" opacity="0.6"/>
   </g>
 `);
-function ae(e, t, n) {
-  return { css: `${hn(e)} ${t} ${n}, auto`, hotspotX: t, hotspotY: n };
+function at(t, e, r) {
+  return { css: `${xn(t)} ${e} ${r}, auto`, hotspotX: e, hotspotY: r };
 }
 const Z = {
-  tap: ae(xn, 12, 4),
-  hold: ae(vn, 16, 16),
-  slideHorizontal: ae(bn, g, g),
-  slideVertical: ae(yn, g, g)
+  tap: at(vn, 12, 4),
+  hold: at(yn, 16, 16),
+  slideHorizontal: at(wn, g, g),
+  slideVertical: at($n, g, g)
+};
+function dt() {
+  if (typeof window > "u") return null;
+  const t = window;
+  return t.Capacitor?.isNativePlatform?.() ? t.Capacitor.Plugins?.Haptics ?? null : null;
+}
+function gt(t) {
+  if (!(typeof navigator > "u" || typeof navigator.vibrate != "function"))
+    try {
+      navigator.vibrate(t);
+    } catch {
+    }
+}
+const pn = {
+  /** Light confirmation — fires when slide gesture arms after user holds still. */
+  tick() {
+    const t = dt();
+    if (t) {
+      t.impact({ style: "Light" }).catch(() => {
+      });
+      return;
+    }
+    gt(8);
+  },
+  /** Medium bump — fires when hold gesture commits (detail opening). */
+  bump() {
+    const t = dt();
+    if (t) {
+      t.impact({ style: "Medium" }).catch(() => {
+      });
+      return;
+    }
+    gt(20);
+  },
+  /** Stronger pulse — reserved for edit-mode pickup (future use). */
+  pulse() {
+    const t = dt();
+    if (t) {
+      t.impact({ style: "Heavy" }).catch(() => {
+      });
+      return;
+    }
+    gt([0, 15, 40, 15]);
+  }
 };
-function Jn(e, t) {
+function tr(t, e) {
   const n = {
     isDown: !1,
+    isTouch: !1,
     startX: 0,
     startY: 0,
-    currentX: 0,
-    currentY: 0,
     startTime: 0,
     hasMoved: !1,
+    sliding: !1,
     holdTimer: null,
-    slideActive: !1,
-    slideActivationTimer: null,
-    lockedAxis: null,
     element: null
   };
-  let i = null, r = null, a = null;
-  function o(x) {
-    x !== r && (a && a.disconnect(), a = new ResizeObserver((y) => {
+  let a = null, o = null, s = null;
+  function l(h) {
+    h !== o && (s && s.disconnect(), s = new ResizeObserver((y) => {
       const $ = y[0];
       if ($) {
-        const D = $.borderBoxSize?.[0];
-        D ? i = { width: D.inlineSize, height: D.blockSize } : i = { width: $.contentRect.width, height: $.contentRect.height };
+        const O = $.borderBoxSize?.[0];
+        O ? a = { width: O.inlineSize, height: O.blockSize } : a = { width: $.contentRect.width, height: $.contentRect.height };
       }
-    }), r = x, a.observe(x), i = { width: x.clientWidth, height: x.clientHeight });
+    }), o = h, s.observe(h), a = { width: h.clientWidth, height: h.clientHeight });
   }
-  const s = 10, l = 5, d = () => {
-    n.holdTimer && (clearTimeout(n.holdTimer), n.holdTimer = null), n.slideActivationTimer && (clearTimeout(n.slideActivationTimer), n.slideActivationTimer = null);
-  }, c = (x) => {
-    const $ = e().slide;
-    return $?.orientation === "horizontal" ? "horizontal" : $?.orientation === "vertical" ? "vertical" : x && (i || o(x), i) ? i.height > i.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
-  }, b = (x) => {
-    const y = e();
+  const d = () => {
+    n.holdTimer && (clearTimeout(n.holdTimer), n.holdTimer = null);
+  }, c = () => {
+    n.isDown = !1, n.hasMoved = !1, n.sliding = !1;
+  }, v = (h) => {
+    const $ = t().slide;
+    return $?.orientation === "horizontal" ? "horizontal" : $?.orientation === "vertical" ? "vertical" : h && (a || l(h), a) ? a.height > a.width ? "vertical" : "horizontal" : (e?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
+  }, C = (h) => {
+    const y = t();
     if (!(!y.tap && !y.hold && !y.slide)) {
-      if (x.preventDefault(), n.isDown = !0, n.element = x.currentTarget, o(n.element), n.startX = x.clientX, n.startY = x.clientY, n.currentX = x.clientX, n.currentY = x.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.slideActive = !1, n.lockedAxis = null, x.currentTarget.setPointerCapture(x.pointerId), y.hold) {
-        const $ = y.hold.delay ?? 300;
+      if (n.isDown = !0, n.isTouch = h.pointerType === "touch", n.element = h.currentTarget, l(n.element), n.startX = h.clientX, n.startY = h.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, y.hold) {
+        const $ = y.hold.delay ?? 500;
         n.holdTimer = setTimeout(() => {
-          n.isDown && !n.hasMoved && (y.hold.action(), n.isDown = !1);
+          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (pn.bump(), y.hold?.action(), n.isDown = !1);
         }, $);
       }
-      if (y.slide) {
-        const $ = y.slide.activationDelay ?? 0;
-        $ > 0 ? n.slideActivationTimer = setTimeout(() => {
-          n.slideActive = !0;
-        }, $) : n.slideActive = !0;
-      }
+      if (!n.isTouch && y.slide)
+        try {
+          h.currentTarget.setPointerCapture(h.pointerId);
+        } catch {
+        }
     }
-  }, C = (x) => {
+  }, m = (h) => {
     if (!n.isDown) return;
-    const y = e();
-    n.currentX = x.clientX, n.currentY = x.clientY;
-    const $ = n.currentX - n.startX, D = n.currentY - n.startY, O = Math.abs($), P = Math.abs(D), H = Math.sqrt($ * $ + D * D), m = x.currentTarget, u = c(m);
-    if (!n.lockedAxis && H > l && (O > P ? n.lockedAxis = "horizontal" : n.lockedAxis = "vertical", y.slide && n.lockedAxis !== u)) {
-      m.releasePointerCapture(x.pointerId), n.isDown = !1, n.slideActive = !1, d();
-      return;
+    const y = t(), $ = h.clientX - n.startX, O = h.clientY - n.startY;
+    if (Math.sqrt($ * $ + O * O) > 10 && (d(), n.hasMoved = !0), !n.isTouch && y.slide && n.hasMoved) {
+      const f = h.currentTarget, u = v(f);
+      n.sliding = !0;
+      const A = y.slide.min ?? 0, p = y.slide.max ?? 100, G = p - A, Q = u === "vertical" ? -O : $, P = a ?? { width: f.clientWidth, height: f.clientHeight }, J = u === "vertical" ? P.height : P.width, Et = Q / J * G, Nt = Math.max(A, Math.min(p, y.slide.value + Et));
+      y.slide.onChange(Math.round(Nt)), n.startX = h.clientX, n.startY = h.clientY, h.preventDefault();
     }
-    if (H > s && (n.hasMoved = !0, d()), y.slide && n.slideActive && n.hasMoved && n.lockedAxis === u) {
-      const W = y.slide.min ?? 0, k = y.slide.max ?? 100, B = k - W, Q = u === "vertical" ? -D : $, L = i ?? { width: m.clientWidth, height: m.clientHeight }, J = u === "vertical" ? L.height : L.width, De = Q / J * B, _e = Math.max(W, Math.min(k, y.slide.value + De));
-      y.slide.onChange(Math.round(_e)), n.startX = n.currentX, n.startY = n.currentY, x.preventDefault();
+  }, x = (h) => {
+    const y = t(), $ = n.isDown, O = Date.now() - n.startTime, H = y.hold?.delay ?? 500;
+    d(), $ && y.tap && !n.hasMoved && O < H && y.tap();
+    try {
+      h.currentTarget.releasePointerCapture(h.pointerId);
+    } catch {
     }
-  }, f = (x) => {
-    if (!n.isDown) return;
-    const y = e(), $ = y.hold?.delay ?? 300;
-    if (d(), y.tap && !n.hasMoved) {
-      const D = Date.now() - n.startTime;
-      n.isDown && D < $ && y.tap();
+    c();
+  }, V = (h) => {
+    d();
+    try {
+      h.currentTarget.releasePointerCapture(h.pointerId);
+    } catch {
     }
-    n.isDown = !1, n.hasMoved = !1, n.slideActive = !1, n.lockedAxis = null, x.currentTarget.releasePointerCapture(x.pointerId);
-  }, v = (x) => {
-    d(), n.isDown = !1, n.hasMoved = !1, n.slideActive = !1, n.lockedAxis = null, x.currentTarget.releasePointerCapture(x.pointerId);
-  }, V = (x) => {
-    const y = e();
+    c();
+  }, E = (h) => {
+    const y = t();
     if (y.slide) {
       const $ = y.slide.orientation;
-      return $ === "horizontal" ? Z.slideHorizontal.css : $ === "vertical" ? Z.slideVertical.css : (i || o(x), i && i.height > i.width ? Z.slideVertical.css : Z.slideHorizontal.css);
+      return $ === "horizontal" ? Z.slideHorizontal.css : $ === "vertical" ? Z.slideVertical.css : (a || l(h), a && a.height > a.width ? Z.slideVertical.css : Z.slideHorizontal.css);
     }
     return y.tap ? Z.tap.css : y.hold ? Z.hold.css : "";
   };
   return {
-    onPointerDown: b,
-    onPointerMove: C,
-    onPointerUp: f,
-    onPointerCancel: v,
-    onPointerEnter: (x) => {
-      const y = x.currentTarget;
-      n.element = y, y.style.cursor = V(y);
+    onPointerDown: C,
+    onPointerMove: m,
+    onPointerUp: x,
+    onPointerCancel: V,
+    onPointerEnter: (h) => {
+      const y = h.currentTarget;
+      n.element = y, y.style.cursor = E(y);
+    },
+    bindElement: (h) => {
+      h && (n.element = h, l(h));
     },
-    bindElement: (x) => {
-      x && (n.element = x, o(x));
+    touchAction: () => {
+      const h = t();
+      return h.tap || h.hold || h.slide ? "manipulation" : "auto";
     },
     dispose: () => {
-      d(), a && (a.disconnect(), a = null), r = null, i = null;
+      d(), s && (s.disconnect(), s = null), o = null, a = null;
     }
   };
 }
-function Zn(e) {
-  return A(() => {
-    const t = e.entities();
-    if (t.length === 0) return;
-    const n = {
-      widgetConfig: e.widgetConfig,
-      entities: t.map((i) => {
-        const r = {
+function er(t) {
+  return N(() => {
+    const e = t.entities();
+    if (e.length === 0) return;
+    const r = {
+      widgetConfig: t.widgetConfig,
+      entities: e.map((i) => {
+        const n = {
           entity_id: i.id,
           state: i.state,
           domain: i.domain,
           friendly_name: i.friendlyName
         };
-        return e.customEntityFields ? {
-          ...r,
-          ...e.customEntityFields(i)
-        } : r;
+        return t.customEntityFields ? {
+          ...n,
+          ...t.customEntityFields(i)
+        } : n;
       })
     };
-    return e.additionalData && Object.assign(n, e.additionalData), n;
+    return t.additionalData && Object.assign(r, t.additionalData), r;
   });
 }
-function Qn(e = {}) {
-  const [t, n] = F(!1), [i, r] = F(!1);
+function nr(t = {}) {
+  const [e, r] = j(!1), [i, n] = j(!1);
   return {
     save: async (s) => {
-      if (e.onSave) {
-        n(!0);
+      if (t.onSave) {
+        r(!0);
         try {
-          await e.onSave(s), e.onSaveSuccess?.();
+          await t.onSave(s), t.onSaveSuccess?.();
         } finally {
-          n(!1);
+          r(!1);
         }
       }
     },
     remove: async () => {
-      if (e.onDelete) {
-        r(!0);
+      if (t.onDelete) {
+        n(!0);
         try {
-          await e.onDelete(), e.onDeleteSuccess?.();
+          await t.onDelete(), t.onDeleteSuccess?.();
         } finally {
-          r(!1);
+          n(!1);
         }
       }
     },
-    isSaving: t,
+    isSaving: e,
     isDeleting: i
   };
 }
-function er(e = "edit") {
-  const [t, n] = F(!1), [i, r] = F(e);
+function rr(t = "edit") {
+  const [e, r] = j(!1), [i, n] = j(t);
   return {
-    showDialog: t,
-    setShowDialog: n,
-    openDialog: () => n(!0),
-    closeDialog: () => n(!1),
+    showDialog: e,
+    setShowDialog: r,
+    openDialog: () => r(!0),
+    closeDialog: () => r(!1),
     activeTab: i,
-    setActiveTab: r
+    setActiveTab: n
   };
 }
-function tr(e) {
-  const t = A(() => e.entity() !== null), n = A(() => {
-    const r = e.entity();
-    return r ? e.calculateData(r) : null;
-  }), i = A(() => t() ? void 0 : e.emptyStateConfig);
+function ir(t) {
+  const e = N(() => t.entity() !== null), r = N(() => {
+    const n = t.entity();
+    return n ? t.calculateData(n) : null;
+  }), i = N(() => e() ? void 0 : t.emptyStateConfig);
   return {
-    entity: e.entity,
-    data: n,
+    entity: t.entity,
+    data: r,
     emptyState: i,
-    hasEntity: t
+    hasEntity: e
   };
 }
-function nr(e) {
-  const t = e.minEntities ?? 1, n = A(() => e.entities().length), i = A(() => n() >= t), r = A(() => !i() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = A(() => {
+function ar(t) {
+  const e = t.minEntities ?? 1, r = N(() => t.entities().length), i = N(() => r() >= e), n = N(() => !i() || !t.calculateGroupData ? null : t.calculateGroupData(t.entities())), a = N(() => {
     if (!i()) return;
-    const s = e.aggregationMode?.();
+    const s = t.aggregationMode?.();
     if (!s || s === "none") return;
-    const l = e.entities();
+    const l = t.entities();
     if (s === "light" || s === "binary-sensor" || s === "switch")
-      return At(l, e.allEntitiesMode);
+      return Te(l, t.allEntitiesMode);
     if (s === "sensor") {
-      const d = e.sensorGroupType?.() ?? "mean";
-      return Nt(l, d, !0);
+      const d = t.sensorGroupType?.() ?? "mean";
+      return Ve(l, d, !0);
     }
-  }), o = A(() => i() ? void 0 : e.emptyStateConfig);
+  }), o = N(() => i() ? void 0 : t.emptyStateConfig);
   return {
-    entities: e.entities,
-    groupData: r,
+    entities: t.entities,
+    groupData: n,
     aggregatedData: a,
     emptyState: o,
     hasEntities: i,
-    count: n
+    count: r
   };
 }
-function rr(e) {
-  const [t] = Ie({
-    validate: Re(e.schema),
-    initialValues: e.initialValues
-  }), n = A(() => t.dirty), i = A(() => t.submitting);
+function or(t) {
+  const [e] = Ht({
+    validate: Gt(t.schema),
+    initialValues: t.initialValues
+  }), r = N(() => e.dirty), i = N(() => e.submitting);
   return {
-    form: t,
-    isDirty: n,
+    form: e,
+    isDirty: r,
     isSubmitting: i,
     handleSubmit: (a) => {
-      e.onSubmit?.(a);
+      t.onSubmit?.(a);
     },
-    getValue: He,
-    setValue: Pe,
-    reset: Ge
+    getValue: Bt,
+    setValue: Lt,
+    reset: Pt
   };
 }
-const de = ["xs", "sm", "md", "lg", "xl"];
-function ir() {
-  const e = G(), t = A(() => de.indexOf(e.size())), n = A(() => {
-    const l = e.size();
+const mt = ["xs", "sm", "md", "lg", "xl"];
+function sr() {
+  const t = I(), e = N(() => mt.indexOf(t.size())), r = N(() => {
+    const l = t.size();
     return l === "xs" || l === "sm";
-  }), i = A(() => {
-    const l = e.size();
+  }), i = N(() => {
+    const l = t.size();
     return l === "lg" || l === "xl";
-  }), r = A(() => t() >= 2);
+  }), n = N(() => e() >= 2);
   return {
-    isCompact: n,
+    isCompact: r,
     isLarge: i,
-    showDetail: r,
-    showOn: (l) => l.includes(e.size()),
-    hideOn: (l) => !l.includes(e.size()),
+    showDetail: n,
+    showOn: (l) => l.includes(t.size()),
+    hideOn: (l) => !l.includes(t.size()),
     matches: (l) => {
       const d = l.trim();
       if (d.endsWith("+")) {
-        const c = d.slice(0, -1), b = de.indexOf(c);
-        return b >= 0 && t() >= b;
+        const c = d.slice(0, -1), v = mt.indexOf(c);
+        return v >= 0 && e() >= v;
       }
       if (d.endsWith("-")) {
-        const c = d.slice(0, -1), b = de.indexOf(c);
-        return b >= 0 && t() <= b;
+        const c = d.slice(0, -1), v = mt.indexOf(c);
+        return v >= 0 && e() <= v;
       }
-      return e.size() === d;
+      return t.size() === d;
     }
   };
 }
-const _ = {
+const D = {
   ocean: "bg-gradient-to-br from-cyan-600/20 to-blue-700/20",
   sunset: "bg-gradient-to-br from-orange-500/20 to-purple-700/20",
   forest: "bg-gradient-to-br from-emerald-600/20 to-teal-700/20",
@@ -1734,7 +1782,7 @@ const _ = {
   sage: "bg-gradient-to-br from-lime-600/20 to-green-600/20",
   copper: "bg-gradient-to-br from-amber-600/20 to-amber-800/20",
   dusk: "bg-gradient-to-br from-blue-500/20 to-purple-600/20"
-}, ar = {
+}, lr = {
   ocean: "Ocean Breeze",
   sunset: "Sunset Glow",
   forest: "Forest Dawn",
@@ -1752,30 +1800,30 @@ const _ = {
   sage: "Sage",
   copper: "Copper",
   dusk: "Dusk"
-}, or = Object.keys(_);
-function ke(e) {
-  const t = Object.keys(_);
-  let n = 0;
-  for (const r of e)
-    n = (n << 5) - n + r.charCodeAt(0), n = n & n;
-  const i = Math.abs(n) % t.length;
-  return t[i];
-}
-function sr(e, t) {
-  if (!e) {
-    const i = ke(t);
-    return _[i];
+}, cr = Object.keys(D);
+function St(t) {
+  const e = Object.keys(D);
+  let r = 0;
+  for (const n of t)
+    r = (r << 5) - r + n.charCodeAt(0), r = r & r;
+  const i = Math.abs(r) % e.length;
+  return e[i];
+}
+function ur(t, e) {
+  if (!t) {
+    const i = St(e);
+    return D[i];
   }
-  if (typeof e == "string" && e in _)
-    return _[e];
-  if (typeof e == "string")
-    return e;
-  const n = ke(t);
-  return _[n];
+  if (typeof t == "string" && t in D)
+    return D[t];
+  if (typeof t == "string")
+    return t;
+  const r = St(e);
+  return D[r];
 }
-const ee = {
+const tt = {
   ocean: {
-    gradient: _.ocean,
+    gradient: D.ocean,
     bg: "bg-cyan-600/20",
     icon: "bg-cyan-500 dark:bg-cyan-400",
     glow: "shadow-cyan-500/50 dark:shadow-cyan-400/50",
@@ -1785,7 +1833,7 @@ const ee = {
     }
   },
   sunset: {
-    gradient: _.sunset,
+    gradient: D.sunset,
     bg: "bg-orange-500/20",
     icon: "bg-orange-500 dark:bg-orange-400",
     glow: "shadow-orange-500/50 dark:shadow-orange-400/50",
@@ -1795,7 +1843,7 @@ const ee = {
     }
   },
   forest: {
-    gradient: _.forest,
+    gradient: D.forest,
     bg: "bg-emerald-600/20",
     icon: "bg-emerald-500 dark:bg-emerald-400",
     glow: "shadow-emerald-500/50 dark:shadow-emerald-400/50",
@@ -1805,7 +1853,7 @@ const ee = {
     }
   },
   lavender: {
-    gradient: _.lavender,
+    gradient: D.lavender,
     bg: "bg-purple-500/20",
     icon: "bg-purple-500 dark:bg-purple-400",
     glow: "shadow-purple-500/50 dark:shadow-purple-400/50",
@@ -1815,7 +1863,7 @@ const ee = {
     }
   },
   golden: {
-    gradient: _.golden,
+    gradient: D.golden,
     bg: "bg-yellow-500/20",
     icon: "bg-yellow-500 dark:bg-yellow-400",
     glow: "shadow-yellow-500/50 dark:shadow-yellow-400/50",
@@ -1825,7 +1873,7 @@ const ee = {
     }
   },
   midnight: {
-    gradient: _.midnight,
+    gradient: D.midnight,
     bg: "bg-blue-700/20",
     icon: "bg-blue-700 dark:bg-blue-600",
     glow: "shadow-blue-700/50 dark:shadow-blue-600/50",
@@ -1835,7 +1883,7 @@ const ee = {
     }
   },
   rose: {
-    gradient: _.rose,
+    gradient: D.rose,
     bg: "bg-pink-400/20",
     icon: "bg-pink-500 dark:bg-pink-400",
     glow: "shadow-pink-500/50 dark:shadow-pink-400/50",
@@ -1845,7 +1893,7 @@ const ee = {
     }
   },
   mint: {
-    gradient: _.mint,
+    gradient: D.mint,
     bg: "bg-green-400/20",
     icon: "bg-green-500 dark:bg-green-400",
     glow: "shadow-green-500/50 dark:shadow-green-400/50",
@@ -1855,7 +1903,7 @@ const ee = {
     }
   },
   slate: {
-    gradient: _.slate,
+    gradient: D.slate,
     bg: "bg-slate-600/20",
     icon: "bg-slate-600 dark:bg-slate-500",
     glow: "shadow-slate-600/50 dark:shadow-slate-500/50",
@@ -1865,7 +1913,7 @@ const ee = {
     }
   },
   coral: {
-    gradient: _.coral,
+    gradient: D.coral,
     bg: "bg-pink-300/20",
     icon: "bg-pink-400 dark:bg-pink-300",
     glow: "shadow-pink-400/50 dark:shadow-pink-300/50",
@@ -1875,7 +1923,7 @@ const ee = {
     }
   },
   aurora: {
-    gradient: _.aurora,
+    gradient: D.aurora,
     bg: "bg-blue-500/20",
     icon: "bg-blue-500 dark:bg-blue-400",
     glow: "shadow-blue-500/50 dark:shadow-blue-400/50",
@@ -1885,7 +1933,7 @@ const ee = {
     }
   },
   ember: {
-    gradient: _.ember,
+    gradient: D.ember,
     bg: "bg-red-500/20",
     icon: "bg-red-500 dark:bg-red-400",
     glow: "shadow-red-500/50 dark:shadow-red-400/50",
@@ -1895,7 +1943,7 @@ const ee = {
     }
   },
   steel: {
-    gradient: _.steel,
+    gradient: D.steel,
     bg: "bg-gray-500/20",
     icon: "bg-gray-500 dark:bg-gray-400",
     glow: void 0,
@@ -1905,7 +1953,7 @@ const ee = {
     }
   },
   twilight: {
-    gradient: _.twilight,
+    gradient: D.twilight,
     bg: "bg-violet-600/20",
     icon: "bg-violet-500 dark:bg-violet-400",
     glow: "shadow-violet-500/50 dark:shadow-violet-400/50",
@@ -1915,7 +1963,7 @@ const ee = {
     }
   },
   sage: {
-    gradient: _.sage,
+    gradient: D.sage,
     bg: "bg-lime-600/20",
     icon: "bg-lime-500 dark:bg-lime-400",
     glow: "shadow-lime-500/50 dark:shadow-lime-400/50",
@@ -1925,7 +1973,7 @@ const ee = {
     }
   },
   copper: {
-    gradient: _.copper,
+    gradient: D.copper,
     bg: "bg-amber-600/20",
     icon: "bg-amber-600 dark:bg-amber-500",
     glow: "shadow-amber-600/50 dark:shadow-amber-500/50",
@@ -1935,7 +1983,7 @@ const ee = {
     }
   },
   dusk: {
-    gradient: _.dusk,
+    gradient: D.dusk,
     bg: "bg-blue-500/20",
     icon: "bg-blue-500 dark:bg-blue-400",
     glow: "shadow-blue-500/50 dark:shadow-blue-400/50",
@@ -1944,116 +1992,116 @@ const ee = {
       muted: "text-blue-400/60 dark:text-blue-300/60"
     }
   }
-}, lr = {
-  unavailable: ee.steel,
-  active: ee.ocean,
-  inactive: ee.steel,
-  success: ee.forest,
-  warning: ee.ember,
-  error: ee.rose
-}, cr = {
+}, dr = {
+  unavailable: tt.steel,
+  active: tt.ocean,
+  inactive: tt.steel,
+  success: tt.forest,
+  warning: tt.ember,
+  error: tt.rose
+}, gr = {
   /** Optional display name override (renders as text input) */
-  title: () => q.string().optional().meta({ title: "Title", description: "Optional display name override" }),
+  title: () => X.string().optional().meta({ title: "Title", description: "Optional display name override" }),
   /** Multi-select entity picker for a HA domain */
-  entityIds: (e) => q.array(q.string()).default([]).meta({ domain: e, title: "Entities" }),
+  entityIds: (t) => X.array(X.string()).default([]).meta({ domain: t, title: "Entities" }),
   /** Single-select entity picker for a HA domain */
-  singleEntity: (e) => q.array(q.string()).default([]).meta({ domain: e, title: "Entity", singleSelect: !0 }),
+  singleEntity: (t) => X.array(X.string()).default([]).meta({ domain: t, title: "Entity", singleSelect: !0 }),
   /** Area picker dropdown */
-  areaId: () => q.string().optional().meta({ formType: "area-picker", title: "Area" })
+  areaId: () => X.string().optional().meta({ formType: "area-picker", title: "Area" })
 };
-let ge = null;
-function wn() {
-  return ge || (ge = getComputedStyle(document.documentElement)), ge;
+let ft = null;
+function kn() {
+  return ft || (ft = getComputedStyle(document.documentElement)), ft;
 }
-function ur(e) {
-  const t = e.startsWith("--") ? e : `--${e}`;
-  return wn().getPropertyValue(t).trim();
+function mr(t) {
+  const e = t.startsWith("--") ? t : `--${t}`;
+  return kn().getPropertyValue(e).trim();
 }
-function dr() {
+function fr() {
   return document.documentElement.classList.contains("dark");
 }
-const $n = "0.3.5", kn = {
-  version: $n
-}, gr = kn.version;
+const Sn = "0.3.7", Cn = {
+  version: Sn
+}, hr = Cn.version;
 export {
-  ar as GRADIENT_NAMES,
-  _ as GRADIENT_PRESETS,
-  or as GRADIENT_PRESET_KEYS,
-  Xn as Glow,
-  hr as GridSizeSchema,
-  xr as PublishBodySchema,
-  vr as PublishConfirmSchema,
-  br as PublishRequestSchema,
-  gr as SDK_VERSION,
-  Y as WIDGET_Z,
-  X as Widget,
-  it as WidgetContent,
-  me as WidgetCtx,
-  qn as WidgetDialog,
-  ut as WidgetEmptyState,
-  vt as WidgetIcon,
-  yr as WidgetManifestSchema,
-  ze as WidgetMetrics,
-  et as WidgetSliderFill,
-  Kn as WidgetStack,
-  Ct as WidgetStatus,
-  zt as WidgetSubtitle,
-  Et as WidgetTitle,
-  Gt as WidgetValue,
-  Un as allEntitiesInState,
-  Yn as anyEntityInState,
-  Rn as applyCssVars,
-  In as applyLayout,
-  fe as builtInVariants,
-  At as calculateLightGroup,
-  Nt as calculateSensorGroup,
-  Le as classicGlass,
-  S as cn,
-  Fe as compactHorizontal,
-  Wn as composeVariants,
-  Fn as countActiveEntities,
-  jn as countAvailableEntities,
-  Ln as countEntitiesByState,
-  Pn as createEmptyStateConfig,
-  En as createEntity,
-  Gn as createFlexLayout,
-  An as defineWidget,
-  ht as deriveAdaptiveIconColors,
-  Vn as extendVariant,
-  Be as extractDefaults,
-  wr as formatSchemaError,
-  Vt as formatValue,
-  Ue as getBuiltInVariant,
-  Tn as getBuiltInVariantIds,
-  Bn as getEntityAttribute,
-  Hn as getEntityState,
-  sr as getGradient,
-  ke as getGradientFromString,
-  nt as getSpacingClass,
-  ur as getThemeToken,
-  ee as gradientColorPresets,
-  Wt as interpretValue,
-  On as isBuiltInVariant,
-  dr as isDark,
-  Tt as isEntityActive,
-  Ot as isEntityAvailable,
-  he as mergeVariants,
-  je as minimal,
-  $r as parseGridSize,
-  kr as serializeGridSize,
-  I as spacing,
-  lr as stateColors,
-  pe as toFormSchema,
-  U as typography,
-  Zn as useDebugData,
-  Qn as useWidgetConfig,
-  G as useWidgetContext,
-  er as useWidgetDialog,
-  tr as useWidgetEntity,
-  nr as useWidgetEntityGroup,
-  rr as useWidgetForm,
-  Jn as useWidgetGestures,
-  ir as useWidgetResponsive,
-  Nn as warnIfStub,
-  cr as widgetFields
+  lr as GRADIENT_NAMES,
+  D as GRADIENT_PRESETS,
+  cr as GRADIENT_PRESET_KEYS,
+  Jn as Glow,
+  vr as GridSizeSchema,
+  yr as PublishBodySchema,
+  wr as PublishConfirmSchema,
+  $r as PublishRequestSchema,
+  hr as SDK_VERSION,
+  U as WIDGET_Z,
+  Y as Widget,
+  oe as WidgetContent,
+  ht as WidgetCtx,
+  Qn as WidgetDialog,
+  ge as WidgetEmptyState,
+  ye as WidgetIcon,
+  pr as WidgetManifestSchema,
+  _t as WidgetMetrics,
+  ne as WidgetSliderFill,
+  Zn as WidgetStack,
+  ze as WidgetStatus,
+  _e as WidgetSubtitle,
+  Oe as WidgetTitle,
+  Pe as WidgetValue,
+  qn as allEntitiesInState,
+  Xn as anyEntityInState,
+  Pn as applyCssVars,
+  Gn as applyLayout,
+  bt as builtInVariants,
+  Te as calculateLightGroup,
+  Ve as calculateSensorGroup,
+  Ft as classicGlass,
+  k as cn,
+  Yt as compactHorizontal,
+  Hn as composeVariants,
+  Kn as countActiveEntities,
+  Yn as countAvailableEntities,
+  Un as countEntitiesByState,
+  Bn as createEmptyStateConfig,
+  Tn as createEntity,
+  Ln as createFlexLayout,
+  Vn as defineWidget,
+  xe as deriveAdaptiveIconColors,
+  In as extendVariant,
+  jt as extractDefaults,
+  kr as formatSchemaError,
+  Re as formatValue,
+  Kt as getBuiltInVariant,
+  Rn as getBuiltInVariantIds,
+  Fn as getEntityAttribute,
+  jn as getEntityState,
+  ur as getGradient,
+  St as getGradientFromString,
+  ie as getSpacingClass,
+  mr as getThemeToken,
+  tt as gradientColorPresets,
+  Ie as interpretValue,
+  Wn as isBuiltInVariant,
+  fr as isDark,
+  We as isEntityActive,
+  Ae as isEntityAvailable,
+  xt as mergeVariants,
+  Ut as minimal,
+  Sr as parseGridSize,
+  Cr as serializeGridSize,
+  W as spacing,
+  dr as stateColors,
+  Mt as toFormSchema,
+  F as typography,
+  er as useDebugData,
+  nr as useWidgetConfig,
+  I as useWidgetContext,
+  rr as useWidgetDialog,
+  ir as useWidgetEntity,
+  ar as useWidgetEntityGroup,
+  or as useWidgetForm,
+  tr as useWidgetGestures,
+  sr as useWidgetResponsive,
+  An as warnIfStub,
+  gr as widgetFields
 };