@tachui/core 0.8.22 → 0.8.24

package/dist/modifiers/base.js

@@ -1,86 +1,87 @@
-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 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) {
+import { i as m, r as R } 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 { 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";
+const L = /* @__PURE__ */ new WeakMap();
+let y = null;
+function te(s) {
   if (s === null)
-    return p = null, () => {
+    return y = null, () => {
     };
-  const i = p;
-  return p = (t, e) => {
+  const i = y;
+  return y = (t, e) => {
     i?.(t, e), s(t, e);
   }, () => {
-    p = i;
+    y = i;
   };
 }
 function k(s, i, t) {
   try {
     s(i);
   } catch (e) {
-    if (p) {
-      p(e, { updaterId: t, value: i });
+    if (y) {
+      y(e, { updaterId: t, value: i });
       return;
     }
     console.error(`Reactive style updater failed (${t}):`, e);
   }
 }
-const M = 200, u = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new Set();
-let P = !1, T = !1;
+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), A.delete(s);
+  u.get(s)?.forEach((t) => t()), u.delete(s), T.delete(s);
 }
-function H() {
+function $() {
   const s = Date.now();
-  for (const i of Array.from(y)) {
+  for (const i of Array.from(v)) {
     const t = i.deref();
     if (!t) {
-      y.delete(i);
+      v.delete(i);
       continue;
     }
-    const e = A.get(t), n = u.get(t);
+    const e = T.get(t), n = u.get(t);
     if (!e || !n || n.size === 0) {
-      y.delete(i);
+      v.delete(i);
       continue;
     }
     if (t.isConnected) {
       e.wasConnected = !0;
       continue;
     }
-    (e.wasConnected || s - e.trackedAt >= M) && (z(t), y.delete(i));
+    (e.wasConnected || s - e.trackedAt >= A) && (z(t), v.delete(i));
   }
 }
 function F() {
-  if (T || typeof setTimeout != "function") return;
-  T = !0;
+  if (M || typeof setTimeout != "function") return;
+  M = !0;
   const s = () => {
-    if (H(), y.size === 0) {
-      T = !1;
+    if ($(), v.size === 0) {
+      M = !1;
       return;
     }
-    setTimeout(s, M);
+    setTimeout(s, A);
   };
-  setTimeout(s, M);
+  setTimeout(s, A);
 }
 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 || (A.set(s, {
+  return t.add(i), u.set(s, t), e || (T.set(s, {
     trackedAt: Date.now(),
     wasConnected: s.isConnected
-  }), y.add(new WeakRef(s))), () => {
+  }), v.add(new WeakRef(s))), () => {
     const n = u.get(s);
-    n && (n.delete(i), n.size === 0 && (u.delete(s), A.delete(s)));
+    n && (n.delete(i), n.size === 0 && (u.delete(s), T.delete(s)));
   };
 }
 function N({
@@ -89,15 +90,15 @@ function N({
   updater: t,
   updaterId: e
 }) {
-  const n = w.get(s) ?? /* @__PURE__ */ new Map();
-  w.has(s) || w.set(s, n);
+  const n = L.get(s) ?? /* @__PURE__ */ new Map();
+  L.has(s) || L.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)
+        (w, h) => k(w, c, h)
       );
     }), updaters: a }, n.set(i, r);
   }
@@ -105,19 +106,19 @@ function N({
   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));
+    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));
   };
