@tachui/data 0.8.12 → 0.8.13

package/dist/List.js

@@ -1,7 +1,7 @@
-var Re = Object.defineProperty;
-var Oe = (n, e, t) => e in n ? Re(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var m = (n, e, t) => Oe(n, typeof e != "symbol" ? e + "" : e, t);
-import { withModifiers as ue, ComponentWithCSSClasses as Pe, processElementOverride as ke, h as w, text as Le, clonePropsPreservingReactivity as fe, resetLifecycleState as me, createSignal as N, isSignal as S, createEffect as R } from "@tachui/core";
+var Oe = Object.defineProperty;
+var Pe = (n, e, t) => e in n ? Oe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var m = (n, e, t) => Pe(n, typeof e != "symbol" ? e + "" : e, t);
+import { withModifiers as pe, ComponentWithCSSClasses as ke, processElementOverride as Le, h as w, text as De, clonePropsPreservingReactivity as me, resetLifecycleState as ge, createSignal as N, isSignal as S, createEffect as R } from "@tachui/core";
 import "@tachui/modifiers";
 const y = {
   Clean: 0,
@@ -9,35 +9,35 @@ const y = {
   Dirty: 2,
   Disposed: 3
 };
-var De = Object.defineProperty, ze = (n, e, t) => e in n ? De(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, O = (n, e, t) => ze(n, typeof e != "symbol" ? e + "" : e, t);
-let _e = 0;
-const He = Math.random().toString(36).substr(2, 6);
-let ge = null, ye = null;
-const Ve = /* @__PURE__ */ new Set();
-Ve.add(He);
+var ze = Object.defineProperty, _e = (n, e, t) => e in n ? ze(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, O = (n, e, t) => _e(n, typeof e != "symbol" ? e + "" : e, t);
+let He = 0;
+const Ve = Math.random().toString(36).substr(2, 6);
+let ye = null, ve = null;
+const je = /* @__PURE__ */ new Set();
+je.add(Ve);
 const Q = {
   get currentComputation() {
-    return ge;
+    return ye;
   },
   set currentComputation(n) {
-    ge = n;
+    ye = n;
   },
   get currentOwner() {
-    return ye;
+    return ve;
   },
   set currentOwner(n) {
-    ye = n;
+    ve = n;
   }
 };
-function we() {
+function Ce() {
   return Q.currentComputation;
 }
-function Ce() {
+function Ee() {
   return Q.currentOwner;
 }
-let Ee = class {
+class Ae {
   constructor(e, t = null) {
-    O(this, "id"), O(this, "owner"), O(this, "fn"), O(this, "sources", /* @__PURE__ */ new Set()), O(this, "observers", /* @__PURE__ */ new Set()), O(this, "state", y.Dirty), O(this, "value"), this.id = ++_e, this.fn = e, this.owner = t, t && !t.disposed && t.sources.add(this);
+    O(this, "id"), O(this, "owner"), O(this, "fn"), O(this, "sources", /* @__PURE__ */ new Set()), O(this, "observers", /* @__PURE__ */ new Set()), O(this, "state", y.Dirty), O(this, "value"), this.id = ++He, this.fn = e, this.owner = t, t && !t.disposed && t.sources.add(this);
   }
   execute() {
     if (this.state === y.Disposed)
@@ -66,17 +66,17 @@ let Ee = class {
       this.observers.clear(), this.owner && !this.owner.disposed && this.owner.sources.delete(this);
     }
   }
-};
-var je = Object.defineProperty, Fe = (n, e, t) => e in n ? je(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, re = (n, e, t) => Fe(n, typeof e != "symbol" ? e + "" : e, t);
-let Be = 0, We = class {
+}
+var Fe = Object.defineProperty, Be = (n, e, t) => e in n ? Fe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, re = (n, e, t) => Be(n, typeof e != "symbol" ? e + "" : e, t);
+let We = 0, Ue = class {
   constructor(e) {
-    re(this, "id"), re(this, "observers", /* @__PURE__ */ new Set()), re(this, "_value"), this.id = ++Be, this._value = e;
+    re(this, "id"), re(this, "observers", /* @__PURE__ */ new Set()), re(this, "_value"), this.id = ++We, this._value = e;
   }
   /**
    * Get the current value and track dependency
    */
   getValue() {
-    const e = we();
+    const e = Ce();
     return e && e.state !== y.Disposed && (this.observers.add(e), e.sources.add(this)), this._value;
   }
   /**
@@ -97,7 +97,7 @@ let Be = 0, We = class {
    */
   notify() {
     for (const e of this.observers)
-      e.state !== y.Disposed && (e.state = y.Dirty, Ue(e));
+      e.state !== y.Disposed && (e.state = y.Dirty, qe(e));
   }
   /**
    * Remove an observer (cleanup)
@@ -119,10 +119,10 @@ let Be = 0, We = class {
 };
 const X = /* @__PURE__ */ new Set();
 let J = !1;
-function Ue(n) {
-  X.add(n), !J && queueMicrotask(qe);
+function qe(n) {
+  X.add(n), !J && queueMicrotask(Qe);
 }
-function qe() {
+function Qe() {
   if (!J) {
     J = !0;
     try {
@@ -137,8 +137,8 @@ function qe() {
     }
   }
 }
-function le(n) {
-  const e = new We(n), t = e.getValue.bind(e);
+function ce(n) {
+  const e = new Ue(n), t = e.getValue.bind(e);
   t.peek = e.peek.bind(e);
   const s = e.set.bind(e);
   return Object.defineProperty(t, Symbol.for("tachui.signal"), {
@@ -149,14 +149,14 @@ function le(n) {
 function F(n) {
   return typeof n == "function" && Symbol.for("tachui.signal") in n;
 }
-const Qe = (n, e) => n === e;
-var Ge = Object.defineProperty, Ke = (n, e, t) => e in n ? Ge(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, A = (n, e, t) => Ke(n, typeof e != "symbol" ? e + "" : e, t), G = /* @__PURE__ */ ((n) => (n[n.Immediate = 0] = "Immediate", n[n.High = 1] = "High", n[n.Normal = 2] = "Normal", n[n.Low = 3] = "Low", n[n.Idle = 4] = "Idle", n))(G || {});
-let Ye = class extends Error {
+const Ge = (n, e) => n === e;
+var Ke = Object.defineProperty, Ye = (n, e, t) => e in n ? Ke(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, A = (n, e, t) => Ye(n, typeof e != "symbol" ? e + "" : e, t), G = /* @__PURE__ */ ((n) => (n[n.Immediate = 0] = "Immediate", n[n.High = 1] = "High", n[n.Normal = 2] = "Normal", n[n.Low = 3] = "Low", n[n.Idle = 4] = "Idle", n))(G || {});
+let Ze = class extends Error {
   constructor(e, t, s) {
     super(e), this.cause = t, this.node = s, this.name = "ReactiveError";
   }
 };
-const Ze = class _ {
+const Xe = class _ {
   constructor() {
     A(this, "updateQueues", /* @__PURE__ */ new Map()), A(this, "isFlushPending", !1), A(this, "isDestroyed", !1), A(this, "errorHandlers", /* @__PURE__ */ new Set()), A(this, "maxRetries", 3), A(this, "totalUpdateCycles", 0), A(this, "totalUpdateTime", 0), A(this, "errorCount", 0), A(this, "nodeRegistry", /* @__PURE__ */ new WeakSet());
     for (const e of Object.values(G))
@@ -196,7 +196,7 @@ const Ze = class _ {
             await this.updateNodeWithRetry(i);
           } catch (o) {
             this.handleReactiveError(
-              new Ye(`Failed to update ${i.type} node ${i.id}`, o, i)
+              new Ze(`Failed to update ${i.type} node ${i.id}`, o, i)
             );
           }
         if (this.hasHigherPriorityWork(t))
@@ -360,17 +360,17 @@ const Ze = class _ {
     };
   }
 };
-A(Ze, "instance", null);
-var Xe = Object.defineProperty, Je = (n, e, t) => e in n ? Xe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, L = (n, e, t) => Je(n, typeof e != "symbol" ? e + "" : e, t);
-let et = class extends Ee {
-  constructor(e, t = {}, s = Ce()) {
-    super(e, s), L(this, "type", "computed"), L(this, "priority"), L(this, "_hasValue", !1), L(this, "_error", null), L(this, "equalsFn"), L(this, "options"), this.priority = t.priority ?? G.Normal, this.equalsFn = t.equals ?? Qe, this.options = t;
+A(Xe, "instance", null);
+var Je = Object.defineProperty, et = (n, e, t) => e in n ? Je(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, L = (n, e, t) => et(n, typeof e != "symbol" ? e + "" : e, t);
+let tt = class extends Ae {
+  constructor(e, t = {}, s = Ee()) {
+    super(e, s), L(this, "type", "computed"), L(this, "priority"), L(this, "_hasValue", !1), L(this, "_error", null), L(this, "equalsFn"), L(this, "options"), this.priority = t.priority ?? G.Normal, this.equalsFn = t.equals ?? Ge, this.options = t;
   }
   /**
    * Get the computed value, tracking dependency and lazily computing
    */
   getValue() {
-    const e = we();
+    const e = Ce();
     return e && e.state !== y.Disposed && (this.observers.add(e), e.sources.add(this)), (this.state === y.Dirty || !this._hasValue) && (this.execute(), this._hasValue = !0), this.value;
   }
   /**
@@ -447,8 +447,8 @@ let et = class extends Ee {
     return `Computed(${this.options.debugName || this.id}): ${this._hasValue ? this.value : "no value"}`;
   }
 };
-function tt(n, e) {
-  const t = new et(n, e), s = t.getValue.bind(t);
+function st(n, e) {
+  const t = new tt(n, e), s = t.getValue.bind(t);
   return s.peek = t.peek.bind(t), Object.defineProperty(s, Symbol.for("tachui.computed"), {
     value: t,
     enumerable: !1
@@ -457,19 +457,19 @@ function tt(n, e) {
 function B(n) {
   return typeof n == "function" && Symbol.for("tachui.computed") in n;
 }
-const [st, Ss] = le("light");
-tt(() => {
-  const n = st();
-  return n === "system" ? rt() : n;
+const [rt, Ss] = ce("light");
+st(() => {
+  const n = rt();
+  return n === "system" ? it() : n;
 });
-function rt() {
+function it() {
   return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 typeof globalThis.__DEV__ > "u" && (globalThis.__DEV__ = process.env.NODE_ENV !== "production");
-var it = Object.defineProperty, nt = (n, e, t) => e in n ? it(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, ve = (n, e, t) => nt(n, typeof e != "symbol" ? e + "" : e, t);
-let ot = class {
+var nt = Object.defineProperty, ot = (n, e, t) => e in n ? nt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, be = (n, e, t) => ot(n, typeof e != "symbol" ? e + "" : e, t);
+let at = class {
   constructor() {
-    ve(this, "pending", /* @__PURE__ */ new Set()), ve(this, "isFlushScheduled", !1);
+    be(this, "pending", /* @__PURE__ */ new Set()), be(this, "isFlushScheduled", !1);
   }
   schedule(e) {
     this.pending.add(e), this.isFlushScheduled || (this.isFlushScheduled = !0, queueMicrotask(() => this.flush()));
@@ -490,7 +490,7 @@ let ot = class {
     this.pending.size > 0 && (this.isFlushScheduled = !0, queueMicrotask(() => this.flush()));
   }
 };
-new ot();
+new at();
 let ie = null;
 const b = class b {
   constructor() {
@@ -780,25 +780,25 @@ m(b, "instanceCount", 0), m(b, "FORBIDDEN_NAMES", /* @__PURE__ */ new Set([
   "toString",
   "valueOf"
 ])), m(b, "NAME_PATTERN", /^[a-zA-Z_$][a-zA-Z0-9_$]*$/);
-let ce = b;
-function at() {
-  return ie || (ie = new ce()), ie;
+let he = b;
+function lt() {
+  return ie || (ie = new he()), ie;
 }
-const I = at();
+const x = lt();
 function T(n, e = {}) {
-  const t = Ce();
+  const t = Ee();
   let s;
   const r = () => {
     const o = n(s);
     return s = o, o;
-  }, i = new Ee(r, t);
+  }, i = new Ae(r, t);
   return e.name && Object.defineProperty(i, "name", {
     value: e.name,
     enumerable: !1
   }), i.execute(), i;
 }
-var lt = Object.defineProperty, ct = (n, e, t) => e in n ? lt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, ht = (n, e, t) => ct(n, e + "", t);
-const dt = /* @__PURE__ */ new Set([
+var ct = Object.defineProperty, ht = (n, e, t) => e in n ? ct(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, dt = (n, e, t) => ht(n, e + "", t);
+const ut = /* @__PURE__ */ new Set([
   "onFocus",
   "onBlur",
   "onKeyDown",
@@ -818,11 +818,11 @@ const dt = /* @__PURE__ */ new Set([
   "onSwipeLeft",
   "onSwipeRight"
 ]);
-function Ae() {
-  return I;
+function Me() {
+  return x;
 }
 function d(n, ...e) {
-  const t = Ae().get(n);
+  const t = Me().get(n);
   if (t)
     try {
       return t.apply(null, e);
@@ -833,9 +833,9 @@ function d(n, ...e) {
     `Modifier '${n}' not found in registry. Import @tachui/modifiers or @tachui/modifiers/effects to register modifiers.`
   );
 }
-let ut = class {
+class pt {
   constructor(e) {
-    this.component = e, ht(this, "modifiers", []);
+    this.component = e, dt(this, "modifiers", []);
   }
   frame(e, t) {
     let s;
@@ -1120,8 +1120,8 @@ This method is for internal framework use only.`
       const e = this.component, t = Array.isArray(
         e.modifiers
       ) ? [...e.modifiers] : [], s = this.modifiers.filter(
-        (a) => !e.modifiers.some(
-          (h) => h === a
+        (l) => !e.modifiers.some(
+          (h) => h === l
           // Reference equality check
         )
       ), r = [...t, ...s], i = e._originalComponent || e;
@@ -1129,17 +1129,17 @@ This method is for internal framework use only.`
       if (typeof i?.clone == "function")
         o = i.clone();
       else {
-        const a = i && Object.getPrototypeOf(i) || Object.prototype;
-        o = Object.create(a), Object.assign(o, i), o.props = { ...i.props }, o.cleanup = Array.isArray(i.cleanup) ? [...i.cleanup] : [], o.mounted = i.mounted ?? !1, o.id = i.id, o.type = i.type, o.render = typeof i.render == "function" ? i.render.bind(i) : () => [];
+        const l = i && Object.getPrototypeOf(i) || Object.prototype;
+        o = Object.create(l), Object.assign(o, i), o.props = { ...i.props }, o.cleanup = Array.isArray(i.cleanup) ? [...i.cleanup] : [], o.mounted = i.mounted ?? !1, o.id = i.id, o.type = i.type, o.render = typeof i.render == "function" ? i.render.bind(i) : () => [];
       }
-      const l = te(
+      const a = te(
         o,
         r
       );
       return process.env.NODE_ENV === "test" && this.applyModifiersToPropsForTesting(
-        l,
+        a,
         r
-      ), l;
+      ), a;
     } else {
       const e = te(
         this.component,
@@ -1160,11 +1160,11 @@ This method is for internal framework use only.`
             if (i === "role")
               e.props.role = o;
             else {
-              const l = i.startsWith("aria-") ? i : `aria-${i}`;
-              e.props[l] = typeof o == "boolean" ? o : String(o);
+              const a = i.startsWith("aria-") ? i : `aria-${i}`;
+              e.props[a] = typeof o == "boolean" ? o : String(o);
             }
         });
-      } else if (dt.has(s.type)) {
+      } else if (ut.has(s.type)) {
         const r = s.properties || {};
         Object.entries(r).forEach(([i, o]) => {
           typeof o == "function" && (e.props[i] = o);
@@ -1298,74 +1298,74 @@ This method is for internal framework use only.`
   // Shadow and clipping modifiers moved to @tachui/modifiers
   // Available via Proxy when @tachui/modifiers is imported:
   // - shadow(), textShadow(), shadows(), shadowPreset(), clipped()
-};
-function pt(n) {
-  const e = new ut(n);
+}
+function ft(n) {
+  const e = new pt(n);
   return new Proxy(e, {
     get(t, s, r) {
       if (s in t) {
         const i = t[s];
         return typeof i == "function" ? function(...o) {
-          const l = i.apply(r, o);
-          return l === t ? r : l;
+          const a = i.apply(r, o);
+          return a === t ? r : a;
         } : i;
       }
       if (typeof s == "string") {
-        const i = Ae();
+        const i = Me();
         if (s === "responsive")
           return function(...o) {
-            const l = o[0];
-            if (l) {
-              const a = d(s, l);
-              this.addModifierInternal(a);
+            const a = o[0];
+            if (a) {
+              const l = d(s, a);
+              this.addModifierInternal(l);
             }
             return r;
           };
         if (s === "base" || s === "sm" || s === "md" || s === "lg" || s === "xl" || s === "2xl")
           return new Proxy({}, {
-            get(o, l) {
-              if (typeof l == "string")
-                return (...a) => {
-                  const h = { [l]: { [s]: a[0] } }, c = d("responsive", h);
+            get(o, a) {
+              if (typeof a == "string")
+                return (...l) => {
+                  const h = { [a]: { [s]: l[0] } }, c = d("responsive", h);
                   return t.addModifierInternal(c), r;
                 };
             }
           });
         if (i.has(s))
           return function(...o) {
-            const l = d(s, ...o);
-            return this.addModifierInternal(l), r;
+            const a = d(s, ...o);
+            return this.addModifierInternal(a), r;
           };
       }
     }
   });
 }
-class ft {
+class mt {
   register(e, t) {
-    I.register(e, t);
+    x.register(e, t);
   }
   get(e) {
-    return I.get(e);
+    return x.get(e);
   }
   has(e) {
-    return I.has(e);
+    return x.has(e);
   }
   list() {
-    return I.list();
+    return x.list();
   }
   clear() {
-    I.clear();
+    x.clear();
   }
   validateRegistry() {
-    return I.validateRegistry();
+    return x.validateRegistry();
   }
 }
-const V = new ft();
+const V = new mt();
 process.env.NODE_ENV === "development" && console.log("📤 Created RegistryAdapter for globalModifierRegistry", {
-  registryId: I.instanceId,
-  currentSize: I.list().length
+  registryId: x.instanceId,
+  currentSize: x.list().length
 });
-function Me(n, e, t = {}, s = {}) {
+function Ie(n, e, t = {}, s = {}) {
   if (!e.length) return n;
   const r = {
     componentId: t.componentId || "unknown",
@@ -1381,51 +1381,51 @@ function Me(n, e, t = {}, s = {}) {
   };
   switch (s.batch ? "batch" : "sequential") {
     case "batch":
-      return gt(n, e, r, s);
+      return yt(n, e, r, s);
     default:
-      return mt(n, e, r, s);
+      return gt(n, e, r, s);
   }
 }
-function mt(n, e, t, s) {
+function gt(n, e, t, s) {
   const r = [...e].sort(
-    (a, h) => a.priority - h.priority
+    (l, h) => l.priority - h.priority
   );
   let i = n;
-  const o = [], l = [];
-  for (const a of r)
+  const o = [], a = [];
+  for (const l of r)
     try {
-      const h = a.apply(i, t);
+      const h = l.apply(i, t);
       h && typeof h == "object" && "type" in h && (i = h), s.immediate && !s.suppressEffects && (o.forEach((c) => c()), o.length = 0);
     } catch (h) {
-      console.error(`Failed to apply modifier ${a.type}:`, h);
+      console.error(`Failed to apply modifier ${l.type}:`, h);
     }
-  if (l.length > 0) {
-    const a = i.dispose;
+  if (a.length > 0) {
+    const l = i.dispose;
     i.dispose = () => {
-      l.forEach((h) => h()), a && a();
+      a.forEach((h) => h()), l && l();
     };
   }
   return i;
 }
-function gt(n, e, t, s) {
-  const r = yt(e);
+function yt(n, e, t, s) {
+  const r = vt(e);
   let i = n;
-  const o = [], l = [];
-  for (const [a, h] of r)
+  const o = [], a = [];
+  for (const [l, h] of r)
     try {
-      i = vt(i, h, t);
+      i = bt(i, h, t);
     } catch (c) {
-      (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error(`Failed to apply modifier group ${a}:`, c);
+      (typeof process > "u" || process.env.NODE_ENV !== "test") && console.error(`Failed to apply modifier group ${l}:`, c);
     }
-  if (s.suppressEffects || o.forEach((a) => a()), l.length > 0) {
-    const a = i.dispose;
+  if (s.suppressEffects || o.forEach((l) => l()), a.length > 0) {
+    const l = i.dispose;
     i.dispose = () => {
-      l.forEach((h) => h()), a && a();
+      a.forEach((h) => h()), l && l();
     };
   }
   return i;
 }
-function yt(n) {
+function vt(n) {
   const e = /* @__PURE__ */ new Map();
   for (const t of n) {
     const s = e.get(t.type) || [];
@@ -1433,7 +1433,7 @@ function yt(n) {
   }
   return e;
 }
-function vt(n, e, t) {
+function bt(n, e, t) {
   const s = [...e].sort(
     (i, o) => i.priority - o.priority
   );
@@ -1447,7 +1447,7 @@ function vt(n, e, t) {
     }
   return r;
 }
-function bt(n) {
+function St(n) {
   return n && typeof n.concat == "function" && typeof n.toSegment == "function" && typeof n.isConcatenatable == "function";
 }
 function te(n, e = []) {
@@ -1465,7 +1465,7 @@ function te(n, e = []) {
     // Store reference to original component for modifier context
     _originalComponent: n
   };
-  t.modifierBuilder = pt(
+  t.modifierBuilder = ft(
     t
   ), t.modifier = t.modifierBuilder, Object.prototype.hasOwnProperty.call(n, "modifier") || Object.defineProperty(n, "modifier", {
     configurable: !0,
@@ -1479,8 +1479,8 @@ function te(n, e = []) {
   const r = n.render ? n.render.bind(n) : () => [];
   return t.render = () => {
     const i = r();
-    return (Array.isArray(i) ? i : [i]).map((o, l) => (o && typeof o == "object" && (l === 0 ? (o.modifiers = [...t.modifiers], o.componentId = n.id, o._originalComponent = t._originalComponent) : (o.modifiers && delete o.modifiers, o.componentId && o.componentId === n.id && delete o.componentId)), o));
-  }, bt(n) && (t.concat = function(i) {
+    return (Array.isArray(i) ? i : [i]).map((o, a) => (o && typeof o == "object" && (a === 0 ? (o.modifiers = [...t.modifiers], o.componentId = n.id, o._originalComponent = t._originalComponent) : (o.modifiers && delete o.modifiers, o.componentId && o.componentId === n.id && delete o.componentId)), o));
+  }, St(n) && (t.concat = function(i) {
     const o = {
       id: t.id,
       component: t,
@@ -1489,7 +1489,7 @@ function te(n, e = []) {
         const h = t.render();
         return Array.isArray(h) ? h[0] : h;
       }
-    }, l = i.toSegment(), a = {
+    }, a = i.toSegment(), l = {
       totalSegments: i instanceof Y ? i.segments.length + 1 : 2,
       accessibilityRole: "text",
       // Simplified for now
@@ -1498,8 +1498,8 @@ function te(n, e = []) {
     };
     return i instanceof Y ? new Y(
       [o, ...i.segments],
-      a
-    ) : new Y([o, l], a);
+      l
+    ) : new Y([o, a], l);
   }, t.toSegment = function() {
     return {
       id: t.id,
@@ -1538,17 +1538,17 @@ const K = /* @__PURE__ */ new Map([
   ["a", { role: "link", applyARIA: !1 }]
   // Usually implicit
 ]);
-let St = {
+let wt = {
   autoApplySemanticRoles: !0,
   warnOnOverrides: process.env.NODE_ENV !== "production",
   warnOnSemanticIssues: process.env.NODE_ENV !== "production",
   validateTags: !0,
   allowInvalidTags: !0
 };
-function wt() {
-  return { ...St };
+function Ct() {
+  return { ...wt };
 }
-var Ct = Object.defineProperty, Et = (n, e, t) => e in n ? Ct(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, At = (n, e, t) => Et(n, e + "", t);
+var Et = Object.defineProperty, At = (n, e, t) => e in n ? Et(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Mt = (n, e, t) => At(n, e + "", t);
 const xe = class W {
   static getInstance() {
     return W.instance || (W.instance = new W()), W.instance;
@@ -1557,7 +1557,7 @@ const xe = class W {
    * Apply semantic ARIA attributes to an element based on its tag
    */
   applySemanticAttributes(e, t, s) {
-    const r = wt();
+    const r = Ct();
     if (!r.autoApplySemanticRoles) return;
     const i = K.get(t);
     if (!(!i || !i.applyARIA)) {
@@ -1614,11 +1614,11 @@ const xe = class W {
     }
   }
 };
-At(xe, "instance");
-let Mt = xe;
-const xt = Mt.getInstance();
-var It = Object.defineProperty, Tt = (n, e, t) => e in n ? It(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, ne = (n, e, t) => Tt(n, typeof e != "symbol" ? e + "" : e, t);
-const $t = /* @__PURE__ */ new Set([
+Mt(xe, "instance");
+let It = xe;
+const xt = It.getInstance();
+var Tt = Object.defineProperty, $t = (n, e, t) => e in n ? Tt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, ne = (n, e, t) => $t(n, typeof e != "symbol" ? e + "" : e, t);
+const Nt = /* @__PURE__ */ new Set([
   "click",
   "dblclick",
   "mousedown",
@@ -1637,14 +1637,14 @@ const $t = /* @__PURE__ */ new Set([
   "keydown",
   "keyup",
   "keypress"
-]), be = /* @__PURE__ */ new Set([
+]), Se = /* @__PURE__ */ new Set([
   "scroll",
   "wheel",
   "touchstart",
   "touchmove",
   "touchend"
 ]);
-class Nt {
+class Rt {
   constructor() {
     ne(this, "containerListeners", /* @__PURE__ */ new WeakMap()), ne(this, "elementHandlers", /* @__PURE__ */ new WeakMap()), ne(this, "handlerCounts", /* @__PURE__ */ new WeakMap());
   }
@@ -1656,8 +1656,8 @@ class Nt {
     i && i.has(s) && this.unregister(e, t, s), i || (i = /* @__PURE__ */ new Map(), this.elementHandlers.set(t, i)), i.set(s, { handler: r, element: t });
     let o = this.handlerCounts.get(e);
     o || (o = /* @__PURE__ */ new Map(), this.handlerCounts.set(e, o));
-    const l = o.get(s) || 0;
-    return o.set(s, l + 1), this.ensureRootListener(e, s), () => {
+    const a = o.get(s) || 0;
+    return o.set(s, a + 1), this.ensureRootListener(e, s), () => {
       this.unregister(e, t, s);
     };
   }
@@ -1682,7 +1682,7 @@ class Nt {
       return;
     const r = (o) => {
       this.handleDelegatedEvent(e, t, o);
-    }, i = be.has(t) ? { passive: !0 } : { passive: !1 };
+    }, i = Se.has(t) ? { passive: !0 } : { passive: !1 };
     e.addEventListener(t, r, i), s.set(t, r);
   }
   /**
@@ -1704,12 +1704,12 @@ class Nt {
     for (; i && i !== e; ) {
       const o = this.elementHandlers.get(i);
       if (o) {
-        const l = o.get(t);
-        if (l) {
+        const a = o.get(t);
+        if (a) {
           try {
-            l.handler(s);
-          } catch (a) {
-            console.error(`Delegated event handler error for ${t}:`, a);
+            a.handler(s);
+          } catch (l) {
+            console.error(`Delegated event handler error for ${t}:`, l);
           }
           return;
         }
@@ -1721,13 +1721,13 @@ class Nt {
    * Check if event type should use delegation
    */
   shouldDelegate(e) {
-    return $t.has(e);
+    return Nt.has(e);
   }
   /**
    * Check if event type should use passive listeners
    */
   shouldBePassive(e) {
-    return be.has(e);
+    return Se.has(e);
   }
   /**
    * Get metrics for debugging
@@ -1756,9 +1756,10 @@ class Nt {
     }), this.containerListeners.delete(e)), this.handlerCounts.delete(e);
   }
 }
-const oe = new Nt();
-var Rt = Object.defineProperty, Ot = (n, e, t) => e in n ? Rt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, j = (n, e, t) => Ot(n, typeof e != "symbol" ? e + "" : e, t);
-class Ie {
+const oe = new Rt();
+var Ot = Object.defineProperty, Pt = (n, e, t) => e in n ? Ot(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, j = (n, e, t) => Pt(n, typeof e != "symbol" ? e + "" : e, t);
+const ae = "__tachuiManagedComponentId";
+class Te {
   constructor() {
     j(this, "nodeMap", /* @__PURE__ */ new WeakMap()), j(this, "cleanupMap", /* @__PURE__ */ new WeakMap()), j(this, "renderedNodes", /* @__PURE__ */ new Set()), j(this, "elementToContainer", /* @__PURE__ */ new WeakMap()), j(this, "metrics", {
       created: 0,
@@ -1842,22 +1843,24 @@ class Ie {
   }
   updateProps(e, t, s) {
     const r = t.props || {}, i = t.__appliedProps || {};
-    if (Object.keys(i).forEach((o) => {
-      if (!(o in r)) {
-        if (o === "key" || o === "children" || o.startsWith("on"))
+    Object.keys(i).forEach((a) => {
+      if (!(a in r)) {
+        if (a === "key" || a === "children" || a.startsWith("on"))
           return;
-        this.setElementProp(e, o, void 0);
+        this.setElementProp(e, a, void 0);
       }
-    }), Object.entries(r).forEach(([o, l]) => {
-      o === "key" || o === "children" || i && i[o] === l || this.applyProp(e, o, l, s);
-    }), t.__appliedProps = { ...r }, "componentMetadata" in t && t.componentMetadata) {
-      const o = t.componentMetadata;
-      if (o.overriddenTo && o.originalType && t.tag)
+    }), Object.entries(r).forEach(([a, l]) => {
+      a === "key" || a === "children" || i && i[a] === l || this.applyProp(e, a, l, s);
+    });
+    const o = t.componentId;
+    if (o ? (e.getAttribute("data-component-id") !== String(o) && (e.setAttribute("data-component-id", String(o)), this.recordAttributeWrite()), e[ae] = !0) : e.hasAttribute("data-component-id") && e[ae] === !0 && (e.removeAttribute("data-component-id"), this.recordAttributeRemoval(), e[ae] = !1), t.__appliedProps = { ...r }, "componentMetadata" in t && t.componentMetadata) {
+      const a = t.componentMetadata;
+      if (a.overriddenTo && a.originalType && t.tag)
         try {
           xt.processElementNode(
             e,
             t.tag,
-            o,
+            a,
             r?.aria || void 0
           );
         } catch (l) {
@@ -1881,14 +1884,14 @@ class Ie {
       }), t.__renderedChildren = r;
       return;
     }
-    const l = /* @__PURE__ */ new Map(), a = [];
+    const a = /* @__PURE__ */ new Map(), l = [];
     s.forEach((c) => {
-      c.key != null ? l.set(c.key, c) : a.push(c);
+      c.key != null ? a.set(c.key, c) : l.push(c);
     });
     const h = Array.from({ length: r.length });
     if (r.forEach((c, u) => {
       let f;
-      c.key != null ? (f = l.get(c.key), f && l.delete(c.key)) : a.length > 0 && (f = a.shift()), f && this.adoptNode(f, c);
+      c.key != null ? (f = a.get(c.key), f && a.delete(c.key)) : l.length > 0 && (f = l.shift()), f && this.adoptNode(f, c);
       const p = this.renderSingle(c, i);
       h[u] = p;
     }), o && t.tag) {
@@ -1902,9 +1905,9 @@ class Ie {
         dom: f
       });
     }
-    if (l.forEach((c) => {
+    if (a.forEach((c) => {
       this.removeNode(c);
-    }), a.forEach((c) => {
+    }), l.forEach((c) => {
       this.removeNode(c);
     }), typeof e.insertBefore == "function" && typeof e.appendChild == "function") {
       let c = null;
@@ -2093,24 +2096,24 @@ class Ie {
       }), Object.entries(t).forEach(([r, i]) => {
         if (F(i) || B(i)) {
           const o = T(() => {
-            const l = i(), a = r.replace(/[A-Z]/g, (h) => `-${h.toLowerCase()}`);
-            if (l == null)
-              e.style.removeProperty(a), this.recordAttributeRemoval();
+            const a = i(), l = r.replace(/[A-Z]/g, (h) => `-${h.toLowerCase()}`);
+            if (a == null)
+              e.style.removeProperty(l), this.recordAttributeRemoval();
             else {
-              const h = String(l);
-              e.style.getPropertyValue(a) !== h && (e.style.setProperty(a, h), this.recordAttributeWrite());
+              const h = String(a);
+              e.style.getPropertyValue(l) !== h && (e.style.setProperty(l, h), this.recordAttributeWrite());
             }
           });
           this.addCleanup(e, () => {
             o.dispose();
           });
         } else {
-          const o = r.replace(/[A-Z]/g, (l) => `-${l.toLowerCase()}`);
+          const o = r.replace(/[A-Z]/g, (a) => `-${a.toLowerCase()}`);
           if (i == null)
             e.style.getPropertyValue(o) && (e.style.removeProperty(o), this.recordAttributeRemoval());
           else {
-            const l = String(i);
-            e.style.getPropertyValue(o) !== l && (e.style.setProperty(o, l), this.recordAttributeWrite());
+            const a = String(i);
+            e.style.getPropertyValue(o) !== a && (e.style.setProperty(o, a), this.recordAttributeWrite());
           }
         }
       }), e.__appliedStyles = { ...t };
@@ -2133,15 +2136,15 @@ class Ie {
       this.addCleanup(e, h);
       return;
     }
-    const l = (h) => {
+    const a = (h) => {
       try {
         s(h);
       } catch (c) {
         console.error(`Event handler error for ${t}:`, c);
       }
-    }, a = oe.shouldBePassive(i) ? { passive: !0 } : void 0;
-    e.addEventListener(i, l, a), this.addCleanup(e, () => {
-      e.removeEventListener(i, l, a);
+    }, l = oe.shouldBePassive(i) ? { passive: !0 } : void 0;
+    e.addEventListener(i, a, l), this.addCleanup(e, () => {
+      e.removeEventListener(i, a, l);
     });
   }
   /**
@@ -2214,7 +2217,7 @@ class Ie {
       t.length > 0 && this.recordModifierApplications(t.length);
       const r = s.componentInstance || s.componentMetadata && s.componentMetadata.componentInstance || s._originalComponent || // Use original component if available
       s;
-      Me(
+      Ie(
         s,
         t,
         {
@@ -2303,8 +2306,8 @@ class Ie {
     this.metrics.modifierApplications += e;
   }
 }
-new Ie();
-function Pt(n, e, ...t) {
+new Te();
+function kt(n, e, ...t) {
   const s = t.flat().filter((i) => i != null).map((i) => typeof i == "string" || typeof i == "number" ? { type: "text", text: String(i) } : i), r = {
     type: "element",
     tag: n,
@@ -2314,7 +2317,7 @@ function Pt(n, e, ...t) {
   };
   return e && "componentMetadata" in e && (r.componentMetadata = e.componentMetadata), r;
 }
-var kt = Object.defineProperty, Lt = (n, e, t) => e in n ? kt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, P = (n, e, t) => Lt(n, typeof e != "symbol" ? e + "" : e, t);
+var Lt = Object.defineProperty, Dt = (n, e, t) => e in n ? Lt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, P = (n, e, t) => Dt(n, typeof e != "symbol" ? e + "" : e, t);
 let Y = class ee {
   // Required by ModifiableComponent interface
   constructor(e, t, s = !0) {
@@ -2326,7 +2329,7 @@ let Y = class ee {
   render() {
     const e = this.determineContainerClass(), t = this.buildAccessibilityLabel(), s = this.buildAccessibilityAttributes(), r = this.modifiers && this.modifiers.some((o) => o.type === "asHTML");
     let i;
-    return r ? i = this.renderSegmentsWithAsHTML() : i = this.segments.map((o) => o.render()).flat(), [Pt("span", {
+    return r ? i = this.renderSegmentsWithAsHTML() : i = this.segments.map((o) => o.render()).flat(), [kt("span", {
       class: `tachui-concatenated ${e}`,
       ...s,
       "aria-label": t || void 0,
@@ -2598,7 +2601,7 @@ let Y = class ee {
       componentInstance: s.component
       // Pass the original component
     };
-    return Me(e, t, r, { batch: !0 });
+    return Ie(e, t, r, { batch: !0 });
   }
   /**
    * Generate comprehensive accessibility tree for this concatenated component
@@ -2622,14 +2625,14 @@ let Y = class ee {
     };
   }
 };
-const Dt = {
+const zt = {
   proxyModifiers: !0
 };
-let zt = { ...Dt };
-function Te() {
-  return zt.proxyModifiers === !0;
+let _t = { ...zt };
+function $e() {
+  return _t.proxyModifiers === !0;
 }
-let Se = /* @__PURE__ */ new WeakMap(), _t = /* @__PURE__ */ new WeakMap(), Ht = /* @__PURE__ */ new WeakMap(), Vt = /* @__PURE__ */ new WeakMap();
+let we = /* @__PURE__ */ new WeakMap(), Ht = /* @__PURE__ */ new WeakMap(), Vt = /* @__PURE__ */ new WeakMap(), jt = /* @__PURE__ */ new WeakMap();
 function $(n) {
   if (Object.prototype.hasOwnProperty.call(n, "modifiers") && Object.prototype.hasOwnProperty.call(n, "modifierBuilder"))
     return n;
@@ -2653,147 +2656,147 @@ function $(n) {
   }
   return n._modifiableComponent;
 }
-function he(n) {
-  if (!Te())
+function de(n) {
+  if (!$e())
     return n;
-  const e = Se.get(n);
+  const e = we.get(n);
   if (e)
     return e;
   const t = /* @__PURE__ */ new Map();
-  _t.set(n, t);
+  Ht.set(n, t);
   const s = /* @__PURE__ */ new Map();
-  Ht.set(n, s);
+  Vt.set(n, s);
   const r = /* @__PURE__ */ new Map();
-  Vt.set(n, r);
+  jt.set(n, r);
   const i = {
-    get(l, a, h) {
-      if (a === Symbol.toStringTag)
-        return Reflect.get(l, a, h);
-      if (a === "render") {
-        if (r.has(a))
-          return r.get(a);
-        const c = $(l);
+    get(a, l, h) {
+      if (l === Symbol.toStringTag)
+        return Reflect.get(a, l, h);
+      if (l === "render") {
+        if (r.has(l))
+          return r.get(l);
+        const c = $(a);
         if (typeof c.render == "function") {
           const u = c.render.bind(c);
-          return r.set(a, u), u;
+          return r.set(l, u), u;
         }
-        return Reflect.get(l, a, h);
+        return Reflect.get(a, l, h);
       }
-      if (a === "build") {
-        const c = $(l), u = c.modifierBuilder || c.modifier;
+      if (l === "build") {
+        const c = $(a), u = c.modifierBuilder || c.modifier;
         if (u && typeof u.build == "function") {
           const f = u.build.bind(u);
           return (...p) => {
             const v = f(...p);
-            return v && typeof v == "object" && !Array.isArray(v) ? he(
+            return v && typeof v == "object" && !Array.isArray(v) ? de(
               v
             ) : v;
           };
         }
         return;
       }
-      if (a === "modifiers" || a === "modifier" || a === "modifierBuilder") {
-        if (a === "modifier") {
+      if (l === "modifiers" || l === "modifier" || l === "modifierBuilder") {
+        if (l === "modifier") {
           const u = Object.getOwnPropertyDescriptor(
-            l,
+            a,
             "modifier"
           );
           if (u && "value" in u)
             return u.value;
         }
-        const c = $(l);
-        return a === "modifiers" ? c.modifiers : c.modifierBuilder;
+        const c = $(a);
+        return l === "modifiers" ? c.modifiers : c.modifierBuilder;
       }
-      if (typeof a == "string") {
+      if (typeof l == "string") {
         let c;
-        if (t.has(a) && (c = V.get(a), c)) {
-          const p = s.get(a);
-          p !== void 0 && p !== c && (t.delete(a), s.delete(a));
+        if (t.has(l) && (c = V.get(l), c)) {
+          const p = s.get(l);
+          p !== void 0 && p !== c && (t.delete(l), s.delete(l));
         }
-        if (Reflect.has(l, a)) {
-          const p = Reflect.get(l, a, l);
+        if (Reflect.has(a, l)) {
+          const p = Reflect.get(a, l, a);
           if (typeof p != "function")
             return p;
         }
-        const u = $(l), f = u.modifierBuilder || u.modifier;
+        const u = $(a), f = u.modifierBuilder || u.modifier;
         if (f) {
-          const p = f[a];
+          const p = f[l];
           if (typeof p == "function") {
-            if (!t.has(a)) {
+            if (!t.has(l)) {
               const v = (...k) => {
-                const C = $(l), E = C.modifierBuilder || C.modifier, pe = E?.[a];
-                if (typeof pe != "function")
+                const C = $(a), E = C.modifierBuilder || C.modifier, fe = E?.[l];
+                if (typeof fe != "function")
                   throw new Error(
-                    `Modifier '${String(a)}' is not callable`
+                    `Modifier '${String(l)}' is not callable`
                   );
-                const se = pe.apply(E, k);
+                const se = fe.apply(E, k);
                 return se && se !== E ? se : o;
               };
-              t.set(a, v), s.set(
-                a,
-                c ?? V.get(a)
+              t.set(l, v), s.set(
+                l,
+                c ?? V.get(l)
               );
             }
-            return t.get(a);
+            return t.get(l);
           }
           if (p !== void 0)
             return p;
         }
-        if (V.has(a)) {
-          if (!t.has(a)) {
+        if (V.has(l)) {
+          if (!t.has(l)) {
             const p = (...v) => {
-              const k = $(l), C = k.modifierBuilder || k.modifier, E = C?.[a];
+              const k = $(a), C = k.modifierBuilder || k.modifier, E = C?.[l];
               if (typeof E != "function")
-                throw new Error(`Modifier '${String(a)}' is not callable`);
+                throw new Error(`Modifier '${String(l)}' is not callable`);
               return E.apply(C, v), o;
             };
-            t.set(a, p), s.set(
-              a,
-              c ?? V.get(a)
+            t.set(l, p), s.set(
+              l,
+              c ?? V.get(l)
             );
           }
-          return t.get(a);
+          return t.get(l);
         }
       }
-      if (Reflect.has(l, a)) {
-        const c = Reflect.get(l, a, l);
-        return typeof c == "function" ? a === "clone" ? (...u) => {
-          const f = c.apply(l, u);
-          return f && typeof f == "object" ? he(f) : f;
-        } : (r.has(a) || r.set(a, c.bind(l)), r.get(a)) : c;
+      if (Reflect.has(a, l)) {
+        const c = Reflect.get(a, l, a);
+        return typeof c == "function" ? l === "clone" ? (...u) => {
+          const f = c.apply(a, u);
+          return f && typeof f == "object" ? de(f) : f;
+        } : (r.has(l) || r.set(l, c.bind(a)), r.get(l)) : c;
       }
     },
-    has(l, a) {
-      if (a === "modifiers" || a === "modifier" || a === "modifierBuilder")
+    has(a, l) {
+      if (l === "modifiers" || l === "modifier" || l === "modifierBuilder")
         return !0;
-      if (typeof a == "string") {
-        const h = l._modifiableComponent || $(l), c = h?.modifierBuilder || h?.modifier;
-        if (c && typeof c[a] == "function")
+      if (typeof l == "string") {
+        const h = a._modifiableComponent || $(a), c = h?.modifierBuilder || h?.modifier;
+        if (c && typeof c[l] == "function")
           return !0;
       }
-      return Reflect.has(l, a) || V.has(a);
+      return Reflect.has(a, l) || V.has(l);
     },
-    set(l, a, h, c) {
-      if (a === "modifier")
-        return Object.defineProperty(l, "modifier", {
+    set(a, l, h, c) {
+      if (l === "modifier")
+        return Object.defineProperty(a, "modifier", {
           configurable: !0,
           enumerable: !1,
           writable: !0,
           value: h
         }), t.clear(), !0;
-      if (a === "modifiers" && Array.isArray(h)) {
-        const u = $(l);
+      if (l === "modifiers" && Array.isArray(h)) {
+        const u = $(a);
         return u.modifiers = [...h], !0;
       }
-      return Reflect.set(l, a, h, c);
+      return Reflect.set(a, l, h, c);
     }
   }, o = new Proxy(n, i);
-  return Se.set(n, o), o;
+  return we.set(n, o), o;
 }
-var jt = Object.defineProperty, Ft = (n, e, t) => e in n ? jt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, x = (n, e, t) => Ft(n, typeof e != "symbol" ? e + "" : e, t);
-class Bt {
+var Ft = Object.defineProperty, Bt = (n, e, t) => e in n ? Ft(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, I = (n, e, t) => Bt(n, typeof e != "symbol" ? e + "" : e, t);
+class Wt {
   constructor(e, t) {
-    x(this, "id"), x(this, "parent"), x(this, "providers", /* @__PURE__ */ new Map()), x(this, "consumers", /* @__PURE__ */ new Set()), x(this, "cleanup", /* @__PURE__ */ new Set()), x(this, "stateStore", /* @__PURE__ */ new Map()), x(this, "bindingStore", /* @__PURE__ */ new Map()), x(this, "createdAt", Date.now()), x(this, "updateCount", 0), this.id = e, this.parent = t;
+    I(this, "id"), I(this, "parent"), I(this, "providers", /* @__PURE__ */ new Map()), I(this, "consumers", /* @__PURE__ */ new Set()), I(this, "cleanup", /* @__PURE__ */ new Set()), I(this, "stateStore", /* @__PURE__ */ new Map()), I(this, "bindingStore", /* @__PURE__ */ new Map()), I(this, "createdAt", Date.now()), I(this, "updateCount", 0), this.id = e, this.parent = t;
   }
   /**
    * Store state value for a property
@@ -2877,11 +2880,11 @@ class Bt {
     };
   }
 }
-function Wt(n, e) {
-  return new Bt(n, e);
+function Ut(n, e) {
+  return new Wt(n, e);
 }
-var Ut = Object.defineProperty, qt = (n, e, t) => e in n ? Ut(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, H = (n, e, t) => qt(n, typeof e != "symbol" ? e + "" : e, t);
-const Qt = class U {
+var qt = Object.defineProperty, Qt = (n, e, t) => e in n ? qt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, H = (n, e, t) => Qt(n, typeof e != "symbol" ? e + "" : e, t);
+const Gt = class U {
   constructor() {
     H(this, "components", /* @__PURE__ */ new Map()), H(this, "contexts", /* @__PURE__ */ new Map()), H(this, "cleanupQueue", /* @__PURE__ */ new Set()), H(this, "updateQueue", /* @__PURE__ */ new Set()), H(this, "isUpdating", !1);
   }
@@ -2978,9 +2981,9 @@ const Qt = class U {
     }), this.cleanupQueue.clear(), this.updateQueue.clear();
   }
 };
-H(Qt, "instance");
-var Gt = Object.defineProperty, Kt = (n, e, t) => e in n ? Gt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, M = (n, e, t) => Kt(n, typeof e != "symbol" ? e + "" : e, t);
-const $e = class q {
+H(Gt, "instance");
+var Kt = Object.defineProperty, Yt = (n, e, t) => e in n ? Kt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, M = (n, e, t) => Yt(n, typeof e != "symbol" ? e + "" : e, t);
+const Ne = class q {
   constructor() {
     M(this, "contexts", /* @__PURE__ */ new Map()), M(this, "providerStack", /* @__PURE__ */ new Map()), M(this, "currentComponent", null);
   }
@@ -3004,15 +3007,15 @@ const $e = class q {
    */
   registerProvider(e, t, s) {
     this.providerStack.has(e) || this.providerStack.set(e, []);
-    const r = this.providerStack.get(e), [i, o] = le(t), l = {
+    const r = this.providerStack.get(e), [i, o] = ce(t), a = {
       value: t,
       signal: [i, o],
       subscribers: /* @__PURE__ */ new Set(),
       providers: /* @__PURE__ */ new Set([s])
     };
-    return r.push(l), s.providers.set(e, l), () => {
-      const a = r.indexOf(l);
-      a !== -1 && r.splice(a, 1), s.providers.delete(e), l.subscribers.clear(), l.providers.clear();
+    return r.push(a), s.providers.set(e, a), () => {
+      const l = r.indexOf(a);
+      l !== -1 && r.splice(l, 1), s.providers.delete(e), a.subscribers.clear(), a.providers.clear();
     };
   }
   /**
@@ -3022,7 +3025,7 @@ const $e = class q {
     const s = this.providerStack.get(e), r = s && s.length > 0 ? s[s.length - 1] : null;
     if (r)
       return this.currentComponent && (r.subscribers.add(this.currentComponent.id), this.currentComponent.consumers.add(e)), [r.signal[0], !0];
-    const [i] = le(t);
+    const [i] = ce(t);
     return [i, !1];
   }
   /**
@@ -3048,10 +3051,10 @@ const $e = class q {
     this.contexts.clear(), this.providerStack.clear(), this.currentComponent = null;
   }
 };
-M($e, "instance");
-let Yt = $e, Zt = class {
+M(Ne, "instance");
+let Zt = Ne, Xt = class {
   constructor() {
-    M(this, "registry", Yt.getInstance());
+    M(this, "registry", Zt.getInstance());
   }
   /**
    * Create a context provider component
@@ -3063,12 +3066,12 @@ let Yt = $e, Zt = class {
         const r = this.registry.registerProvider(
           e.symbol,
           t,
-          Wt(`provider_${e.symbol.toString()}`)
+          Ut(`provider_${e.symbol.toString()}`)
         ), i = s.flatMap((o) => {
-          let l = o;
-          "build" in o && typeof o.build == "function" && (l = o.build());
-          const a = l.render();
-          return Array.isArray(a) ? a : [a];
+          let a = o;
+          "build" in o && typeof o.build == "function" && (a = o.build());
+          const l = a.render();
+          return Array.isArray(l) ? l : [l];
         });
         return [
           {
@@ -3110,7 +3113,7 @@ let Yt = $e, Zt = class {
     this.registry.clear();
   }
 };
-class Xt {
+class Jt {
   constructor() {
     M(this, "services", /* @__PURE__ */ new Map()), M(this, "factories", /* @__PURE__ */ new Map()), M(this, "singletons", /* @__PURE__ */ new Map()), M(this, "scoped", /* @__PURE__ */ new Map()), M(this, "dependencies", /* @__PURE__ */ new Map());
   }
@@ -3172,11 +3175,11 @@ class Xt {
     return [...this.services.keys(), ...this.factories.keys()];
   }
 }
+new Jt();
 new Xt();
-new Zt();
-new Ie();
-var Jt = Object.defineProperty, es = (n, e, t) => e in n ? Jt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, ae = (n, e, t) => es(n, typeof e != "symbol" ? e + "" : e, t);
-const ts = {
+new Te();
+var es = Object.defineProperty, ts = (n, e, t) => e in n ? es(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, le = (n, e, t) => ts(n, typeof e != "symbol" ? e + "" : e, t);
+const ss = {
   sanitizeClassNames: !0,
   sanitizationRules: {
     allowNumbers: !0,
@@ -3188,9 +3191,9 @@ const ts = {
   warnDuplicateClasses: process.env.NODE_ENV === "development",
   warnInvalidClasses: process.env.NODE_ENV === "development"
 };
-let ss = class {
+let rs = class {
   constructor(e = {}) {
-    ae(this, "config"), ae(this, "classCache"), ae(this, "processingCache"), this.config = { ...ts, ...e };
+    le(this, "config"), le(this, "classCache"), le(this, "processingCache"), this.config = { ...ss, ...e };
     const t = (() => {
       try {
         return typeof Map < "u" && typeof Map == "function";
@@ -3364,16 +3367,16 @@ let ss = class {
     this.cacheSet(this.classCache, e, t);
   }
 };
-new ss();
-function rs(n, e, t = {}, ...s) {
+new rs();
+function is(n, e, t = {}, ...s) {
   const r = new n(e, ...s);
-  return Te() && t.prewarmProxy !== !1 && he(r), r;
+  return $e() && t.prewarmProxy !== !1 && de(r), r;
 }
-var is = Object.defineProperty, ns = (n, e, t) => e in n ? is(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, D = (n, e, t) => ns(n, typeof e != "symbol" ? e + "" : e, t);
-let os = class de extends Pe {
+var ns = Object.defineProperty, os = (n, e, t) => e in n ? ns(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, D = (n, e, t) => os(n, typeof e != "symbol" ? e + "" : e, t);
+let as = class ue extends ke {
   constructor(e) {
     super(), this.props = e, D(this, "type", "component"), D(this, "id"), D(this, "mounted", !1), D(this, "cleanup", []), D(this, "effectiveTag"), D(this, "validationResult"), this.id = `text-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    const t = this.resolveDefaultTag(), s = ke(
+    const t = this.resolveDefaultTag(), s = Le(
       "Text",
       t,
       this.props.element
@@ -3403,7 +3406,7 @@ let os = class de extends Pe {
           // Add reference to the Text component instance
         }
       },
-      Le(this.props.content || "")
+      De(this.props.content || "")
     )];
   }
   // Concatenation support - simplified for now
@@ -3432,31 +3435,31 @@ let os = class de extends Pe {
     return e.deep ? this.deepClone() : this.shallowClone();
   }
   shallowClone() {
-    const e = fe(this.props), t = new de(e);
-    return me(t), t;
+    const e = me(this.props), t = new ue(e);
+    return ge(t), t;
   }
   deepClone() {
-    const e = fe(this.props, {
+    const e = me(this.props, {
       deep: !0
-    }), t = new de(e);
-    return me(t), t;
+    }), t = new ue(e);
+    return ge(t), t;
   }
 };
-function Ne(n, e) {
+function Re(n, e) {
   const t = {
     content: n,
     ...e
-  }, s = rs(os, t);
-  return ue(s);
+  }, s = is(as, t);
+  return pe(s);
 }
 function z(n) {
-  return (e, t) => Ne(e, {
+  return (e, t) => Re(e, {
     ...t,
     accessibilityRole: "heading",
     accessibilityLevel: n
   });
 }
-Object.assign(Ne, {
+Object.assign(Re, {
   H1: z(1),
   H2: z(2),
   H3: z(3),
@@ -3464,8 +3467,8 @@ Object.assign(Ne, {
   H5: z(5),
   H6: z(6)
 });
-var as = Object.defineProperty, ls = (n, e, t) => e in n ? as(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, g = (n, e, t) => ls(n, typeof e != "symbol" ? e + "" : e, t);
-class cs {
+var ls = Object.defineProperty, cs = (n, e, t) => e in n ? ls(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, g = (n, e, t) => cs(n, typeof e != "symbol" ? e + "" : e, t);
+class hs {
   constructor(e) {
     this.props = e, g(this, "type", "component"), g(this, "id"), g(this, "mounted", !1), g(this, "cleanup", []), g(this, "scrollElement", null), g(this, "contentOffsetSignal"), g(this, "setContentOffset"), g(this, "contentSizeSignal"), g(this, "setContentSize"), g(this, "setIsScrolling"), g(this, "pullToRefreshStateSignal"), g(this, "setPullToRefreshState"), g(this, "scrollEventThrottle"), g(this, "lastScrollTime", 0), g(this, "scrollVelocity", { x: 0, y: 0 }), g(this, "lastScrollOffset", { x: 0, y: 0 }), g(this, "pullStartY", 0), g(this, "isPulling", !1), g(this, "handleScroll", (h) => {
       if (!this.scrollElement) return;
@@ -3530,8 +3533,8 @@ class cs {
     this.contentSizeSignal = r, this.setContentSize = i;
     const [, o] = N(!1);
     this.setIsScrolling = o;
-    const [l, a] = N("idle");
-    if (this.pullToRefreshStateSignal = l, this.setPullToRefreshState = a, e.contentOffset && S(e.contentOffset)) {
+    const [a, l] = N("idle");
+    if (this.pullToRefreshStateSignal = a, this.setPullToRefreshState = l, e.contentOffset && S(e.contentOffset)) {
       this.setContentOffset(e.contentOffset());
       const h = R(() => {
         e.contentOffset && S(e.contentOffset) && this.setContentOffset(e.contentOffset());
@@ -3752,13 +3755,13 @@ class cs {
         }
       },
       ...s.flatMap((u) => u.render())
-    ), o = this.createPullToRefreshIndicator(), l = [];
+    ), o = this.createPullToRefreshIndicator(), a = [];
     if (o) {
       const u = o.render(), f = Array.isArray(u) ? u : [u];
-      l.push(...f.filter((p) => p));
+      a.push(...f.filter((p) => p));
     }
-    l.push(i);
-    const { direction: a = "vertical" } = this.props, h = this.getOverflowStyles(a), c = w(
+    a.push(i);
+    const { direction: l = "vertical" } = this.props, h = this.getOverflowStyles(l), c = w(
       "div",
       {
         id: this.id,
@@ -3770,7 +3773,7 @@ class cs {
           ...h
         }
       },
-      ...l
+      ...a
     );
     if (c.element) {
       const u = c.element;
@@ -3800,11 +3803,11 @@ class cs {
     return [c];
   }
 }
-function hs(n = {}) {
-  const e = new cs(n);
-  return ue(e);
+function ds(n = {}) {
+  const e = new hs(n);
+  return pe(e);
 }
-const ds = `
+const us = `
 @keyframes spin {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
@@ -3812,10 +3815,10 @@ const ds = `
 `;
 if (typeof document < "u") {
   const n = document.createElement("style");
-  n.textContent = ds, document.head.appendChild(n);
+  n.textContent = us, document.head.appendChild(n);
 }
 process.env.NODE_ENV;
-class us {
+class ps {
   constructor(e) {
     m(this, "type", "component");
     m(this, "id");
@@ -3851,8 +3854,8 @@ class us {
       this.resolveSections()
     );
     this.sectionsSignal = r, this.setSections = i;
-    const o = /* @__PURE__ */ new Set(), [l, a] = N(o);
-    this.selectedItemsSignal = l, this.setSelectedItems = a;
+    const o = /* @__PURE__ */ new Set(), [a, l] = N(o);
+    this.selectedItemsSignal = a, this.setSelectedItems = l;
     const [h, c] = N(
       this.resolveIsLoading()
     );
@@ -3967,14 +3970,14 @@ class us {
   handleItemSelection(e, t) {
     const { selectionMode: s, getItemId: r, onSelectionChange: i } = this.props;
     if (s === "none") return;
-    const o = r ? r(e, t) : t, l = new Set(this.selectedItemsSignal());
-    s === "single" ? (l.clear(), l.add(o)) : s === "multiple" && (l.has(o) ? l.delete(o) : l.add(o)), this.setSelectedItems(l), i && i(l);
+    const o = r ? r(e, t) : t, a = new Set(this.selectedItemsSignal());
+    s === "single" ? (a.clear(), a.add(o)) : s === "multiple" && (a.has(o) ? a.delete(o) : a.add(o)), this.setSelectedItems(a), i && i(a);
   }
   /**
    * Create list item component
    */
   createListItem(e, t, s) {
-    const { renderItem: r, style: i, onItemTap: o, onItemLongPress: l } = this.props, a = r(e, t);
+    const { renderItem: r, style: i, onItemTap: o, onItemLongPress: a } = this.props, l = r(e, t);
     return {
       type: "component",
       id: `${this.id}-item-${t}`,
@@ -3995,15 +3998,15 @@ class us {
               cursor: o ? "pointer" : "default"
             }
           },
-          ...this.normalizeItemRenderOutput(a)
+          ...this.normalizeItemRenderOutput(l)
         );
         if (h.element) {
           const c = h.element;
-          if (o && c.addEventListener("click", () => o(e, t)), l) {
+          if (o && c.addEventListener("click", () => o(e, t)), a) {
             let u;
             const f = () => {
               u = setTimeout(
-                () => l(e, t),
+                () => a(e, t),
                 500
               );
             }, p = () => {
@@ -4175,8 +4178,8 @@ class us {
       });
     }
     for (let i = this.visibleStartIndex; i <= this.visibleEndIndex && i < e.length; i++) {
-      const o = e[i], l = this.props.getItemId ? this.props.getItemId(o, i) : i, a = t.has(l);
-      r.push(this.createListItem(o, i, a)), s && i < e.length - 1 && r.push(s);
+      const o = e[i], a = this.props.getItemId ? this.props.getItemId(o, i) : i, l = t.has(a);
+      r.push(this.createListItem(o, i, l)), s && i < e.length - 1 && r.push(s);
     }
     if (this.visibleEndIndex < e.length - 1) {
       const i = this.totalHeight - (this.virtualItems[this.visibleEndIndex + 1]?.offset || 0);
@@ -4200,17 +4203,17 @@ class us {
    */
   renderRegularContent() {
     const e = this.dataSignal(), t = this.sectionsSignal(), s = this.selectedItemsSignal(), r = this.createSeparator(), i = [];
-    return t.length > 0 ? t.forEach((o, l) => {
-      const a = this.createSectionHeader(o, l);
-      a && i.push(a), o.items.forEach((c, u) => {
-        const f = l * 1e3 + u, p = this.props.getItemId ? this.props.getItemId(c, f) : f, v = s.has(p);
+    return t.length > 0 ? t.forEach((o, a) => {
+      const l = this.createSectionHeader(o, a);
+      l && i.push(l), o.items.forEach((c, u) => {
+        const f = a * 1e3 + u, p = this.props.getItemId ? this.props.getItemId(c, f) : f, v = s.has(p);
         i.push(this.createListItem(c, f, v)), r && u < o.items.length - 1 && i.push(r);
       });
-      const h = this.createSectionFooter(o, l);
+      const h = this.createSectionFooter(o, a);
       h && i.push(h);
-    }) : e.forEach((o, l) => {
-      const a = this.props.getItemId ? this.props.getItemId(o, l) : l, h = s.has(a);
-      i.push(this.createListItem(o, l, h)), r && l < e.length - 1 && i.push(r);
+    }) : e.forEach((o, a) => {
+      const l = this.props.getItemId ? this.props.getItemId(o, a) : a, h = s.has(l);
+      i.push(this.createListItem(o, a, h)), r && a < e.length - 1 && i.push(r);
     }), i;
   }
   /**
@@ -4236,14 +4239,14 @@ class us {
       children: s,
       onScroll: this.handleListScroll
     };
-    return new hs(r).render();
+    return new ds(r).render();
   }
 }
 function Z(n) {
-  const e = new us(n);
-  return ue(e);
+  const e = new ps(n);
+  return pe(e);
 }
-const Ms = {
+const As = {
   /**
    * Create a simple list from array
    */
@@ -4289,7 +4292,7 @@ const Ms = {
   }
 };
 export {
-  us as E,
+  ps as E,
   Z as L,
-  Ms as a
+  As as a
 };