@tachui/core 0.8.11 → 0.8.13

package/dist/{concatenated-component-CP81AwgI.js → concatenated-component-BCrw_7cC.js}

@@ -1,10 +1,10 @@
-import { globalModifierRegistry as C } from "@tachui/registry";
+import { globalModifierRegistry as A } from "@tachui/registry";
 import "./scheduler-DppMK9mR.js";
-import { i as w, d as x, n as j, u as U } from "./theme-CRLPHryV.js";
+import { i as w, d as N, n as U, u as F } from "./theme-CRLPHryV.js";
 import { c as E } from "./effect-BsW3fy1q.js";
 import "@tachui/types/reactive";
-var F = Object.defineProperty, G = (n, e, t) => e in n ? F(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, z = (n, e, t) => G(n, e + "", t);
-const K = /* @__PURE__ */ new Set([
+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([
   "onFocus",
   "onBlur",
   "onKeyDown",
@@ -24,16 +24,16 @@ const K = /* @__PURE__ */ new Set([
   "onSwipeLeft",
   "onSwipeRight"
 ]);
-let P = null;
-function Ne(n) {
-  P = n, console.debug(
+let k = null;
+function xe(n) {
+  k = n, console.debug(
     "[RegistryBridge] External modifier registry set with",
     n?.list()?.length || 0,
     "modifiers"
   );
 }
 function B() {
-  return P || C;
+  return k || A;
 }
 function l(n, ...e) {
   const i = B().get(n);
@@ -47,9 +47,9 @@ function l(n, ...e) {
     `Modifier '${n}' not found in registry. Import @tachui/modifiers or @tachui/modifiers/effects to register modifiers.`
   );
 }
-class q {
+class Z {
   constructor(e) {
-    this.component = e, z(this, "modifiers", []);
+    this.component = e, K(this, "modifiers", []);
   }
   frame(e, t) {
     let i;
@@ -346,7 +346,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 = k(
+      const a = L(
         o,
         s
       );
@@ -355,7 +355,7 @@ This method is for internal framework use only.`
         s
       ), a;
     } else {
-      const e = k(
+      const e = L(
         this.component,
         this.modifiers
       );
@@ -378,7 +378,7 @@ This method is for internal framework use only.`
               e.props[d] = typeof a == "boolean" ? a : String(a);
             }
         });
-      } else if (K.has(i.type)) {
+      } else if (q.has(i.type)) {
         const r = i.properties || {};
         Object.entries(r).forEach(([o, a]) => {
           typeof a == "function" && (e.props[o] = a);
@@ -513,8 +513,8 @@ This method is for internal framework use only.`
   // Available via Proxy when @tachui/modifiers is imported:
   // - shadow(), textShadow(), shadows(), shadowPreset(), clipped()
 }
-function O(n) {
-  const e = new q(n);
+function H(n) {
+  const e = new Z(n);
   return new Proxy(e, {
     get(t, i, s) {
       if (i in t) {
@@ -554,14 +554,14 @@ function O(n) {
     }
   });
 }
-function _e(n, e) {
+function Te(n, e) {
   return {
     ...n,
     modifiers: e,
-    modifierBuilder: O(n)
+    modifierBuilder: H(n)
   };
 }
-const Te = {
+const Re = {
   /**
    * Create a padding modifier with all sides
    */
@@ -569,35 +569,35 @@ const Te = {
     return l("padding", { all: n });
   }
 };
-class Z {
+class J {
   register(e, t) {
-    C.register(e, t);
+    A.register(e, t);
   }
   get(e) {
-    return C.get(e);
+    return A.get(e);
   }
   has(e) {
-    return C.has(e);
+    return A.has(e);
   }
   list() {
-    return C.list();
+    return A.list();
   }
   clear() {
-    C.clear();
+    A.clear();
   }
   validateRegistry() {
-    return C.validateRegistry();
+    return A.validateRegistry();
   }
 }
-const J = new Z();
+const Y = new J();
 process.env.NODE_ENV === "development" && console.log("📤 Created RegistryAdapter for globalModifierRegistry", {
-  registryId: C.instanceId,
-  currentSize: C.list().length
+  registryId: A.instanceId,
+  currentSize: A.list().length
 });
-function Re() {
-  return J;
+function Ie() {
+  return Y;
 }
-function H(n, e, t = {}, i = {}) {
+function V(n, e, t = {}, i = {}) {
   if (!e.length) return n;
   const s = {
     componentId: t.componentId || "unknown",
@@ -613,12 +613,12 @@ function H(n, e, t = {}, i = {}) {
   };
   switch (i.batch ? "batch" : "sequential") {
     case "batch":
-      return Q(n, e, s, i);
+      return X(n, e, s, i);
     default:
-      return Y(n, e, s, i);
+      return Q(n, e, s, i);
   }
 }
-function Y(n, e, t, i) {
+function Q(n, e, t, i) {
   const s = [...e].sort(
     (d, u) => d.priority - u.priority
   );
@@ -639,13 +639,13 @@ function Y(n, e, t, i) {
   }
   return r;
 }
-function Q(n, e, t, i) {
-  const s = X(e);
+function X(n, e, t, i) {
+  const s = ee(e);
   let r = n;
   const o = [], a = [];
   for (const [d, u] of s)
     try {
-      r = ee(r, u, t);
+      r = te(r, u, t);
     } catch (b) {
       (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error(`Failed to apply modifier group ${d}:`, b);
     }
@@ -657,7 +657,7 @@ function Q(n, e, t, i) {
   }
   return r;
 }
-function X(n) {
+function ee(n) {
   const e = /* @__PURE__ */ new Map();
   for (const t of n) {
     const i = e.get(t.type) || [];
@@ -665,7 +665,7 @@ function X(n) {
   }
   return e;
 }
-function ee(n, e, t) {
+function te(n, e, t) {
   const i = [...e].sort(
     (r, o) => r.priority - o.priority
   );
@@ -679,10 +679,10 @@ function ee(n, e, t) {
     }
   return s;
 }
-function te(n) {
+function ie(n) {
   return n && typeof n.concat == "function" && typeof n.toSegment == "function" && typeof n.isConcatenatable == "function";
 }
-function k(n, e = []) {
+function L(n, e = []) {
   const t = {
     type: n.type,
     id: n.id,
@@ -697,7 +697,7 @@ function k(n, e = []) {
     // Store reference to original component for modifier context
     _originalComponent: n
   };
-  t.modifierBuilder = O(
+  t.modifierBuilder = H(
     t
   ), t.modifier = t.modifierBuilder, Object.prototype.hasOwnProperty.call(n, "modifier") || Object.defineProperty(n, "modifier", {
     configurable: !0,
@@ -712,7 +712,7 @@ function k(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));
-  }, te(n) && (t.concat = function(r) {
+  }, ie(n) && (t.concat = function(r) {
     const o = {
       id: t.id,
       component: t,
@@ -722,16 +722,16 @@ function k(n, e = []) {
         return Array.isArray(u) ? u[0] : u;
       }
     }, a = r.toSegment(), d = {
-      totalSegments: r instanceof M ? r.segments.length + 1 : 2,
+      totalSegments: r instanceof C ? r.segments.length + 1 : 2,
       accessibilityRole: "text",
       // Simplified for now
       semanticStructure: "inline"
       // Simplified for now
     };
-    return r instanceof M ? new M(
+    return r instanceof C ? new C(
       [o, ...r.segments],
       d
-    ) : new M([o, a], d);
+    ) : new C([o, a], d);
   }, t.toSegment = function() {
     return {
       id: t.id,
@@ -746,16 +746,16 @@ function k(n, e = []) {
     return !0;
   }), typeof n?.clone == "function" && (t.clone = (r) => {
     const o = n.clone(r);
-    return k(
+    return L(
       o,
       [...t.modifiers]
     );
   }), t;
 }
-function Ie(n, e, t = {}) {
+function Pe(n, e, t = {}) {
   n.modifiers = [...e], n.mounted && n.context;
 }
-const Pe = {
+const ke = {
   /**
    * Check if a component has specific modifier types
    */
@@ -802,7 +802,7 @@ const Pe = {
     }
     return !0;
   }
-}, ie = /* @__PURE__ */ new Set([
+}, re = /* @__PURE__ */ new Set([
   // Container tags
   "div",
   "section",
@@ -911,7 +911,7 @@ const Pe = {
   // Interactive elements
   "menu",
   "menuitem"
-]), N = /* @__PURE__ */ new Map([
+]), _ = /* @__PURE__ */ new Map([
   ["nav", { role: "navigation", applyARIA: !0 }],
   ["main", { role: "main", applyARIA: !0 }],
   ["article", { role: "article", applyARIA: !0 }],
@@ -928,7 +928,7 @@ const Pe = {
   // Usually implicit
   ["a", { role: "link", applyARIA: !1 }]
   // Usually implicit
-]), re = /* @__PURE__ */ new Map([
+]), se = /* @__PURE__ */ new Map([
   // Layout Components - Ideal for semantic containers (Warning Level: None)
   [
     "HStack",
@@ -1002,16 +1002,16 @@ const Pe = {
   ]
   // May break navigation
 ]);
-function se(n, e) {
-  const t = re.get(n);
+function ne(n, e) {
+  const t = se.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 ne {
+class oe {
   static validate(e, t) {
-    return ie.has(e) ? {
+    return re.has(e) ? {
       valid: !0,
       warnings: this.checkSemanticWarnings(e, t),
-      semanticRole: N.get(e)
+      semanticRole: _.get(e)
     } : (process.env.NODE_ENV !== "production" && console.error(
       `Invalid tag '${e}' for component type '${t}'`
     ), {
@@ -1045,43 +1045,43 @@ class ne {
     return i;
   }
 }
-let L = {
+let $ = {
   autoApplySemanticRoles: !0,
   warnOnOverrides: process.env.NODE_ENV !== "production",
   warnOnSemanticIssues: process.env.NODE_ENV !== "production",
   validateTags: !0,
   allowInvalidTags: !0
 };
-function ke(n) {
-  L = { ...L, ...n };
+function Le(n) {
+  $ = { ...$, ...n };
 }
-function V() {
-  return { ...L };
+function W() {
+  return { ...$ };
 }
-function oe(n, e, t) {
-  const i = t || e, s = V();
+function ae(n, e, t) {
+  const i = t || e, s = W();
   let r = { valid: !0 };
-  return t && (s.warnOnOverrides && se(n, t) && process.env.NODE_ENV !== "production" && console.warn(
+  return t && (s.warnOnOverrides && ne(n, t) && process.env.NODE_ENV !== "production" && console.warn(
     `Element override: ${n} changed from '${e}' to '${t}'`
-  ), s.validateTags && (r = ne.validate(t, n), !r.valid && !s.allowInvalidTags)) ? (process.env.NODE_ENV !== "production" && console.warn(
+  ), s.validateTags && (r = oe.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) => oe(n, e, t);
+function $e(n, e) {
+  return (t) => ae(n, e, t);
 }
-var ae = Object.defineProperty, ce = (n, e, t) => e in n ? ae(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, le = (n, e, t) => ce(n, e + "", t);
-const W = class _ {
+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);
+const j = class x {
   static getInstance() {
-    return _.instance || (_.instance = new _()), _.instance;
+    return x.instance || (x.instance = new x()), x.instance;
   }
   /**
    * Apply semantic ARIA attributes to an element based on its tag
    */
   applySemanticAttributes(e, t, i) {
-    const s = V();
+    const s = W();
     if (!s.autoApplySemanticRoles) return;
-    const r = N.get(t);
+    const r = _.get(t);
     if (!(!r || !r.applyARIA)) {
       if (i?.role) {
         s.warnOnSemanticIssues && process.env.NODE_ENV !== "production" && console.warn(
@@ -1102,20 +1102,20 @@ const W = class _ {
    * Get semantic role information for a tag
    */
   getSemanticRole(e) {
-    return N.get(e);
+    return _.get(e);
   }
   /**
    * Check if a tag has automatic ARIA role application enabled
    */
   hasAutoARIA(e) {
-    const t = N.get(e);
+    const t = _.get(e);
     return t ? t.applyARIA : !1;
   }
   /**
    * Get all tags that support automatic ARIA roles
    */
   getAutoARIATags() {
-    return Array.from(N.entries()).filter(([, e]) => e.applyARIA).map(([e]) => e);
+    return Array.from(_.entries()).filter(([, e]) => e.applyARIA).map(([e]) => e);
   }
   /**
    * Apply semantic attributes during DOM node creation
@@ -1136,11 +1136,11 @@ const W = class _ {
     }
   }
 };
-le(W, "instance");
-let de = W;
-const R = de.getInstance(), $e = (n, e, t) => R.applySemanticAttributes(n, e, t), De = (n) => R.getSemanticRole(n), Be = (n) => R.hasAutoARIA(n);
-var ue = Object.defineProperty, pe = (n, e, t) => e in n ? ue(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, I = (n, e, t) => pe(n, typeof e != "symbol" ? e + "" : e, t);
-const fe = /* @__PURE__ */ new Set([
+de(j, "instance");
+let ue = j;
+const R = ue.getInstance(), De = (n, e, t) => R.applySemanticAttributes(n, e, t), Oe = (n) => R.getSemanticRole(n), Be = (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([
   "click",
   "dblclick",
   "mousedown",
@@ -1159,14 +1159,14 @@ const fe = /* @__PURE__ */ new Set([
   "keydown",
   "keyup",
   "keypress"
-]), D = /* @__PURE__ */ new Set([
+]), O = /* @__PURE__ */ new Set([
   "scroll",
   "wheel",
   "touchstart",
   "touchmove",
   "touchend"
 ]);
-class he {
+class me {
   constructor() {
     I(this, "containerListeners", /* @__PURE__ */ new WeakMap()), I(this, "elementHandlers", /* @__PURE__ */ new WeakMap()), I(this, "handlerCounts", /* @__PURE__ */ new WeakMap());
   }
@@ -1204,7 +1204,7 @@ class he {
       return;
     const s = (o) => {
       this.handleDelegatedEvent(e, t, o);
-    }, r = D.has(t) ? { passive: !0 } : { passive: !1 };
+    }, r = O.has(t) ? { passive: !0 } : { passive: !1 };
     e.addEventListener(t, s, r), i.set(t, s);
   }
   /**
@@ -1243,13 +1243,13 @@ class he {
    * Check if event type should use delegation
    */
   shouldDelegate(e) {
-    return fe.has(e);
+    return he.has(e);
   }
   /**
    * Check if event type should use passive listeners
    */
   shouldBePassive(e) {
-    return D.has(e);
+    return O.has(e);
   }
   /**
    * Get metrics for debugging
@@ -1278,9 +1278,10 @@ class he {
     }), this.containerListeners.delete(e)), this.handlerCounts.delete(e);
   }
 }
-const T = new he();
-var me = Object.defineProperty, ge = (n, e, t) => e in n ? me(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, S = (n, e, t) => ge(n, typeof e != "symbol" ? e + "" : e, t);
-class ye {
+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 {
   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,
@@ -1364,26 +1365,28 @@ class ye {
   }
   updateProps(e, t, i) {
     const s = t.props || {}, r = t.__appliedProps || {};
-    if (Object.keys(r).forEach((o) => {
-      if (!(o in s)) {
-        if (o === "key" || o === "children" || o.startsWith("on"))
+    Object.keys(r).forEach((a) => {
+      if (!(a in s)) {
+        if (a === "key" || a === "children" || a.startsWith("on"))
           return;
-        this.setElementProp(e, o, void 0);
+        this.setElementProp(e, a, void 0);
       }
-    }), Object.entries(s).forEach(([o, a]) => {
-      o === "key" || o === "children" || r && r[o] === a || this.applyProp(e, o, a, i);
-    }), t.__appliedProps = { ...s }, "componentMetadata" in t && t.componentMetadata) {
-      const o = t.componentMetadata;
-      if (o.overriddenTo && o.originalType && t.tag)
+    }), Object.entries(s).forEach(([a, d]) => {
+      a === "key" || a === "children" || r && r[a] === d || this.applyProp(e, a, d, i);
+    });
+    const o = t.componentId;
+    if (o ? (e.getAttribute("data-component-id") !== String(o) && (e.setAttribute("data-component-id", String(o)), this.recordAttributeWrite()), e[P] = !0) : e.hasAttribute("data-component-id") && e[P] === !0 && (e.removeAttribute("data-component-id"), this.recordAttributeRemoval(), e[P] = !1), t.__appliedProps = { ...s }, "componentMetadata" in t && t.componentMetadata) {
+      const a = t.componentMetadata;
+      if (a.overriddenTo && a.originalType && t.tag)
         try {
           R.processElementNode(
             e,
             t.tag,
-            o,
+            a,
             s?.aria || void 0
           );
-        } catch (a) {
-          console.warn("[tachUI] Could not process semantic attributes:", a);
+        } catch (d) {
+          console.warn("[tachUI] Could not process semantic attributes:", d);
         }
     }
   }
@@ -1529,7 +1532,7 @@ class ye {
       this.applyEventListener(e, t, i, s);
       return;
     }
-    if (w(i) || x(i)) {
+    if (w(i) || N(i)) {
       const r = E(() => {
         const o = i();
         this.setElementProp(e, t, o);
@@ -1565,7 +1568,7 @@ class ye {
    * Apply className with reactive updates
    */
   applyClassName(e, t) {
-    if (w(t) || x(t)) {
+    if (w(t) || N(t)) {
       const i = E(() => {
         const s = t(), r = this.normalizeClassName(s);
         e.className !== r && (e.className = r, this.recordAttributeWrite());
@@ -1589,7 +1592,7 @@ class ye {
    */
   applyStyle(e, t) {
     const i = e;
-    if (w(t) || x(t)) {
+    if (w(t) || N(t)) {
       const s = E(() => {
         const r = t();
         this.setElementStyles(i, r);
@@ -1613,7 +1616,7 @@ class ye {
       Object.keys(i).forEach((s) => {
         s in t || (e.style.removeProperty(s.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`)), this.recordAttributeRemoval());
       }), Object.entries(t).forEach(([s, r]) => {
-        if (w(r) || x(r)) {
+        if (w(r) || N(r)) {
           const o = E(() => {
             const a = r(), d = s.replace(/[A-Z]/g, (u) => `-${u.toLowerCase()}`);
             if (a == null)
@@ -1736,7 +1739,7 @@ class ye {
       t.length > 0 && this.recordModifierApplications(t.length);
       const s = i.componentInstance || i.componentMetadata && i.componentMetadata.componentInstance || i._originalComponent || // Use original component if available
       i;
-      H(
+      V(
         i,
         t,
         {
@@ -1825,15 +1828,15 @@ class ye {
     this.metrics.modifierApplications += e;
   }
 }
-const h = new ye();
-function Oe() {
+const h = new be();
+function He() {
   h.resetMetrics();
 }
-function He() {
+function Ve() {
   return h.getMetrics();
 }
-function Ve(n, e) {
-  return j(() => {
+function We(n, e) {
+  return U(() => {
     let t = [];
     const i = /* @__PURE__ */ new Map(), s = (o) => {
       if (o.key != null) {
@@ -1900,10 +1903,10 @@ function Ve(n, e) {
         y.forEach((c) => {
           c && c.parentNode !== e && h.appendNode(e, c);
         });
-      const $ = (c) => {
-        c.key != null && c.element && i.set(c.key, c), c.children && c.children.forEach($);
+      const D = (c) => {
+        c.key != null && c.element && i.set(c.key, c), c.children && c.children.forEach(D);
       };
-      d.forEach($), t = d;
+      d.forEach(D), t = d;
     });
     return () => {
       r.dispose(), t.forEach((o) => {
@@ -1912,7 +1915,7 @@ function Ve(n, e) {
     };
   });
 }
-function be(n, e, ...t) {
+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 = {
     type: "element",
     tag: n,
@@ -1922,14 +1925,14 @@ function be(n, e, ...t) {
   };
   return e && "componentMetadata" in e && (s.componentMetadata = e.componentMetadata), s;
 }
-function We(n) {
-  if (w(n) || x(n) || typeof n == "function") {
+function je(n) {
+  if (w(n) || N(n) || typeof n == "function") {
     const e = {
       type: "text",
       text: "",
       reactiveContent: n
       // Store the reactive content function
-    }, t = U(() => n());
+    }, t = F(() => n());
     e.text = String(t);
     const i = E(() => {
       const s = n();
@@ -1942,11 +1945,11 @@ function We(n) {
     text: n
   };
 }
-var ve = Object.defineProperty, Ee = (n, e, t) => e in n ? ve(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, A = (n, e, t) => Ee(n, typeof e != "symbol" ? e + "" : e, t);
-class M {
+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 {
   // Required by ModifiableComponent interface
   constructor(e, t, i = !0) {
-    this.metadata = t, A(this, "type", "component"), A(this, "id"), A(this, "mounted", !1), A(this, "cleanup", []), A(this, "props", {}), A(this, "segments"), A(this, "modifiers", []), this.id = `concat-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, this.segments = e;
+    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;
   }
   /**
    * Render the concatenated component to DOM nodes (Enhanced - Phase 4.2)
@@ -1954,7 +1957,7 @@ class M {
   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(), [be("span", {
+    return s ? r = this.renderSegmentsWithAsHTML() : r = this.segments.map((a) => a.render()).flat(), [ve("span", {
       class: `tachui-concatenated ${e}`,
       ...i,
       "aria-label": t || void 0,
@@ -2035,7 +2038,7 @@ class M {
    */
   concat(e) {
     let t, i;
-    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(
+    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(
       this.metadata,
       {
         totalSegments: 1,
@@ -2043,7 +2046,7 @@ class M {
         semanticStructure: this.determineComponentSemanticStructure(e)
       },
       t.length
-    )), new M(t, i);
+    )), new C(t, i);
   }
   /**
    * Convert this concatenated component to a segment (for further concatenation)
@@ -2226,7 +2229,7 @@ class M {
       componentInstance: i.component
       // Pass the original component
     };
-    return H(e, t, s, { batch: !0 });
+    return V(e, t, s, { batch: !0 });
   }
   /**
    * Generate comprehensive accessibility tree for this concatenated component
@@ -2246,43 +2249,43 @@ class M {
     return {
       role: this.determineComponentAccessibilityRole(t),
       label: this.extractAccessibilityText(e),
-      children: t instanceof M ? t.generateAccessibilityTree().children : void 0
+      children: t instanceof C ? t.generateAccessibilityTree().children : void 0
     };
   }
 }
 export {
-  Ie as A,
-  Pe as B,
-  re as C,
-  ye as D,
-  he as E,
-  q as M,
-  N as S,
-  ie as V,
-  _e as a,
-  H as b,
-  O as c,
-  k as d,
-  Re as e,
-  Oe as f,
-  He as g,
-  be as h,
+  Pe as A,
+  ke as B,
+  se as C,
+  be as D,
+  me as E,
+  Z as M,
+  _ as S,
+  re as V,
+  Te as a,
+  V as b,
+  H as c,
+  L as d,
+  Ie as e,
+  He as f,
+  Ve as g,
+  ve as h,
   T as i,
-  se as j,
-  ne as k,
-  ke as l,
-  Te as m,
-  V as n,
-  Le as o,
-  oe as p,
-  de as q,
-  Ve as r,
-  Ne as s,
-  We as t,
+  ne as j,
+  oe as k,
+  Le as l,
+  Re as m,
+  W as n,
+  $e as o,
+  ae as p,
+  ue as q,
+  We as r,
+  xe as s,
+  je as t,
   R as u,
-  $e as v,
-  De as w,
+  De as v,
+  Oe as w,
   Be as x,
-  M as y,
-  J as z
+  C as y,
+  Y as z
 };