@tachui/data 0.8.18 → 0.8.20

package/dist/List.js

@@ -1,7 +1,7 @@
 var Pe = Object.defineProperty;
 var Oe = (n, e, t) => e in n ? Pe(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 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 { withModifiers as pe, ComponentWithCSSClasses as Le, processElementOverride as ke, h as S, text as De, clonePropsPreservingReactivity as me, resetLifecycleState as ge, createSignal as N, isSignal as w, createEffect as R } from "@tachui/core";
 import "@tachui/core/reactive";
 import "@tachui/modifiers";
 const y = {
@@ -362,10 +362,10 @@ const Xe = class _ {
   }
 };
 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);
+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, k = (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;
+    super(e, s), k(this, "type", "computed"), k(this, "priority"), k(this, "_hasValue", !1), k(this, "_error", null), k(this, "equalsFn"), k(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
@@ -819,11 +819,11 @@ const ut = /* @__PURE__ */ new Set([
   "onSwipeLeft",
   "onSwipeRight"
 ]);
-function Me() {
+function Ie() {
   return x;
 }
 function d(n, ...e) {
-  const t = Me().get(n);
+  const t = Ie().get(n);
   if (t)
     try {
       return t.apply(null, e);
@@ -1312,7 +1312,7 @@ function ft(n) {
         } : i;
       }
       if (typeof s == "string") {
-        const i = Me();
+        const i = Ie();
         if (s === "responsive")
           return function(...o) {
             const a = o[0];
@@ -1366,7 +1366,7 @@ process.env.NODE_ENV === "development" && console.log("📤 Created RegistryAdap
   registryId: x.instanceId,
   currentSize: x.list().length
 });
-function Ie(n, e, t = {}, s = {}) {
+function Me(n, e, t = {}, s = {}) {
   if (!e.length) return n;
   const r = {
     componentId: t.componentId || "unknown",
@@ -1549,7 +1549,7 @@ let wt = {
 function Ct() {
   return { ...wt };
 }
-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);
+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, It = (n, e, t) => At(n, e + "", t);
 const xe = class W {
   static getInstance() {
     return W.instance || (W.instance = new W()), W.instance;
@@ -1615,9 +1615,9 @@ const xe = class W {
     }
   }
 };
-Mt(xe, "instance");
-let It = xe;
-const xt = It.getInstance();
+It(xe, "instance");
+let Mt = xe;
+const xt = Mt.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, oe = (n, e, t) => $t(n, typeof e != "symbol" ? e + "" : e, t);
 const Nt = /* @__PURE__ */ new Set([
   "click",
@@ -2218,7 +2218,7 @@ class Te {
       t.length > 0 && this.recordModifierApplications(t.length);
       const r = s.componentInstance || s.componentMetadata && s.componentMetadata.componentInstance || s._originalComponent || // Use original component if available
       s;
-      Ie(
+      Me(
         s,
         t,
         {
@@ -2308,7 +2308,7 @@ class Te {
   }
 }
 new Te();
-function kt(n, e, ...t) {
+function Lt(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,
@@ -2318,7 +2318,7 @@ function kt(n, e, ...t) {
   };
   return e && "componentMetadata" in e && (r.componentMetadata = e.componentMetadata), r;
 }
-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, O = (n, e, t) => Dt(n, typeof e != "symbol" ? e + "" : e, t);
+var kt = Object.defineProperty, Dt = (n, e, t) => e in n ? kt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, O = (n, e, t) => Dt(n, typeof e != "symbol" ? e + "" : e, t);
 let Y = class ee {
   // Required by ModifiableComponent interface
   constructor(e, t, s = !0) {
@@ -2330,7 +2330,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(), [kt("span", {
+    return r ? i = this.renderSegmentsWithAsHTML() : i = this.segments.map((o) => o.render()).flat(), [Lt("span", {
       class: `tachui-concatenated ${e}`,
       ...s,
       "aria-label": t || void 0,
@@ -2602,7 +2602,7 @@ let Y = class ee {
       componentInstance: s.component
       // Pass the original component
     };
-    return Ie(e, t, r, { batch: !0 });
+    return Me(e, t, r, { batch: !0 });
   }
   /**
    * Generate comprehensive accessibility tree for this concatenated component
@@ -2724,13 +2724,13 @@ function ue(n) {
           const p = f[l];
           if (typeof p == "function") {
             if (!t.has(l)) {
-              const v = (...k) => {
+              const v = (...L) => {
                 const C = $(a), E = C.modifierBuilder || C.modifier, fe = E?.[l];
                 if (typeof fe != "function")
                   throw new Error(
                     `Modifier '${String(l)}' is not callable`
                   );
-                const re = fe.apply(E, k);
+                const re = fe.apply(E, L);
                 return re && re !== E ? re : o;
               };
               t.set(l, v), s.set(
@@ -2746,7 +2746,7 @@ function ue(n) {
         if (V.has(l)) {
           if (!t.has(l)) {
             const p = (...v) => {
-              const k = $(a), C = k.modifierBuilder || k.modifier, E = C?.[l];
+              const L = $(a), C = L.modifierBuilder || L.modifier, E = C?.[l];
               if (typeof E != "function")
                 throw new Error(`Modifier '${String(l)}' is not callable`);
               return E.apply(C, v), o;
@@ -2794,10 +2794,10 @@ function ue(n) {
   }, o = new Proxy(n, i);
   return we.set(n, o), o;
 }
-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);
+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, M = (n, e, t) => Bt(n, typeof e != "symbol" ? e + "" : e, t);
 class Wt {
   constructor(e, 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;
+    M(this, "id"), M(this, "parent"), M(this, "providers", /* @__PURE__ */ new Map()), M(this, "consumers", /* @__PURE__ */ new Set()), M(this, "cleanup", /* @__PURE__ */ new Set()), M(this, "stateStore", /* @__PURE__ */ new Map()), M(this, "bindingStore", /* @__PURE__ */ new Map()), M(this, "createdAt", Date.now()), M(this, "updateCount", 0), this.id = e, this.parent = t;
   }
   /**
    * Store state value for a property
@@ -2983,10 +2983,10 @@ const Gt = class U {
   }
 };
 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);
+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, I = (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);
+    I(this, "contexts", /* @__PURE__ */ new Map()), I(this, "providerStack", /* @__PURE__ */ new Map()), I(this, "currentComponent", null);
   }
   static getInstance() {
     return Q.instance || (Q.instance = new Q()), Q.instance;
@@ -3052,10 +3052,10 @@ const Ne = class Q {
     this.contexts.clear(), this.providerStack.clear(), this.currentComponent = null;
   }
 };
-M(Ne, "instance");
+I(Ne, "instance");
 let Zt = Ne, Xt = class {
   constructor() {
-    M(this, "registry", Zt.getInstance());
+    I(this, "registry", Zt.getInstance());
   }
   /**
    * Create a context provider component
@@ -3116,7 +3116,7 @@ let Zt = Ne, Xt = class {
 };
 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());
+    I(this, "services", /* @__PURE__ */ new Map()), I(this, "factories", /* @__PURE__ */ new Map()), I(this, "singletons", /* @__PURE__ */ new Map()), I(this, "scoped", /* @__PURE__ */ new Map()), I(this, "dependencies", /* @__PURE__ */ new Map());
   }
   /**
    * Register a service with the container
@@ -3374,10 +3374,10 @@ function is(n, e, t = {}, ...s) {
   return $e() && t.prewarmProxy !== !1 && ue(r), r;
 }
 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);
-class se extends ke {
+class se extends Le {
   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 = Le(
+    const t = this.resolveDefaultTag(), s = ke(
       "Text",
       t,
       this.props.element
@@ -3392,7 +3392,7 @@ class se extends ke {
    */
   render() {
     const e = ["tachui-text"], t = this.createClassString(this.props, e);
-    return [w(
+    return [S(
       this.effectiveTag,
       {
         className: t,
@@ -3535,17 +3535,17 @@ class cs {
     const [, o] = N(!1);
     this.setIsScrolling = o;
     const [a, l] = N("idle");
-    if (this.pullToRefreshStateSignal = a, this.setPullToRefreshState = l, e.contentOffset && S(e.contentOffset)) {
+    if (this.pullToRefreshStateSignal = a, this.setPullToRefreshState = l, e.contentOffset && w(e.contentOffset)) {
       this.setContentOffset(e.contentOffset());
       const h = R(() => {
-        e.contentOffset && S(e.contentOffset) && this.setContentOffset(e.contentOffset());
+        e.contentOffset && w(e.contentOffset) && this.setContentOffset(e.contentOffset());
       });
       this.cleanup.push(() => h.dispose());
     }
-    if (e.contentSize && S(e.contentSize)) {
+    if (e.contentSize && w(e.contentSize)) {
       this.setContentSize(e.contentSize());
       const h = R(() => {
-        e.contentSize && S(e.contentSize) && this.setContentSize(e.contentSize());
+        e.contentSize && w(e.contentSize) && this.setContentSize(e.contentSize());
       });
       this.cleanup.push(() => h.dispose());
     }
@@ -3684,7 +3684,7 @@ class cs {
       cleanup: [],
       props: {},
       render: () => [
-        w(
+        S(
           "div",
           {
             style: {
@@ -3746,7 +3746,7 @@ class cs {
       const u = r();
       s = Array.isArray(u) ? u : [];
     } else Array.isArray(e) && (s = e);
-    const i = w(
+    const i = S(
       "div",
       {
         class: "tachui-scrollview-content",
@@ -3762,7 +3762,7 @@ class cs {
       a.push(...f.filter((p) => p));
     }
     a.push(i);
-    const { direction: l = "vertical" } = this.props, h = this.getOverflowStyles(l), c = w(
+    const { direction: l = "vertical" } = this.props, h = this.getOverflowStyles(l), c = S(
       "div",
       {
         id: this.id,
@@ -3780,20 +3780,20 @@ class cs {
       const u = c.element;
       this.scrollElement = u, this.applyScrollViewStyles(u), this.setupScrollHandlers(u), i.element && this.applyContentInsets(i.element);
       const f = () => {
-        const p = S(t) ? t() : t;
+        const p = w(t) ? t() : t;
         u.style.overflow = p ? "auto" : "hidden", u.style.pointerEvents = p ? "auto" : "none";
       };
-      if (S(t)) {
+      if (w(t)) {
         const p = R(f);
         this.cleanup.push(() => p.dispose());
       } else
         f();
       if (typeof r == "function") {
         const p = R(() => {
-          const v = r(), k = (Array.isArray(v) ? v : []).flatMap((C) => C.render());
+          const v = r(), L = (Array.isArray(v) ? v : []).flatMap((C) => C.render());
           if (i.element) {
             const C = i.element;
-            C.innerHTML = "", k.forEach((E) => {
+            C.innerHTML = "", L.forEach((E) => {
               E && E.element && C.appendChild(E.element);
             });
           }
@@ -3844,7 +3844,7 @@ class us {
      * Handle scroll events for virtual scrolling and infinite scroll
      */
     m(this, "handleListScroll", (e) => {
-      this.scrollOffset = e.offset.y, this.containerHeight = e.containerSize.height, this.props.virtualScrolling?.enabled && this.calculateVisibleRange(), this.props.onLoadMore && e.edges.bottom && (S(this.props.hasMore) ? this.props.hasMore() : this.props.hasMore) && !this.isLoadingSignal() && (this.setIsLoading(!0), this.props.onLoadMore().finally(() => {
+      this.scrollOffset = e.offset.y, this.containerHeight = e.containerSize.height, this.props.virtualScrolling?.enabled && this.calculateVisibleRange(), this.props.onLoadMore && e.edges.bottom && (w(this.props.hasMore) ? this.props.hasMore() : this.props.hasMore) && !this.isLoadingSignal() && (this.setIsLoading(!0), this.props.onLoadMore().finally(() => {
         this.setIsLoading(!1);
       })), this.props.onScroll && this.props.onScroll(e);
     });
@@ -3868,6 +3868,41 @@ class us {
   flattenRenderResult(e) {
     return Array.isArray(e) ? e : [e];
   }
+  /**
+   * Wrap arbitrary component output in a semantic list row.
+   */
+  wrapComponentInListItem(e, t, s, r = {}, i = {}) {
+    const {
+      class: o,
+      style: a,
+      ...l
+    } = i, h = typeof o == "string" && o.length > 0 ? `${s} ${o}` : s, c = a && typeof a == "object" ? a : {};
+    return {
+      type: "component",
+      id: t,
+      mounted: !1,
+      cleanup: [],
+      props: {},
+      render: () => {
+        const u = this.flattenRenderResult(e.render());
+        return [
+          S(
+            "li",
+            {
+              class: h,
+              style: {
+                listStyle: "none",
+                ...r,
+                ...c
+              },
+              ...l
+            },
+            ...u
+          )
+        ];
+      }
+    };
+  }
   /**
    * Normalize item render output into safe DOM node payloads.
    *
@@ -3882,39 +3917,39 @@ class us {
    */
   resolveData() {
     const { data: e } = this.props;
-    return Array.isArray(e) ? e : S(e) ? e() : [];
+    return Array.isArray(e) ? e : w(e) ? e() : [];
   }
   /**
    * Resolve sections from various input types
    */
   resolveSections() {
     const { sections: e } = this.props;
-    return Array.isArray(e) ? e : S(e) ? e() : [];
+    return Array.isArray(e) ? e : w(e) ? e() : [];
   }
   /**
    * Resolve loading state
    */
   resolveIsLoading() {
     const { isLoading: e } = this.props;
-    return typeof e == "boolean" ? e : S(e) ? e() : !1;
+    return typeof e == "boolean" ? e : w(e) ? e() : !1;
   }
   /**
    * Set up reactive updates for data and state
    */
   setupReactiveUpdates() {
-    if (S(this.props.data)) {
+    if (w(this.props.data)) {
       const e = R(() => {
         this.setData(this.resolveData()), this.updateVirtualScrolling();
       });
       this.cleanup.push(() => e.dispose());
     }
-    if (S(this.props.sections)) {
+    if (w(this.props.sections)) {
       const e = R(() => {
         this.setSections(this.resolveSections()), this.updateVirtualScrolling();
       });
       this.cleanup.push(() => e.dispose());
     }
-    if (S(this.props.isLoading)) {
+    if (w(this.props.isLoading)) {
       const e = R(() => {
         this.setIsLoading(this.resolveIsLoading());
       });
@@ -3986,11 +4021,12 @@ class us {
       cleanup: [],
       props: {},
       render: () => {
-        const h = w(
-          "div",
+        const h = S(
+          "li",
           {
             class: `tachui-list-item tachui-list-item-${i || "plain"}`,
             style: {
+              listStyle: "none",
               display: "flex",
               flexDirection: "column",
               position: "relative",
@@ -4026,22 +4062,30 @@ class us {
   /**
    * Create list separator
    */
-  createSeparator() {
-    const { separator: e } = this.props;
-    return e ? typeof e == "object" && "render" in e ? e : {
+  createSeparator(e = 0) {
+    const { separator: t } = this.props;
+    return t ? typeof t == "object" && "render" in t ? this.wrapComponentInListItem(
+      t,
+      `${this.id}-separator-custom-${e}`,
+      "tachui-list-separator-item",
+      {},
+      { "aria-hidden": "true" }
+    ) : {
       type: "component",
-      id: `${this.id}-separator`,
+      id: `${this.id}-separator-${e}`,
       mounted: !1,
       cleanup: [],
       props: {},
       render: () => [
-        w("div", {
+        S("li", {
           class: "tachui-list-separator",
           style: {
+            listStyle: "none",
             height: "1px",
             backgroundColor: "#e0e0e0",
             margin: "0 16px"
-          }
+          },
+          "aria-hidden": "true"
         })
       ]
     } : null;
@@ -4050,51 +4094,69 @@ class us {
    * Create section header
    */
   createSectionHeader(e, t) {
-    return e.header ? typeof e.header == "string" ? {
-      type: "component",
-      id: `${this.id}-section-header-${t}`,
-      mounted: !1,
-      cleanup: [],
-      props: {},
-      render: () => {
-        const s = w("div", {
-          class: "tachui-list-section-header",
-          style: {
-            padding: "8px 16px",
-            backgroundColor: "#f8f9fa",
-            fontWeight: "600",
-            fontSize: "14px",
-            color: "#666",
-            textTransform: "uppercase",
-            letterSpacing: "0.5px"
-          }
-        }), r = s.element;
-        return r && (r.textContent = e.header), [s];
-      }
-    } : this.props.renderSectionHeader ? this.props.renderSectionHeader(e, t) : e.header : null;
+    if (!e.header) return null;
+    if (typeof e.header == "string")
+      return {
+        type: "component",
+        id: `${this.id}-section-header-${t}`,
+        mounted: !1,
+        cleanup: [],
+        props: {},
+        render: () => {
+          const r = S("li", {
+            class: "tachui-list-section-header",
+            style: {
+              listStyle: "none",
+              padding: "8px 16px",
+              backgroundColor: "#f8f9fa",
+              fontWeight: "600",
+              fontSize: "14px",
+              color: "#666",
+              textTransform: "uppercase",
+              letterSpacing: "0.5px"
+            }
+          }), i = r.element;
+          return i && (i.textContent = e.header), [r];
+        }
+      };
+    const s = this.props.renderSectionHeader ? this.props.renderSectionHeader(e, t) : e.header;
+    return this.wrapComponentInListItem(
+      s,
+      `${this.id}-section-header-${t}`,
+      "tachui-list-section-header-item"
+    );
   }
   /**
    * Create section footer
    */
   createSectionFooter(e, t) {
-    return e.footer ? typeof e.footer == "string" ? {
-      type: "component",
-      id: `${this.id}-section-footer-${t}`,
-      mounted: !1,
-      cleanup: [],
-      props: {},
-      render: () => {
-        const s = w("div", {
-          class: "tachui-list-section-footer",
-          style: {
-            padding: "8px 16px",
-            fontSize: "12px",
-            color: "#999"
-          }
-        }), r = s.element;
-        return r && (r.textContent = e.footer), [s];
-      }
-    } : this.props.renderSectionFooter ? this.props.renderSectionFooter(e, t) : e.footer : null;
+    if (!e.footer) return null;
+    if (typeof e.footer == "string")
+      return {
+        type: "component",
+        id: `${this.id}-section-footer-${t}`,
+        mounted: !1,
+        cleanup: [],
+        props: {},
+        render: () => {
+          const r = S("li", {
+            class: "tachui-list-section-footer",
+            style: {
+              listStyle: "none",
+              padding: "8px 16px",
+              fontSize: "12px",
+              color: "#999"
+            }
+          }), i = r.element;
+          return i && (i.textContent = e.footer), [r];
+        }
+      };
+    const s = this.props.renderSectionFooter ? this.props.renderSectionFooter(e, t) : e.footer;
+    return this.wrapComponentInListItem(
+      s,
+      `${this.id}-section-footer-${t}`,
+      "tachui-list-section-footer-item"
+    );
   }
   /**
    * Create empty state component
@@ -4108,7 +4170,7 @@ class us {
       cleanup: [],
       props: {},
       render: () => [
-        w(
+        S(
           "div",
           {
             class: "tachui-list-empty",
@@ -4139,7 +4201,7 @@ class us {
       cleanup: [],
       props: {},
       render: () => [
-        w(
+        S(
           "div",
           {
             class: "tachui-list-loading",
@@ -4162,60 +4224,102 @@ class us {
   renderVirtualContent() {
     if (!this.props.virtualScrolling?.enabled)
       return this.renderRegularContent();
-    const e = this.dataSignal(), t = this.selectedItemsSignal(), s = this.createSeparator(), r = [];
+    const e = this.dataSignal(), t = this.selectedItemsSignal(), s = [];
     if (this.visibleStartIndex > 0) {
-      const i = this.virtualItems[this.visibleStartIndex]?.offset || 0;
-      r.push({
+      const r = this.virtualItems[this.visibleStartIndex]?.offset || 0;
+      s.push({
         type: "component",
         id: `${this.id}-spacer-top`,
         mounted: !1,
         cleanup: [],
         props: {},
         render: () => [
-          w("div", {
-            style: { height: `${i}px` }
+          S("li", {
+            class: "tachui-list-spacer tachui-list-spacer-top",
+            style: { listStyle: "none", height: `${r}px` },
+            "aria-hidden": "true"
           })
         ]
       });
     }
-    for (let i = this.visibleStartIndex; i <= this.visibleEndIndex && i < e.length; i++) {
-      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);
+    for (let r = this.visibleStartIndex; r <= this.visibleEndIndex && r < e.length; r++) {
+      const i = e[r], o = this.props.getItemId ? this.props.getItemId(i, r) : r, a = t.has(o);
+      if (s.push(this.createListItem(i, r, a)), r < e.length - 1) {
+        const l = this.createSeparator(r);
+        if (!l) continue;
+        s.push(l);
+      }
     }
     if (this.visibleEndIndex < e.length - 1) {
-      const i = this.totalHeight - (this.virtualItems[this.visibleEndIndex + 1]?.offset || 0);
-      r.push({
+      const r = this.totalHeight - (this.virtualItems[this.visibleEndIndex + 1]?.offset || 0);
+      s.push({
         type: "component",
         id: `${this.id}-spacer-bottom`,
         mounted: !1,
         cleanup: [],
         props: {},
         render: () => [
-          w("div", {
-            style: { height: `${i}px` }
+          S("li", {
+            class: "tachui-list-spacer tachui-list-spacer-bottom",
+            style: { listStyle: "none", height: `${r}px` },
+            "aria-hidden": "true"
           })
         ]
       });
     }
-    return r;
+    return s;
   }
   /**
    * Render regular (non-virtual) content
    */
   renderRegularContent() {
-    const e = this.dataSignal(), t = this.sectionsSignal(), s = this.selectedItemsSignal(), r = this.createSeparator(), i = [];
-    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 e = this.dataSignal(), t = this.sectionsSignal(), s = this.selectedItemsSignal(), r = [];
+    return t.length > 0 ? t.forEach((i, o) => {
+      const a = this.createSectionHeader(i, o);
+      a && r.push(a), i.items.forEach((h, c) => {
+        const u = o * 1e3 + c, f = this.props.getItemId ? this.props.getItemId(h, u) : u, p = s.has(f);
+        if (r.push(this.createListItem(h, u, p)), c < i.items.length - 1) {
+          const v = this.createSeparator(u);
+          v && r.push(v);
+        }
       });
-      const h = this.createSectionFooter(o, a);
-      h && i.push(h);
-    }) : 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;
+      const l = this.createSectionFooter(i, o);
+      l && r.push(l);
+    }) : e.forEach((i, o) => {
+      const a = this.props.getItemId ? this.props.getItemId(i, o) : o, l = s.has(a);
+      if (r.push(this.createListItem(i, o, l)), o < e.length - 1) {
+        const h = this.createSeparator(o);
+        h && r.push(h);
+      }
+    }), r;
+  }
+  /**
+   * Wrap list rows in a semantic list container.
+   */
+  createListContainer(e) {
+    return {
+      type: "component",
+      id: `${this.id}-content`,
+      mounted: !1,
+      cleanup: [],
+      props: {},
+      render: () => [
+        S(
+          "ul",
+          {
+            role: "list",
+            class: `tachui-list-content tachui-list-content-${this.props.style || "plain"}`,
+            style: {
+              margin: "0",
+              padding: "0",
+              listStyle: "none",
+              width: "100%"
+            }
+          },
+          ...e.flatMap((t) => t.render())
+        )
+      ]
+    };
   }
   /**
    * Render the list component
@@ -4233,11 +4337,17 @@ class us {
     const s = this.props.virtualScrolling?.enabled ? this.renderVirtualContent() : this.renderRegularContent();
     if (t && e.length > 0) {
       const o = this.createLoadingIndicator();
-      o && s.push(o);
+      o && s.push(
+        this.wrapComponentInListItem(
+          o,
+          `${this.id}-loading-row`,
+          "tachui-list-loading-row"
+        )
+      );
     }
     const r = {
       ...this.props,
-      children: s,
+      children: [this.createListContainer(s)],
       onScroll: this.handleListScroll
     };
     return new hs(r).render();

package/dist/list/List.d.ts

@@ -102,6 +102,10 @@ export declare class EnhancedList<T = any> implements ComponentInstance<ListProp
      * Helper to flatten render results
      */
     private flattenRenderResult;
+    /**
+     * Wrap arbitrary component output in a semantic list row.
+     */
+    private wrapComponentInListItem;
     /**
      * Normalize item render output into safe DOM node payloads.
      *
@@ -173,6 +177,10 @@ export declare class EnhancedList<T = any> implements ComponentInstance<ListProp
      * Render regular (non-virtual) content
      */
     private renderRegularContent;
+    /**
+     * Wrap list rows in a semantic list container.
+     */
+    private createListContainer;
     /**
      * Handle scroll events for virtual scrolling and infinite scroll
      */

package/dist/list/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/list/List.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/list/List.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tachui/data",
-  "version": "0.8.18",
+  "version": "0.8.20",
   "description": "Data display and organization components for tachUI framework",
   "homepage": "https://tachui.dev/",
   "type": "module",
@@ -25,10 +25,10 @@
     "dist"
   ],
   "dependencies": {
-    "@tachui/core": "0.8.18",
-    "@tachui/flow-control": "0.8.18",
-    "@tachui/mobile": "0.8.18",
-    "@tachui/primitives": "0.8.18"
+    "@tachui/core": "0.8.20",
+    "@tachui/flow-control": "0.8.20",
+    "@tachui/mobile": "0.8.20",
+    "@tachui/primitives": "0.8.20"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",