@tachui/primitives 0.8.15 → 0.8.16

package/dist/{ScrollView-CC8g8Lq2.js → ScrollView-CtvxVuuS.js}

@@ -1,24 +1,27 @@
-import { withModifiers as f, ComponentWithCSSClasses as z, processElementOverride as H, createSignal as E, useLifecycle as $, registerComponentWithLifecycleHooks as M, h as S, createEffect as b, ConcatenatedComponent as O, text as W, isSignal as v } from "@tachui/core";
-import { aspectRatio as x } from "@tachui/modifiers";
-var Y = Object.defineProperty, V = (e, t, s) => t in e ? Y(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, g = (e, t, s) => V(e, typeof t != "symbol" ? t + "" : t, s);
-function L(e) {
+import { withModifiers as f, ComponentWithCSSClasses as z, processElementOverride as H, createSignal as b, useLifecycle as $, registerComponentWithLifecycleHooks as M, h as m, createEffect as v, ConcatenatedComponent as O, text as W, isSignal as S } from "@tachui/core";
+import { isSignal as Y, isComputed as D } from "@tachui/core/reactive";
+import { aspectRatio as A } from "@tachui/modifiers";
+var F = Object.defineProperty, V = (e, t, s) => t in e ? F(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, u = (e, t, s) => V(e, typeof t != "symbol" ? t + "" : t, s);
+function x(e) {
   return typeof e == "object" && e !== null && typeof e.resolve == "function";
 }
-function D(e) {
-  return e && (L(e) ? e.resolve() : e);
+function k(e) {
+  return e && (x(e) ? e.resolve() : e);
 }
-class F extends z {
+class B extends z {
   constructor(t) {
-    super(), this.props = t, g(this, "type", "component"), g(this, "id"), g(this, "mounted", !1), g(this, "cleanup", []), g(this, "effectiveTag"), g(this, "validationResult"), g(this, "loadingStateSignal"), g(this, "setLoadingState"), this.id = `image-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    super(), this.props = t, u(this, "type", "component"), u(this, "id"), u(this, "mounted", !1), u(this, "cleanup", []), u(this, "effectiveTag"), u(this, "validationResult"), u(this, "loadingStateSignal"), u(this, "setLoadingState"), this.id = `image-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
     const s = H("Image", "img", this.props.element);
-    this.effectiveTag = s.tag, this.validationResult = s.validation;
-    const n = this.props.src ? "idle" : "error", [o, i] = E(n);
-    this.loadingStateSignal = o, this.setLoadingState = i, $(this, {
-      onDOMReady: (l, u) => {
-        L(this.props.src) && u instanceof HTMLImageElement && this.setupImageAssetReactivityForDOMElement(
-          this.props.src,
-          u
-        );
+    if (this.effectiveTag = s.tag, this.validationResult = s.validation, this.props.loadingState)
+      this.loadingStateSignal = this.props.loadingState, this.setLoadingState = (i) => {
+      };
+    else {
+      const i = this.props.src ? "idle" : "error", [o, r] = b(i);
+      this.loadingStateSignal = o, this.setLoadingState = r;
+    }
+    $(this, {
+      onDOMReady: (i, o) => {
+        o instanceof HTMLImageElement && this.setupLoadingStateReactivityForDOMElement(o);
       }
     }), M(this);
   }
@@ -26,7 +29,7 @@ class F extends z {
    * Set loading state and notify callback
    */
   setLoadingStateWithCallback(t) {
-    this.setLoadingState(t), this.props.onLoadingStateChange && this.props.onLoadingStateChange(t);
+    this.props.loadingState || (this.setLoadingState(t), this.props.onLoadingStateChange && this.props.onLoadingStateChange(t));
   }
   /**
    * Render the image component with reactive content handling
@@ -35,7 +38,7 @@ class F extends z {
     const t = this.loadingStateSignal();
     if (t === "loading" && this.props.placeholder) {
       if (typeof this.props.placeholder == "string")
-        return [S("img", {
+        return [m("img", {
           class: "tachui-image-placeholder",
           src: this.props.placeholder,
           alt: "Loading..."
@@ -45,7 +48,7 @@ class F extends z {
     }
     if (t === "error" && this.props.errorPlaceholder) {
       if (typeof this.props.errorPlaceholder == "string")
-        return [S("img", {
+        return [m("img", {
           class: "tachui-image-error",
           src: this.props.errorPlaceholder,
           alt: "Error loading image"
@@ -53,7 +56,7 @@ class F extends z {
       if (this.props.errorPlaceholder && typeof this.props.errorPlaceholder == "object")
         return this.props.errorPlaceholder.render();
     }
-    const s = D(this.props.src), n = ["tachui-image"], o = this.createClassString(this.props, n), i = S(this.effectiveTag, {
+    const s = k(this.props.src), i = ["tachui-image"], o = this.createClassString(this.props, i), r = m(this.effectiveTag, {
       className: o,
       src: s,
       // Pass resolved src for initial render
@@ -64,23 +67,55 @@ class F extends z {
       decoding: this.props.decoding || "async",
       fetchpriority: this.props.fetchPriority
     });
-    return i.componentMetadata = {
+    return r.componentMetadata = {
       id: this.id,
       type: "Image",
       originalType: "Image",
       overriddenTo: this.effectiveTag !== "img" ? this.effectiveTag : void 0,
       validationResult: this.validationResult
-    }, [i];
+    }, [r];
   }
   /**
    * Set up ImageAsset reactivity for a real DOM element (called from onDOMReady)
    */
   setupImageAssetReactivityForDOMElement(t, s) {
-    const n = b(() => {
+    const i = v(() => {
       const o = t.resolve();
-      s.src = o, this.setLoadingStateWithCallback("loading");
+      this.props.onLoadStart?.(), this.setLoadingStateWithCallback("loading"), s.src = o;
+    });
+    this.cleanup.push(() => i.dispose());
+  }
+  setupLoadingStateReactivityForDOMElement(t) {
+    const s = (n) => {
+      this.setLoadingStateWithCallback("loaded"), this.props.onLoad?.(n);
+    }, i = (n) => {
+      this.setLoadingStateWithCallback("error"), this.props.onError?.(n);
+    };
+    t.addEventListener("load", s), t.addEventListener("error", i), this.cleanup.push(() => {
+      t.removeEventListener("load", s), t.removeEventListener("error", i);
     });
-    this.cleanup.push(() => n.dispose());
+    const o = (n) => {
+      if (!n) {
+        t.src = "", this.setLoadingStateWithCallback("error");
+        return;
+      }
+      this.props.onLoadStart?.(), this.setLoadingStateWithCallback("loading"), t.src = n;
+    };
+    if (x(this.props.src)) {
+      this.setupImageAssetReactivityForDOMElement(this.props.src, t);
+      return;
+    }
+    const r = this.props.src;
+    if (Y(r) || D(r)) {
+      const n = v(() => {
+        o(r());
+      });
+      this.cleanup.push(() => n.dispose());
+      return;
+    }
+    o(
+      typeof this.props.src == "string" ? this.props.src : void 0
+    );
   }
   // ============================================================================
   // Concatenation Support (Phase 3.1)
@@ -89,7 +124,7 @@ class F extends z {
    * Concatenate this image with another concatenatable component
    */
   concat(t) {
-    const s = this.toSegment(), n = t.toSegment(), o = {
+    const s = this.toSegment(), i = t.toSegment(), o = {
       totalSegments: t instanceof O ? t.segments.length + 1 : 2,
       accessibilityRole: t instanceof O ? this.mergeAccessibilityRoles(
         "group",
@@ -98,7 +133,7 @@ class F extends z {
       semanticStructure: "inline"
       // Images are typically inline in concatenation
     };
-    return new O([s, n], o);
+    return new O([s, i], o);
   }
   /**
    * Convert this image to a segment for concatenation
@@ -147,12 +182,12 @@ class F extends z {
     return t === "composite" || s === "composite" ? "composite" : "group";
   }
 }
-function I(e, t = {}) {
-  const s = { ...t, src: e }, n = new F(s), o = f(n), i = (l) => {
-    if (l && Array.isArray(l.modifiers))
-      return l;
-    if (l?._modifiableComponent && Array.isArray(l._modifiableComponent.modifiers))
-      return l._modifiableComponent;
+function P(e, t = {}) {
+  const s = { ...t, src: e }, i = new B(s), o = f(i), r = (n) => {
+    if (n && Array.isArray(n.modifiers))
+      return n;
+    if (n?._modifiableComponent && Array.isArray(n._modifiableComponent.modifiers))
+      return n._modifiableComponent;
     if (Array.isArray(o?.modifiers))
       return o;
     if (o?._modifiableComponent && Array.isArray(o._modifiableComponent.modifiers))
@@ -160,38 +195,38 @@ function I(e, t = {}) {
     throw new Error("Image shorthand target is not modifiable");
   };
   return o.scaledToFit = function() {
-    return i(this).modifiers.push(x(void 0, "fit")), o;
+    return r(this).modifiers.push(A(void 0, "fit")), o;
   }, o.scaledToFill = function() {
-    return i(this).modifiers.push(x(void 0, "fill")), o;
+    return r(this).modifiers.push(A(void 0, "fill")), o;
   }, o;
 }
-const J = {
+const Q = {
   idle: "idle",
   loading: "loading",
   loaded: "loaded",
   error: "error"
-}, K = {
+}, tt = {
   fit: "fit",
   fill: "fill",
   stretch: "stretch",
   center: "center",
   scaleDown: "scaleDown"
-}, Z = {
+}, et = {
   /**
    * Create a responsive image with multiple sources
    */
   responsive(e, t, s = {}) {
-    const n = e.map((o) => {
-      const i = [o.src];
-      return o.width && i.push(`${o.width}w`), i.join(" ");
+    const i = e.map((o) => {
+      const r = [o.src];
+      return o.width && r.push(`${o.width}w`), r.join(" ");
     }).join(", ");
-    return I(t, { ...s, srcSet: n });
+    return P(t, { ...s, srcSet: i });
   },
   /**
    * Create an image with progressive loading
    */
   progressive(e, t, s = {}) {
-    return I(e, {
+    return P(e, {
       ...s,
       lowQualitySrc: e,
       highQualitySrc: t
@@ -201,20 +236,20 @@ const J = {
    * Create an image with loading placeholder
    */
   withPlaceholder(e, t, s = {}) {
-    return I(e, {
+    return P(e, {
       ...s,
       placeholder: t
     });
   }
 };
-var B = Object.defineProperty, N = (e, t, s) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, C = (e, t, s) => N(e, typeof t != "symbol" ? t + "" : t, s);
-class m {
-  constructor(t, s, n, o = {}) {
-    this.props = t, this.tag = s, this.content = n, this.attributes = o, C(this, "type", "component"), C(this, "id"), C(this, "mounted", !1), C(this, "cleanup", []), this.id = `element-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+var N = Object.defineProperty, X = (e, t, s) => t in e ? N(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, T = (e, t, s) => X(e, typeof t != "symbol" ? t + "" : t, s);
+class g {
+  constructor(t, s, i, o = {}) {
+    this.props = t, this.tag = s, this.content = i, this.attributes = o, T(this, "type", "component"), T(this, "id"), T(this, "mounted", !1), T(this, "cleanup", []), this.id = `element-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
   }
   render() {
     return [
-      S(this.tag, this.attributes, this.content ? W(this.content) : "")
+      m(this.tag, this.attributes, this.content ? W(this.content) : "")
     ];
   }
 }
@@ -223,7 +258,7 @@ const y = {
    * Create a div element with modifier support
    */
   div: (e = {}) => {
-    const t = new m(
+    const t = new g(
       e,
       "div",
       e.children ? String(e.children) : void 0
@@ -234,7 +269,7 @@ const y = {
    * Create a span element with modifier support
    */
   span: (e = {}) => {
-    const t = new m(
+    const t = new g(
       e,
       "span",
       e.children ? String(e.children) : void 0
@@ -245,7 +280,7 @@ const y = {
    * Create an anchor element with modifier support
    */
   a: (e = {}) => {
-    const t = new m(
+    const t = new g(
       e,
       "a",
       e.children ? String(e.children) : void 0,
@@ -260,7 +295,7 @@ const y = {
    * Create a paragraph element with modifier support
    */
   p: (e = {}) => {
-    const t = new m(
+    const t = new g(
       e,
       "p",
       e.children ? String(e.children) : void 0
@@ -274,7 +309,7 @@ const y = {
    * use the main Button component instead.
    */
   button: (e = {}) => {
-    const t = new m(
+    const t = new g(
       e,
       "button",
       e.children ? String(e.children) : void 0,
@@ -288,13 +323,13 @@ const y = {
    * Create an input element with modifier support
    */
   input: (e = {}) => {
-    const t = new m(e, "input", void 0, {
+    const t = new g(e, "input", void 0, {
       type: e.type || "text",
       value: e.value || "",
       placeholder: e.placeholder || "",
       oninput: (s) => {
-        const n = s.target;
-        e.onChange?.(n.value);
+        const i = s.target;
+        e.onChange?.(i.value);
       }
     });
     return f(t);
@@ -306,7 +341,7 @@ const y = {
    * use the main Image component instead.
    */
   img: (e) => {
-    const t = new m(e, "img", void 0, {
+    const t = new g(e, "img", void 0, {
       src: e.src,
       alt: e.alt || "",
       width: e.width,
@@ -318,30 +353,30 @@ const y = {
    * Create a heading element with modifier support
    */
   heading: (e) => (t = {}) => {
-    const s = new m(
+    const s = new g(
       t,
       `h${e}`,
       t.children ? String(t.children) : void 0
     );
     return f(s);
   }
-}, Q = y.heading(1), tt = y.heading(2), et = y.heading(3), st = y.heading(4), ot = y.heading(5), nt = y.heading(6);
-var X = Object.defineProperty, k = (e, t, s) => t in e ? X(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, r = (e, t, s) => k(e, typeof t != "symbol" ? t + "" : t, s);
-class j {
+}, st = y.heading(1), ot = y.heading(2), it = y.heading(3), nt = y.heading(4), rt = y.heading(5), lt = y.heading(6);
+var j = Object.defineProperty, U = (e, t, s) => t in e ? j(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, l = (e, t, s) => U(e, typeof t != "symbol" ? t + "" : t, s);
+class q {
   constructor(t) {
-    this.props = t, r(this, "type", "component"), r(this, "id"), r(this, "mounted", !1), r(this, "cleanup", []), r(this, "scrollElement", null), r(this, "contentOffsetSignal"), r(this, "setContentOffset"), r(this, "contentSizeSignal"), r(this, "setContentSize"), r(this, "setIsScrolling"), r(this, "pullToRefreshStateSignal"), r(this, "setPullToRefreshState"), r(this, "scrollEventThrottle"), r(this, "lastScrollTime", 0), r(this, "scrollVelocity", { x: 0, y: 0 }), r(this, "lastScrollOffset", { x: 0, y: 0 }), r(this, "pullStartY", 0), r(this, "isPulling", !1), r(this, "handleScroll", (h) => {
+    this.props = t, l(this, "type", "component"), l(this, "id"), l(this, "mounted", !1), l(this, "cleanup", []), l(this, "scrollElement", null), l(this, "contentOffsetSignal"), l(this, "setContentOffset"), l(this, "contentSizeSignal"), l(this, "setContentSize"), l(this, "setIsScrolling"), l(this, "pullToRefreshStateSignal"), l(this, "setPullToRefreshState"), l(this, "scrollEventThrottle"), l(this, "lastScrollTime", 0), l(this, "scrollVelocity", { x: 0, y: 0 }), l(this, "lastScrollOffset", { x: 0, y: 0 }), l(this, "pullStartY", 0), l(this, "isPulling", !1), l(this, "handleScroll", (h) => {
       if (!this.scrollElement) return;
-      const p = performance.now(), c = p - this.lastScrollTime;
-      if (c < this.scrollEventThrottle) return;
+      const p = performance.now(), a = p - this.lastScrollTime;
+      if (a < this.scrollEventThrottle) return;
       const d = {
         x: this.scrollElement.scrollLeft,
         y: this.scrollElement.scrollTop
       };
-      this.scrollVelocity = this.calculateVelocity(d, c), this.setContentOffset(d), this.setContentSize({
+      this.scrollVelocity = this.calculateVelocity(d, a), this.setContentOffset(d), this.setContentSize({
         width: this.scrollElement.scrollWidth,
         height: this.scrollElement.scrollHeight
       });
-      const a = this.detectScrollEdges(), w = {
+      const c = this.detectScrollEdges(), w = {
         offset: d,
         velocity: this.scrollVelocity,
         contentSize: {
@@ -352,20 +387,20 @@ class j {
           width: this.scrollElement.clientWidth,
           height: this.scrollElement.clientHeight
         },
-        edges: a
+        edges: c
       };
-      this.props.onScroll && this.props.onScroll(w), a.top && this.props.onReachTop && this.props.onReachTop(), a.bottom && this.props.onReachBottom && this.props.onReachBottom(), a.left && this.props.onReachLeft && this.props.onReachLeft(), a.right && this.props.onReachRight && this.props.onReachRight(), this.lastScrollOffset = d, this.lastScrollTime = p;
-    }), r(this, "handleScrollStart", () => {
+      this.props.onScroll && this.props.onScroll(w), c.top && this.props.onReachTop && this.props.onReachTop(), c.bottom && this.props.onReachBottom && this.props.onReachBottom(), c.left && this.props.onReachLeft && this.props.onReachLeft(), c.right && this.props.onReachRight && this.props.onReachRight(), this.lastScrollOffset = d, this.lastScrollTime = p;
+    }), l(this, "handleScrollStart", () => {
       this.setIsScrolling(!0), this.props.onScrollBegin && this.props.onScrollBegin();
-    }), r(this, "handleScrollEnd", () => {
+    }), l(this, "handleScrollEnd", () => {
       this.setIsScrolling(!1), this.props.onScrollEnd && this.props.onScrollEnd();
-    }), r(this, "handleTouchStart", (h) => {
+    }), l(this, "handleTouchStart", (h) => {
       this.props.refreshControl?.enabled && (this.pullStartY = h.touches[0].clientY, this.isPulling = !1);
-    }), r(this, "handleTouchMove", (h) => {
+    }), l(this, "handleTouchMove", (h) => {
       if (!this.props.refreshControl?.enabled || !this.scrollElement) return;
-      const c = h.touches[0].clientY - this.pullStartY, d = this.props.refreshControl.threshold || 80;
-      this.scrollElement.scrollTop <= 0 && c > 0 && (this.isPulling = !0, c > d ? this.setPullToRefreshState("ready") : this.setPullToRefreshState("pulling"));
-    }), r(this, "handleTouchEnd", async () => {
+      const a = h.touches[0].clientY - this.pullStartY, d = this.props.refreshControl.threshold || 80;
+      this.scrollElement.scrollTop <= 0 && a > 0 && (this.isPulling = !0, a > d ? this.setPullToRefreshState("ready") : this.setPullToRefreshState("pulling"));
+    }), l(this, "handleTouchEnd", async () => {
       if (!this.props.refreshControl?.enabled || !this.isPulling) return;
       if (this.pullToRefreshStateSignal() === "ready") {
         this.setPullToRefreshState("refreshing");
@@ -380,29 +415,29 @@ class j {
         this.setPullToRefreshState("idle");
       this.isPulling = !1;
     }), this.id = `scrollview-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, this.scrollEventThrottle = t.scrollEventThrottle || 16;
-    const [s, n] = E(
+    const [s, i] = b(
       { x: 0, y: 0 }
     );
-    this.contentOffsetSignal = s, this.setContentOffset = n;
-    const [o, i] = E({
+    this.contentOffsetSignal = s, this.setContentOffset = i;
+    const [o, r] = b({
       width: 0,
       height: 0
     });
-    this.contentSizeSignal = o, this.setContentSize = i;
-    const [, l] = E(!1);
-    this.setIsScrolling = l;
-    const [u, R] = E("idle");
-    if (this.pullToRefreshStateSignal = u, this.setPullToRefreshState = R, t.contentOffset && v(t.contentOffset)) {
+    this.contentSizeSignal = o, this.setContentSize = r;
+    const [, n] = b(!1);
+    this.setIsScrolling = n;
+    const [E, R] = b("idle");
+    if (this.pullToRefreshStateSignal = E, this.setPullToRefreshState = R, t.contentOffset && S(t.contentOffset)) {
       this.setContentOffset(t.contentOffset());
-      const h = b(() => {
-        t.contentOffset && v(t.contentOffset) && this.setContentOffset(t.contentOffset());
+      const h = v(() => {
+        t.contentOffset && S(t.contentOffset) && this.setContentOffset(t.contentOffset());
       });
       this.cleanup.push(() => h.dispose());
     }
-    if (t.contentSize && v(t.contentSize)) {
+    if (t.contentSize && S(t.contentSize)) {
       this.setContentSize(t.contentSize());
-      const h = b(() => {
-        t.contentSize && v(t.contentSize) && this.setContentSize(t.contentSize());
+      const h = v(() => {
+        t.contentSize && S(t.contentSize) && this.setContentSize(t.contentSize());
       });
       this.cleanup.push(() => h.dispose());
     }
@@ -411,9 +446,9 @@ class j {
    * Calculate scroll velocity
    */
   calculateVelocity(t, s) {
-    const n = t.x - this.lastScrollOffset.x, o = t.y - this.lastScrollOffset.y;
+    const i = t.x - this.lastScrollOffset.x, o = t.y - this.lastScrollOffset.y;
     return {
-      x: s > 0 ? n / s : 0,
+      x: s > 0 ? i / s : 0,
       y: s > 0 ? o / s : 0
     };
   }
@@ -426,16 +461,16 @@ class j {
     const {
       scrollTop: t,
       scrollLeft: s,
-      scrollHeight: n,
+      scrollHeight: i,
       scrollWidth: o,
-      clientHeight: i,
-      clientWidth: l
+      clientHeight: r,
+      clientWidth: n
     } = this.scrollElement;
     return {
       top: t <= 0,
-      bottom: t + i >= n - 1,
+      bottom: t + r >= i - 1,
       left: s <= 0,
-      right: s + l >= o - 1
+      right: s + n >= o - 1
     };
   }
   /**
@@ -443,21 +478,21 @@ class j {
    */
   setupScrollHandlers(t) {
     let s;
-    const n = () => {
+    const i = () => {
       clearTimeout(s), this.handleScrollStart();
     }, o = () => {
       clearTimeout(s), s = setTimeout(() => {
         this.handleScrollEnd();
       }, 150);
-    }, i = (l) => {
-      n(), this.handleScroll(l), o();
+    }, r = (n) => {
+      i(), this.handleScroll(n), o();
     };
-    t.addEventListener("scroll", i, { passive: !0 }), t.addEventListener("touchstart", this.handleTouchStart, {
+    t.addEventListener("scroll", r, { passive: !0 }), t.addEventListener("touchstart", this.handleTouchStart, {
       passive: !0
     }), t.addEventListener("touchmove", this.handleTouchMove, {
       passive: !1
     }), t.addEventListener("touchend", this.handleTouchEnd, { passive: !0 }), this.cleanup.push(() => {
-      t.removeEventListener("scroll", i), t.removeEventListener("touchstart", this.handleTouchStart), t.removeEventListener("touchmove", this.handleTouchMove), t.removeEventListener("touchend", this.handleTouchEnd), clearTimeout(s);
+      t.removeEventListener("scroll", r), t.removeEventListener("touchstart", this.handleTouchStart), t.removeEventListener("touchmove", this.handleTouchMove), t.removeEventListener("touchend", this.handleTouchEnd), clearTimeout(s);
     });
   }
   /**
@@ -490,7 +525,7 @@ class j {
    * Apply additional scroll view styling (position and overflow already set in initial render)
    */
   applyScrollViewStyles(t) {
-    const { showsScrollIndicator: s = !0, bounces: n = !0 } = this.props;
+    const { showsScrollIndicator: s = !0, bounces: i = !0 } = this.props;
     if (!s) {
       t.style.scrollbarWidth = "none", t.style.msOverflowStyle = "none";
       const o = document.createElement("style");
@@ -502,7 +537,7 @@ class j {
         document.head.removeChild(o);
       });
     }
-    n ? t.style.webkitOverflowScrolling = "touch" : t.style.overscrollBehavior = "none", t.style.scrollBehavior = "smooth";
+    i ? t.style.webkitOverflowScrolling = "touch" : t.style.overscrollBehavior = "none", t.style.scrollBehavior = "smooth";
   }
   /**
    * Apply content insets
@@ -510,8 +545,8 @@ class j {
   applyContentInsets(t) {
     const { contentInset: s } = this.props;
     if (s) {
-      const { top: n = 0, bottom: o = 0, left: i = 0, right: l = 0 } = s;
-      t.style.padding = `${n}px ${l}px ${o}px ${i}px`;
+      const { top: i = 0, bottom: o = 0, left: r = 0, right: n = 0 } = s;
+      t.style.padding = `${i}px ${n}px ${o}px ${r}px`;
     }
   }
   /**
@@ -520,28 +555,28 @@ class j {
   createPullToRefreshIndicator() {
     if (!this.props.refreshControl?.enabled) return null;
     const t = this.pullToRefreshStateSignal(), s = this.props.refreshControl.tintColor || "#007AFF";
-    let n = "";
+    let i = "";
     switch (t) {
       case "pulling":
-        n = "↓ Pull to refresh";
+        i = "↓ Pull to refresh";
         break;
       case "ready":
-        n = "↑ Release to refresh";
+        i = "↑ Release to refresh";
         break;
       case "refreshing":
-        n = "⟳ Refreshing...";
+        i = "⟳ Refreshing...";
         break;
       default:
-        n = "";
+        i = "";
     }
-    return n ? {
+    return i ? {
       type: "component",
       id: `${this.id}-refresh`,
       mounted: !1,
       cleanup: [],
       props: {},
       render: () => [
-        S(
+        m(
           "div",
           {
             style: {
@@ -561,7 +596,7 @@ class j {
               opacity: t === "idle" ? 0 : 1
             }
           },
-          n
+          i
         )
       ]
     } : null;
@@ -571,8 +606,8 @@ class j {
    */
   scrollTo(t, s = "smooth") {
     if (!this.scrollElement) return;
-    const n = { behavior: s };
-    t.x !== void 0 && (n.left = t.x), t.y !== void 0 && (n.top = t.y), this.scrollElement.scrollTo(n);
+    const i = { behavior: s };
+    t.x !== void 0 && (i.left = t.x), t.y !== void 0 && (i.top = t.y), this.scrollElement.scrollTo(i);
   }
   /**
    * Scroll to top
@@ -597,13 +632,13 @@ class j {
    */
   render() {
     const { children: t = [], scrollEnabled: s = !0 } = this.props;
-    let n = [];
+    let i = [];
     const o = t;
     if (typeof o == "function") {
-      const c = o();
-      n = Array.isArray(c) ? c : [];
-    } else Array.isArray(t) && (n = t);
-    const i = S(
+      const a = o();
+      i = Array.isArray(a) ? a : [];
+    } else Array.isArray(t) && (i = t);
+    const r = m(
       "div",
       {
         class: "tachui-scrollview-content",
@@ -612,14 +647,14 @@ class j {
           minWidth: "100%"
         }
       },
-      ...n.flatMap((c) => c.render())
-    ), l = this.createPullToRefreshIndicator(), u = [];
-    if (l) {
-      const c = l.render(), d = Array.isArray(c) ? c : [c];
-      u.push(...d.filter((a) => a));
+      ...i.flatMap((a) => a.render())
+    ), n = this.createPullToRefreshIndicator(), E = [];
+    if (n) {
+      const a = n.render(), d = Array.isArray(a) ? a : [a];
+      E.push(...d.filter((c) => c));
     }
-    u.push(i);
-    const { direction: R = "vertical" } = this.props, h = this.getOverflowStyles(R), p = S(
+    E.push(r);
+    const { direction: R = "vertical" } = this.props, h = this.getOverflowStyles(R), p = m(
       "div",
       {
         id: this.id,
@@ -631,46 +666,46 @@ class j {
           ...h
         }
       },
-      ...u
+      ...E
     );
     if (p.element) {
-      const c = p.element;
-      this.scrollElement = c, this.applyScrollViewStyles(c), this.setupScrollHandlers(c), i.element && this.applyContentInsets(i.element);
+      const a = p.element;
+      this.scrollElement = a, this.applyScrollViewStyles(a), this.setupScrollHandlers(a), r.element && this.applyContentInsets(r.element);
       const d = () => {
-        const a = v(s) ? s() : s;
-        c.style.overflow = a ? "auto" : "hidden", c.style.pointerEvents = a ? "auto" : "none";
+        const c = S(s) ? s() : s;
+        a.style.overflow = c ? "auto" : "hidden", a.style.pointerEvents = c ? "auto" : "none";
       };
-      if (v(s)) {
-        const a = b(d);
-        this.cleanup.push(() => a.dispose());
+      if (S(s)) {
+        const c = v(d);
+        this.cleanup.push(() => c.dispose());
       } else
         d();
       if (typeof o == "function") {
-        const a = b(() => {
-          const w = o(), _ = (Array.isArray(w) ? w : []).flatMap((T) => T.render());
-          if (i.element) {
-            const T = i.element;
-            T.innerHTML = "", _.forEach((P) => {
-              P && P.element && T.appendChild(P.element);
+        const c = v(() => {
+          const w = o(), _ = (Array.isArray(w) ? w : []).flatMap((C) => C.render());
+          if (r.element) {
+            const C = r.element;
+            C.innerHTML = "", _.forEach((L) => {
+              L && L.element && C.appendChild(L.element);
             });
           }
         });
-        this.cleanup.push(() => a.dispose());
+        this.cleanup.push(() => c.dispose());
       }
     }
     return [p];
   }
 }
-function A(e = {}) {
-  const t = new j(e);
+function I(e = {}) {
+  const t = new q(e);
   return f(t);
 }
-const it = {
+const at = {
   /**
    * Create a scroll view with pull to refresh
    */
   withRefresh(e, t, s = {}) {
-    return A({
+    return I({
       children: e,
       refreshControl: {
         enabled: !0,
@@ -683,7 +718,7 @@ const it = {
    * Create a horizontal scroll view
    */
   horizontal(e, t = {}) {
-    return A({
+    return I({
       ...t,
       children: e,
       direction: "horizontal"
@@ -693,7 +728,7 @@ const it = {
    * Create a paged scroll view
    */
   paged(e, t = {}) {
-    return A({
+    return I({
       ...t,
       children: e,
       pagingEnabled: !0
@@ -701,19 +736,19 @@ const it = {
   }
 };
 export {
-  F as E,
+  B as E,
   y as H,
-  I,
-  A as S,
-  J as a,
-  K as b,
-  Z as c,
-  Q as d,
-  tt as e,
-  et as f,
-  st as g,
-  ot as h,
-  nt as i,
-  j,
-  it as k
+  P as I,
+  I as S,
+  Q as a,
+  tt as b,
+  et as c,
+  st as d,
+  ot as e,
+  it as f,
+  nt as g,
+  rt as h,
+  lt as i,
+  q as j,
+  at as k
 };

package/dist/display/Image.d.ts

@@ -86,6 +86,7 @@ export declare class EnhancedImage extends ComponentWithCSSClasses implements Co
      * Set up ImageAsset reactivity for a real DOM element (called from onDOMReady)
      */
     private setupImageAssetReactivityForDOMElement;
+    private setupLoadingStateReactivityForDOMElement;
     /**
      * Concatenate this image with another concatenatable component
      */

package/dist/display/Image.d.ts.map

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

package/dist/display/index.js

@@ -1,5 +1,5 @@
 import { E as e, H as t, T as o, a as H, b as l, c as n } from "../Text-WpP4H9se.js";
-import { E as c, j as g, d as m, e as i, f as T, g as d, h as x, i as I, H as S, I as h, b as E, a as p, c as f, S as w, k as y } from "../ScrollView-CC8g8Lq2.js";
+import { E as c, j as g, d as m, e as i, f as T, g as d, h as x, i as I, H as S, I as h, b as E, a as p, c as f, S as w, k as y } from "../ScrollView-CtvxVuuS.js";
 export {
   c as EnhancedImage,
   g as EnhancedScrollView,

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Divider as b, DividerComponent as P, DividerStyles as I, DividerUtils as y, HStack as j, Spacer as S, SpacerComponent as A, VStack as L, ZStack as C, defaultDividerTheme as V } from "./layout/index.js";
 import { E as O, H as E, T as $, a as F, b as q, c as U } from "./Text-WpP4H9se.js";
-import { E as N, j as _, d as W, e as R, f as M, g as G, h as K, i as Z, H as z, I as J, b as Q, a as X, c as Y, S as ee, k as te } from "./ScrollView-CC8g8Lq2.js";
+import { E as N, j as _, d as W, e as R, f as M, g as G, h as K, i as Z, H as z, I as J, b as Q, a as X, c as Y, S as ee, k as te } from "./ScrollView-CtvxVuuS.js";
 import { B as ne, a as ie, E as re, h as ae, c as se, L as ce, b as le, P as pe, i as de, j as ge, T as ue, e as me, f as he, g as fe, d as ve } from "./Picker-CpERkpVp.js";
 import { B as xe, a as ke, b as Be, c as Te, d as be, e as Pe, f as Ie } from "./BasicInput-BHfrSdoi.js";
 import { withModifiers as je } from "@tachui/core";
@@ -425,7 +425,7 @@ const w = {
     }
     console.groupEnd();
   }
-}, h = "@tachui/primitives", f = "0.8.15", x = h, k = f;
+}, h = "@tachui/primitives", f = "0.8.16", x = h, k = f;
 export {
   xe as BasicForm,
   ke as BasicFormImplementation,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tachui/primitives",
-  "version": "0.8.15",
+  "version": "0.8.16",
   "description": "Basic UI components for tachUI framework",
   "homepage": "https://tachui.dev/",
   "type": "module",
@@ -33,8 +33,8 @@
     "dist"
   ],
   "dependencies": {
-    "@tachui/modifiers": "0.8.15",
-    "@tachui/core": "0.8.15"
+    "@tachui/core": "0.8.16",
+    "@tachui/modifiers": "0.8.16"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",