@fragmentsx/runtime-react 0.2.0-dev-20261025070649 → 0.2.0-dev-20261025103802

package/dist/index.es.js

@@ -1,37 +1,119 @@
-import { jsx as l, jsxs as Ie, Fragment as Ne } from "react/jsx-runtime";
-import * as ke from "react";
-import { createContext as I, useContext as w, useState as L, useEffect as R, useLayoutEffect as _e, version as Fe, Component as Me, Suspense as de, useMemo as j, createElement as Le, useRef as A, useCallback as B, useReducer as je } from "react";
-import { FragmentsAreaError as Be, toScopeClassName as He, AREA_GLOBAL_CSS_KEY as Ue, resolveStylesHref as $e, fragmentCssKey as De, createSourceCache as Ve, sourceCallKey as re, sourceTransportKey as ze, resolveSourceRequest as Ke, runSourceFetch as Ge, createFragmentsClient as Ye } from "@fragmentsx/fragments-client";
-import { FragmentsApiVersionError as kr, FragmentsAreaError as _r, FragmentsLoadError as Fr, createSourceCache as Mr } from "@fragmentsx/fragments-client";
-const F = I(
+"use client";
+import * as Be from "react/jsx-runtime";
+import { jsx as l, jsxs as De, Fragment as He } from "react/jsx-runtime";
+import * as ge from "react";
+import { createContext as I, useContext as w, useState as j, useEffect as R, useLayoutEffect as Ue, version as $e, Component as Ve, Suspense as he, useMemo as L, createElement as ze, useRef as A, useCallback as B, useReducer as Ge } from "react";
+import { FragmentsAreaError as ve, toScopeClassName as Ke, AREA_GLOBAL_CSS_KEY as Ye, resolveStylesHref as Je, fragmentCssKey as We, createSourceCache as Ee, sourceCallKey as ue, sourceTransportKey as Xe, resolveSourceRequest as qe, runSourceFetch as Qe, createFragmentsClient as Ze, FragmentsApiVersionError as er, FragmentsLoadError as rr } from "@fragmentsx/fragments-client";
+import { FragmentsApiVersionError as Lr, FragmentsAreaError as Br, FragmentsLoadError as Dr, createSourceCache as Hr } from "@fragmentsx/fragments-client";
+const tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get AREA_UNRESOLVED() {
+    return W;
+  },
+  get Area() {
+    return xr;
+  },
+  get AreaExposureContext() {
+    return K;
+  },
+  get FragmentRenderer() {
+    return mr;
+  },
+  get FragmentStylesheet() {
+    return X;
+  },
+  get FragmentsApiVersionError() {
+    return er;
+  },
+  get FragmentsAreaError() {
+    return ve;
+  },
+  get FragmentsClientContext() {
+    return _;
+  },
+  get FragmentsClientProvider() {
+    return ye;
+  },
+  get FragmentsLoadError() {
+    return rr;
+  },
+  get FragmentsProvider() {
+    return Pr;
+  },
+  get InstanceIdContext() {
+    return q;
+  },
+  get ModulesMapContext() {
+    return D;
+  },
+  get ModulesMapProvider() {
+    return pe;
+  },
+  get ProjectPropertiesContext() {
+    return G;
+  },
+  get createBrowserClient() {
+    return _r;
+  },
+  get createSourceCache() {
+    return Ee;
+  },
+  get defaultProjectProperties() {
+    return Z;
+  },
+  get injectStylesheet() {
+    return Q;
+  },
+  get useArea() {
+    return we;
+  },
+  get useCssChunk() {
+    return ar;
+  },
+  get useFragmentComponent() {
+    return xe;
+  },
+  get useFragmentStylesheet() {
+    return Pe;
+  },
+  get useGoal() {
+    return Ar;
+  },
+  get useProjectProperty() {
+    return br;
+  },
+  get useSource() {
+    return Ir;
+  }
+}, Symbol.toStringTag, { value: "Module" })), _ = I(
   null
 );