-  O() ? R(l) : o = U(s, l);
+  O() ? _(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;
+let H = 0;
 function Y(s) {
   const i = s[I];
   if (typeof i == "number") return i;
-  $ += 1;
-  const t = $;
+  H += 1;
+  const t = H;
   return Object.defineProperty(s, I, {
     value: t,
     enumerable: !1,
@@ -125,7 +126,7 @@ function Y(s) {
     writable: !1
   }), t;
 }
-class C {
+class E {
   constructor(i) {
     this.properties = i;
   }
@@ -135,33 +136,32 @@ class C {
   resolveReactiveProps(i, t) {
     const e = {};
     for (const [n, r] of Object.entries(i))
-      v(r) || m(r), e[n] = r;
+      S(r) || m(r), e[n] = r;
     return e;
   }
   /**
    * Apply a single style change to an element with reactive support
    */
   applyStyleChange(i, t, e) {
-    if (i instanceof HTMLElement) {
-      const n = this.toCSSProperty(t);
-      if (v(e) || m(e))
-        b(() => {
-          const r = e(), o = String(r);
-          if (o.includes("!important")) {
-            const l = o.replace(/\s*!important\s*$/, "").trim();
-            i.style.setProperty(n, l, "important");
-          } else
-            i.style.setProperty(n, o);
-        });
-      else {
-        const r = String(e);
-        if (r.includes("!important")) {
-          const o = r.replace(/\s*!important\s*$/, "").trim();
-          i.style.setProperty(n, o, "important");
-        } else
-          i.style.setProperty(n, r);
+    const n = typeof HTMLElement < "u" && i instanceof HTMLElement;
+    if (!n && !i.style)
+      return;
+    const r = this.toCSSProperty(t), o = i.style, l = (a) => {
+      if (a.includes("!important")) {
+        const d = a.replace(/\s*!important\s*$/, "").trim();
+        o.setProperty(r, d, "important");
+        return;
       }
+      o.setProperty(r, a);
+    };
+    if (S(e) || m(e)) {
+      b(() => {
+        const a = e();
+        l(String(a));
+      });
+      return;
     }
+    l(String(e));
   }
   /**
    * Convert camelCase property to CSS kebab-case
@@ -207,34 +207,35 @@ class C {
    * Apply multiple CSS properties to an element with reactive support
    */
   applyStyles(i, t) {
-    if (i instanceof HTMLElement || i.style) {
-      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");
+    const e = typeof HTMLElement < "u" && i instanceof HTMLElement;
+    if (e || i.style) {
+      const n = i.style, r = (o, l) => {
+        if (n.setProperty)
+          if (typeof l == "string" && l.includes("!important")) {
+            const a = l.replace(/\s*!important\s*$/, "").trim();
+            n.setProperty(o, a, "important");
           } else
-            e.setProperty(r, o);
+            n.setProperty(o, l);
         else
-          e[r] = o;
+          n[o] = l;
       };
-      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);
+      for (const [o, l] of Object.entries(t))
+        if (l !== void 0) {
+          const a = this.toCSSProperty(o);
+          if (S(l) || m(l)) {
+            const d = l, c = Y(this);
             N({
               element: i,
-              accessor: a,
-              updaterId: `${x}:${d}:${l}`,
-              updater: (c) => {
-                const E = this.toCSSValueForProperty(l, c);
-                n(l, E);
+              accessor: d,
+              updaterId: `${x}:${c}:${a}`,
+              updater: (w) => {
+                const h = this.toCSSValueForProperty(a, w);
+                r(a, h);
               }
             });
           } else {
-            const a = this.toCSSValueForProperty(l, o);
-            n(l, a);
+            const d = this.toCSSValueForProperty(a, l);
+            r(a, d);
           }
         }
     }
@@ -264,9 +265,9 @@ class C {
     };
   }
 }
-class te extends C {
+class ie extends E {
   constructor() {
-    super(...arguments), f(this, "type", "layout"), f(this, "priority", S.LAYOUT);
+    super(...arguments), f(this, "type", "layout"), f(this, "priority", C.LAYOUT);
   }
   apply(i, t) {
     if (!i.element || !t.element) return;
@@ -290,31 +291,31 @@ class te extends C {
   computeLayoutStyles(i, t) {
     const e = {};
     if (i.frame) {
-      const n = i.frame, r = _(n);
+      const n = i.frame, r = B(n);
       if (Object.assign(e, r.cssProps), n.width !== void 0) {
-        const o = h(n.width);
-        o !== void 0 && !g(n.width) && !r.expandWidth && (e.width = o);
+        const o = g(n.width);
+        o !== void 0 && !p(n.width) && !r.expandWidth && (e.width = o);
       }
       if (n.height !== void 0) {
-        const o = h(n.height);
-        o !== void 0 && !g(n.height) && !r.expandHeight && (e.height = o);
+        const o = g(n.height);
+        o !== void 0 && !p(n.height) && !r.expandHeight && (e.height = o);
       }
       if (n.minWidth !== void 0) {
-        const o = h(n.minWidth);
+        const o = g(n.minWidth);
         o !== void 0 && (e.minWidth = o);
       }
-      if (n.maxWidth !== void 0 && !g(n.maxWidth)) {
-        const o = h(n.maxWidth);
+      if (n.maxWidth !== void 0 && !p(n.maxWidth)) {
+        const o = g(n.maxWidth);
         o !== void 0 && (e.maxWidth = o);
-      } else g(n.maxWidth) && (e.maxWidth = "none", e.flexGrow = "1 !important", e.flexShrink = "1 !important", e.flexBasis = "0% !important", e.alignSelf = "stretch !important");
+      } 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 = h(n.minHeight);
+        const o = g(n.minHeight);
         o !== void 0 && (e.minHeight = o);
       }
-      if (n.maxHeight !== void 0 && !g(n.maxHeight)) {
-        const o = h(n.maxHeight);
+      if (n.maxHeight !== void 0 && !p(n.maxHeight)) {
+        const o = g(n.maxHeight);
         o !== void 0 && (e.maxHeight = o);
-      } else g(n.maxHeight) && (e.maxHeight = "none", e.flexGrow = "1 !important", e.flexShrink = "1 !important", e.flexBasis = "0% !important", e.alignSelf = "stretch !important");
+      } 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)
       if (typeof i.padding == "number")
@@ -363,9 +364,9 @@ class te extends C {
     return e;
   }
 }
-class ie extends C {
+class ne extends E {
   constructor() {
-    super(...arguments), f(this, "type", "appearance"), f(this, "priority", S.APPEARANCE);
+    super(...arguments), f(this, "type", "appearance"), f(this, "priority", C.APPEARANCE);
   }
   apply(i, t) {
     if (!i.element || !t.element)
@@ -386,7 +387,7 @@ class ie extends C {
    * Apply Asset-based styles with theme reactivity
    */
   applyAssetBasedStyles(i, t) {
-    const e = B();
+    const e = D();
     t.foregroundColor && this.isAsset(t.foregroundColor) && b(() => {
       e();
       const n = t.foregroundColor.resolve();
@@ -417,7 +418,7 @@ class ie extends C {
           t.fontFamily = r;
         } else
           t.fontFamily = n.family;
-      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);
+      n.size !== void 0 && (t.fontSize = S(n.size) || m(n.size) ? n.size : this.toCSSValue(n.size)), n.weight !== void 0 && (t.fontWeight = S(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;
@@ -450,9 +451,9 @@ class ie extends C {
     return i._tachui_component || null;
   }
 }
-class ne extends C {
+class re extends E {
   constructor() {
-    super(...arguments), f(this, "type", "interaction"), f(this, "priority", S.INTERACTION);
+    super(...arguments), f(this, "type", "interaction"), f(this, "priority", C.INTERACTION);
   }
   apply(i, t) {
     if (!t.element) return;
@@ -493,9 +494,9 @@ class ne extends C {
     }), 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 re extends C {
+class oe extends E {
   constructor() {
-    super(...arguments), f(this, "type", "animation"), f(this, "priority", S.ANIMATION);
+    super(...arguments), f(this, "type", "animation"), f(this, "priority", C.ANIMATION);
   }
   apply(i, t) {
     if (!t.element) return;
@@ -516,7 +517,7 @@ class re extends C {
         t.element.style.animation = `${r} ${l}ms ${a} ${d} ${c}`;
       }
     }
-    if (e.transform && t.element instanceof HTMLElement && (v(e.transform) || m(e.transform) ? b(() => {
+    if (e.transform && t.element instanceof HTMLElement && (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) {
@@ -532,7 +533,7 @@ class re extends C {
         trailing: "100% 50%"
       }[o || "center"] || "50% 50%";
       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;
+      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;
     }
   }
@@ -559,9 +560,9 @@ class re extends C {
     t || (t = document.createElement("style"), t.id = "tachui-animations", document.head.appendChild(t)), t.appendChild(document.createTextNode(i));
   }
 }
-class oe extends C {
+class se extends E {
   constructor() {
-    super(...arguments), f(this, "type", "lifecycle"), f(this, "priority", S.CUSTOM), f(this, "activeAbortController");
+    super(...arguments), f(this, "type", "lifecycle"), f(this, "priority", C.CUSTOM), f(this, "activeAbortController");
   }
   apply(i, t) {
     if (!t.element) return;
@@ -600,22 +601,22 @@ class oe extends C {
     this.properties._cleanupFunctions || (this.properties._cleanupFunctions = []), this.properties._cleanupFunctions.push(i);
   }
 }
-class se extends C {
+class ae extends E {
   constructor() {
-    super(...arguments), f(this, "type", "resizable"), f(this, "priority", S.APPEARANCE);
+    super(...arguments), f(this, "type", "resizable"), f(this, "priority", C.APPEARANCE);
   }
   apply(i, t) {
     t.element && t.element instanceof HTMLImageElement && (t.element.style.objectFit = "fill");
   }
 }
 export {
-  re as AnimationModifier,
-  ie as AppearanceModifier,
-  C as BaseModifier,
-  ne as InteractionModifier,
-  te as LayoutModifier,
-  oe as LifecycleModifier,
-  se as ResizableModifier,
+  oe as AnimationModifier,
+  ne as AppearanceModifier,
+  E as BaseModifier,
+  re as InteractionModifier,
+  ie as LayoutModifier,
+  se as LifecycleModifier,
+  ae as ResizableModifier,
   N as bindReactiveStyle,
-  ee as setReactiveStyleUpdaterErrorHandler
+  te 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-2Gzy5e2c.js";
+import { M as s, a, c as o, m as d, s as t } from "../concatenated-component-CA54ng_j.js";
 export {
   s as ModifierBuilderImpl,
   a as applyModifiers,

package/dist/modifiers/index.js

@@ -1,10 +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-2Gzy5e2c.js";
-import { c as h, r as B } from "../proxy-Cp0QUXME.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-B3-rmvkB.js";
-import { r as F } from "../registration-utils-CNsN4eoU.js";
+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 { r as D } from "../registration-utils-CNsN4eoU.js";
 export {
   r as AnimationModifier,
   o as AppearanceModifier,
@@ -12,33 +11,33 @@ export {
   s as InteractionModifier,
   f as LayoutModifier,
   t as LifecycleModifier,
-  n as ModifierBuilderImpl,
+  c as ModifierBuilderImpl,
   p as ModifierPriority,
   d as ResizableModifier,
   R as animationModifiers,
   v as appearanceModifiers,
-  m as applyModifiers,
-  l as applyModifiersToNode,
-  H as classModifier,
-  N as combineModifiers,
-  S as conditionalModifier,
-  A as coreModifiers,
+  l as applyModifiers,
+  m as applyModifiersToNode,
+  A as classModifier,
+  I as combineModifiers,
+  L as conditionalModifier,
+  j as coreModifiers,
   h as createComponentProxy,
-  T as createCustomModifier,
+  k as createCustomModifier,
   y as createModifiableComponent,
   x as createModifierBuilder,
   b as createModifierRegistry,
-  U as createStyleModifier,
-  W as eventModifier,
-  I as interactionModifiers,
-  L as layoutModifiers,
-  j as modifierHelpers,
+  z as createStyleModifier,
+  E as eventModifier,
+  H as interactionModifiers,
+  N as layoutModifiers,
+  S as modifierHelpers,
   u as modifierUtils,
-  z as presetModifiers,
-  F as registerModifierWithMetadata,
+  T as presetModifiers,
+  D as registerModifierWithMetadata,
   B as resetProxyCache,
-  k as responsiveModifier,
+  U as responsiveModifier,
   g as setExternalModifierRegistry,
-  q as stateModifier,
-  w as styleModifier
+  W as stateModifier,
+  q as styleModifier
 };

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-2Gzy5e2c.js";
+import { b as a, d as r, e as s, z as t, B as d, A as p } from "../concatenated-component-CA54ng_j.js";
 import "@tachui/registry";
 export {
   a as applyModifiersToNode,

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

@@ -1,6 +1,6 @@
-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";
+import { c as l } from "./effect-DgNm6jk9.js";
+import { d as f, j as p } from "./signal-BRoiFOO7.js";
+import { d as a, g as d, p as g, c as y } from "./component-context-C7Y6Xu6h.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) {