@tachui/core 0.8.24 → 0.8.25

package/dist/common.js

@@ -11,7 +11,7 @@ import { TACHUI_PACKAGE as bt, TACHUI_PACKAGE_VERSION as Et, VERSION as xt } fro
 import { AnimationModifier as yt, AppearanceModifier as Gt, BaseModifier as Rt, InteractionModifier as At, LayoutModifier as Ot, LifecycleModifier as It, ResizableModifier as Pt } from "./modifiers/base.js";
 import { ModifierPriority as Tt } from "@tachui/types/modifiers";
 import { c as wt, a as Bt, g as Ut, i as Ft, r as jt } from "./proxy-B7ZIqGd0.js";
-import { a as kt, b as zt, d as Nt, e as Wt, f as qt, c as Ht, g as _t, h as Kt, j as Jt, i as Yt, l as Qt, m as Xt, p as Zt, r as $t, s as es, k as as } from "./factories-B05hE6kc.js";
+import { a as kt, b as zt, d as Nt, e as Wt, f as qt, c as Ht, g as _t, h as Kt, j as Jt, i as Yt, l as Qt, m as Xt, p as Zt, r as $t, s as es, k as as } from "./factories-Bz6LZlk6.js";
 import { r as ss } from "./registration-utils-CNsN4eoU.js";
 export * from "@tachui/types/gradients";
 import { generateAngularGradientCSS as is, generateConicGradientCSS as os, generateEllipticalGradientCSS as cs, generateLinearGradientCSS as ds, generateRadialGradientCSS as ls, generateRepeatingLinearGradientCSS as ms, generateRepeatingRadialGradientCSS as gs, gradientToCSS as ps } from "./gradients/css-generator.js";

package/dist/essential.js

@@ -11,7 +11,7 @@ import { TACHUI_PACKAGE as Et, TACHUI_PACKAGE_VERSION as xt, VERSION as bt } fro
 import { AnimationModifier as yt, AppearanceModifier as Gt, BaseModifier as Rt, InteractionModifier as At, LayoutModifier as Ot, LifecycleModifier as Pt, ResizableModifier as It } from "./modifiers/base.js";
 import { ModifierPriority as Tt } from "@tachui/types/modifiers";
 import { c as Ut, a as wt, g as Bt, i as jt, r as Ft } from "./proxy-B7ZIqGd0.js";
-import { a as zt, b as kt, d as Nt, e as Wt, f as qt, c as Ht, g as _t, h as Kt, j as Jt, i as Yt, l as Qt, m as Xt, p as Zt, r as $t, s as es, k as as } from "./factories-B05hE6kc.js";
+import { a as zt, b as kt, d as Nt, e as Wt, f as qt, c as Ht, g as _t, h as Kt, j as Jt, i as Yt, l as Qt, m as Xt, p as Zt, r as $t, s as es, k as as } from "./factories-Bz6LZlk6.js";
 import { r as ss } from "./registration-utils-CNsN4eoU.js";
 export * from "@tachui/types/gradients";
 import { generateAngularGradientCSS as is, generateConicGradientCSS as os, generateEllipticalGradientCSS as cs, generateLinearGradientCSS as ls, generateRadialGradientCSS as ds, generateRepeatingLinearGradientCSS as ms, generateRepeatingRadialGradientCSS as gs, gradientToCSS as ps } from "./gradients/css-generator.js";

package/dist/{factories-B05hE6kc.js → factories-Bz6LZlk6.js}

@@ -1,42 +1,42 @@
-import { LayoutModifier as P, AppearanceModifier as S, AnimationModifier as y, LifecycleModifier as C, InteractionModifier as g, BaseModifier as F } from "./modifiers/base.js";
-import { ModifierPriority as h } from "@tachui/types/modifiers";
-import { globalModifierRegistry as k } from "@tachui/registry";
+import { LayoutModifier as S, AppearanceModifier as F, AnimationModifier as y, LifecycleModifier as C, InteractionModifier as g, BaseModifier as z } from "./modifiers/base.js";
+import { ModifierPriority as v } from "@tachui/types/modifiers";
+import { globalModifierRegistry as j } from "@tachui/registry";
 import { c as w } from "./effect-DgNm6jk9.js";
 import { i as b } from "./signal-BRoiFOO7.js";
-h.LAYOUT;
-const z = (e) => new P({ alignment: e });
-function H(e) {
-  return z(e);
-}
-h.LAYOUT;
-const O = (e) => new P({ layoutPriority: e });
+v.LAYOUT;
+const O = (e) => new S({ alignment: e });
 function T(e) {
   return O(e);
 }