-F.displayName = "FragmentsClientContext";
-function Je(r) {
-  return /* @__PURE__ */ l(F.Provider, { value: r.value, children: r.children });
+_.displayName = "FragmentsClientContext";
+function ye(r) {
+  return /* @__PURE__ */ l(_.Provider, { value: r.value, children: r.children });
 }
-function We() {
-  return w(F);
+function nr() {
+  return w(_);
 }
-const fe = I(null);
-fe.displayName = "InstanceIdContext";
-const V = I(
+const q = I(null);
+q.displayName = "InstanceIdContext";
+const D = I(
   null
 );
-V.displayName = "ModulesMapContext";
-function Xe({
+D.displayName = "ModulesMapContext";
+function pe({
   value: r,
   children: e
 }) {
-  return /* @__PURE__ */ l(V.Provider, { value: r, children: e });
+  return /* @__PURE__ */ l(D.Provider, { value: r, children: e });
 }
-function qe(r) {
-  const e = w(V);
+function xe(r) {
+  const e = w(D);
   if (!e)
     throw new Error("[useFragmentComponent] No ModulesMapProvider in tree");
   return e.read(r);
 }
-const te = typeof window < "u", ne = Object.freeze({
+const ce = typeof window < "u", W = Object.freeze({
   rootFragmentId: 0,
   variantId: null,
   experiment: null,
@@ -46,22 +128,22 @@ const te = typeof window < "u", ne = Object.freeze({
   slots: {},
   sources: {}
 });
-function G(r) {
+function J(r) {
   const e = r.$area;
   if (!(e != null && e.read))
     throw new Error("[useArea] $area plugin not mounted");
   return e;
 }
-function Qe(r, e) {
-  const t = w(F);
+function we(r, e) {
+  const t = w(_);
   if (!t)
     throw new Error("[useArea] No FragmentsClientProvider in tree");
-  const n = (e == null ? void 0 : e.suspense) ?? !0, s = (e == null ? void 0 : e.pause) === !0 || !te && (e == null ? void 0 : e.ssr) === !1, c = (e == null ? void 0 : e.timeout) != null ? { timeout: e.timeout } : void 0, [, o] = L(0);
+  const n = (e == null ? void 0 : e.suspense) ?? !0, s = (e == null ? void 0 : e.pause) === !0 || !ce && (e == null ? void 0 : e.ssr) === !1, u = (e == null ? void 0 : e.timeout) != null ? { timeout: e.timeout } : void 0, [, o] = j(0);
   if (R(() => {
     if (n || s) return;
-    const u = G(t);
+    const c = J(t);
     let a = !0;
-    return Promise.resolve(u.resolve(r, c)).catch(() => {
+    return Promise.resolve(c.resolve(r, u)).catch(() => {
     }).finally(() => {
       a && o((d) => d + 1);
     }), () => {
@@ -69,77 +151,77 @@ function Qe(r, e) {
     };
   }, [r, n, e == null ? void 0 : e.pause, e == null ? void 0 : e.timeout, e == null ? void 0 : e.ssr]), n) {
     if (s)
-      return ne;
-    const u = G(t);
-    if (u.has(r) || Promise.resolve(u.resolve(r, c)).catch(() => {
-    }), !te)
+      return W;
+    const c = J(t);
+    if (c.has(r) || Promise.resolve(c.resolve(r, u)).catch(() => {
+    }), !ce)
       try {
-        return u.read(r);
+        return c.read(r);
       } catch (a) {
         if (a != null && typeof a.then == "function")
           throw a;
         return process.env.NODE_ENV !== "production" && console.error(
           `[useArea] Area ${r} remained unresolved on the server because its cache reached a terminal state`,
           a
-        ), ne;
+        ), W;
       }
-    return u.read(r);
+    return c.read(r);
   }
   if (s)
     return { status: "idle", data: null, error: null };
-  const m = G(t);
+  const m = J(t);
   if (m.has(r))
     try {
       return { status: "ready", data: m.read(r), error: null };
-    } catch (u) {
+    } catch (c) {
       return {
         status: "not-found",
         data: null,
-        error: u instanceof Error ? u : new Error(String(u))
+        error: c instanceof Error ? c : new Error(String(c))
       };
     }
-  return Promise.resolve(m.resolve(r, c)).catch(() => {
+  return Promise.resolve(m.resolve(r, u)).catch(() => {
   }), { status: "loading", data: null, error: null };
 }
-const me = typeof window < "u", Ze = 3e3, D = /* @__PURE__ */ new Map(), he = (r, e) => {
-  if (!me) {
-    const h = () => {
+const Se = typeof window < "u", or = 3e3, V = /* @__PURE__ */ new Map(), Q = (r, e) => {
+  if (!Se) {
+    const g = () => {
     };
-    return h.loaded = Promise.resolve(), h;
+    return g.loaded = Promise.resolve(), g;
   }
-  const t = D.get(e);
+  const t = V.get(e);
   if (t) {
     t.refCount += 1;
-    const h = () => {
-      t.refCount -= 1, t.refCount === 0 && (t.clearReadyTimer(), t.linkEl.remove(), D.delete(e));
+    const g = () => {
+      t.refCount -= 1, t.refCount === 0 && (t.clearReadyTimer(), t.linkEl.remove(), V.delete(e));
     };
-    return h.loaded = t.loaded, h;
+    return g.loaded = t.loaded, g;
   }
   const n = document.createElement("link");
   n.rel = "stylesheet", n.href = r, n.setAttribute("data-fragment-key", e);
   let s;
-  const c = new Promise((h) => {
-    s = h;
+  const u = new Promise((g) => {
+    s = g;
   }), o = () => {
-    u(), s();
-  }, m = setTimeout(o, Ze), u = () => clearTimeout(m);
+    c(), s();
+  }, m = setTimeout(o, or), c = () => clearTimeout(m);
   n.addEventListener("load", o), n.addEventListener("error", o), document.head.appendChild(n);
-  const a = { refCount: 1, linkEl: n, loaded: c, clearReadyTimer: u };
-  D.set(e, a);
+  const a = { refCount: 1, linkEl: n, loaded: u, clearReadyTimer: c };
+  V.set(e, a);
   const d = () => {
-    a.refCount -= 1, a.refCount === 0 && (a.clearReadyTimer(), a.linkEl.remove(), D.delete(e));
+    a.refCount -= 1, a.refCount === 0 && (a.clearReadyTimer(), a.linkEl.remove(), V.delete(e));
   };
-  return d.loaded = c, d;
-}, er = me ? _e : R;
-function rr(r, e) {
-  er(() => he(r, e), [r, e]);
+  return d.loaded = u, d;
+}, sr = Se ? Ue : R;
+function Pe(r, e) {
+  sr(() => Q(r, e), [r, e]);
 }
-const tr = parseInt(Fe.split(".")[0], 10), nr = tr >= 19;
-function oe({
+const ur = parseInt($e.split(".")[0], 10), cr = ur >= 19;
+function X({
   href: r,
   fragmentKey: e
 }) {
-  return nr ? /* @__PURE__ */ l(
+  return cr ? /* @__PURE__ */ l(
     "link",
     {
       rel: "stylesheet",
@@ -147,50 +229,50 @@ function oe({
       precedence: "default",
       "data-fragment-key": e
     }
-  ) : (rr(r, e), null);
+  ) : (Pe(r, e), null);
 }
-function Sr(r) {
+function ar(r) {
 }
-const ve = Object.freeze({}), z = I(ve);
+const be = Object.freeze({}), z = I(be);
 z.displayName = "HostPropertiesContext";
-const ge = {}, Y = I(null);
-Y.displayName = "ProjectPropertiesContext";
-const Ee = Object.freeze({}), J = I(Ee);
-J.displayName = "SourceTransportsContext";
-const W = I("live");
-W.displayName = "SourceNetworkContext";
-function se(r) {
+const Z = {}, G = I(null);
+G.displayName = "ProjectPropertiesContext";
+const Ae = Object.freeze({}), ee = I(Ae);
+ee.displayName = "SourceTransportsContext";
+const re = I("live");
+re.displayName = "SourceNetworkContext";
+function ae(r) {
   const e = r instanceof Error ? r : new Error(String(r));
-  if (!(e instanceof Be))
+  if (!(e instanceof ve))
     return { kind: "failed", error: e };
   const { code: t } = e;
   return t === "NO_ACTIVE_VARIANT" ? { kind: "no-variant", code: t, error: e } : t === "AREA_NOT_FOUND" || t === "NO_PUBLISHED_SNAPSHOT" || t === "NESTED_SNAPSHOT_MISSING" ? { kind: "misconfigured", code: t, error: e } : { kind: "failed", code: t, error: e };
 }
-function ye(r, e, t) {
+function Ce(r, e, t) {
   return typeof r == "function" ? r(e, t) : r ?? null;
 }
-const or = () => {
+const ir = () => {
 };
-function ce(r) {
+function ie(r) {
   return r instanceof Error ? r : new Error(String(r));
 }
-class pe extends Me {
+class Re extends Ve {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null };
   }
   static getDerivedStateFromError(e) {
-    return { hasError: !0, error: ce(e) };
+    return { hasError: !0, error: ie(e) };
   }
   componentDidCatch(e, t) {
-    var s, c;
-    const n = ce(e);
-    process.env.NODE_ENV !== "production" && console.error("[fragments] Area error:", n, t.componentStack), (c = (s = this.props).onError) == null || c.call(s, n);
+    var s, u;
+    const n = ie(e);
+    process.env.NODE_ENV !== "production" && console.error("[fragments] Area error:", n, t.componentStack), (u = (s = this.props).onError) == null || u.call(s, n);
   }
   render() {
     if (this.state.hasError) {
       const e = { kind: "failed", error: this.state.error ?? new Error("Unknown Area error") };
       try {
-        return ye(this.props.empty, e, this.props.retry ?? or);
+        return Ce(this.props.empty, e, this.props.retry ?? ir);
       } catch {
         return null;
       }
@@ -198,36 +280,36 @@ class pe extends Me {
     return this.props.children;
   }
 }
-function sr(r, e) {
+function lr(r, e) {
   let t;
   for (const [n, s] of Object.entries(e))
     s != null && (t ?? (t = { ...r }), t[n] = s);
   return t ?? r;
 }
-function cr(r, e) {
+function dr(r, e) {
   const t = Object.keys(r);
   return t.length !== Object.keys(e).length ? !1 : t.every((n) => Object.prototype.hasOwnProperty.call(e, n) && Object.is(r[n], e[n]));
 }
-const xe = Object.freeze({});
-function we(r, e, t) {
+const Te = Object.freeze({});
+function Oe(r, e, t) {
   let n;
-  for (const [s, c] of Object.entries(e)) {
-    const o = t[c];
+  for (const [s, u] of Object.entries(e)) {
+    const o = t[u];
     o != null && (n ?? (n = { ...r }), n[s] = o);
   }
   return n ?? r;
 }
-function Se(r, e, t) {
+function Ie(r, e, t) {
   if (!r) return {};
   const n = {};
   for (const s of Object.keys(r))
-    n[s] = ur(r[s], e, t);
+    n[s] = fr(r[s], e, t);
   return n;
 }
-function ur(r, e, t) {
-  return Array.isArray(r) ? r.map((n, s) => n === null ? null : ue(n, e, t, s)) : ue(r, e, t);
+function fr(r, e, t) {
+  return Array.isArray(r) ? r.map((n, s) => n === null ? null : le(n, e, t, s)) : le(r, e, t);
 }
-function ue(r, e, t, n) {
+function le(r, e, t, n) {
   let s;
   try {
     s = e(r.fragmentId);
@@ -236,58 +318,58 @@ function ue(r, e, t, n) {
       throw o;
     return console.warn(`[FragmentRenderer] Slot fragment ${r.fragmentId} failed to load — rendering empty hole`, o), null;
   }
-  const c = Se(r.slots, e, t);
-  return Le(s, { key: n, ...we(r.props, r.projectBindings ?? xe, t), ...c });
+  const u = Ie(r.slots, e, t);
+  return ze(s, { key: n, ...Oe(r.props, r.projectBindings ?? Te, t), ...u });
 }
-const be = ({
+const _e = ({
   fragmentId: r,
   props: e,
   globalCssUrl: t = null,
-  projectProperties: n = ge,
+  projectProperties: n = Z,
   fragments: s = [r],
-  slots: c,
-  sources: o = Ee,
+  slots: u,
+  sources: o = Ae,
   sourceNetwork: m = "live"
 }) => {
-  const u = qe(r), a = w(V), d = w(z);
+  const c = xe(r), a = w(D), d = w(z);
   if (!a)
     throw new Error("[FragmentRendererInner] No ModulesMapProvider in tree");
-  const h = Se(c, a.read, d), S = j(
-    () => sr(n, d),
+  const g = Ie(u, a.read, d), S = L(
+    () => lr(n, d),
     [n, d]
-  ), f = { ...e ?? {}, ...h }, T = s.length > 0 ? s.map(He).join(" ") : void 0;
-  return /* @__PURE__ */ Ie(Ne, { children: [
+  ), f = { ...e ?? {}, ...g }, C = s.length > 0 ? s.map(Ke).join(" ") : void 0;
+  return /* @__PURE__ */ De(He, { children: [
     t != null && /* @__PURE__ */ l(
-      oe,
+      X,
       {
         href: t,
-        fragmentKey: Ue
+        fragmentKey: Ye
       }
     ),
-    s.map((v) => {
-      const p = $e(v);
+    s.map((h) => {
+      const p = Je(h);
       return p ? /* @__PURE__ */ l(
-        oe,
+        X,
         {
           href: p,
-          fragmentKey: De(v)
+          fragmentKey: We(h)
         },
-        v
+        h
       ) : null;
     }),
-    /* @__PURE__ */ l(W.Provider, { value: m, children: /* @__PURE__ */ l(J.Provider, { value: o, children: /* @__PURE__ */ l(Y.Provider, { value: S, children: /* @__PURE__ */ l(fe.Provider, { value: null, children: /* @__PURE__ */ l(
+    /* @__PURE__ */ l(re.Provider, { value: m, children: /* @__PURE__ */ l(ee.Provider, { value: o, children: /* @__PURE__ */ l(G.Provider, { value: S, children: /* @__PURE__ */ l(q.Provider, { value: null, children: /* @__PURE__ */ l(
       "div",
       {
-        className: T,
+        className: C,
         style: { display: "contents" },
-        children: /* @__PURE__ */ l(u, { ...f })
+        children: /* @__PURE__ */ l(c, { ...f })
       }
     ) }) }) }) })
   ] });
-}, br = ({ onError: r, ...e }) => /* @__PURE__ */ l(de, { fallback: null, children: /* @__PURE__ */ l(pe, { onError: r, children: /* @__PURE__ */ l(be, { ...e }) }) }), X = I(null);
-X.displayName = "AreaExposureContext";
-const ar = 1e3, ir = Array.from({ length: 101 }, (r, e) => e / 100);
-function lr({
+}, mr = ({ onError: r, ...e }) => /* @__PURE__ */ l(he, { fallback: null, children: /* @__PURE__ */ l(Re, { onError: r, children: /* @__PURE__ */ l(_e, { ...e }) }) }), K = I(null);
+K.displayName = "AreaExposureContext";
+const gr = 1e3, hr = Array.from({ length: 101 }, (r, e) => e / 100);
+function vr({
   visibleArea: r,
   totalArea: e,
   visibleHeight: t,
@@ -295,60 +377,60 @@ function lr({
 }) {
   if (r <= 0)
     return !1;
-  const s = e > 0 && r >= 0.5 * e, c = n > 0 && t >= 0.5 * n;
-  return s || c;
+  const s = e > 0 && r >= 0.5 * e, u = n > 0 && t >= 0.5 * n;
+  return s || u;
 }
-function ae() {
+function de() {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (r) => {
     const e = Math.random() * 16 | 0;
     return (r === "x" ? e : e & 3 | 8).toString(16);
   });
 }
-function ie(r) {
+function fe(r) {
   const e = r.getBoundingClientRect();
   return e.width > 0 && e.height > 0;
 }
-function dr(r) {
+function Er(r) {
   const e = [];
   function t(n, s) {
-    var c;
+    var u;
     for (const o of Array.from(n.children)) {
       let m = "";
       try {
         m = window.getComputedStyle(o).display;
       } catch {
-        m = ((c = o.style) == null ? void 0 : c.display) || "";
+        m = ((u = o.style) == null ? void 0 : u.display) || "";
       }
       if (m === "contents")
         t(o, s);
-      else if (m === "none" || ie(o))
+      else if (m === "none" || fe(o))
         s.push(o);
       else {
-        const u = [];
-        t(o, u), u.some(ie) ? s.push(...u) : s.push(o);
+        const c = [];
+        t(o, c), c.some(fe) ? s.push(...c) : s.push(o);
       }
     }
   }
   return t(r, e), e;
 }
-const fr = ({
+const yr = ({
   experiment: r,
   emit: e,
   children: t
 }) => {
-  const [n, s] = L(ae), c = A(!1), o = A(null), m = A(/* @__PURE__ */ new Set()), u = A(null), a = A(r);
+  const [n, s] = j(de), u = A(!1), o = A(null), m = A(/* @__PURE__ */ new Set()), c = A(null), a = A(r);
   a.current = r;
   const d = A(e);
   d.current = e;
-  const h = A(n);
-  h.current = n;
+  const g = A(n);
+  g.current = n;
   const S = B(() => {
-    c.current || (c.current = !0, o.current && (clearTimeout(o.current), o.current = null), d.current({
+    u.current || (u.current = !0, o.current && (clearTimeout(o.current), o.current = null), d.current({
       type: "impression",
       experiment: a.current,
-      viewId: h.current
+      viewId: g.current
     }));
-  }, []), f = j(
+  }, []), f = L(
     () => ({
       experiment: r,
       viewId: n,
@@ -361,183 +443,188 @@ const fr = ({
   return R(() => {
     if (typeof window > "u" || typeof IntersectionObserver > "u")
       return;
-    const T = u.current;
-    if (!T) return;
-    let v = [];
+    const C = c.current;
+    if (!C) return;
+    let h = [];
     const p = /* @__PURE__ */ new Map(), i = () => !(typeof document > "u" || "visibilityState" in document && document.visibilityState === "hidden" || "prerendering" in document && document.prerendering), y = () => {
-      if (c.current || v.length === 0) return;
-      let P = 0, E = 0, M = !1, k = 1 / 0, _ = -1 / 0;
-      for (const K of v) {
-        const x = p.get(K);
-        x && (P += x.interArea, E += x.boundArea, x.interArea > 0 && x.interBottom > x.interTop && (M = !0, x.interTop < k && (k = x.interTop), x.interBottom > _ && (_ = x.interBottom)));
+      if (u.current || h.length === 0) return;
+      let b = 0, E = 0, M = !1, N = 1 / 0, k = -1 / 0;
+      for (const Y of h) {
+        const x = p.get(Y);
+        x && (b += x.interArea, E += x.boundArea, x.interArea > 0 && x.interBottom > x.interTop && (M = !0, x.interTop < N && (N = x.interTop), x.interBottom > k && (k = x.interBottom)));
       }
-      const U = M ? Math.max(0, _ - k) : 0, $ = typeof window < "u" ? window.innerHeight : 0;
-      i() && lr({
-        visibleArea: P,
+      const U = M ? Math.max(0, k - N) : 0, $ = typeof window < "u" ? window.innerHeight : 0;
+      i() && vr({
+        visibleArea: b,
         totalArea: E,
         visibleHeight: U,
         viewportHeight: $
       }) ? o.current || (o.current = setTimeout(() => {
         o.current = null, S();
-      }, ar)) : o.current && (clearTimeout(o.current), o.current = null);
-    }, g = new IntersectionObserver(
-      (P) => {
-        var E, M, k, _, U, $;
-        for (const O of P) {
-          const K = ((E = O.boundingClientRect) == null ? void 0 : E.width) ?? 0, x = ((M = O.boundingClientRect) == null ? void 0 : M.height) ?? 0, Ae = ((k = O.intersectionRect) == null ? void 0 : k.width) ?? 0, Te = ((_ = O.intersectionRect) == null ? void 0 : _.height) ?? 0, ee = K * x, Re = Ae * Te, Ce = ((U = O.intersectionRect) == null ? void 0 : U.top) ?? 0, Oe = (($ = O.intersectionRect) == null ? void 0 : $.bottom) ?? 0;
+      }, gr)) : o.current && (clearTimeout(o.current), o.current = null);
+    }, v = new IntersectionObserver(
+      (b) => {
+        var E, M, N, k, U, $;
+        for (const O of b) {
+          const Y = ((E = O.boundingClientRect) == null ? void 0 : E.width) ?? 0, x = ((M = O.boundingClientRect) == null ? void 0 : M.height) ?? 0, Ne = ((N = O.intersectionRect) == null ? void 0 : N.width) ?? 0, ke = ((k = O.intersectionRect) == null ? void 0 : k.height) ?? 0, se = Y * x, Me = Ne * ke, je = ((U = O.intersectionRect) == null ? void 0 : U.top) ?? 0, Le = (($ = O.intersectionRect) == null ? void 0 : $.bottom) ?? 0;
           p.set(O.target, {
-            interArea: ee > 0 ? Re : 0,
-            boundArea: ee,
-            interTop: Ce,
-            interBottom: Oe
+            interArea: se > 0 ? Me : 0,
+            boundArea: se,
+            interTop: je,
+            interBottom: Le
           });
         }
-        c.current || y();
+        u.current || y();
       },
-      { threshold: ir }
-    ), C = () => {
-      if (c.current || !u.current) return;
-      const P = dr(u.current);
-      for (const E of v)
-        P.includes(E) || (g.unobserve(E), p.delete(E));
-      for (const E of P)
-        v.includes(E) || g.observe(E);
-      v = P;
+      { threshold: hr }
+    ), T = () => {
+      if (u.current || !c.current) return;
+      const b = Er(c.current);
+      for (const E of h)
+        b.includes(E) || (v.unobserve(E), p.delete(E));
+      for (const E of b)
+        h.includes(E) || v.observe(E);
+      h = b;
     };
-    C();
-    let b = null;
-    typeof MutationObserver < "u" && (b = new MutationObserver(() => {
-      c.current || C();
-    }), b.observe(T, { childList: !0, subtree: !0 }));
-    const N = () => {
+    T();
+    let P = null;
+    typeof MutationObserver < "u" && (P = new MutationObserver(() => {
+      u.current || T();
+    }), P.observe(C, { childList: !0, subtree: !0 }));
+    const F = () => {
       typeof document < "u" && document.visibilityState === "hidden" ? o.current && (clearTimeout(o.current), o.current = null) : y();
     }, H = () => {
       y();
-    }, q = () => {
+    }, te = () => {
       o.current && (clearTimeout(o.current), o.current = null);
-    }, Q = () => {
+    }, ne = () => {
       y();
-    }, Z = (P) => {
-      if (P.persisted) {
-        o.current && (clearTimeout(o.current), o.current = null), c.current = !1;
-        const E = ae();
-        h.current = E, s(E), y();
+    }, oe = (b) => {
+      if (b.persisted) {
+        o.current && (clearTimeout(o.current), o.current = null), u.current = !1;
+        const E = de();
+        g.current = E, s(E), y();
       }
     };
-    return typeof document < "u" && (document.addEventListener("visibilitychange", N), document.addEventListener("prerenderingchange", H)), typeof window < "u" && (window.addEventListener("pagehide", q), window.addEventListener("resize", Q), window.addEventListener("pageshow", Z)), () => {
-      o.current && (clearTimeout(o.current), o.current = null), g.disconnect(), b && b.disconnect(), typeof document < "u" && (document.removeEventListener("visibilitychange", N), document.removeEventListener("prerenderingchange", H)), typeof window < "u" && (window.removeEventListener("pagehide", q), window.removeEventListener("resize", Q), window.removeEventListener("pageshow", Z));
+    return typeof document < "u" && (document.addEventListener("visibilitychange", F), document.addEventListener("prerenderingchange", H)), typeof window < "u" && (window.addEventListener("pagehide", te), window.addEventListener("resize", ne), window.addEventListener("pageshow", oe)), () => {
+      o.current && (clearTimeout(o.current), o.current = null), v.disconnect(), P && P.disconnect(), typeof document < "u" && (document.removeEventListener("visibilitychange", F), document.removeEventListener("prerenderingchange", H)), typeof window < "u" && (window.removeEventListener("pagehide", te), window.removeEventListener("resize", ne), window.removeEventListener("pageshow", oe));
     };
-  }, [r, e]), /* @__PURE__ */ l(X.Provider, { value: f, children: /* @__PURE__ */ l("div", { ref: u, style: { display: "contents" }, children: t }) });
-}, mr = ({ areaCode: r, options: e, retry: t }) => {
-  const n = Qe(r, {
+  }, [r, e]), /* @__PURE__ */ l(K.Provider, { value: f, children: /* @__PURE__ */ l("div", { ref: c, style: { display: "contents" }, children: t }) });
+}, pr = ({ areaCode: r, options: e, retry: t }) => {
+  const n = we(r, {
     suspense: !1,
     ssr: !1,
     pause: e == null ? void 0 : e.pause,
     timeout: e == null ? void 0 : e.timeout
-  }), s = w(z), c = w(F), o = A(null);
+  }), s = w(z), u = w(_), o = A(null);
   if (R(() => {
-    var b;
+    var P;
     if (n.status !== "not-found" || !n.error) return;
-    const g = se(n.error), C = JSON.stringify([
+    const v = ae(n.error), T = JSON.stringify([
       r,
-      g.kind,
-      g.code,
-      g.error.message
+      v.kind,
+      v.code,
+      v.error.message
     ]);
-    o.current !== C && (o.current = C, (b = e == null ? void 0 : e.onError) == null || b.call(e, g.error), process.env.NODE_ENV !== "production" && g.kind !== "no-variant" && console.error(
-      `[fragments] Area resolution ${g.kind}: areaCode=${r}, code=${g.code ?? "none"}`,
-      g.error
+    o.current !== T && (o.current = T, (P = e == null ? void 0 : e.onError) == null || P.call(e, v.error), process.env.NODE_ENV !== "production" && v.kind !== "no-variant" && console.error(
+      `[fragments] Area resolution ${v.kind}: areaCode=${r}, code=${v.code ?? "none"}`,
+      v.error
     ));
   }, [r, e == null ? void 0 : e.onError, n.error, n.status]), (e == null ? void 0 : e.pause) === !0)
     return null;
   if (n.status === "idle")
     return (e == null ? void 0 : e.fallback) ?? null;
   if (n.status === "not-found")
-    return ye(
+    return Ce(
       e == null ? void 0 : e.empty,
-      se(n.error),
+      ae(n.error),
       t
     );
   if (n.status === "loading" || !n.data)
     return (e == null ? void 0 : e.fallback) ?? null;
   const {
     rootFragmentId: m,
-    props: u,
+    props: c,
     projectProperties: a,
     globalCssUrl: d,
-    fragments: h,
+    fragments: g,
     slots: S,
     sources: f,
-    projectBindings: T
-  } = n.data, v = we(
-    u,
-    T ?? xe,
+    projectBindings: C
+  } = n.data, h = Oe(
+    c,
+    C ?? Te,
     s
-  ), p = typeof (e == null ? void 0 : e.props) == "function" ? e.props(v) : e != null && e.props ? { ...v, ...e.props } : v, i = n.data.experiment, y = /* @__PURE__ */ l(
-    be,
+  ), p = typeof (e == null ? void 0 : e.props) == "function" ? e.props(h) : e != null && e.props ? { ...h, ...e.props } : h, i = n.data.experiment, y = /* @__PURE__ */ l(
+    _e,
     {
       fragmentId: m,
       props: p,
       globalCssUrl: d,
       projectProperties: a,
-      fragments: h,
+      fragments: g,
       slots: S,
       sources: f
     }
   );
-  return /* @__PURE__ */ l(de, { fallback: (e == null ? void 0 : e.fallback) ?? null, children: i && (c != null && c.$events) ? /* @__PURE__ */ l(
-    fr,
+  return /* @__PURE__ */ l(he, { fallback: (e == null ? void 0 : e.fallback) ?? null, children: i && (u != null && u.$events) ? /* @__PURE__ */ l(
+    yr,
     {
       experiment: i,
-      emit: c.$events.emit,
+      emit: u.$events.emit,
       children: y
     },
     `${i.label}:${i.variantId}`
   ) : y });
-}, Pr = ({ areaCode: r, options: e }) => {
-  const t = w(F), [n, s] = L(0), c = t == null ? void 0 : t.$area;
+}, xr = ({ areaCode: r, options: e }) => {
+  const t = w(_), [n, s] = j(0), u = t == null ? void 0 : t.$area;
   R(() => {
     (e == null ? void 0 : e.ssr) !== !0 || process.env.NODE_ENV === "production" || console.error(
       "[fragments] Area option `ssr` is reserved: server resolution has been removed from the runtime; existing `ssr: false` calls continue to work unchanged."
     );
   }, [e == null ? void 0 : e.ssr]);
   const o = B(() => {
-    c != null && c.resolve && (c.resolve(r).catch(() => {
+    u != null && u.resolve && (u.resolve(r).catch(() => {
     }), s((m) => m + 1));
-  }, [c, r]);
+  }, [u, r]);
   return (
     // A retry remounts the boundary and AreaInner: a repeated failure is a new
     // telemetry event, so AreaInner intentionally calls options.onError again.
     /* @__PURE__ */ l(
-      pe,
+      Re,
       {
         onError: e == null ? void 0 : e.onError,
         empty: e == null ? void 0 : e.empty,
         retry: o,
-        children: /* @__PURE__ */ l(mr, { areaCode: r, options: e, retry: o })
+        children: /* @__PURE__ */ l(pr, { areaCode: r, options: e, retry: o })
       },
       n
     )
   );
 };
-function hr(r) {
-  const e = r ?? ve, t = A(e);
-  return cr(t.current, e) || (t.current = e), t.current;
+function wr() {
+  const r = globalThis, e = r.__FRAGMENTS_DEPS__ ?? (r.__FRAGMENTS_DEPS__ = {});
+  e.react = ge, e["react/jsx-runtime"] = Be, e["@fragmentsx/runtime-react"] = tr;
+}
+function Sr(r) {
+  const e = r ?? be, t = A(e);
+  return dr(t.current, e) || (t.current = e), t.current;
 }
-function Ar({ client: r, children: e, properties: t }) {
-  const n = j(
+function Pr({ client: r, children: e, properties: t }) {
+  wr();
+  const n = L(
     () => ({
-      read: (c) => r.$fragments.read(c)
+      read: (u) => r.$fragments.read(u)
     }),
     [r]
-  ), s = hr(t);
-  return /* @__PURE__ */ l(Je, { value: r, children: /* @__PURE__ */ l(Xe, { value: n, children: /* @__PURE__ */ l(z.Provider, { value: s, children: e }) }) });
+  ), s = Sr(t);
+  return /* @__PURE__ */ l(ye, { value: r, children: /* @__PURE__ */ l(pe, { value: n, children: /* @__PURE__ */ l(z.Provider, { value: s, children: e }) }) });
 }
-function Tr(r) {
-  return (w(Y) ?? ge)[r];
+function br(r) {
+  return (w(G) ?? Z)[r];
 }
-function Rr(r) {
-  const e = w(X);
+function Ar(r) {
+  const e = w(K);
   return B(() => {
     e && (e.reachedGoals.has(r) || (e.reachedGoals.add(r), e.ensureImpression(), e.emit({
       type: "goal",
@@ -547,60 +634,60 @@ function Rr(r) {
     })));
   }, [e, r]);
 }
-function vr(r, e) {
-  const [, t] = je((c) => c + 1, 0), n = e(), s = A(n);
+function Cr(r, e) {
+  const [, t] = Ge((u) => u + 1, 0), n = e(), s = A(n);
   return s.current = n, R(() => {
-    const c = r(t);
-    return Object.is(s.current, e()) || t(), c;
+    const u = r(t);
+    return Object.is(s.current, e()) || t(), u;
   }, [r, e]), n;
 }
-const le = ke.useSyncExternalStore, gr = le || ((r, e) => vr(r, e)), Pe = "offline", Er = () => Promise.reject(new Error(Pe));
-function yr(r, e) {
-  var C, b;
-  const t = We(), [n] = L(Ve), s = (t == null ? void 0 : t.sourceCache) ?? n, c = (C = t == null ? void 0 : t.sourceFetchers) == null ? void 0 : C[r], o = (b = t == null ? void 0 : t.sourceBaseUrls) == null ? void 0 : b[r], m = c ? "host-fetch" : "network", u = t == null ? void 0 : t.env, a = re({ source: r, target: e.target, params: e.params }), d = j(() => ({ source: r, target: e.target, params: e.params }), [a]), h = B((N) => s.subscribe(d, N), [s, d]), S = B(() => s.get(d), [s, d]), f = gr(h, S, S), T = w(W), v = w(J), p = ze(r, e.target), i = j(
-    () => T === Pe ? null : Ke(v[p], d.params, o),
-    [T, v, p, d, o]
-  ), [y, g] = L(null);
+const me = ge.useSyncExternalStore, Rr = me || ((r, e) => Cr(r, e)), Fe = "offline", Tr = () => Promise.reject(new Error(Fe));
+function Or(r, e) {
+  var T, P;
+  const t = nr(), [n] = j(Ee), s = (t == null ? void 0 : t.sourceCache) ?? n, u = (T = t == null ? void 0 : t.sourceFetchers) == null ? void 0 : T[r], o = (P = t == null ? void 0 : t.sourceBaseUrls) == null ? void 0 : P[r], m = u ? "host-fetch" : "network", c = t == null ? void 0 : t.env, a = ue({ source: r, target: e.target, params: e.params }), d = L(() => ({ source: r, target: e.target, params: e.params }), [a]), g = B((F) => s.subscribe(d, F), [s, d]), S = B(() => s.get(d), [s, d]), f = Rr(g, S, S), C = w(re), h = w(ee), p = Xe(r, e.target), i = L(
+    () => C === Fe ? null : qe(h[p], d.params, o),
+    [C, h, p, d, o]
+  ), [y, v] = j(null);
   return R(() => {
-    (f == null ? void 0 : f.status) === "ready" && y !== null && g(null);
+    (f == null ? void 0 : f.status) === "ready" && y !== null && v(null);
   }, [f, y]), R(() => {
     i && !i.ok && f === void 0 && console.warn(`[useSource] ${p}: ${i.reason}`);
   }, [p, i == null ? void 0 : i.ok, i && !i.ok ? i.reason : void 0, f === void 0]), R(() => {
     if (i && !i.ok || (f == null ? void 0 : f.status) === "ready" || y === a) return;
-    g(a);
-    const N = i && i.ok ? () => Ge({ url: i.url, init: i.init }, { fetcher: c, timeout: u == null ? void 0 : u.timeout }).then((H) => (u != null && u.debug && console.info(`[useSource] loaded ${re(d)} origin=${m}`), H)) : Er;
-    s.load(d, N, m);
-  }, [s, d, a, f, y, i, c, m, u == null ? void 0 : u.timeout, u == null ? void 0 : u.debug]), (f == null ? void 0 : f.status) === "ready" ? { data: f.data ?? void 0, loading: !1 } : (f == null ? void 0 : f.status) === "pending" ? { data: void 0, loading: !0 } : i && !i.ok ? { data: void 0, loading: !1 } : { data: void 0, loading: y !== a };
+    v(a);
+    const F = i && i.ok ? () => Qe({ url: i.url, init: i.init }, { fetcher: u, timeout: c == null ? void 0 : c.timeout }).then((H) => (c != null && c.debug && console.info(`[useSource] loaded ${ue(d)} origin=${m}`), H)) : Tr;
+    s.load(d, F, m);
+  }, [s, d, a, f, y, i, u, m, c == null ? void 0 : c.timeout, c == null ? void 0 : c.debug]), (f == null ? void 0 : f.status) === "ready" ? { data: f.data ?? void 0, loading: !1 } : (f == null ? void 0 : f.status) === "pending" ? { data: void 0, loading: !0 } : i && !i.ok ? { data: void 0, loading: !1 } : { data: void 0, loading: y !== a };
 }
-const Cr = yr;
-function Or(r) {
-  return Ye({ ...r, inject: he });
+const Ir = Or;
+function _r(r) {
+  return Ze({ ...r, inject: Q });
 }
 export {
-  ne as AREA_UNRESOLVED,
-  Pr as Area,
-  X as AreaExposureContext,
-  br as FragmentRenderer,
-  oe as FragmentStylesheet,
-  kr as FragmentsApiVersionError,
-  _r as FragmentsAreaError,
-  F as FragmentsClientContext,
-  Je as FragmentsClientProvider,
-  Fr as FragmentsLoadError,
-  Ar as FragmentsProvider,
-  fe as InstanceIdContext,
-  V as ModulesMapContext,
-  Xe as ModulesMapProvider,
-  Y as ProjectPropertiesContext,
-  Or as createBrowserClient,
-  Mr as createSourceCache,
-  ge as defaultProjectProperties,
-  he as injectStylesheet,
-  Qe as useArea,
-  Sr as useCssChunk,
-  qe as useFragmentComponent,
-  rr as useFragmentStylesheet,
-  Rr as useGoal,
-  Tr as useProjectProperty,
-  Cr as useSource
+  W as AREA_UNRESOLVED,
+  xr as Area,
+  K as AreaExposureContext,
+  mr as FragmentRenderer,
+  X as FragmentStylesheet,
+  Lr as FragmentsApiVersionError,
+  Br as FragmentsAreaError,
+  _ as FragmentsClientContext,
+  ye as FragmentsClientProvider,
+  Dr as FragmentsLoadError,
+  Pr as FragmentsProvider,
+  q as InstanceIdContext,
+  D as ModulesMapContext,
+  pe as ModulesMapProvider,
+  G as ProjectPropertiesContext,
+  _r as createBrowserClient,
+  Hr as createSourceCache,
+  Z as defaultProjectProperties,
+  Q as injectStylesheet,
+  we as useArea,
+  ar as useCssChunk,
+  xe as useFragmentComponent,
+  Pe as useFragmentStylesheet,
+  Ar as useGoal,
+  br as useProjectProperty,
+  Ir as useSource
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(i,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react/jsx-runtime"),require("react"),require("@fragmentsx/fragments-client")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@fragmentsx/fragments-client"],l):(i=typeof globalThis<"u"?globalThis:i||self,l(i.FragmentsRuntimeReact={},i.jsxRuntime,i.React,i.fragmentsClient))})(this,function(i,l,o,E){"use strict";function Pe(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const Ce=Pe(o),N=o.createContext(null);N.displayName="FragmentsClientContext";function Z(r){return l.jsx(N.Provider,{value:r.value,children:r.children})}function Ae(){return o.useContext(N)}const z=o.createContext(null);z.displayName="InstanceIdContext";const M=o.createContext(null);M.displayName="ModulesMapContext";function R({value:r,children:e}){return l.jsx(M.Provider,{value:r,children:e})}function ee(r){const e=o.useContext(M);if(!e)throw new Error("[useFragmentComponent] No ModulesMapProvider in tree");return e.read(r)}const re=typeof window<"u",K=Object.freeze({rootFragmentId:0,variantId:null,experiment:null,props:{},projectProperties:{},projectBindings:{},globalCssUrl:null,fragments:[],slots:{},sources:{}});function G(r){const e=r.$area;if(!(e!=null&&e.read))throw new Error("[useArea] $area plugin not mounted");return e}function te(r,e){const t=o.useContext(N);if(!t)throw new Error("[useArea] No FragmentsClientProvider in tree");const n=(e==null?void 0:e.suspense)??!0,u=(e==null?void 0:e.pause)===!0||!re&&(e==null?void 0:e.ssr)===!1,c=(e==null?void 0:e.timeout)!=null?{timeout:e.timeout}:void 0,[,s]=o.useState(0);if(o.useEffect(()=>{if(n||u)return;const a=G(t);let d=!0;return Promise.resolve(a.resolve(r,c)).catch(()=>{}).finally(()=>{d&&s(m=>m+1)}),()=>{d=!1}},[r,n,e==null?void 0:e.pause,e==null?void 0:e.timeout,e==null?void 0:e.ssr]),n){if(u)return K;const a=G(t);if(a.has(r)||Promise.resolve(a.resolve(r,c)).catch(()=>{}),!re)try{return a.read(r)}catch(d){if(d!=null&&typeof d.then=="function")throw d;return process.env.NODE_ENV!=="production"&&console.error(`[useArea] Area ${r} remained unresolved on the server because its cache reached a terminal state`,d),K}return a.read(r)}if(u)return{status:"idle",data:null,error:null};const g=G(t);if(g.has(r))try{return{status:"ready",data:g.read(r),error:null}}catch(a){return{status:"not-found",data:null,error:a instanceof Error?a:new Error(String(a))}}return Promise.resolve(g.resolve(r,c)).catch(()=>{}),{status:"loading",data:null,error:null}}const ne=typeof window<"u",Oe=3e3,L=new Map,Y=(r,e)=>{if(!ne){const v=()=>{};return v.loaded=Promise.resolve(),v}const t=L.get(e);if(t){t.refCount+=1;const v=()=>{t.refCount-=1,t.refCount===0&&(t.clearReadyTimer(),t.linkEl.remove(),L.delete(e))};return v.loaded=t.loaded,v}const n=document.createElement("link");n.rel="stylesheet",n.href=r,n.setAttribute("data-fragment-key",e);let u;const c=new Promise(v=>{u=v}),s=()=>{a(),u()},g=setTimeout(s,Oe),a=()=>clearTimeout(g);n.addEventListener("load",s),n.addEventListener("error",s),document.head.appendChild(n);const d={refCount:1,linkEl:n,loaded:c,clearReadyTimer:a};L.set(e,d);const m=()=>{d.refCount-=1,d.refCount===0&&(d.clearReadyTimer(),d.linkEl.remove(),L.delete(e))};return m.loaded=c,m},Te=ne?o.useLayoutEffect:o.useEffect;function oe(r,e){Te(()=>Y(r,e),[r,e])}const Ie=parseInt(o.version.split(".")[0],10)>=19;function q({href:r,fragmentKey:e}){return Ie?l.jsx("link",{rel:"stylesheet",href:r,precedence:"default","data-fragment-key":e}):(oe(r,e),null)}function Ne(r){}const se=Object.freeze({}),B=o.createContext(se);B.displayName="HostPropertiesContext";const J={},D=o.createContext(null);D.displayName="ProjectPropertiesContext";const ue=Object.freeze({}),W=o.createContext(ue);W.displayName="SourceTransportsContext";const X=o.createContext("live");X.displayName="SourceNetworkContext";function ce(r){const e=r instanceof Error?r:new Error(String(r));if(!(e instanceof E.FragmentsAreaError))return{kind:"failed",error:e};const{code:t}=e;return t==="NO_ACTIVE_VARIANT"?{kind:"no-variant",code:t,error:e}:t==="AREA_NOT_FOUND"||t==="NO_PUBLISHED_SNAPSHOT"||t==="NESTED_SNAPSHOT_MISSING"?{kind:"misconfigured",code:t,error:e}:{kind:"failed",code:t,error:e}}function ae(r,e,t){return typeof r=="function"?r(e,t):r??null}const ke=()=>{};function ie(r){return r instanceof Error?r:new Error(String(r))}class le extends o.Component{constructor(){super(...arguments),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:ie(e)}}componentDidCatch(e,t){var u,c;const n=ie(e);process.env.NODE_ENV!=="production"&&console.error("[fragments] Area error:",n,t.componentStack),(c=(u=this.props).onError)==null||c.call(u,n)}render(){if(this.state.hasError){const e={kind:"failed",error:this.state.error??new Error("Unknown Area error")};try{return ae(this.props.empty,e,this.props.retry??ke)}catch{return null}}return this.props.children}}function Fe(r,e){let t;for(const[n,u]of Object.entries(e))u!=null&&(t??(t={...r}),t[n]=u);return t??r}function je(r,e){const t=Object.keys(r);return t.length!==Object.keys(e).length?!1:t.every(n=>Object.prototype.hasOwnProperty.call(e,n)&&Object.is(r[n],e[n]))}const de=Object.freeze({});function fe(r,e,t){let n;for(const[u,c]of Object.entries(e)){const s=t[c];s!=null&&(n??(n={...r}),n[u]=s)}return n??r}function me(r,e,t){if(!r)return{};const n={};for(const u of Object.keys(r))n[u]=Me(r[u],e,t);return n}function Me(r,e,t){return Array.isArray(r)?r.map((n,u)=>n===null?null:he(n,e,t,u)):he(r,e,t)}function he(r,e,t,n){let u;try{u=e(r.fragmentId)}catch(s){if(s!=null&&typeof s.then=="function")throw s;return console.warn(`[FragmentRenderer] Slot fragment ${r.fragmentId} failed to load — rendering empty hole`,s),null}const c=me(r.slots,e,t);return o.createElement(u,{key:n,...fe(r.props,r.projectBindings??de,t),...c})}const ge=({fragmentId:r,props:e,globalCssUrl:t=null,projectProperties:n=J,fragments:u=[r],slots:c,sources:s=ue,sourceNetwork:g="live"})=>{const a=ee(r),d=o.useContext(M),m=o.useContext(B);if(!d)throw new Error("[FragmentRendererInner] No ModulesMapProvider in tree");const v=me(c,d.read,m),P=o.useMemo(()=>Fe(n,m),[n,m]),h={...e??{},...v},O=u.length>0?u.map(E.toScopeClassName).join(" "):void 0;return l.jsxs(l.Fragment,{children:[t!=null&&l.jsx(q,{href:t,fragmentKey:E.AREA_GLOBAL_CSS_KEY}),u.map(y=>{const w=E.resolveStylesHref(y);return w?l.jsx(q,{href:w,fragmentKey:E.fragmentCssKey(y)},y):null}),l.jsx(X.Provider,{value:g,children:l.jsx(W.Provider,{value:s,children:l.jsx(D.Provider,{value:P,children:l.jsx(z.Provider,{value:null,children:l.jsx("div",{className:O,style:{display:"contents"},children:l.jsx(a,{...h})})})})})})]})},_e=({onError:r,...e})=>l.jsx(o.Suspense,{fallback:null,children:l.jsx(le,{onError:r,children:l.jsx(ge,{...e})})}),H=o.createContext(null);H.displayName="AreaExposureContext";const Le=1e3,Be=Array.from({length:101},(r,e)=>e/100);function De({visibleArea:r,totalArea:e,visibleHeight:t,viewportHeight:n}){if(r<=0)return!1;const u=e>0&&r>=.5*e,c=n>0&&t>=.5*n;return u||c}function ve(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,r=>{const e=Math.random()*16|0;return(r==="x"?e:e&3|8).toString(16)})}function Ee(r){const e=r.getBoundingClientRect();return e.width>0&&e.height>0}function He(r){const e=[];function t(n,u){var c;for(const s of Array.from(n.children)){let g="";try{g=window.getComputedStyle(s).display}catch{g=((c=s.style)==null?void 0:c.display)||""}if(g==="contents")t(s,u);else if(g==="none"||Ee(s))u.push(s);else{const a=[];t(s,a),a.some(Ee)?u.push(...a):u.push(s)}}}return t(r,e),e}const Ue=({experiment:r,emit:e,children:t})=>{const[n,u]=o.useState(ve),c=o.useRef(!1),s=o.useRef(null),g=o.useRef(new Set),a=o.useRef(null),d=o.useRef(r);d.current=r;const m=o.useRef(e);m.current=e;const v=o.useRef(n);v.current=n;const P=o.useCallback(()=>{c.current||(c.current=!0,s.current&&(clearTimeout(s.current),s.current=null),m.current({type:"impression",experiment:d.current,viewId:v.current}))},[]),h=o.useMemo(()=>({experiment:r,viewId:n,emit:e,reachedGoals:g.current,ensureImpression:P}),[r,n,e,P]);return o.useEffect(()=>{if(typeof window>"u"||typeof IntersectionObserver>"u")return;const O=a.current;if(!O)return;let y=[];const w=new Map,f=()=>!(typeof document>"u"||"visibilityState"in document&&document.visibilityState==="hidden"||"prerendering"in document&&document.prerendering),x=()=>{if(c.current||y.length===0)return;let A=0,p=0,_=!1,F=1/0,j=-1/0;for(const Q of y){const b=w.get(Q);b&&(A+=b.interArea,p+=b.boundArea,b.interArea>0&&b.interBottom>b.interTop&&(_=!0,b.interTop<F&&(F=b.interTop),b.interBottom>j&&(j=b.interBottom)))}const $=_?Math.max(0,j-F):0,V=typeof window<"u"?window.innerHeight:0;f()&&De({visibleArea:A,totalArea:p,visibleHeight:$,viewportHeight:V})?s.current||(s.current=setTimeout(()=>{s.current=null,P()},Le)):s.current&&(clearTimeout(s.current),s.current=null)},S=new IntersectionObserver(A=>{var p,_,F,j,$,V;for(const I of A){const Q=((p=I.boundingClientRect)==null?void 0:p.width)??0,b=((_=I.boundingClientRect)==null?void 0:_.height)??0,Re=((F=I.intersectionRect)==null?void 0:F.width)??0,er=((j=I.intersectionRect)==null?void 0:j.height)??0,be=Q*b,rr=Re*er,tr=(($=I.intersectionRect)==null?void 0:$.top)??0,nr=((V=I.intersectionRect)==null?void 0:V.bottom)??0;w.set(I.target,{interArea:be>0?rr:0,boundArea:be,interTop:tr,interBottom:nr})}c.current||x()},{threshold:Be}),T=()=>{if(c.current||!a.current)return;const A=He(a.current);for(const p of y)A.includes(p)||(S.unobserve(p),w.delete(p));for(const p of A)y.includes(p)||S.observe(p);y=A};T();let C=null;typeof MutationObserver<"u"&&(C=new MutationObserver(()=>{c.current||T()}),C.observe(O,{childList:!0,subtree:!0}));const k=()=>{typeof document<"u"&&document.visibilityState==="hidden"?s.current&&(clearTimeout(s.current),s.current=null):x()},U=()=>{x()},pe=()=>{s.current&&(clearTimeout(s.current),s.current=null)},xe=()=>{x()},we=A=>{if(A.persisted){s.current&&(clearTimeout(s.current),s.current=null),c.current=!1;const p=ve();v.current=p,u(p),x()}};return typeof document<"u"&&(document.addEventListener("visibilitychange",k),document.addEventListener("prerenderingchange",U)),typeof window<"u"&&(window.addEventListener("pagehide",pe),window.addEventListener("resize",xe),window.addEventListener("pageshow",we)),()=>{s.current&&(clearTimeout(s.current),s.current=null),S.disconnect(),C&&C.disconnect(),typeof document<"u"&&(document.removeEventListener("visibilitychange",k),document.removeEventListener("prerenderingchange",U)),typeof window<"u"&&(window.removeEventListener("pagehide",pe),window.removeEventListener("resize",xe),window.removeEventListener("pageshow",we))}},[r,e]),l.jsx(H.Provider,{value:h,children:l.jsx("div",{ref:a,style:{display:"contents"},children:t})})},$e=({areaCode:r,options:e,retry:t})=>{const n=te(r,{suspense:!1,ssr:!1,pause:e==null?void 0:e.pause,timeout:e==null?void 0:e.timeout}),u=o.useContext(B),c=o.useContext(N),s=o.useRef(null);if(o.useEffect(()=>{var C;if(n.status!=="not-found"||!n.error)return;const S=ce(n.error),T=JSON.stringify([r,S.kind,S.code,S.error.message]);s.current!==T&&(s.current=T,(C=e==null?void 0:e.onError)==null||C.call(e,S.error),process.env.NODE_ENV!=="production"&&S.kind!=="no-variant"&&console.error(`[fragments] Area resolution ${S.kind}: areaCode=${r}, code=${S.code??"none"}`,S.error))},[r,e==null?void 0:e.onError,n.error,n.status]),(e==null?void 0:e.pause)===!0)return null;if(n.status==="idle")return(e==null?void 0:e.fallback)??null;if(n.status==="not-found")return ae(e==null?void 0:e.empty,ce(n.error),t);if(n.status==="loading"||!n.data)return(e==null?void 0:e.fallback)??null;const{rootFragmentId:g,props:a,projectProperties:d,globalCssUrl:m,fragments:v,slots:P,sources:h,projectBindings:O}=n.data,y=fe(a,O??de,u),w=typeof(e==null?void 0:e.props)=="function"?e.props(y):e!=null&&e.props?{...y,...e.props}:y,f=n.data.experiment,x=l.jsx(ge,{fragmentId:g,props:w,globalCssUrl:m,projectProperties:d,fragments:v,slots:P,sources:h});return l.jsx(o.Suspense,{fallback:(e==null?void 0:e.fallback)??null,children:f&&(c!=null&&c.$events)?l.jsx(Ue,{experiment:f,emit:c.$events.emit,children:x},`${f.label}:${f.variantId}`):x})},Ve=({areaCode:r,options:e})=>{const t=o.useContext(N),[n,u]=o.useState(0),c=t==null?void 0:t.$area;o.useEffect(()=>{(e==null?void 0:e.ssr)!==!0||process.env.NODE_ENV==="production"||console.error("[fragments] Area option `ssr` is reserved: server resolution has been removed from the runtime; existing `ssr: false` calls continue to work unchanged.")},[e==null?void 0:e.ssr]);const s=o.useCallback(()=>{c!=null&&c.resolve&&(c.resolve(r).catch(()=>{}),u(g=>g+1))},[c,r]);return l.jsx(le,{onError:e==null?void 0:e.onError,empty:e==null?void 0:e.empty,retry:s,children:l.jsx($e,{areaCode:r,options:e,retry:s})},n)};function ze(r){const e=r??se,t=o.useRef(e);return je(t.current,e)||(t.current=e),t.current}function Ke({client:r,children:e,properties:t}){const n=o.useMemo(()=>({read:c=>r.$fragments.read(c)}),[r]),u=ze(t);return l.jsx(Z,{value:r,children:l.jsx(R,{value:n,children:l.jsx(B.Provider,{value:u,children:e})})})}function Ge(r){return(o.useContext(D)??J)[r]}function Ye(r){const e=o.useContext(H);return o.useCallback(()=>{e&&(e.reachedGoals.has(r)||(e.reachedGoals.add(r),e.ensureImpression(),e.emit({type:"goal",experiment:e.experiment,viewId:e.viewId,goalKey:r})))},[e,r])}function qe(r,e){const[,t]=o.useReducer(c=>c+1,0),n=e(),u=o.useRef(n);return u.current=n,o.useEffect(()=>{const c=r(t);return Object.is(u.current,e())||t(),c},[r,e]),n}const ye=Ce.useSyncExternalStore,Je=ye||((r,e)=>qe(r,e)),Se="offline",We=()=>Promise.reject(new Error(Se));function Xe(r,e){var T,C;const t=Ae(),[n]=o.useState(E.createSourceCache),u=(t==null?void 0:t.sourceCache)??n,c=(T=t==null?void 0:t.sourceFetchers)==null?void 0:T[r],s=(C=t==null?void 0:t.sourceBaseUrls)==null?void 0:C[r],g=c?"host-fetch":"network",a=t==null?void 0:t.env,d=E.sourceCallKey({source:r,target:e.target,params:e.params}),m=o.useMemo(()=>({source:r,target:e.target,params:e.params}),[d]),v=o.useCallback(k=>u.subscribe(m,k),[u,m]),P=o.useCallback(()=>u.get(m),[u,m]),h=Je(v,P,P),O=o.useContext(X),y=o.useContext(W),w=E.sourceTransportKey(r,e.target),f=o.useMemo(()=>O===Se?null:E.resolveSourceRequest(y[w],m.params,s),[O,y,w,m,s]),[x,S]=o.useState(null);return o.useEffect(()=>{(h==null?void 0:h.status)==="ready"&&x!==null&&S(null)},[h,x]),o.useEffect(()=>{f&&!f.ok&&h===void 0&&console.warn(`[useSource] ${w}: ${f.reason}`)},[w,f==null?void 0:f.ok,f&&!f.ok?f.reason:void 0,h===void 0]),o.useEffect(()=>{if(f&&!f.ok||(h==null?void 0:h.status)==="ready"||x===d)return;S(d);const k=f&&f.ok?()=>E.runSourceFetch({url:f.url,init:f.init},{fetcher:c,timeout:a==null?void 0:a.timeout}).then(U=>(a!=null&&a.debug&&console.info(`[useSource] loaded ${E.sourceCallKey(m)} origin=${g}`),U)):We;u.load(m,k,g)},[u,m,d,h,x,f,c,g,a==null?void 0:a.timeout,a==null?void 0:a.debug]),(h==null?void 0:h.status)==="ready"?{data:h.data??void 0,loading:!1}:(h==null?void 0:h.status)==="pending"?{data:void 0,loading:!0}:f&&!f.ok?{data:void 0,loading:!1}:{data:void 0,loading:x!==d}}const Qe=Xe;function Ze(r){return E.createFragmentsClient({...r,inject:Y})}Object.defineProperty(i,"FragmentsApiVersionError",{enumerable:!0,get:()=>E.FragmentsApiVersionError}),Object.defineProperty(i,"FragmentsAreaError",{enumerable:!0,get:()=>E.FragmentsAreaError}),Object.defineProperty(i,"FragmentsLoadError",{enumerable:!0,get:()=>E.FragmentsLoadError}),Object.defineProperty(i,"createSourceCache",{enumerable:!0,get:()=>E.createSourceCache}),i.AREA_UNRESOLVED=K,i.Area=Ve,i.AreaExposureContext=H,i.FragmentRenderer=_e,i.FragmentStylesheet=q,i.FragmentsClientContext=N,i.FragmentsClientProvider=Z,i.FragmentsProvider=Ke,i.InstanceIdContext=z,i.ModulesMapContext=M,i.ModulesMapProvider=R,i.ProjectPropertiesContext=D,i.createBrowserClient=Ze,i.defaultProjectProperties=J,i.injectStylesheet=Y,i.useArea=te,i.useCssChunk=Ne,i.useFragmentComponent=ee,i.useFragmentStylesheet=oe,i.useGoal=Ye,i.useProjectProperty=Ge,i.useSource=Qe,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+(function(i,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react/jsx-runtime"),require("react"),require("@fragmentsx/fragments-client")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@fragmentsx/fragments-client"],l):(i=typeof globalThis<"u"?globalThis:i||self,l(i.FragmentsRuntimeReact={},i.jsxRuntime,i.React,i.fragmentsClient))})(this,function(i,l,o,E){"use strict";"use client";function ne(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const Ne=ne(l),oe=ne(o),ke=Object.freeze(Object.defineProperty({__proto__:null,get AREA_UNRESOLVED(){return H},get Area(){return Pe},get AreaExposureContext(){return L},get FragmentRenderer(){return pe},get FragmentStylesheet(){return $},get FragmentsApiVersionError(){return E.FragmentsApiVersionError},get FragmentsAreaError(){return E.FragmentsAreaError},get FragmentsClientContext(){return T},get FragmentsClientProvider(){return J},get FragmentsLoadError(){return E.FragmentsLoadError},get FragmentsProvider(){return be},get InstanceIdContext(){return D},get ModulesMapContext(){return j},get ModulesMapProvider(){return W},get ProjectPropertiesContext(){return k},get createBrowserClient(){return Fe},get createSourceCache(){return E.createSourceCache},get defaultProjectProperties(){return G},get injectStylesheet(){return V},get useArea(){return Z},get useCssChunk(){return ce},get useFragmentComponent(){return X},get useFragmentStylesheet(){return R},get useGoal(){return Ce},get useProjectProperty(){return we},get useSource(){return Te}},Symbol.toStringTag,{value:"Module"})),T=o.createContext(null);T.displayName="FragmentsClientContext";function J(r){return l.jsx(T.Provider,{value:r.value,children:r.children})}function Le(){return o.useContext(T)}const D=o.createContext(null);D.displayName="InstanceIdContext";const j=o.createContext(null);j.displayName="ModulesMapContext";function W({value:r,children:e}){return l.jsx(j.Provider,{value:r,children:e})}function X(r){const e=o.useContext(j);if(!e)throw new Error("[useFragmentComponent] No ModulesMapProvider in tree");return e.read(r)}const se=typeof window<"u",H=Object.freeze({rootFragmentId:0,variantId:null,experiment:null,props:{},projectProperties:{},projectBindings:{},globalCssUrl:null,fragments:[],slots:{},sources:{}});function Q(r){const e=r.$area;if(!(e!=null&&e.read))throw new Error("[useArea] $area plugin not mounted");return e}function Z(r,e){const t=o.useContext(T);if(!t)throw new Error("[useArea] No FragmentsClientProvider in tree");const n=(e==null?void 0:e.suspense)??!0,u=(e==null?void 0:e.pause)===!0||!se&&(e==null?void 0:e.ssr)===!1,c=(e==null?void 0:e.timeout)!=null?{timeout:e.timeout}:void 0,[,s]=o.useState(0);if(o.useEffect(()=>{if(n||u)return;const a=Q(t);let d=!0;return Promise.resolve(a.resolve(r,c)).catch(()=>{}).finally(()=>{d&&s(m=>m+1)}),()=>{d=!1}},[r,n,e==null?void 0:e.pause,e==null?void 0:e.timeout,e==null?void 0:e.ssr]),n){if(u)return H;const a=Q(t);if(a.has(r)||Promise.resolve(a.resolve(r,c)).catch(()=>{}),!se)try{return a.read(r)}catch(d){if(d!=null&&typeof d.then=="function")throw d;return process.env.NODE_ENV!=="production"&&console.error(`[useArea] Area ${r} remained unresolved on the server because its cache reached a terminal state`,d),H}return a.read(r)}if(u)return{status:"idle",data:null,error:null};const h=Q(t);if(h.has(r))try{return{status:"ready",data:h.read(r),error:null}}catch(a){return{status:"not-found",data:null,error:a instanceof Error?a:new Error(String(a))}}return Promise.resolve(h.resolve(r,c)).catch(()=>{}),{status:"loading",data:null,error:null}}const ue=typeof window<"u",Be=3e3,U=new Map,V=(r,e)=>{if(!ue){const v=()=>{};return v.loaded=Promise.resolve(),v}const t=U.get(e);if(t){t.refCount+=1;const v=()=>{t.refCount-=1,t.refCount===0&&(t.clearReadyTimer(),t.linkEl.remove(),U.delete(e))};return v.loaded=t.loaded,v}const n=document.createElement("link");n.rel="stylesheet",n.href=r,n.setAttribute("data-fragment-key",e);let u;const c=new Promise(v=>{u=v}),s=()=>{a(),u()},h=setTimeout(s,Be),a=()=>clearTimeout(h);n.addEventListener("load",s),n.addEventListener("error",s),document.head.appendChild(n);const d={refCount:1,linkEl:n,loaded:c,clearReadyTimer:a};U.set(e,d);const m=()=>{d.refCount-=1,d.refCount===0&&(d.clearReadyTimer(),d.linkEl.remove(),U.delete(e))};return m.loaded=c,m},De=ue?o.useLayoutEffect:o.useEffect;function R(r,e){De(()=>V(r,e),[r,e])}const He=parseInt(o.version.split(".")[0],10)>=19;function $({href:r,fragmentKey:e}){return He?l.jsx("link",{rel:"stylesheet",href:r,precedence:"default","data-fragment-key":e}):(R(r,e),null)}function ce(r){}const ae=Object.freeze({}),z=o.createContext(ae);z.displayName="HostPropertiesContext";const G={},k=o.createContext(null);k.displayName="ProjectPropertiesContext";const ie=Object.freeze({}),ee=o.createContext(ie);ee.displayName="SourceTransportsContext";const re=o.createContext("live");re.displayName="SourceNetworkContext";function le(r){const e=r instanceof Error?r:new Error(String(r));if(!(e instanceof E.FragmentsAreaError))return{kind:"failed",error:e};const{code:t}=e;return t==="NO_ACTIVE_VARIANT"?{kind:"no-variant",code:t,error:e}:t==="AREA_NOT_FOUND"||t==="NO_PUBLISHED_SNAPSHOT"||t==="NESTED_SNAPSHOT_MISSING"?{kind:"misconfigured",code:t,error:e}:{kind:"failed",code:t,error:e}}function de(r,e,t){return typeof r=="function"?r(e,t):r??null}const Ue=()=>{};function fe(r){return r instanceof Error?r:new Error(String(r))}class me extends o.Component{constructor(){super(...arguments),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:fe(e)}}componentDidCatch(e,t){var u,c;const n=fe(e);process.env.NODE_ENV!=="production"&&console.error("[fragments] Area error:",n,t.componentStack),(c=(u=this.props).onError)==null||c.call(u,n)}render(){if(this.state.hasError){const e={kind:"failed",error:this.state.error??new Error("Unknown Area error")};try{return de(this.props.empty,e,this.props.retry??Ue)}catch{return null}}return this.props.children}}function Ve(r,e){let t;for(const[n,u]of Object.entries(e))u!=null&&(t??(t={...r}),t[n]=u);return t??r}function $e(r,e){const t=Object.keys(r);return t.length!==Object.keys(e).length?!1:t.every(n=>Object.prototype.hasOwnProperty.call(e,n)&&Object.is(r[n],e[n]))}const ge=Object.freeze({});function he(r,e,t){let n;for(const[u,c]of Object.entries(e)){const s=t[c];s!=null&&(n??(n={...r}),n[u]=s)}return n??r}function Ee(r,e,t){if(!r)return{};const n={};for(const u of Object.keys(r))n[u]=ze(r[u],e,t);return n}function ze(r,e,t){return Array.isArray(r)?r.map((n,u)=>n===null?null:ve(n,e,t,u)):ve(r,e,t)}function ve(r,e,t,n){let u;try{u=e(r.fragmentId)}catch(s){if(s!=null&&typeof s.then=="function")throw s;return console.warn(`[FragmentRenderer] Slot fragment ${r.fragmentId} failed to load — rendering empty hole`,s),null}const c=Ee(r.slots,e,t);return o.createElement(u,{key:n,...he(r.props,r.projectBindings??ge,t),...c})}const ye=({fragmentId:r,props:e,globalCssUrl:t=null,projectProperties:n=G,fragments:u=[r],slots:c,sources:s=ie,sourceNetwork:h="live"})=>{const a=X(r),d=o.useContext(j),m=o.useContext(z);if(!d)throw new Error("[FragmentRendererInner] No ModulesMapProvider in tree");const v=Ee(c,d.read,m),w=o.useMemo(()=>Ve(n,m),[n,m]),g={...e??{},...v},O=u.length>0?u.map(E.toScopeClassName).join(" "):void 0;return l.jsxs(l.Fragment,{children:[t!=null&&l.jsx($,{href:t,fragmentKey:E.AREA_GLOBAL_CSS_KEY}),u.map(y=>{const P=E.resolveStylesHref(y);return P?l.jsx($,{href:P,fragmentKey:E.fragmentCssKey(y)},y):null}),l.jsx(re.Provider,{value:h,children:l.jsx(ee.Provider,{value:s,children:l.jsx(k.Provider,{value:w,children:l.jsx(D.Provider,{value:null,children:l.jsx("div",{className:O,style:{display:"contents"},children:l.jsx(a,{...g})})})})})})]})},pe=({onError:r,...e})=>l.jsx(o.Suspense,{fallback:null,children:l.jsx(me,{onError:r,children:l.jsx(ye,{...e})})}),L=o.createContext(null);L.displayName="AreaExposureContext";const Ge=1e3,Ke=Array.from({length:101},(r,e)=>e/100);function Ye({visibleArea:r,totalArea:e,visibleHeight:t,viewportHeight:n}){if(r<=0)return!1;const u=e>0&&r>=.5*e,c=n>0&&t>=.5*n;return u||c}function Se(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,r=>{const e=Math.random()*16|0;return(r==="x"?e:e&3|8).toString(16)})}function xe(r){const e=r.getBoundingClientRect();return e.width>0&&e.height>0}function qe(r){const e=[];function t(n,u){var c;for(const s of Array.from(n.children)){let h="";try{h=window.getComputedStyle(s).display}catch{h=((c=s.style)==null?void 0:c.display)||""}if(h==="contents")t(s,u);else if(h==="none"||xe(s))u.push(s);else{const a=[];t(s,a),a.some(xe)?u.push(...a):u.push(s)}}}return t(r,e),e}const Je=({experiment:r,emit:e,children:t})=>{const[n,u]=o.useState(Se),c=o.useRef(!1),s=o.useRef(null),h=o.useRef(new Set),a=o.useRef(null),d=o.useRef(r);d.current=r;const m=o.useRef(e);m.current=e;const v=o.useRef(n);v.current=n;const w=o.useCallback(()=>{c.current||(c.current=!0,s.current&&(clearTimeout(s.current),s.current=null),m.current({type:"impression",experiment:d.current,viewId:v.current}))},[]),g=o.useMemo(()=>({experiment:r,viewId:n,emit:e,reachedGoals:h.current,ensureImpression:w}),[r,n,e,w]);return o.useEffect(()=>{if(typeof window>"u"||typeof IntersectionObserver>"u")return;const O=a.current;if(!O)return;let y=[];const P=new Map,f=()=>!(typeof document>"u"||"visibilityState"in document&&document.visibilityState==="hidden"||"prerendering"in document&&document.prerendering),x=()=>{if(c.current||y.length===0)return;let A=0,S=0,B=!1,M=1/0,N=-1/0;for(const te of y){const b=P.get(te);b&&(A+=b.interArea,S+=b.boundArea,b.interArea>0&&b.interBottom>b.interTop&&(B=!0,b.interTop<M&&(M=b.interTop),b.interBottom>N&&(N=b.interBottom)))}const Y=B?Math.max(0,N-M):0,q=typeof window<"u"?window.innerHeight:0;f()&&Ye({visibleArea:A,totalArea:S,visibleHeight:Y,viewportHeight:q})?s.current||(s.current=setTimeout(()=>{s.current=null,w()},Ge)):s.current&&(clearTimeout(s.current),s.current=null)},p=new IntersectionObserver(A=>{var S,B,M,N,Y,q;for(const _ of A){const te=((S=_.boundingClientRect)==null?void 0:S.width)??0,b=((B=_.boundingClientRect)==null?void 0:B.height)??0,tr=((M=_.intersectionRect)==null?void 0:M.width)??0,nr=((N=_.intersectionRect)==null?void 0:N.height)??0,Me=te*b,or=tr*nr,sr=((Y=_.intersectionRect)==null?void 0:Y.top)??0,ur=((q=_.intersectionRect)==null?void 0:q.bottom)??0;P.set(_.target,{interArea:Me>0?or:0,boundArea:Me,interTop:sr,interBottom:ur})}c.current||x()},{threshold:Ke}),F=()=>{if(c.current||!a.current)return;const A=qe(a.current);for(const S of y)A.includes(S)||(p.unobserve(S),P.delete(S));for(const S of A)y.includes(S)||p.observe(S);y=A};F();let C=null;typeof MutationObserver<"u"&&(C=new MutationObserver(()=>{c.current||F()}),C.observe(O,{childList:!0,subtree:!0}));const I=()=>{typeof document<"u"&&document.visibilityState==="hidden"?s.current&&(clearTimeout(s.current),s.current=null):x()},K=()=>{x()},_e=()=>{s.current&&(clearTimeout(s.current),s.current=null)},je=()=>{x()},Ie=A=>{if(A.persisted){s.current&&(clearTimeout(s.current),s.current=null),c.current=!1;const S=Se();v.current=S,u(S),x()}};return typeof document<"u"&&(document.addEventListener("visibilitychange",I),document.addEventListener("prerenderingchange",K)),typeof window<"u"&&(window.addEventListener("pagehide",_e),window.addEventListener("resize",je),window.addEventListener("pageshow",Ie)),()=>{s.current&&(clearTimeout(s.current),s.current=null),p.disconnect(),C&&C.disconnect(),typeof document<"u"&&(document.removeEventListener("visibilitychange",I),document.removeEventListener("prerenderingchange",K)),typeof window<"u"&&(window.removeEventListener("pagehide",_e),window.removeEventListener("resize",je),window.removeEventListener("pageshow",Ie))}},[r,e]),l.jsx(L.Provider,{value:g,children:l.jsx("div",{ref:a,style:{display:"contents"},children:t})})},We=({areaCode:r,options:e,retry:t})=>{const n=Z(r,{suspense:!1,ssr:!1,pause:e==null?void 0:e.pause,timeout:e==null?void 0:e.timeout}),u=o.useContext(z),c=o.useContext(T),s=o.useRef(null);if(o.useEffect(()=>{var C;if(n.status!=="not-found"||!n.error)return;const p=le(n.error),F=JSON.stringify([r,p.kind,p.code,p.error.message]);s.current!==F&&(s.current=F,(C=e==null?void 0:e.onError)==null||C.call(e,p.error),process.env.NODE_ENV!=="production"&&p.kind!=="no-variant"&&console.error(`[fragments] Area resolution ${p.kind}: areaCode=${r}, code=${p.code??"none"}`,p.error))},[r,e==null?void 0:e.onError,n.error,n.status]),(e==null?void 0:e.pause)===!0)return null;if(n.status==="idle")return(e==null?void 0:e.fallback)??null;if(n.status==="not-found")return de(e==null?void 0:e.empty,le(n.error),t);if(n.status==="loading"||!n.data)return(e==null?void 0:e.fallback)??null;const{rootFragmentId:h,props:a,projectProperties:d,globalCssUrl:m,fragments:v,slots:w,sources:g,projectBindings:O}=n.data,y=he(a,O??ge,u),P=typeof(e==null?void 0:e.props)=="function"?e.props(y):e!=null&&e.props?{...y,...e.props}:y,f=n.data.experiment,x=l.jsx(ye,{fragmentId:h,props:P,globalCssUrl:m,projectProperties:d,fragments:v,slots:w,sources:g});return l.jsx(o.Suspense,{fallback:(e==null?void 0:e.fallback)??null,children:f&&(c!=null&&c.$events)?l.jsx(Je,{experiment:f,emit:c.$events.emit,children:x},`${f.label}:${f.variantId}`):x})},Pe=({areaCode:r,options:e})=>{const t=o.useContext(T),[n,u]=o.useState(0),c=t==null?void 0:t.$area;o.useEffect(()=>{(e==null?void 0:e.ssr)!==!0||process.env.NODE_ENV==="production"||console.error("[fragments] Area option `ssr` is reserved: server resolution has been removed from the runtime; existing `ssr: false` calls continue to work unchanged.")},[e==null?void 0:e.ssr]);const s=o.useCallback(()=>{c!=null&&c.resolve&&(c.resolve(r).catch(()=>{}),u(h=>h+1))},[c,r]);return l.jsx(me,{onError:e==null?void 0:e.onError,empty:e==null?void 0:e.empty,retry:s,children:l.jsx(We,{areaCode:r,options:e,retry:s})},n)};function Xe(){const r=globalThis,e=r.__FRAGMENTS_DEPS__??(r.__FRAGMENTS_DEPS__={});e.react=oe,e["react/jsx-runtime"]=Ne,e["@fragmentsx/runtime-react"]=ke}function Qe(r){const e=r??ae,t=o.useRef(e);return $e(t.current,e)||(t.current=e),t.current}function be({client:r,children:e,properties:t}){Xe();const n=o.useMemo(()=>({read:c=>r.$fragments.read(c)}),[r]),u=Qe(t);return l.jsx(J,{value:r,children:l.jsx(W,{value:n,children:l.jsx(z.Provider,{value:u,children:e})})})}function we(r){return(o.useContext(k)??G)[r]}function Ce(r){const e=o.useContext(L);return o.useCallback(()=>{e&&(e.reachedGoals.has(r)||(e.reachedGoals.add(r),e.ensureImpression(),e.emit({type:"goal",experiment:e.experiment,viewId:e.viewId,goalKey:r})))},[e,r])}function Ze(r,e){const[,t]=o.useReducer(c=>c+1,0),n=e(),u=o.useRef(n);return u.current=n,o.useEffect(()=>{const c=r(t);return Object.is(u.current,e())||t(),c},[r,e]),n}const Ae=oe.useSyncExternalStore,Re=Ae||((r,e)=>Ze(r,e)),Oe="offline",er=()=>Promise.reject(new Error(Oe));function rr(r,e){var F,C;const t=Le(),[n]=o.useState(E.createSourceCache),u=(t==null?void 0:t.sourceCache)??n,c=(F=t==null?void 0:t.sourceFetchers)==null?void 0:F[r],s=(C=t==null?void 0:t.sourceBaseUrls)==null?void 0:C[r],h=c?"host-fetch":"network",a=t==null?void 0:t.env,d=E.sourceCallKey({source:r,target:e.target,params:e.params}),m=o.useMemo(()=>({source:r,target:e.target,params:e.params}),[d]),v=o.useCallback(I=>u.subscribe(m,I),[u,m]),w=o.useCallback(()=>u.get(m),[u,m]),g=Re(v,w,w),O=o.useContext(re),y=o.useContext(ee),P=E.sourceTransportKey(r,e.target),f=o.useMemo(()=>O===Oe?null:E.resolveSourceRequest(y[P],m.params,s),[O,y,P,m,s]),[x,p]=o.useState(null);return o.useEffect(()=>{(g==null?void 0:g.status)==="ready"&&x!==null&&p(null)},[g,x]),o.useEffect(()=>{f&&!f.ok&&g===void 0&&console.warn(`[useSource] ${P}: ${f.reason}`)},[P,f==null?void 0:f.ok,f&&!f.ok?f.reason:void 0,g===void 0]),o.useEffect(()=>{if(f&&!f.ok||(g==null?void 0:g.status)==="ready"||x===d)return;p(d);const I=f&&f.ok?()=>E.runSourceFetch({url:f.url,init:f.init},{fetcher:c,timeout:a==null?void 0:a.timeout}).then(K=>(a!=null&&a.debug&&console.info(`[useSource] loaded ${E.sourceCallKey(m)} origin=${h}`),K)):er;u.load(m,I,h)},[u,m,d,g,x,f,c,h,a==null?void 0:a.timeout,a==null?void 0:a.debug]),(g==null?void 0:g.status)==="ready"?{data:g.data??void 0,loading:!1}:(g==null?void 0:g.status)==="pending"?{data:void 0,loading:!0}:f&&!f.ok?{data:void 0,loading:!1}:{data:void 0,loading:x!==d}}const Te=rr;function Fe(r){return E.createFragmentsClient({...r,inject:V})}Object.defineProperty(i,"FragmentsApiVersionError",{enumerable:!0,get:()=>E.FragmentsApiVersionError}),Object.defineProperty(i,"FragmentsAreaError",{enumerable:!0,get:()=>E.FragmentsAreaError}),Object.defineProperty(i,"FragmentsLoadError",{enumerable:!0,get:()=>E.FragmentsLoadError}),Object.defineProperty(i,"createSourceCache",{enumerable:!0,get:()=>E.createSourceCache}),i.AREA_UNRESOLVED=H,i.Area=Pe,i.AreaExposureContext=L,i.FragmentRenderer=pe,i.FragmentStylesheet=$,i.FragmentsClientContext=T,i.FragmentsClientProvider=J,i.FragmentsProvider=be,i.InstanceIdContext=D,i.ModulesMapContext=j,i.ModulesMapProvider=W,i.ProjectPropertiesContext=k,i.createBrowserClient=Fe,i.defaultProjectProperties=G,i.injectStylesheet=V,i.useArea=Z,i.useCssChunk=ce,i.useFragmentComponent=X,i.useFragmentStylesheet=R,i.useGoal=Ce,i.useProjectProperty=we,i.useSource=Te,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fragmentsx/runtime-react",
   "private": false,
-  "version": "0.2.0-dev-20261025070649",
+  "version": "0.2.0-dev-20261025103802",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@graph-state/core": "^0.13.3",
-    "@fragmentsx/fragments-client": "0.2.0-dev-20261025070649"
+    "@fragmentsx/fragments-client": "0.2.0-dev-20261025103802"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",