@tachui/core 0.8.5-alpha → 0.8.8

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,11 +1,131 @@
-import "../scheduler-DI_8ykMk.js";
-import { i as p, d as v, J as E } from "../theme-BFaKUcjZ.js";
-import { c as h } from "../effect-DGmdACI2.js";
+import { o as R } from "../scheduler-DppMK9mR.js";
+import { p as O, d as m, r as D, i as v, K as B } from "../theme-CRLPHryV.js";
+import { c as b } from "../effect-BsW3fy1q.js";
 import "@tachui/types/reactive";
-import { ModifierPriority as g } from "@tachui/types/modifiers";
-import { shouldExpandForInfinity as L, dimensionToCSS as u, isInfinity as m } from "../constants/layout.js";
-var A = Object.defineProperty, T = (d, i, t) => i in d ? A(d, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[i] = t, l = (d, i, t) => T(d, typeof i != "symbol" ? i + "" : i, t);
-class y {
+import { ModifierPriority as S } from "@tachui/types/modifiers";
+import { shouldExpandForInfinity as _, dimensionToCSS as h, isInfinity as g } from "../constants/layout.js";
+const w = /* @__PURE__ */ new WeakMap();
+let p = null;
+function ee(s) {
+  if (s === null)
+    return p = null, () => {
+    };
+  const i = p;
+  return p = (t, e) => {
+    i?.(t, e), s(t, e);
+  }, () => {
+    p = i;
+  };
+}
+function k(s, i, t) {
+  try {
+    s(i);
+  } catch (e) {
+    if (p) {
+      p(e, { updaterId: t, value: i });
+      return;
+    }
+    console.error(`Reactive style updater failed (${t}):`, e);
+  }
+}
+const M = 200, u = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new Set();
+let P = !1, A = !1;
+function z(s) {
+  u.get(s)?.forEach((t) => t()), u.delete(s), T.delete(s);
+}
+function H() {
+  const s = Date.now();
+  for (const i of Array.from(y)) {
+    const t = i.deref();
+    if (!t) {
+      y.delete(i);
+      continue;
+    }
+    const e = T.get(t), n = u.get(t);
+    if (!e || !n || n.size === 0) {
+      y.delete(i);
+      continue;
+    }
+    if (t.isConnected) {
+      e.wasConnected = !0;
+      continue;
+    }
+    (e.wasConnected || s - e.trackedAt >= M) && (z(t), y.delete(i));
+  }
+}
+function F() {
+  if (A || typeof setTimeout != "function") return;
+  A = !0;
+  const s = () => {
+    if (H(), y.size === 0) {
+      A = !1;
+      return;
+    }
+    setTimeout(s, M);
+  };
+  setTimeout(s, M);
+}
+function W() {
+  if (P || typeof document > "u" || !document.documentElement || typeof MutationObserver > "u")
+    return;
+  new MutationObserver(() => {
+    H();
+  }).observe(document.documentElement, { childList: !0, subtree: !0 }), P = !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, {
+    trackedAt: Date.now(),
+    wasConnected: s.isConnected
+  }), y.add(new WeakRef(s))), () => {
+    const n = u.get(s);
+    n && (n.delete(i), n.size === 0 && (u.delete(s), T.delete(s)));
+  };
+}
+function N({
+  element: s,
+  accessor: i,
+  updater: t,
+  updaterId: e
+}) {
+  const n = w.get(s) ?? /* @__PURE__ */ new Map();
+  w.has(s) || w.set(s, n);
+  let r = n.get(i);
+  if (!r) {
+    const a = /* @__PURE__ */ new Map();
+    r = { effect: b(() => {
+      const c = i();
+      a.forEach(
+        (E, L) => k(E, c, L)
+      );
+    }), updaters: a }, n.set(i, r);
+  }
+  r.updaters.set(e, t), k(t, i(), e);
+  let o = null;
+  const l = () => {
+    o && (o(), o = null);
+    const a = w.get(s), 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 && w.delete(s));
+  };
+  O() ? R(l) : o = U(s, 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 $ = 0;
+function Y(s) {
+  const i = s[I];
+  if (typeof i == "number") return i;
+  $ += 1;
+  const t = $;
+  return Object.defineProperty(s, I, {
+    value: t,
+    enumerable: !1,
+    configurable: !1,
+    writable: !1
+  }), t;
+}
+class C {
   constructor(i) {
     this.properties = i;
   }
@@ -15,7 +135,7 @@ class y {
   resolveReactiveProps(i, t) {
     const e = {};
     for (const [n, r] of Object.entries(i))
-      p(r) || v(r), e[n] = r;
+      v(r) || m(r), e[n] = r;
     return e;
   }
   /**
@@ -24,12 +144,12 @@ class y {
   applyStyleChange(i, t, e) {
     if (i instanceof HTMLElement) {
       const n = this.toCSSProperty(t);
-      if (p(e) || v(e))
-        h(() => {
+      if (v(e) || m(e))
+        b(() => {
           const r = e(), o = String(r);
           if (o.includes("!important")) {
-            const a = o.replace(/\s*!important\s*$/, "").trim();
-            i.style.setProperty(n, a, "important");
+            const l = o.replace(/\s*!important\s*$/, "").trim();
+            i.style.setProperty(n, l, "important");
           } else
             i.style.setProperty(n, o);
         });
@@ -82,35 +202,33 @@ class y {
    */
   applyStyles(i, t) {
     if (i instanceof HTMLElement || i.style) {
-      const e = (i instanceof HTMLElement, i.style);
-      for (const [n, r] of Object.entries(t))
-        if (r !== void 0) {
-          const o = this.toCSSProperty(n);
-          if (p(r) || v(r))
-            h(() => {
-              const a = r(), s = this.toCSSValueForProperty(
-                o,
-                a
-              );
-              if (e.setProperty)
-                if (typeof s == "string" && s.includes("!important")) {
-                  const f = s.replace(/\s*!important\s*$/, "").trim();
-                  e.setProperty(o, f, "important");
-                } else
-                  e.setProperty(o, s);
-              else
-                e[o] = s;
+      const e = (i instanceof HTMLElement, i.style), n = (r, o) => {
+        if (e.setProperty)
+          if (typeof o == "string" && o.includes("!important")) {
+            const l = o.replace(/\s*!important\s*$/, "").trim();
+            e.setProperty(r, l, "important");
+          } else
+            e.setProperty(r, o);
+        else
+          e[r] = o;
+      };
+      for (const [r, o] of Object.entries(t))
+        if (o !== void 0) {
+          const l = this.toCSSProperty(r);
+          if (v(o) || m(o)) {
+            const a = o, d = Y(this);
+            N({
+              element: i,
+              accessor: a,
+              updaterId: `${x}:${d}:${l}`,
+              updater: (c) => {
+                const E = this.toCSSValueForProperty(l, c);
+                n(l, E);
+              }
             });
-          else {
-            const a = this.toCSSValueForProperty(o, r);
-            if (e.setProperty)
-              if (typeof a == "string" && a.includes("!important")) {
-                const s = a.replace(/\s*!important\s*$/, "").trim();
-                e.setProperty(o, s, "important");
-              } else
-                e.setProperty(o, a);
-            else
-              e[o] = a;
+          } else {
+            const a = this.toCSSValueForProperty(l, o);
+            n(l, a);
           }
         }
     }
@@ -140,9 +258,9 @@ class y {
     };
   }
 }
-class H extends y {
+class te extends C {
   constructor() {
-    super(...arguments), l(this, "type", "layout"), l(this, "priority", g.LAYOUT);
+    super(...arguments), f(this, "type", "layout"), f(this, "priority", S.LAYOUT);
   }
   apply(i, t) {
     if (!i.element || !t.element) return;
@@ -166,31 +284,31 @@ class H extends y {
   computeLayoutStyles(i, t) {
     const e = {};
     if (i.frame) {
-      const n = i.frame, r = L(n);
+      const n = i.frame, r = _(n);
       if (Object.assign(e, r.cssProps), n.width !== void 0) {
-        const o = u(n.width);
-        o !== void 0 && !m(n.width) && !r.expandWidth && (e.width = o);
+        const o = h(n.width);
+        o !== void 0 && !g(n.width) && !r.expandWidth && (e.width = o);
       }
       if (n.height !== void 0) {
-        const o = u(n.height);
-        o !== void 0 && !m(n.height) && !r.expandHeight && (e.height = o);
+        const o = h(n.height);
+        o !== void 0 && !g(n.height) && !r.expandHeight && (e.height = o);
       }
       if (n.minWidth !== void 0) {
-        const o = u(n.minWidth);
+        const o = h(n.minWidth);
         o !== void 0 && (e.minWidth = o);
       }
-      if (n.maxWidth !== void 0 && !m(n.maxWidth)) {
-        const o = u(n.maxWidth);
+      if (n.maxWidth !== void 0 && !g(n.maxWidth)) {
+        const o = h(n.maxWidth);
         o !== void 0 && (e.maxWidth = o);
-      } else m(n.maxWidth) && (e.maxWidth = "none", e.flexGrow = "1 !important", e.flexShrink = "1 !important", e.flexBasis = "0% !important", e.alignSelf = "stretch !important");
+      } else g(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 = u(n.minHeight);
+        const o = h(n.minHeight);
         o !== void 0 && (e.minHeight = o);
       }
-      if (n.maxHeight !== void 0 && !m(n.maxHeight)) {
-        const o = u(n.maxHeight);
+      if (n.maxHeight !== void 0 && !g(n.maxHeight)) {
+        const o = h(n.maxHeight);
         o !== void 0 && (e.maxHeight = o);
-      } else m(n.maxHeight) && (e.maxHeight = "none", e.flexGrow = "1 !important", e.flexShrink = "1 !important", e.flexBasis = "0% !important", e.alignSelf = "stretch !important");
+      } else g(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)
       if (typeof i.padding == "number")
@@ -239,9 +357,9 @@ class H extends y {
     return e;
   }
 }
-class I extends y {
+class ie extends C {
   constructor() {
-    super(...arguments), l(this, "type", "appearance"), l(this, "priority", g.APPEARANCE);
+    super(...arguments), f(this, "type", "appearance"), f(this, "priority", S.APPEARANCE);
   }
   apply(i, t) {
     if (!i.element || !t.element)
@@ -262,16 +380,16 @@ class I extends y {
    * Apply Asset-based styles with theme reactivity
    */
   applyAssetBasedStyles(i, t) {
-    const e = E();
-    t.foregroundColor && this.isAsset(t.foregroundColor) && h(() => {
+    const e = B();
+    t.foregroundColor && this.isAsset(t.foregroundColor) && b(() => {
       e();
       const n = t.foregroundColor.resolve();
       this.applyStyleChange(i, "color", n);
-    }), t.backgroundColor && this.isAsset(t.backgroundColor) && h(() => {
+    }), t.backgroundColor && this.isAsset(t.backgroundColor) && b(() => {
       e();
       const n = t.backgroundColor.resolve();
       this.applyStyleChange(i, "backgroundColor", n);
-    }), t.border?.color && this.isAsset(t.border.color) && h(() => {
+    }), t.border?.color && this.isAsset(t.border.color) && b(() => {
       e();
       const n = t.border.color.resolve();
       this.applyStyleChange(i, "borderColor", n);
@@ -293,7 +411,7 @@ class I extends y {
           t.fontFamily = r;
         } else
           t.fontFamily = n.family;
-      n.size && (t.fontSize = this.toCSSValue(n.size)), n.weight && (t.fontWeight = String(n.weight)), n.style && (t.fontStyle = n.style);
+      n.size !== void 0 && (t.fontSize = v(n.size) || m(n.size) ? n.size : this.toCSSValue(n.size)), n.weight !== void 0 && (t.fontWeight = v(n.weight) || m(n.weight) ? n.weight : String(n.weight)), n.style && (t.fontStyle = n.style);
     }
     if (i.cornerRadius !== void 0 && (t.borderRadius = this.toCSSValue(i.cornerRadius)), i.border) {
       const n = i.border;
@@ -326,9 +444,9 @@ class I extends y {
     return i._tachui_component || null;
   }
 }
-class R extends y {
+class ne extends C {
   constructor() {
-    super(...arguments), l(this, "type", "interaction"), l(this, "priority", g.INTERACTION);
+    super(...arguments), f(this, "type", "interaction"), f(this, "priority", S.INTERACTION);
   }
   apply(i, t) {
     if (!t.element) return;
@@ -346,15 +464,15 @@ class R extends y {
       t.element.addEventListener(
         "touchstart",
         (o) => {
-          const s = o.touches[0];
-          n = s.clientX, r = s.clientY;
+          const a = o.touches[0];
+          n = a.clientX, r = a.clientY;
         },
         { passive: !0 }
       ), t.element.addEventListener(
         "touchend",
         (o) => {
-          const s = o.changedTouches[0], f = s.clientX - n, c = s.clientY - r;
-          Math.abs(f) > Math.abs(c) && Math.abs(f) > 50 && (f < 0 && e.onSwipeLeft ? e.onSwipeLeft() : f > 0 && e.onSwipeRight && e.onSwipeRight());
+          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());
         },
         { passive: !0 }
       );
@@ -369,16 +487,16 @@ class R extends y {
     }), 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);
   }
 }
-class D extends y {
+class re extends C {
   constructor() {
-    super(...arguments), l(this, "type", "animation"), l(this, "priority", g.ANIMATION);
+    super(...arguments), f(this, "type", "animation"), f(this, "priority", S.ANIMATION);
   }
   apply(i, t) {
     if (!t.element) return;
     const e = this.properties;
     if (e.transition) {
-      const n = e.transition, r = n.property || "all", o = n.duration || 300, a = n.easing || "ease", s = n.delay || 0;
-      t.element instanceof HTMLElement && (t.element.style.transition = `${r} ${o}ms ${a} ${s}ms`);
+      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`);
     }
     if (e.animation && t.element instanceof HTMLElement) {
       const n = e.animation;
@@ -388,15 +506,15 @@ class D extends y {
           n.keyframes
         );
         this.addKeyframesToStylesheet(o);
-        const a = n.duration || 1e3, s = n.easing || "ease", f = n.iterations || 1, c = n.direction || "normal";
-        t.element.style.animation = `${r} ${a}ms ${s} ${f} ${c}`;
+        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}`;
       }
     }
-    if (e.transform && t.element instanceof HTMLElement && (p(e.transform) || v(e.transform) ? h(() => {
+    if (e.transform && t.element instanceof HTMLElement && (v(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, a = r ?? n, f = {
+      const { x: n, y: r, anchor: o } = e.scaleEffect, l = r ?? n, d = {
         center: "50% 50%",
         top: "50% 0%",
         topLeading: "0% 0%",
@@ -407,9 +525,9 @@ class D extends y {
         leading: "0% 50%",
         trailing: "100% 50%"
       }[o || "center"] || "50% 50%";
-      t.element.style.transformOrigin = f;
-      const c = `scale(${n}, ${a})`, b = (t.element.style.transform || "").replace(/\s*scale[XYZ3d]*\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), C = b ? `${b} ${c}`.trim() : c;
-      t.element.style.transform = C;
+      t.element.style.transformOrigin = d;
+      const c = `scale(${n}, ${l})`, L = (t.element.style.transform || "").replace(/\s*scale[XYZ3d]*\([^)]*\)\s*/g, " ").replace(/\s+/g, " ").trim(), V = L ? `${L} ${c}`.trim() : c;
+      t.element.style.transform = V;
     }
   }
   createKeyframeRule(i, t) {
@@ -418,9 +536,9 @@ class D extends y {
     for (const [n, r] of Object.entries(t)) {
       e += `  ${n} {
 `;
-      for (const [o, a] of Object.entries(r)) {
-        const s = this.toCSSProperty(o);
-        e += `    ${s}: ${a};
+      for (const [o, l] of Object.entries(r)) {
+        const a = this.toCSSProperty(o);
+        e += `    ${a}: ${l};
 `;
       }
       e += `  }
@@ -435,9 +553,9 @@ class D extends y {
     t || (t = document.createElement("style"), t.id = "tachui-animations", document.head.appendChild(t)), t.appendChild(document.createTextNode(i));
   }
 }
-class O extends y {
+class oe extends C {
   constructor() {
-    super(...arguments), l(this, "type", "lifecycle"), l(this, "priority", g.CUSTOM), l(this, "activeAbortController");
+    super(...arguments), f(this, "type", "lifecycle"), f(this, "priority", S.CUSTOM), f(this, "activeAbortController");
   }
   apply(i, t) {
     if (!t.element) return;
@@ -476,20 +594,22 @@ class O extends y {
     this.properties._cleanupFunctions || (this.properties._cleanupFunctions = []), this.properties._cleanupFunctions.push(i);
   }
 }
-class B extends y {
+class se extends C {
   constructor() {
-    super(...arguments), l(this, "type", "resizable"), l(this, "priority", g.APPEARANCE);
+    super(...arguments), f(this, "type", "resizable"), f(this, "priority", S.APPEARANCE);
   }
   apply(i, t) {
     t.element && t.element instanceof HTMLImageElement && (t.element.style.objectFit = "fill");
   }
 }
 export {
-  D as AnimationModifier,
-  I as AppearanceModifier,
-  y as BaseModifier,
-  R as InteractionModifier,
-  H as LayoutModifier,
-  O as LifecycleModifier,
-  B as ResizableModifier
+  re as AnimationModifier,
+  ie as AppearanceModifier,
+  C as BaseModifier,
+  ne as InteractionModifier,
+  te as LayoutModifier,
+  oe as LifecycleModifier,
+  se as ResizableModifier,
+  N as bindReactiveStyle,
+  ee as setReactiveStyleUpdaterErrorHandler
 };

package/dist/modifiers/builder.js

@@ -1,5 +1,5 @@
 import "@tachui/registry";
-import { M as s, a, c as o, m as d, s as t } from "../concatenated-component-_tF1eMvy.js";
+import { M as s, a, c as o, m as d, s as t } from "../concatenated-component-CP81AwgI.js";
 export {
   s as ModifierBuilderImpl,
   a as applyModifiers,

package/dist/modifiers/index.js

@@ -1,9 +1,9 @@
 import { AnimationModifier as r, AppearanceModifier as o, BaseModifier as a, InteractionModifier as s, LayoutModifier as f, LifecycleModifier as t, ResizableModifier as d } from "./base.js";
 import { ModifierPriority as p } from "@tachui/types/modifiers";
-import { M as n, a as m, b as l, d as y, c as x, e as b, m as u, s as g } from "../concatenated-component-_tF1eMvy.js";
-import { c as h, r as B } from "../proxy-Cqmbiyx0.js";
+import { M as n, a as m, b as l, d as y, c as x, e as b, m as u, s as g } from "../concatenated-component-CP81AwgI.js";
+import { c as h, r as B } from "../proxy-522Jjabr.js";
 import { a as R, b as v, c as A, i as I, l as L, p as z } from "../presets-B9x94uRn.js";
-import { g as H, e as N, f as S, c as T, a as U, i as W, m as j, r as k, s as q, h as w } from "../factories-Co2Lv2kJ.js";
+import { g as H, e as N, f as S, c as T, a as U, i as W, m as j, r as k, s as q, h as w } from "../factories-B3-rmvkB.js";
 import { r as F } from "../registration-utils-CNsN4eoU.js";
 export {
   r as AnimationModifier,

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

@@ -1 +1 @@
-{"version":3,"file":"proxy.d.ts","sourceRoot":"","sources":["../../src/modifiers/proxy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAgDzD,wBAAgB,eAAe,SAI9B;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,iBAAiB,EAC9D,SAAS,EAAE,CAAC,GACX,CAAC,CAyNH"}
+{"version":3,"file":"proxy.d.ts","sourceRoot":"","sources":["../../src/modifiers/proxy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAiDzD,wBAAgB,eAAe,SAK9B;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,iBAAiB,EAC9D,SAAS,EAAE,CAAC,GACX,CAAC,CA+OH"}

package/dist/modifiers/reactive-style-bindings.d.ts

@@ -0,0 +1,22 @@
+type ReactiveAccessor = () => any;
+type ReactiveStyleUpdater = (value: any) => void;
+type CleanupFn = () => void;
+export type ReactiveStyleUpdaterErrorContext = {
+    updaterId: string;
+    value: any;
+};
+export type ReactiveStyleUpdaterErrorHandler = (error: unknown, context: ReactiveStyleUpdaterErrorContext) => void;
+type ReactiveStyleBindingOptions = {
+    element: Element;
+    accessor: ReactiveAccessor;
+    updater: ReactiveStyleUpdater;
+    updaterId: string;
+};
+export declare function setReactiveStyleUpdaterErrorHandler(handler: ReactiveStyleUpdaterErrorHandler | null): CleanupFn;
+/**
+ * Register an element-scoped reactive style updater with cross-module deduplication.
+ * The same element+accessor pair shares one effect regardless of modifier package.
+ */
+export declare function bindReactiveStyle({ element, accessor, updater, updaterId, }: ReactiveStyleBindingOptions): void;
+export {};
+//# sourceMappingURL=reactive-style-bindings.d.ts.map

package/dist/modifiers/reactive-style-bindings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive-style-bindings.d.ts","sourceRoot":"","sources":["../../src/modifiers/reactive-style-bindings.ts"],"names":[],"mappings":"AAGA,KAAK,gBAAgB,GAAG,MAAM,GAAG,CAAA;AACjC,KAAK,oBAAoB,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;AAChD,KAAK,SAAS,GAAG,MAAM,IAAI,CAAA;AAC3B,MAAM,MAAM,gCAAgC,GAAG;IAC7C,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,GAAG,CAAA;CACX,CAAA;AACD,MAAM,MAAM,gCAAgC,GAAG,CAC7C,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,gCAAgC,KACtC,IAAI,CAAA;AAWT,KAAK,2BAA2B,GAAG;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,OAAO,EAAE,oBAAoB,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAKD,wBAAgB,mCAAmC,CACjD,OAAO,EAAE,gCAAgC,GAAG,IAAI,GAC/C,SAAS,CAeX;AAkID;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,2BAA2B,GAAG,IAAI,CAoDpC"}

package/dist/modifiers/registry.js

@@ -1,4 +1,4 @@
-import { b as a, d as r, e as s, z as t, B as d, A as p } from "../concatenated-component-_tF1eMvy.js";
+import { b as a, d as r, e as s, z as t, B as d, A as p } from "../concatenated-component-CP81AwgI.js";
 import "@tachui/registry";
 export {
   a as applyModifiersToNode,

package/dist/{observed-object-DepiqSgg.js → observed-object-p1CLdrFm.js}

@@ -1,6 +1,6 @@
-import { c as l } from "./effect-DGmdACI2.js";
-import { c as f, l as p } from "./theme-BFaKUcjZ.js";
-import { d as a, g as d, p as g, c as y } from "./component-context-B6qX_Qsg.js";
+import { c as l } from "./effect-BsW3fy1q.js";
+import { c as f, l as p } from "./theme-CRLPHryV.js";
+import { d as a, g as d, p as g, c as y } from "./component-context-B9HI2nZH.js";
 var j = Object.defineProperty, O = (e, t, n) => t in e ? j(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, s = (e, t, n) => O(e, typeof t != "symbol" ? t + "" : t, n);
 class v {
   constructor(t) {