-h.APPEARANCE;
-const j = (e) => new S({ opacity: e });
-function D(e) {
-  return j(e);
+v.LAYOUT;
+const D = (e) => new S({ layoutPriority: e });
+function $(e) {
+  return D(e);
 }
-h.APPEARANCE;
-const $ = (e) => new S({ cornerRadius: e });
+v.APPEARANCE;
+const H = (e) => new F({ opacity: e });
 function V(e) {
-  return $(e);
+  return H(e);
+}
+v.APPEARANCE;
+const W = (e) => new F({ cornerRadius: e });
+function Y(e) {
+  return W(e);
 }
-function c(e, ...r) {
-  const t = k.get(e);
+function u(e, ...r) {
+  const t = j.get(e);
   if (!t)
     throw new Error(
       `Modifier '${e}' not found in registry. Import '@tachui/modifiers' or the relevant segmented bundle before using preset helpers.`
     );
   return t(...r);
 }
-const v = {
+const h = {
   /**
    * Set foreground (text) color
    */
   foregroundColor(e) {
-    return c("foregroundColor", e);
+    return u("foregroundColor", e);
   },
   /**
    * Set frame dimensions with support for infinity
@@ -47,99 +47,99 @@ const v = {
       ...i,
       ...e !== void 0 ? { width: e } : {},
       ...r !== void 0 ? { height: r } : {}
-    }), new P({ frame: i });
+    }), new S({ frame: i });
   },
   /**
    * Set padding on all sides
    */
   padding(e) {
-    return c("padding", e);
+    return u("padding", e);
   },
   /**
    * Set margin on all sides
    */
   margin(e) {
-    return c("margin", e);
+    return u("margin", e);
   },
   /**
    * Set content alignment
    */
   alignment(e) {
-    return H(e);
+    return T(e);
   },
   /**
    * Set layout priority for ZStack container sizing and flexible layout
    * Higher priority views determine container size in ZStack
    */
   layoutPriority(e) {
-    return T(e);
+    return $(e);
   }
 }, p = {
   /**
    * Set foreground (text) color
    */
   foregroundColor(e) {
-    return c("foregroundColor", e);
+    return u("foregroundColor", e);
   },
   /**
    * Set background color
    */
   backgroundColor(e) {
-    return c("backgroundColor", e);
+    return u("backgroundColor", e);
   },
   /**
    * Set background (supports gradients)
    */
   background(e) {
-    return c("background", e);
+    return u("background", e);
   },
   /**
    * Set font properties
    */
   font(e) {
-    return c("font", e);
+    return u("font", e);
   },
   /**
    * Set font size
    */
   fontSize(e) {
-    return c("fontSize", e);
+    return u("fontSize", e);
   },
   /**
    * Set font weight
    */
   fontWeight(e) {
-    return c("fontWeight", e);
+    return u("fontWeight", e);
   },
   /**
    * Set font family
    */
   fontFamily(e) {
-    return c("fontFamily", e);
+    return u("fontFamily", e);
   },
   /**
    * Set opacity
    */
   opacity(e) {
-    return D(e);
+    return V(e);
   },
   /**
    * Set corner radius (enhanced)
    */
   cornerRadius(e) {
-    return V(e);
+    return Y(e);
   },
   /**
    * Set border
    */
   border(e, r = "#000000", t = "solid") {
-    return c("border", e, r, t);
+    return u("border", e, r, t);
   },
   /**
    * Set detailed border properties
    */
   borderDetailed(e) {
-    return c("border", e);
+    return u("border", e);
   }
   // Shadow functionality moved to @tachui/modifiers/effects entry point
 }, A = {
@@ -266,7 +266,7 @@ const v = {
       }
     });
   }
-}, W = {
+}, I = {
   /**
    * Execute handler when component appears in viewport
    */
@@ -302,7 +302,7 @@ const v = {
       }
     });
   }
-}, Y = {
+}, B = {
   /**
    * Card-like appearance
    */
@@ -311,7 +311,7 @@ const v = {
       p.backgroundColor("#ffffff"),
       p.cornerRadius(8),
       // shadow moved to @tachui/modifiers/effects entry point
-      v.padding(e)
+      h.padding(e)
     ];
   },
   /**
@@ -322,7 +322,7 @@ const v = {
       p.backgroundColor(e),
       p.foregroundColor(r),
       p.cornerRadius(6),
-      v.padding(12),
+      h.padding(12),
       // Simplified to single value for now
       A.onHover((t) => {
       }),
@@ -336,7 +336,7 @@ const v = {
     return [
       p.border(1, "#d1d5db"),
       p.cornerRadius(4),
-      v.padding(8),
+      h.padding(8),
       L.transition("border-color", 150),
       A.onFocus((e) => {
       })
@@ -364,16 +364,25 @@ const v = {
       p.opacity(0.7)
     ]
   }
-}, Z = {
-  ...v,
+}, J = {
+  ...h,
   ...p,
   ...A,
   ...L,
-  ...W,
-  presets: Y
+  ...I,
+  presets: B
 };
-var I = Object.defineProperty, N = (e, r, t) => r in e ? I(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, _ = (e, r, t) => N(e, typeof r != "symbol" ? r + "" : r, t);
-const E = {
+var N = Object.defineProperty, X = (e, r, t) => r in e ? N(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, E = (e, r, t) => X(e, typeof r != "symbol" ? r + "" : r, t);
+function R(e) {
+  return typeof HTMLElement < "u" && e instanceof HTMLElement;
+}
+function _(e) {
+  return typeof e == "object" && e !== null && "style" in e && !!e.style;
+}
+function U(e) {
+  return _(e) && typeof e.style.setProperty == "function";
+}
+const P = {
   /**
    * Check if a value is a reactive signal
    */
@@ -430,10 +439,10 @@ const E = {
     return typeof e == "number" ? `${e}px` : typeof e == "string" ? e : String(e);
   }
 };
