@tachui/core 0.8.24 → 0.8.26

package/dist/{concatenated-component-CA54ng_j.js → concatenated-component-DisxEqg6.js}

@@ -1,9 +1,9 @@
 import { globalModifierRegistry as A } from "@tachui/registry";
 import { i as w } from "./computed-CA4Cgtoe.js";
-import { i as N, c as U, u as F } from "./signal-BRoiFOO7.js";
+import { i as N, c as F, u as z } from "./signal-BRoiFOO7.js";
 import { c as E } from "./effect-DgNm6jk9.js";
-var G = Object.defineProperty, z = (n, e, t) => e in n ? G(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, K = (n, e, t) => z(n, e + "", t);
-const q = /* @__PURE__ */ new Set([
+var G = Object.defineProperty, K = (n, e, t) => e in n ? G(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, q = (n, e, t) => K(n, e + "", t);
+const Z = /* @__PURE__ */ new Set([
   "onFocus",
   "onBlur",
   "onKeyDown",
@@ -23,16 +23,16 @@ const q = /* @__PURE__ */ new Set([
   "onSwipeLeft",
   "onSwipeRight"
 ]);
-let k = null;
-function _e(n) {
-  k = n, console.debug(
+let L = null;
+function Re(n) {
+  L = n, console.debug(
     "[RegistryBridge] External modifier registry set with",
     n?.list()?.length || 0,
     "modifiers"
   );
 }
 function B() {
-  return k || A;
+  return L || A;
 }
 function l(n, ...e) {
   const i = B().get(n);
@@ -46,9 +46,9 @@ function l(n, ...e) {
     `Modifier '${n}' not found in registry. Import @tachui/modifiers or @tachui/modifiers/effects to register modifiers.`
   );
 }
-class Z {
+class J {
   constructor(e) {
-    this.component = e, K(this, "modifiers", []);
+    this.component = e, q(this, "modifiers", []);
   }
   frame(e, t) {
     let i;
@@ -345,7 +345,7 @@ This method is for internal framework use only.`
         const d = r && Object.getPrototypeOf(r) || Object.prototype;
         o = Object.create(d), Object.assign(o, r), o.props = { ...r.props }, o.cleanup = Array.isArray(r.cleanup) ? [...r.cleanup] : [], o.mounted = r.mounted ?? !1, o.id = r.id, o.type = r.type, o.render = typeof r.render == "function" ? r.render.bind(r) : () => [];
       }
-      const a = L(
+      const a = k(
         o,
         s
       );
@@ -354,7 +354,7 @@ This method is for internal framework use only.`
         s
       ), a;
     } else {
-      const e = L(
+      const e = k(
         this.component,
         this.modifiers
       );
@@ -377,7 +377,7 @@ This method is for internal framework use only.`
               e.props[d] = typeof a == "boolean" ? a : String(a);
             }
         });
-      } else if (q.has(i.type)) {
+      } else if (Z.has(i.type)) {
         const r = i.properties || {};
         Object.entries(r).forEach(([o, a]) => {
           typeof a == "function" && (e.props[o] = a);
@@ -513,7 +513,7 @@ This method is for internal framework use only.`
   // - shadow(), textShadow(), shadows(), shadowPreset(), clipped()
 }
 function H(n) {
-  const e = new Z(n);
+  const e = new J(n);
   return new Proxy(e, {
     get(t, i, s) {
       if (i in t) {
@@ -553,14 +553,14 @@ function H(n) {
     }
   });
 }
-function xe(n, e) {
+function Ie(n, e) {
   return {
     ...n,
     modifiers: e,
     modifierBuilder: H(n)
   };
 }
-const Te = {
+const Pe = {
   /**
    * Create a padding modifier with all sides
    */
@@ -568,7 +568,7 @@ const Te = {
     return l("padding", { all: n });
   }
 };
-class J {
+class Y {
   register(e, t) {
     A.register(e, t);
   }
@@ -588,13 +588,13 @@ class J {
     return A.validateRegistry();
   }
 }
-const Y = new J();
+const Q = new Y();
 process.env.NODE_ENV === "development" && console.log("📤 Created RegistryAdapter for globalModifierRegistry", {
   registryId: A.instanceId,
   currentSize: A.list().length
 });
-function Re() {
-  return Y;
+function Le() {
+  return Q;
 }
 function V(n, e, t = {}, i = {}) {
   if (!e.length) return n;
@@ -612,12 +612,12 @@ function V(n, e, t = {}, i = {}) {
   };
   switch (i.batch ? "batch" : "sequential") {
     case "batch":
-      return X(n, e, s, i);
+      return ee(n, e, s, i);
     default:
-      return Q(n, e, s, i);
+      return X(n, e, s, i);
   }
 }
-function Q(n, e, t, i) {
+function X(n, e, t, i) {
   const s = [...e].sort(
     (d, u) => d.priority - u.priority
   );
@@ -638,13 +638,13 @@ function Q(n, e, t, i) {
   }
   return r;
 }
-function X(n, e, t, i) {
-  const s = ee(e);
+function ee(n, e, t, i) {
+  const s = te(e);
   let r = n;
   const o = [], a = [];
   for (const [d, u] of s)
     try {
-      r = te(r, u, t);
+      r = ie(r, u, t);
     } catch (b) {
       (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error(`Failed to apply modifier group ${d}:`, b);
     }
@@ -656,7 +656,7 @@ function X(n, e, t, i) {
   }
   return r;
 }
-function ee(n) {
+function te(n) {
   const e = /* @__PURE__ */ new Map();
   for (const t of n) {
     const i = e.get(t.type) || [];
@@ -664,7 +664,7 @@ function ee(n) {
   }
   return e;
 }
-function te(n, e, t) {
+function ie(n, e, t) {
   const i = [...e].sort(
     (r, o) => r.priority - o.priority
   );
@@ -678,10 +678,10 @@ function te(n, e, t) {
     }
   return s;
 }
-function ie(n) {
+function re(n) {
   return n && typeof n.concat == "function" && typeof n.toSegment == "function" && typeof n.isConcatenatable == "function";
 }
-function L(n, e = []) {
+function k(n, e = []) {
   const t = {
     type: n.type,
     id: n.id,
@@ -711,7 +711,7 @@ function L(n, e = []) {
   return t.render = () => {
     const r = s();
     return (Array.isArray(r) ? r : [r]).map((a, d) => (a && typeof a == "object" && (d === 0 ? (a.modifiers = [...t.modifiers], a.componentId = n.id, a._originalComponent = t._originalComponent) : (a.modifiers && delete a.modifiers, a.componentId && a.componentId === n.id && delete a.componentId)), a));
-  }, ie(n) && (t.concat = function(r) {
+  }, re(n) && (t.concat = function(r) {
     const o = {
       id: t.id,
       component: t,
@@ -721,16 +721,16 @@ function L(n, e = []) {
         return Array.isArray(u) ? u[0] : u;
       }
     }, a = r.toSegment(), d = {
-      totalSegments: r instanceof C ? r.segments.length + 1 : 2,
+      totalSegments: r instanceof M ? r.segments.length + 1 : 2,
       accessibilityRole: "text",
       // Simplified for now
       semanticStructure: "inline"
       // Simplified for now
     };
-    return r instanceof C ? new C(
+    return r instanceof M ? new M(
       [o, ...r.segments],
       d
-    ) : new C([o, a], d);
+    ) : new M([o, a], d);
   }, t.toSegment = function() {
     return {
       id: t.id,
@@ -745,16 +745,16 @@ function L(n, e = []) {
     return !0;
   }), typeof n?.clone == "function" && (t.clone = (r) => {
     const o = n.clone(r);
-    return L(
+    return k(
       o,
       [...t.modifiers]
     );
   }), t;
 }
-function Ie(n, e, t = {}) {
+function ke(n, e, t = {}) {
   n.modifiers = [...e], n.mounted && n.context;
 }
-const Pe = {
+const Oe = {
   /**
    * Check if a component has specific modifier types
    */
@@ -801,7 +801,7 @@ const Pe = {
     }
     return !0;
   }
-}, re = /* @__PURE__ */ new Set([
+}, se = /* @__PURE__ */ new Set([
   // Container tags
   "div",
   "section",
@@ -927,7 +927,7 @@ const Pe = {
   // Usually implicit
   ["a", { role: "link", applyARIA: !1 }]
   // Usually implicit
-]), se = /* @__PURE__ */ new Map([
+]), ne = /* @__PURE__ */ new Map([
   // Layout Components - Ideal for semantic containers (Warning Level: None)
   [
     "HStack",
@@ -1001,13 +1001,13 @@ const Pe = {
   ]
   // May break navigation
 ]);
-function ne(n, e) {
-  const t = se.get(n);
+function oe(n, e) {
+  const t = ne.get(n);
   return t ? t.warningLevel === "none" ? !1 : t.warningLevel === "warning" && t.problematicTags ? t.problematicTags.includes(e) : !(t.idealTags && t.idealTags.includes(e)) : !0;
 }
-class oe {
+class ae {
   static validate(e, t) {
-    return re.has(e) ? {
+    return se.has(e) ? {
       valid: !0,
       warnings: this.checkSemanticWarnings(e, t),
       semanticRole: _.get(e)
@@ -1044,32 +1044,32 @@ class oe {
     return i;
   }
 }
-let $ = {
+let O = {
   autoApplySemanticRoles: !0,
   warnOnOverrides: process.env.NODE_ENV !== "production",
   warnOnSemanticIssues: process.env.NODE_ENV !== "production",
   validateTags: !0,
   allowInvalidTags: !0
 };
-function ke(n) {
-  $ = { ...$, ...n };
+function De(n) {
+  O = { ...O, ...n };
 }
 function W() {
-  return { ...$ };
+  return { ...O };
 }
-function ae(n, e, t) {
+function ce(n, e, t) {
   const i = t || e, s = W();
   let r = { valid: !0 };
-  return t && (s.warnOnOverrides && ne(n, t) && process.env.NODE_ENV !== "production" && console.warn(
+  return t && (s.warnOnOverrides && oe(n, t) && process.env.NODE_ENV !== "production" && console.warn(
     `Element override: ${n} changed from '${e}' to '${t}'`
-  ), s.validateTags && (r = oe.validate(t, n), !r.valid && !s.allowInvalidTags)) ? (process.env.NODE_ENV !== "production" && console.warn(
+  ), s.validateTags && (r = ae.validate(t, n), !r.valid && !s.allowInvalidTags)) ? (process.env.NODE_ENV !== "production" && console.warn(
     `Invalid tag '${t}' rejected for '${n}', using default '${e}' instead`
   ), { tag: e, validation: r }) : { tag: i, validation: r };
 }
-function Le(n, e) {
-  return (t) => ae(n, e, t);
+function $e(n, e) {
+  return (t) => ce(n, e, t);
 }
-var ce = Object.defineProperty, le = (n, e, t) => e in n ? ce(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, de = (n, e, t) => le(n, e + "", t);
+var le = Object.defineProperty, de = (n, e, t) => e in n ? le(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, ue = (n, e, t) => de(n, e + "", t);
 const j = class x {
   static getInstance() {
     return x.instance || (x.instance = new x()), x.instance;
@@ -1135,11 +1135,11 @@ const j = class x {
     }
   }
 };
-de(j, "instance");
-let ue = j;
-const R = ue.getInstance(), $e = (n, e, t) => R.applySemanticAttributes(n, e, t), De = (n) => R.getSemanticRole(n), Oe = (n) => R.hasAutoARIA(n);
-var pe = Object.defineProperty, fe = (n, e, t) => e in n ? pe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, I = (n, e, t) => fe(n, typeof e != "symbol" ? e + "" : e, t);
-const he = /* @__PURE__ */ new Set([
+ue(j, "instance");
+let pe = j;
+const R = pe.getInstance(), Be = (n, e, t) => R.applySemanticAttributes(n, e, t), He = (n) => R.getSemanticRole(n), Ve = (n) => R.hasAutoARIA(n);
+var fe = Object.defineProperty, he = (n, e, t) => e in n ? fe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, I = (n, e, t) => he(n, typeof e != "symbol" ? e + "" : e, t);
+const me = /* @__PURE__ */ new Set([
   "click",
   "dblclick",
   "mousedown",
@@ -1158,14 +1158,14 @@ const he = /* @__PURE__ */ new Set([
   "keydown",
   "keyup",
   "keypress"
-]), O = /* @__PURE__ */ new Set([
+]), $ = /* @__PURE__ */ new Set([
   "scroll",
   "wheel",
   "touchstart",
   "touchmove",
   "touchend"
 ]);
-class me {
+class ge {
   constructor() {
     I(this, "containerListeners", /* @__PURE__ */ new WeakMap()), I(this, "elementHandlers", /* @__PURE__ */ new WeakMap()), I(this, "handlerCounts", /* @__PURE__ */ new WeakMap());
   }
@@ -1203,7 +1203,7 @@ class me {
       return;
     const s = (o) => {
       this.handleDelegatedEvent(e, t, o);
-    }, r = O.has(t) ? { passive: !0 } : { passive: !1 };
+    }, r = $.has(t) ? { passive: !0 } : { passive: !1 };
     e.addEventListener(t, s, r), i.set(t, s);
   }
   /**
@@ -1242,13 +1242,13 @@ class me {
    * Check if event type should use delegation
    */
   shouldDelegate(e) {
-    return he.has(e);
+    return me.has(e);
   }
   /**
    * Check if event type should use passive listeners
    */
   shouldBePassive(e) {
-    return O.has(e);
+    return $.has(e);
   }
   /**
    * Get metrics for debugging
@@ -1277,10 +1277,20 @@ class me {
     }), this.containerListeners.delete(e)), this.handlerCounts.delete(e);
   }
 }
-const T = new me();
-var ge = Object.defineProperty, ye = (n, e, t) => e in n ? ge(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, S = (n, e, t) => ye(n, typeof e != "symbol" ? e + "" : e, t);
-const P = "__tachuiManagedComponentId";
-class be {
+const T = new ge();
+var ye = Object.defineProperty, be = (n, e, t) => e in n ? ye(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, S = (n, e, t) => be(n, typeof e != "symbol" ? e + "" : e, t);
+const P = "__tachuiManagedComponentId", ve = /* @__PURE__ */ new Set(["componentMetadata", "debugLabel"]);
+function Ee(n) {
+  return ve.has(n);
+}
+function U(n) {
+  if (!n) return {};
+  const e = {};
+  for (const [t, i] of Object.entries(n))
+    Ee(t) || (e[t] = i);
+  return e;
+}
+class Ae {
   constructor() {
     S(this, "nodeMap", /* @__PURE__ */ new WeakMap()), S(this, "cleanupMap", /* @__PURE__ */ new WeakMap()), S(this, "renderedNodes", /* @__PURE__ */ new Set()), S(this, "elementToContainer", /* @__PURE__ */ new WeakMap()), S(this, "metrics", {
       created: 0,
@@ -1363,7 +1373,7 @@ class be {
     return this.metrics.created++, t && this.elementToContainer.set(i, t), this.applyDebugAttributes(i, e), this.updateProps(i, e, t), this.updateChildren(i, e), i;
   }
   updateProps(e, t, i) {
-    const s = t.props || {}, r = t.__appliedProps || {};
+    const s = U(t.props), r = t.__appliedProps || {};
     Object.keys(r).forEach((a) => {
       if (!(a in s)) {
         if (a === "key" || a === "children" || a.startsWith("on"))
@@ -1827,15 +1837,15 @@ class be {
     this.metrics.modifierApplications += e;
   }
 }
-const h = new be();
-function Be() {
+const h = new Ae();
+function We() {
   h.resetMetrics();
 }
-function He() {
+function je() {
   return h.getMetrics();
 }
-function Ve(n, e) {
-  return U(() => {
+function Ue(n, e) {
+  return F(() => {
     let t = [];
     const i = /* @__PURE__ */ new Map(), s = (o) => {
       if (o.key != null) {
@@ -1914,24 +1924,24 @@ function Ve(n, e) {
     };
   });
 }
-function ve(n, e, ...t) {
-  const i = t.flat().filter((r) => r != null).map((r) => typeof r == "string" || typeof r == "number" ? { type: "text", text: String(r) } : r), s = {
+function Me(n, e, ...t) {
+  const i = t.flat().filter((o) => o != null).map((o) => typeof o == "string" || typeof o == "number" ? { type: "text", text: String(o) } : o), s = U(e), r = {
     type: "element",
     tag: n,
-    props: e || {},
+    props: s,
     children: i,
     key: e?.key ?? void 0
   };
-  return e && "componentMetadata" in e && (s.componentMetadata = e.componentMetadata), s;
+  return e && "componentMetadata" in e && (r.componentMetadata = e.componentMetadata), e && "debugLabel" in e && (r.debugLabel = e.debugLabel), r;
 }
-function We(n) {
+function Fe(n) {
   if (N(n) || w(n) || typeof n == "function") {
     const e = {
       type: "text",
       text: "",
       reactiveContent: n
       // Store the reactive content function
-    }, t = F(() => n());
+    }, t = z(() => n());
     e.text = String(t);
     const i = E(() => {
       const s = n();
@@ -1944,11 +1954,11 @@ function We(n) {
     text: n
   };
 }
-var Ee = Object.defineProperty, Ae = (n, e, t) => e in n ? Ee(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, M = (n, e, t) => Ae(n, typeof e != "symbol" ? e + "" : e, t);
-class C {
+var Ce = Object.defineProperty, Se = (n, e, t) => e in n ? Ce(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, C = (n, e, t) => Se(n, typeof e != "symbol" ? e + "" : e, t);
+class M {
   // Required by ModifiableComponent interface
   constructor(e, t, i = !0) {
-    this.metadata = t, M(this, "type", "component"), M(this, "id"), M(this, "mounted", !1), M(this, "cleanup", []), M(this, "props", {}), M(this, "segments"), M(this, "modifiers", []), this.id = `concat-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, this.segments = e;
+    this.metadata = t, C(this, "type", "component"), C(this, "id"), C(this, "mounted", !1), C(this, "cleanup", []), C(this, "props", {}), C(this, "segments"), C(this, "modifiers", []), this.id = `concat-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, this.segments = e;
   }
   /**
    * Render the concatenated component to DOM nodes (Enhanced - Phase 4.2)
@@ -1956,7 +1966,7 @@ class C {
   render() {
     const e = this.determineContainerClass(), t = this.buildAccessibilityLabel(), i = this.buildAccessibilityAttributes(), s = this.modifiers && this.modifiers.some((a) => a.type === "asHTML");
     let r;
-    return s ? r = this.renderSegmentsWithAsHTML() : r = this.segments.map((a) => a.render()).flat(), [ve("span", {
+    return s ? r = this.renderSegmentsWithAsHTML() : r = this.segments.map((a) => a.render()).flat(), [Me("span", {
       class: `tachui-concatenated ${e}`,
       ...i,
       "aria-label": t || void 0,
@@ -2037,7 +2047,7 @@ class C {
    */
   concat(e) {
     let t, i;
-    return e instanceof C ? (t = [...this.segments, ...e.segments], i = this.mergeMetadata(this.metadata, e.metadata, t.length)) : (t = [...this.segments, e.toSegment()], i = this.mergeMetadata(
+    return e instanceof M ? (t = [...this.segments, ...e.segments], i = this.mergeMetadata(this.metadata, e.metadata, t.length)) : (t = [...this.segments, e.toSegment()], i = this.mergeMetadata(
       this.metadata,
       {
         totalSegments: 1,
@@ -2045,7 +2055,7 @@ class C {
         semanticStructure: this.determineComponentSemanticStructure(e)
       },
       t.length
-    )), new C(t, i);
+    )), new M(t, i);
   }
   /**
    * Convert this concatenated component to a segment (for further concatenation)
@@ -2248,43 +2258,43 @@ class C {
     return {
       role: this.determineComponentAccessibilityRole(t),
       label: this.extractAccessibilityText(e),
-      children: t instanceof C ? t.generateAccessibilityTree().children : void 0
+      children: t instanceof M ? t.generateAccessibilityTree().children : void 0
     };
   }
 }
 export {
-  Ie as A,
-  Pe as B,
-  C,
-  be as D,
-  me as E,
-  Z as M,
+  ke as A,
+  Oe as B,
+  M as C,
+  Ae as D,
+  ge as E,
+  J as M,
   _ as S,
-  re as V,
-  xe as a,
+  se as V,
+  Ie as a,
   V as b,
   H as c,
-  L as d,
-  Re as e,
-  Be as f,
-  He as g,
-  ve as h,
+  k as d,
+  Le as e,
+  We as f,
+  je as g,
+  Me as h,
   T as i,
-  se as j,
-  ne as k,
-  oe as l,
-  Te as m,
-  ke as n,
+  ne as j,
+  oe as k,
+  ae as l,
+  Pe as m,
+  De as n,
   W as o,
-  ae as p,
-  Le as q,
-  Ve as r,
-  _e as s,
-  We as t,
-  ue as u,
+  ce as p,
+  $e as q,
+  Ue as r,
+  Re as s,
+  Fe as t,
+  pe as u,
   R as v,
-  $e as w,
-  De as x,
-  Oe as y,
-  Y as z
+  Be as w,
+  He as x,
+  Ve as y,
+  Q as z
 };