-function l(e, r, t) {
-  class i extends F {
+function c(e, r, t) {
+  class i extends z {
     constructor() {
-      super(...arguments), _(this, "type", e), _(this, "priority", r);
+      super(...arguments), E(this, "type", e), E(this, "priority", r);
     }
     apply(o, n) {
       return t(o, n, this.properties);
@@ -441,23 +450,23 @@ function l(e, r, t) {
   }
   return (s) => new i(s);
 }
-function x(e, r, t = 100) {
-  return l(e, t, (i, s, o) => {
-    if (s.element instanceof HTMLElement) {
+function Q(e, r, t = 100) {
+  return c(e, t, (i, s, o) => {
+    if (_(s.element)) {
       const n = r(o);
       Object.assign(s.element.style, n);
     }
     return i;
   });
 }
-function G(e, r, t = 100) {
-  return () => l(e, t, (i, s) => (s.element instanceof HTMLElement && Object.assign(s.element.style, r), i))({});
+function ee(e, r, t = 100) {
+  return () => c(e, t, (i, s) => (_(s.element) && Object.assign(s.element.style, r), i))({});
 }
-function J(e, ...r) {
+function re(e, ...r) {
   return console.warn("createComponentVariant is not yet implemented"), e;
 }
-function Q(e, r = "combined", t = 999) {
-  return l(r, t, (i, s, o) => {
+function te(e, r = "combined", t = 999) {
+  return c(r, t, (i, s, o) => {
     let n = i;
     for (const a of e) {
       const f = a.apply(n, s);
@@ -466,12 +475,12 @@ function Q(e, r = "combined", t = 999) {
     return n;
   })({});
 }
-function ee(e, r) {
-  return l(
+function ne(e, r) {
+  return c(
     `conditional-${r.type}`,
     r.priority,
     (t, i, s) => {
-      if (E.resolveValue(e))
+      if (P.resolveValue(e))
         return r.apply(t, i);
       if (b(e)) {
         const n = w(() => {
@@ -491,14 +500,14 @@ function ee(e, r) {
     }
   )({});
 }
-function re(e, r) {
-  return l("state", 500, (t, i, s) => {
+function ie(e, r) {
+  return c("state", 500, (t, i, s) => {
     let o = t;
     const n = (f) => {
       const d = r[f] || [];
       for (const M of d) {
-        const u = M.apply(o, i);
-        u && typeof u == "object" && "type" in u && (o = u);
+        const l = M.apply(o, i);
+        l && typeof l == "object" && "type" in l && (o = l);
       }
     };
     n(e());
@@ -517,18 +526,18 @@ function re(e, r) {
     return o;
   })({});
 }
-function te(e, r = []) {
-  return l("responsive", 100, (t, i, s) => {
+function oe(e, r = []) {
+  return c("responsive", 100, (t, i, s) => {
     let o = t;
     const n = () => {
       const d = window.innerWidth;
       let M = r;
-      for (const [u, m] of Object.entries(e)) {
-        const R = parseInt(u);
-        d >= R && (M = m);
+      for (const [l, m] of Object.entries(e)) {
+        const k = parseInt(l);
+        d >= k && (M = m);
       }
-      for (const u of M) {
-        const m = u.apply(o, i);
+      for (const l of M) {
+        const m = l.apply(o, i);
         m && typeof m == "object" && "type" in m && (o = m);
       }
     };
@@ -547,18 +556,18 @@ function te(e, r = []) {
     return o;
   })({});
 }
-function ne(e) {
-  return l("class", 50, (r, t, i) => {
+function se(e) {
+  return c("class", 50, (r, t, i) => {
     if (!t.element) return r;
     const s = (o) => {
       const n = Array.isArray(o) ? o : o.split(" ").filter(Boolean);
-      t.element instanceof HTMLElement && t.element.classList.add(...n);
+      R(t.element) && t.element.classList.add(...n);
     };
     if (b(e)) {
       let o = [];
       const n = w(() => {
         const a = e(), f = Array.isArray(a) ? a : a.split(" ").filter(Boolean);
-        t.element instanceof HTMLElement && (t.element.classList.remove(...o), t.element.classList.add(...f), o = f);
+        R(t.element) && (t.element.classList.remove(...o), t.element.classList.add(...f), o = f);
       });
       if (!r.dispose)
         r.dispose = () => n.dispose();
@@ -573,13 +582,13 @@ function ne(e) {
     return r;
   })({});
 }
-function ie(e) {
-  return l("style", 200, (r, t, i) => {
+function ae(e) {
+  return c("style", 200, (r, t, i) => {
     if (!t.element) return r;
     const s = (o) => {
-      if (t.element instanceof HTMLElement)
+      if (U(t.element))
         for (const [n, a] of Object.entries(o)) {
-          const f = E.toKebabCase(n), d = E.normalizeCSSValue(a);
+          const f = P.toKebabCase(n), d = P.normalizeCSSValue(a);
           t.element.style.setProperty(f, d);
         }
     };
@@ -601,8 +610,8 @@ function ie(e) {
     return r;
   })({});
 }
-function oe(e) {
-  return l("event", 300, (r, t, i) => {
+function fe(e) {
+  return c("event", 300, (r, t, i) => {
     if (!t.element) return r;
     const s = [];
     for (const [n, a] of Object.entries(e))
@@ -624,21 +633,21 @@ function oe(e) {
 export {
   L as a,
   p as b,
-  Z as c,
-  ne as d,
-  Q as e,
-  ee as f,
-  l as g,
-  x as h,
+  J as c,
+  se as d,
+  te as e,
+  ne as f,
+  c as g,
+  Q as h,
   A as i,
-  oe as j,
-  ie as k,
-  v as l,
-  E as m,
-  W as n,
-  G as o,
-  Y as p,
-  J as q,
-  te as r,
-  re as s
+  fe as j,
+  ae as k,
+  h as l,
+  P as m,
+  I as n,
+  ee as o,
+  B as p,
+  re as q,
+  oe as r,
+  ie as s
 };

package/dist/full.js

@@ -12,7 +12,7 @@ import { TACHUI_PACKAGE as Gt, TACHUI_PACKAGE_VERSION as Rt, VERSION as At } fro
 import { AnimationModifier as Pt, AppearanceModifier as It, BaseModifier as Lt, InteractionModifier as Tt, LayoutModifier as Dt, LifecycleModifier as wt, ResizableModifier as Ut } from "./modifiers/base.js";
 import { ModifierPriority as jt } from "@tachui/types/modifiers";
 import { c as Vt, a as zt, g as Wt, i as kt, r as qt } from "./proxy-B7ZIqGd0.js";
-import { a as Ht, b as _t, d as Kt, e as Jt, f as Yt, c as Qt, g as Xt, h as Zt, j as $t, i as es, l as as, m as ts, p as ss, r as rs, s as ns, k as is } from "./factories-B05hE6kc.js";
+import { a as Ht, b as _t, d as Kt, e as Jt, f as Yt, c as Qt, g as Xt, h as Zt, j as $t, i as es, l as as, m as ts, p as ss, r as rs, s as ns, k as is } from "./factories-Bz6LZlk6.js";
 import { r as cs } from "./registration-utils-CNsN4eoU.js";
 export * from "@tachui/types/gradients";
 import { generateAngularGradientCSS as gs, generateConicGradientCSS as ms, generateEllipticalGradientCSS as ps, generateLinearGradientCSS as fs, generateRadialGradientCSS as Cs, generateRepeatingLinearGradientCSS as us, generateRepeatingRadialGradientCSS as Ss, gradientToCSS as Ms } from "./gradients/css-generator.js";

package/dist/index.js

@@ -11,7 +11,7 @@ import { TACHUI_PACKAGE as Et, TACHUI_PACKAGE_VERSION as bt, VERSION as xt } fro
 import { AnimationModifier as yt, AppearanceModifier as Rt, BaseModifier as Gt, InteractionModifier as At, LayoutModifier as Ot, LifecycleModifier as Lt, ResizableModifier as It } from "./modifiers/base.js";
 import { ModifierPriority as Tt } from "@tachui/types/modifiers";
 import { c as wt, a as Ut, g as Bt, i as Ft, r as jt } from "./proxy-B7ZIqGd0.js";
-import { a as Nt, b as kt, d as zt, e as Wt, f as qt, c as _t, g as Ht, h as Kt, j as Jt, i as Yt, l as Qt, m as Xt, p as Zt, r as $t, s as es, k as as } from "./factories-B05hE6kc.js";
+import { a as Nt, b as kt, d as zt, e as Wt, f as qt, c as _t, g as Ht, h as Kt, j as Jt, i as Yt, l as Qt, m as Xt, p as Zt, r as $t, s as es, k as as } from "./factories-Bz6LZlk6.js";
 import { r as ss } from "./registration-utils-CNsN4eoU.js";
 export * from "@tachui/types/gradients";
 import { generateAngularGradientCSS as is, generateConicGradientCSS as os, generateEllipticalGradientCSS as cs, generateLinearGradientCSS as ls, generateRadialGradientCSS as ds, generateRepeatingLinearGradientCSS as ms, generateRepeatingRadialGradientCSS as gs, gradientToCSS as ps } from "./gradients/css-generator.js";

package/dist/minimal-prod.js

@@ -8,7 +8,7 @@ import { S as le, c as Ce, i as ge, f as Me, u as he } from "./binding-DCr-JHsC.
 import { Assets as ye, ColorAsset as Ae, FontAsset as Ee, ImageAsset as Re, createColorAsset as Se, createFontAsset as be, createImageAsset as Ie, registerAsset as ve } from "./assets/index.js";
 import { A as Be, L as De } from "./index-7vhCZc7g.js";
 import { Layout as ke, infinity as Le, isInfinity as Oe } from "./constants/layout.js";
-import { a as Ue, b as je, d as Ge, e as He, f as Ve, c as We, q as qe, g as Te, o as ze, h as Je, j as Ke, i as Ne, l as Qe, n as Xe, m as Ye, p as Ze, r as _e, s as $e, k as ea } from "./factories-B05hE6kc.js";
+import { a as Ue, b as je, d as Ge, e as He, f as Ve, c as We, q as qe, g as Te, o as ze, h as Je, j as Ke, i as Ne, l as Qe, n as Xe, m as Ye, p as Ze, r as _e, s as $e, k as ea } from "./factories-Bz6LZlk6.js";
 export {
   Be as Asset,
   ye as Assets,

package/dist/minimal.js

@@ -12,7 +12,7 @@ import { Assets as De, ColorAsset as Ge, FontAsset as je, ImageAsset as He, crea
 import { A as We, L as qe, k as ze } from "./index-7vhCZc7g.js";
 import { TACHUI_PACKAGE as Qe, TACHUI_PACKAGE_VERSION as Xe, VERSION as Ye } from "./version.js";
 import { Layout as $e, infinity as ea, isInfinity as aa } from "./constants/layout.js";
-import { a as sa, b as oa, d as ra, e as na, f as ia, c as ca, q as ma, g as pa, o as da, h as fa, j as Ca, i as la, l as ua, n as ga, m as Ma, p as xa, r as ha, s as Ea, k as Sa } from "./factories-B05hE6kc.js";
+import { a as sa, b as oa, d as ra, e as na, f as ia, c as ca, q as ma, g as pa, o as da, h as fa, j as Ca, i as la, l as ua, n as ga, m as Ma, p as xa, r as ha, s as Ea, k as Sa } from "./factories-Bz6LZlk6.js";
 const e = {
   name: "@tachui/core/minimal",
   version: "0.1.0",

package/dist/modifiers/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/modifiers/base.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/modifiers/base.ts"],"names":[],"mappings":"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"}

package/dist/modifiers/base.js

@@ -1,26 +1,26 @@
-import { i as m, r as R } from "../computed-CA4Cgtoe.js";
+import { i as m, r as D } from "../computed-CA4Cgtoe.js";
 import { c as b } from "../effect-DgNm6jk9.js";
-import { g as O, i as S } from "../signal-BRoiFOO7.js";
-import { a as D } from "../theme-D5-09a8N.js";
+import { g as B, i as S } from "../signal-BRoiFOO7.js";
+import { a as _ } from "../theme-D5-09a8N.js";
 import { ModifierPriority as C } from "@tachui/types/modifiers";
-import { shouldExpandForInfinity as B, dimensionToCSS as g, isInfinity as p } from "../constants/layout.js";
-import { o as _ } from "../cleanup-BR8UpYPX.js";
+import { shouldExpandForInfinity as z, dimensionToCSS as g, isInfinity as p } from "../constants/layout.js";
+import { o as F } from "../cleanup-BR8UpYPX.js";
 const L = /* @__PURE__ */ new WeakMap();
 let y = null;
-function te(s) {
-  if (s === null)
+function ne(o) {
+  if (o === null)
     return y = null, () => {
     };
   const i = y;
   return y = (t, e) => {
-    i?.(t, e), s(t, e);
+    i?.(t, e), o(t, e);
   }, () => {
     y = i;
   };
 }
-function k(s, i, t) {
+function I(o, i, t) {
   try {
-    s(i);
+    o(i);
   } catch (e) {
     if (y) {
       y(e, { updaterId: t, value: i });
@@ -29,20 +29,20 @@ function k(s, i, t) {
     console.error(`Reactive style updater failed (${t}):`, e);
   }
 }
-const A = 200, u = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new Set();
-let P = !1, M = !1;
-function z(s) {
-  u.get(s)?.forEach((t) => t()), u.delete(s), T.delete(s);
+const P = 200, c = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new Set();
+let $ = !1, k = !1;
+function W(o) {
+  c.get(o)?.forEach((t) => t()), c.delete(o), M.delete(o);
 }
-function $() {
-  const s = Date.now();
+function R() {
+  const o = Date.now();
   for (const i of Array.from(v)) {
     const t = i.deref();
     if (!t) {
       v.delete(i);
       continue;
     }
-    const e = T.get(t), n = u.get(t);
+    const e = M.get(t), n = c.get(t);
     if (!e || !n || n.size === 0) {
       v.delete(i);
       continue;
@@ -51,75 +51,81 @@ function $() {
       e.wasConnected = !0;
       continue;
     }
-    (e.wasConnected || s - e.trackedAt >= A) && (z(t), v.delete(i));
+    (e.wasConnected || o - e.trackedAt >= P) && (W(t), v.delete(i));
   }
 }
-function F() {
-  if (M || typeof setTimeout != "function") return;
-  M = !0;
-  const s = () => {
-    if ($(), v.size === 0) {
-      M = !1;
+function U() {
+  if (k || typeof setTimeout != "function") return;
+  k = !0;
+  const o = () => {
+    if (R(), v.size === 0) {
+      k = !1;
       return;
     }
-    setTimeout(s, A);
+    setTimeout(o, P);
   };
-  setTimeout(s, A);
+  setTimeout(o, P);
 }
-function W() {
-  if (P || typeof document > "u" || !document.documentElement || typeof MutationObserver > "u")
+function j() {
+  if ($ || typeof document > "u" || !document.documentElement || typeof MutationObserver > "u")
     return;
   new MutationObserver(() => {
-    $();
-  }).observe(document.documentElement, { childList: !0, subtree: !0 }), P = !0;
+    R();
+  }).observe(document.documentElement, { childList: !0, subtree: !0 }), $ = !0;
 }
-function U(s, i) {
-  W(), F();
-  const t = u.get(s) ?? /* @__PURE__ */ new Set(), e = t.size > 0;
-  return t.add(i), u.set(s, t), e || (T.set(s, {
+function N(o, i) {
+  j(), U();
+  const t = c.get(o) ?? /* @__PURE__ */ new Set(), e = t.size > 0;
+  return t.add(i), c.set(o, t), e || (M.set(o, {
     trackedAt: Date.now(),
-    wasConnected: s.isConnected
-  }), v.add(new WeakRef(s))), () => {
-    const n = u.get(s);
-    n && (n.delete(i), n.size === 0 && (u.delete(s), T.delete(s)));
+    wasConnected: o.isConnected
+  }), v.add(new WeakRef(o))), () => {
+    const n = c.get(o);
+    n && (n.delete(i), n.size === 0 && (c.delete(o), M.delete(o)));
   };
 }
-function N({
-  element: s,
+function K({
+  element: o,
   accessor: i,
   updater: t,
   updaterId: e
 }) {
-  const n = L.get(s) ?? /* @__PURE__ */ new Map();
-  L.has(s) || L.set(s, n);
+  const n = L.get(o) ?? /* @__PURE__ */ new Map();
+  L.has(o) || L.set(o, n);
   let r = n.get(i);
   if (!r) {
     const a = /* @__PURE__ */ new Map();
     r = { effect: b(() => {
-      const c = i();
+      const u = i();
       a.forEach(
-        (w, h) => k(w, c, h)
+        (w, h) => I(w, u, h)
       );
     }), updaters: a }, n.set(i, r);
   }
-  r.updaters.set(e, t), k(t, i(), e);
-  let o = null;
+  r.updaters.set(e, t), I(t, i(), e);
+  let s = null;
   const l = () => {
-    o && (o(), o = null);
-    const a = L.get(s), d = a?.get(i);
-    d && (d.updaters.delete(e), d.updaters.size === 0 && (d.effect.dispose(), a?.delete(i), m(i) && R(i)), a && a.size === 0 && L.delete(s));
+    s && (s(), s = null);
+    const a = L.get(o), d = a?.get(i);
+    d && (d.updaters.delete(e), d.updaters.size === 0 && (d.effect.dispose(), a?.delete(i), m(i) && D(i)), a && a.size === 0 && L.delete(o));
   };
-  O() ? _(l) : o = U(s, l);
+  B() ? F(l) : s = N(o, l);
 }
-var j = Object.defineProperty, K = (s, i, t) => i in s ? j(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t, f = (s, i, t) => K(s, typeof i != "symbol" ? i + "" : i, t);
-const I = Symbol.for("tachui.modifier.instanceId"), x = "core";
-let H = 0;
-function Y(s) {
-  const i = s[I];
+var x = Object.defineProperty, Y = (o, i, t) => i in o ? x(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t, f = (o, i, t) => Y(o, typeof i != "symbol" ? i + "" : i, t);
+const H = Symbol.for("tachui.modifier.instanceId"), G = "core";
+let V = 0;
+function T(o) {
+  return typeof HTMLElement < "u" && o instanceof HTMLElement;
+}
+function A(o) {
+  return typeof o == "object" && o !== null && "style" in o && !!o.style;
+}
+function X(o) {
+  const i = o[H];
   if (typeof i == "number") return i;
-  H += 1;
-  const t = H;
-  return Object.defineProperty(s, I, {
+  V += 1;
+  const t = V;
+  return Object.defineProperty(o, H, {
     value: t,
     enumerable: !1,
     configurable: !1,
@@ -146,13 +152,13 @@ class E {
     const n = typeof HTMLElement < "u" && i instanceof HTMLElement;
     if (!n && !i.style)
       return;
-    const r = this.toCSSProperty(t), o = i.style, l = (a) => {
+    const r = this.toCSSProperty(t), s = i.style, l = (a) => {
       if (a.includes("!important")) {
         const d = a.replace(/\s*!important\s*$/, "").trim();
-        o.setProperty(r, d, "important");
+        s.setProperty(r, d, "important");
         return;
       }
-      o.setProperty(r, a);
+      s.setProperty(r, a);
     };
     if (S(e) || m(e)) {
       b(() => {
@@ -209,25 +215,25 @@ class E {
   applyStyles(i, t) {
     const e = typeof HTMLElement < "u" && i instanceof HTMLElement;
     if (e || i.style) {
-      const n = i.style, r = (o, l) => {
+      const n = i.style, r = (s, l) => {
         if (n.setProperty)
           if (typeof l == "string" && l.includes("!important")) {
             const a = l.replace(/\s*!important\s*$/, "").trim();
-            n.setProperty(o, a, "important");
+            n.setProperty(s, a, "important");
           } else
-            n.setProperty(o, l);
+            n.setProperty(s, l);
         else
-          n[o] = l;
+          n[s] = l;
       };
-      for (const [o, l] of Object.entries(t))
+      for (const [s, l] of Object.entries(t))
         if (l !== void 0) {
-          const a = this.toCSSProperty(o);
+          const a = this.toCSSProperty(s);
           if (S(l) || m(l)) {
-            const d = l, c = Y(this);
-            N({
+            const d = l, u = X(this);
+            K({
               element: i,
               accessor: d,
-              updaterId: `${x}:${c}:${a}`,
+              updaterId: `${G}:${u}:${a}`,
               updater: (w) => {
                 const h = this.toCSSValueForProperty(a, w);
                 r(a, h);
@@ -244,13 +250,13 @@ class E {
    * Add CSS classes to an element
    */
   addClasses(i, t) {
-    i instanceof HTMLElement && i.classList.add(...t);
+    T(i) && i.classList.add(...t);
   }
   /**
    * Remove CSS classes from an element
    */
   removeClasses(i, t) {
-    i instanceof HTMLElement && i.classList.remove(...t);
+    T(i) && i.classList.remove(...t);
   }
   /**
    * Create a style computation context
@@ -265,7 +271,7 @@ class E {
     };
   }
 }
-class ie extends E {
+class re extends E {
   constructor() {
     super(...arguments), f(this, "type", "layout"), f(this, "priority", C.LAYOUT);
   }
@@ -281,40 +287,40 @@ class ie extends E {
     );
     this.applyStyles(t.element, n);
     const r = this.properties;
-    r.position && t.element instanceof HTMLElement && this.applyAbsolutePosition(t.element, r.position);
+    r.position && T(t.element) && this.applyAbsolutePosition(t.element, r.position);
   }
   // Layout modifier implementations have been migrated to @tachui/modifiers/layout
   applyAbsolutePosition(i, t) {
-    const { x: e, y: n } = t, r = e ?? "auto", o = n ?? "auto";
-    i.style.left = this.toCSSValue(r), i.style.top = this.toCSSValue(o);
+    const { x: e, y: n } = t, r = e ?? "auto", s = n ?? "auto";
+    i.style.left = this.toCSSValue(r), i.style.top = this.toCSSValue(s);
   }
   computeLayoutStyles(i, t) {
     const e = {};
     if (i.frame) {
-      const n = i.frame, r = B(n);
+      const n = i.frame, r = z(n);
       if (Object.assign(e, r.cssProps), n.width !== void 0) {
-        const o = g(n.width);
-        o !== void 0 && !p(n.width) && !r.expandWidth && (e.width = o);
+        const s = g(n.width);
+        s !== void 0 && !p(n.width) && !r.expandWidth && (e.width = s);
       }
       if (n.height !== void 0) {
-        const o = g(n.height);
-        o !== void 0 && !p(n.height) && !r.expandHeight && (e.height = o);
+        const s = g(n.height);
+        s !== void 0 && !p(n.height) && !r.expandHeight && (e.height = s);
       }
       if (n.minWidth !== void 0) {
-        const o = g(n.minWidth);
-        o !== void 0 && (e.minWidth = o);
+        const s = g(n.minWidth);
+        s !== void 0 && (e.minWidth = s);
       }
       if (n.maxWidth !== void 0 && !p(n.maxWidth)) {
-        const o = g(n.maxWidth);
-        o !== void 0 && (e.maxWidth = o);
+        const s = g(n.maxWidth);
+        s !== void 0 && (e.maxWidth = s);
       } else p(n.maxWidth) && (e.maxWidth = "none", e.flexGrow = "1 !important", e.flexShrink = "1 !important", e.flexBasis = "0% !important", e.alignSelf = "stretch !important");
       if (n.minHeight !== void 0) {
-        const o = g(n.minHeight);
-        o !== void 0 && (e.minHeight = o);
+        const s = g(n.minHeight);
+        s !== void 0 && (e.minHeight = s);
       }
       if (n.maxHeight !== void 0 && !p(n.maxHeight)) {
-        const o = g(n.maxHeight);
-        o !== void 0 && (e.maxHeight = o);
+        const s = g(n.maxHeight);
+        s !== void 0 && (e.maxHeight = s);
       } else p(n.maxHeight) && (e.maxHeight = "none", e.flexGrow = "1 !important", e.flexShrink = "1 !important", e.flexBasis = "0% !important", e.alignSelf = "stretch !important");
     }
     if (i.padding !== void 0)
@@ -364,7 +370,7 @@ class ie extends E {
     return e;
   }
 }
-class ne extends E {
+class oe extends E {
   constructor() {
     super(...arguments), f(this, "type", "appearance"), f(this, "priority", C.APPEARANCE);
   }
@@ -387,7 +393,7 @@ class ne extends E {
    * Apply Asset-based styles with theme reactivity
    */
   applyAssetBasedStyles(i, t) {
-    const e = D();
+    const e = _();
     t.foregroundColor && this.isAsset(t.foregroundColor) && b(() => {
       e();
       const n = t.foregroundColor.resolve();
@@ -451,7 +457,7 @@ class ne extends E {
     return i._tachui_component || null;
   }
 }
-class re extends E {
+class se extends E {
   constructor() {
     super(...arguments), f(this, "type", "interaction"), f(this, "priority", C.INTERACTION);
   }
@@ -470,16 +476,16 @@ class re extends E {
       let n = 0, r = 0;
       t.element.addEventListener(
         "touchstart",
-        (o) => {
-          const a = o.touches[0];
+        (s) => {
+          const a = s.touches[0];
           n = a.clientX, r = a.clientY;
         },
         { passive: !0 }
       ), t.element.addEventListener(
         "touchend",
-        (o) => {
-          const a = o.changedTouches[0], d = a.clientX - n, c = a.clientY - r;
-          Math.abs(d) > Math.abs(c) && Math.abs(d) > 50 && (d < 0 && e.onSwipeLeft ? e.onSwipeLeft() : d > 0 && e.onSwipeRight && e.onSwipeRight());
+        (s) => {
+          const a = s.changedTouches[0], d = a.clientX - n, u = a.clientY - r;
+          Math.abs(d) > Math.abs(u) && Math.abs(d) > 50 && (d < 0 && e.onSwipeLeft ? e.onSwipeLeft() : d > 0 && e.onSwipeRight && e.onSwipeRight());
         },
         { passive: !0 }
       );
@@ -489,12 +495,12 @@ class re extends E {
     }), e.onWheel && t.element.addEventListener("wheel", e.onWheel, {
       passive: !1
     }), e.onInput && t.element.addEventListener("input", e.onInput), e.onChange && t.element.addEventListener("change", (n) => {
-      const r = n.target, o = r.value || r.textContent || "";
-      e.onChange(o, n);
-    }), e.onCopy && t.element.addEventListener("copy", e.onCopy), e.onCut && t.element.addEventListener("cut", e.onCut), e.onPaste && t.element.addEventListener("paste", e.onPaste), e.onSelect && t.element.addEventListener("select", e.onSelect), e.disabled !== void 0 && t.element instanceof HTMLElement && (e.disabled ? (t.element.setAttribute("disabled", "true"), t.element.style.pointerEvents = "none", t.element.style.opacity = "0.6") : (t.element.removeAttribute("disabled"), t.element.style.pointerEvents = "", t.element.style.opacity = "")), e.draggable !== void 0 && t.element instanceof HTMLElement && (t.element.draggable = e.draggable), e.accessibilityLabel && t.element.setAttribute("aria-label", e.accessibilityLabel), e.accessibilityHint && t.element.setAttribute("aria-describedby", e.accessibilityHint);
+      const r = n.target, s = r.value || r.textContent || "";
+      e.onChange(s, n);
+    }), e.onCopy && t.element.addEventListener("copy", e.onCopy), e.onCut && t.element.addEventListener("cut", e.onCut), e.onPaste && t.element.addEventListener("paste", e.onPaste), e.onSelect && t.element.addEventListener("select", e.onSelect), e.disabled !== void 0 && T(t.element) && (e.disabled ? (t.element.setAttribute("disabled", "true"), t.element.style.pointerEvents = "none", t.element.style.opacity = "0.6") : (t.element.removeAttribute("disabled"), t.element.style.pointerEvents = "", t.element.style.opacity = "")), e.draggable !== void 0 && T(t.element) && (t.element.draggable = e.draggable), e.accessibilityLabel && t.element.setAttribute("aria-label", e.accessibilityLabel), e.accessibilityHint && t.element.setAttribute("aria-describedby", e.accessibilityHint);
   }
 }
-class oe extends E {
+class ae extends E {
   constructor() {
     super(...arguments), f(this, "type", "animation"), f(this, "priority", C.ANIMATION);
   }
@@ -502,26 +508,26 @@ class oe extends E {
     if (!t.element) return;
     const e = this.properties;
     if (e.transition) {
-      const n = e.transition, r = n.property || "all", o = n.duration || 300, l = n.easing || "ease", a = n.delay || 0;
-      t.element instanceof HTMLElement && (t.element.style.transition = `${r} ${o}ms ${l} ${a}ms`);
+      const n = e.transition, r = n.property || "all", s = n.duration || 300, l = n.easing || "ease", a = n.delay || 0;
+      A(t.element) && (t.element.style.transition = `${r} ${s}ms ${l} ${a}ms`);
     }
-    if (e.animation && t.element instanceof HTMLElement) {
+    if (e.animation && A(t.element)) {
       const n = e.animation;
-      if (n.keyframes) {
-        const r = `tachui-animation-${t.componentId}-${Date.now()}`, o = this.createKeyframeRule(
+      if (n.keyframes && typeof document < "u") {
+        const r = `tachui-animation-${t.componentId}-${Date.now()}`, s = this.createKeyframeRule(
           r,
           n.keyframes
         );
-        this.addKeyframesToStylesheet(o);
-        const l = n.duration || 1e3, a = n.easing || "ease", d = n.iterations || 1, c = n.direction || "normal";
-        t.element.style.animation = `${r} ${l}ms ${a} ${d} ${c}`;
+        this.addKeyframesToStylesheet(s);
+        const l = n.duration || 1e3, a = n.easing || "ease", d = n.iterations || 1, u = n.direction || "normal";
+        t.element.style.animation = `${r} ${l}ms ${a} ${d} ${u}`;
       }
     }
-    if (e.transform && t.element instanceof HTMLElement && (S(e.transform) || m(e.transform) ? b(() => {
+    if (e.transform && A(t.element) && (S(e.transform) || m(e.transform) ? b(() => {
       const n = e.transform();
-      t.element instanceof HTMLElement && (t.element.style.transform = n);
-    }) : t.element.style.transform = e.transform), e.scaleEffect && t.element instanceof HTMLElement) {
-      const { x: n, y: r, anchor: o } = e.scaleEffect, l = r ?? n, d = {
+      A(t.element) && (t.element.style.transform = n);
+    }) : t.element.style.transform = e.transform), e.scaleEffect && A(t.element)) {
+      const { x: n, y: r, anchor: s } = e.scaleEffect, l = r ?? n, d = {
         center: "50% 50%",
         top: "50% 0%",
         topLeading: "0% 0%",
@@ -531,10 +537,10 @@ class oe extends E {
         bottomTrailing: "100% 100%",
         leading: "0% 50%",
         trailing: "100% 50%"
-      }[o || "center"] || "50% 50%";
+      }[s || "center"] || "50% 50%";
       t.element.style.transformOrigin = d;
-      const c = `scale(${n}, ${l})`, h = (t.element.style.transform || "").replace(/\s*scale[XYZ3d]*\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), V = h ? `${h} ${c}`.trim() : c;
-      t.element.style.transform = V;
+      const u = `scale(${n}, ${l})`, h = (t.element.style.transform || "").replace(/\s*scale[XYZ3d]*\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), O = h ? `${h} ${u}`.trim() : u;
+      t.element.style.transform = O;
     }
   }
   createKeyframeRule(i, t) {
@@ -543,8 +549,8 @@ class oe extends E {
     for (const [n, r] of Object.entries(t)) {
       e += `  ${n} {
 `;
-      for (const [o, l] of Object.entries(r)) {
-        const a = this.toCSSProperty(o);
+      for (const [s, l] of Object.entries(r)) {
+        const a = this.toCSSProperty(s);
         e += `    ${a}: ${l};
 `;
       }
@@ -560,7 +566,7 @@ class oe extends E {
     t || (t = document.createElement("style"), t.id = "tachui-animations", document.head.appendChild(t)), t.appendChild(document.createTextNode(i));
   }
 }
-class se extends E {
+class le extends E {
   constructor() {
     super(...arguments), f(this, "type", "lifecycle"), f(this, "priority", C.CUSTOM), f(this, "activeAbortController");
   }
@@ -601,7 +607,7 @@ class se extends E {
     this.properties._cleanupFunctions || (this.properties._cleanupFunctions = []), this.properties._cleanupFunctions.push(i);
   }
 }
-class ae extends E {
+class de extends E {
   constructor() {
     super(...arguments), f(this, "type", "resizable"), f(this, "priority", C.APPEARANCE);
   }
@@ -610,13 +616,13 @@ class ae extends E {
   }
 }
 export {
-  oe as AnimationModifier,
-  ne as AppearanceModifier,
+  ae as AnimationModifier,
+  oe as AppearanceModifier,
   E as BaseModifier,
-  re as InteractionModifier,
-  ie as LayoutModifier,
-  se as LifecycleModifier,
-  ae as ResizableModifier,
-  N as bindReactiveStyle,
-  te as setReactiveStyleUpdaterErrorHandler
+  se as InteractionModifier,
+  re as LayoutModifier,
+  le as LifecycleModifier,
+  de as ResizableModifier,
+  K as bindReactiveStyle,
+  ne as setReactiveStyleUpdaterErrorHandler
 };

package/dist/modifiers/factories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factories.d.ts","sourceRoot":"","sources":["../../src/modifiers/factories.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"factories.d.ts","sourceRoot":"","sources":["../../src/modifiers/factories.ts"],"names":[],"mappings":"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"}

package/dist/modifiers/index.js

@@ -2,7 +2,7 @@ import { AnimationModifier as r, AppearanceModifier as o, BaseModifier as a, Int
 import { ModifierPriority as p } from "@tachui/types/modifiers";
 import { M as c, a as l, b as m, d as y, c as x, e as b, m as u, s as g } from "../concatenated-component-CA54ng_j.js";
 import { a as h, r as B } from "../proxy-B7ZIqGd0.js";
-import { a as R, b as v, d as A, e as I, f as L, c as j, g as k, h as z, j as E, i as H, l as N, m as S, p as T, r as U, s as W, k as q } from "../factories-B05hE6kc.js";
+import { a as R, b as v, d as A, e as I, f as L, c as j, g as k, h as z, j as E, i as H, l as N, m as S, p as T, r as U, s as W, k as q } from "../factories-Bz6LZlk6.js";
 import { r as D } from "../registration-utils-CNsN4eoU.js";
 export {
   r as AnimationModifier,

package/dist/version.js

@@ -1,4 +1,4 @@
-const c = "@tachui/core", o = "0.8.24", n = c, t = o, s = o;
+const c = "@tachui/core", o = "0.8.25", n = c, t = o, s = o;
 export {
   n as TACHUI_PACKAGE,
   t as TACHUI_PACKAGE_VERSION,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tachui/core",
-  "version": "0.8.24",
+  "version": "0.8.25",
   "description": "tachUI core framework with reactive system and compiler",
   "homepage": "https://tachui.dev/",
   "type": "module",
@@ -154,8 +154,8 @@
     "dist"
   ],
   "dependencies": {
-    "@tachui/types": "0.8.24",
-    "@tachui/registry": "0.8.24"
+    "@tachui/types": "0.8.25",
+    "@tachui/registry": "0.8.25"
   },
   "devDependencies": {
     "@types/jsdom": "^21.1.6",