forgeframe 0.0.10 → 0.0.13

package/dist/forgeframe.js

@@ -1,3 +1,6 @@
+function ce() {
+  return typeof window < "u" && typeof window.location < "u";
+}
 const f = {
   /** Render component in an iframe */
   IFRAME: "iframe",
@@ -26,19 +29,19 @@ const f = {
   RESIZE: "resize",
   /** Emitted when component receives focus */
   FOCUS: "focus"
-}, z = {
+}, k = {
   /** Default JSON serialization */
   JSON: "json",
   /** Base64 encoding for binary or large data */
   BASE64: "base64",
   /** Explicit framed-path encoding for nested objects */
   DOTIFY: "dotify"
-}, W = {
+}, j = {
   /** Request message expecting a response */
   REQUEST: "request",
   /** Response to a previous request */
   RESPONSE: "response"
-}, u = {
+}, l = {
   /** Host initialization complete */
   INIT: "forgeframe_init",
   /** Props update from consumer to host */
@@ -63,14 +66,107 @@ const f = {
   CONSUMER_EXPORT: "forgeframe_consumer_export",
   /** Get sibling components request */
   GET_SIBLINGS: "forgeframe_get_siblings"
-}, j = "__forgeframe__", ae = (() => {
-  if ("0.0.10".trim().length === 0)
+}, B = "__forgeframe__", ue = (() => {
+  if ("0.0.13".trim().length === 0)
     throw new Error(
       "ForgeFrame VERSION injection is missing. Configure __FORGEFRAME_VERSION__ in build/test tooling."
     );
-  return "0.0.10";
-})();
-class Ae {
+  return "0.0.13";
+})(), ot = [
+  "init",
+  "close",
+  "resize",
+  "show",
+  "hide",
+  "onError",
+  "updateProps",
+  "export"
+], ve = 32 * 1024;
+function at(t) {
+  const e = ft(t);
+  return `${B}${e}`;
+}
+function ze(t) {
+  if (!t || !t.startsWith(B))
+    return null;
+  const e = t.slice(B.length);
+  return mt(e);
+}
+function R(t) {
+  return typeof t == "object" && t !== null;
+}
+function ct(t) {
+  return R(t);
+}
+function ut(t) {
+  return R(t) && ot.every(
+    (e) => typeof t[e] == "string" && t[e].length > 0
+  );
+}
+function lt(t) {
+  if (!R(t) || typeof t.tag != "string" || t.tag.length === 0 || typeof t.url != "string" || t.url.length === 0 || t.props !== void 0 && !R(t.props) || t.defaultContext !== void 0 && t.defaultContext !== f.IFRAME && t.defaultContext !== f.POPUP)
+    return !1;
+  if (t.dimensions !== void 0) {
+    if (!R(t.dimensions))
+      return !1;
+    const { width: e, height: n } = t.dimensions;
+    if (e !== void 0 && typeof e != "string" && typeof e != "number" || n !== void 0 && typeof n != "string" && typeof n != "number")
+      return !1;
+  }
+  return !0;
+}
+function dt(t) {
+  return R(t) ? Object.values(t).every((e) => lt(e)) : !1;
+}
+function ht(t) {
+  return !(!R(t) || typeof t.uid != "string" || t.uid.length === 0 || typeof t.tag != "string" || t.tag.length === 0 || typeof t.version != "string" || t.version.length === 0 || t.version !== ue || t.context !== f.IFRAME && t.context !== f.POPUP || typeof t.consumerDomain != "string" || t.consumerDomain.length === 0 || !ct(t.props) || !ut(t.exports) || t.children !== void 0 && !dt(t.children));
+}
+function le(t = window) {
+  try {
+    return t.name.startsWith(B);
+  } catch {
+    return !1;
+  }
+}
+function pt(t, e = window) {
+  return ze(e.name)?.tag === t;
+}
+function ft(t) {
+  try {
+    const e = JSON.stringify(t), n = btoa(encodeURIComponent(e)), s = n.length;
+    if (s > ve)
+      throw new Error(
+        `Payload size (${Math.round(s / 1024)}KB) exceeds maximum allowed size (${ve / 1024}KB). Consider reducing the amount of data passed via props.`
+      );
+    return n;
+  } catch (e) {
+    throw e instanceof Error && e.message.includes("Payload size") ? e : new Error(`Failed to encode payload: ${e}`);
+  }
+}
+function mt(t) {
+  try {
+    const e = decodeURIComponent(atob(t)), n = JSON.parse(e);
+    return ht(n) ? n : null;
+  } catch {
+    return null;
+  }
+}
+function gt(t) {
+  return {
+    uid: t.uid,
+    tag: t.tag,
+    version: ue,
+    context: t.context,
+    consumerDomain: t.consumerDomain,
+    props: t.props,
+    exports: t.exports,
+    children: t.children
+  };
+}
+function yt(t = window) {
+  return ze(t.name);
+}
+class Le {
   /**
    * Internal storage for event listeners mapped by event name.
    * @internal
@@ -221,249 +317,243 @@ class Ae {
     return this.listeners.get(e)?.size ?? 0;
   }
 }
-function tt() {
+function wt() {
   const t = Date.now().toString(36), e = Math.random().toString(36).slice(2, 11);
   return `${t}_${e}`;
 }
-function k() {
+function W() {
   return Math.random().toString(36).slice(2, 11);
 }
-class nt {
+const Te = 500, _t = /* @__PURE__ */ new Set(["__proto__"]);
+function ke(t) {
+  return !_t.has(t);
+}
+class de {
   /**
-   * Array of registered cleanup tasks awaiting execution.
-   * @internal
+   * Creates a new FunctionBridge instance.
+   *
+   * @param messenger - The messenger to use for cross-domain calls
    */
-  tasks = [];
+  constructor(e) {
+    this.messenger = e, this.setupCallHandler();
+  }
+  /** @internal */
+  localFunctions = /* @__PURE__ */ new Map();
+  /** @internal */
+  remoteFunctions = /* @__PURE__ */ new Map();
   /**
-   * Flag indicating whether cleanup has already been performed.
+   * Tracks function IDs from the current serialization batch.
+   * Used for cleanup of stale references when props are updated.
    * @internal
    */
-  cleaned = !1;
+  currentBatchIds = /* @__PURE__ */ new Set();
   /**
-   * Registers a cleanup task to be executed when {@link cleanup} is called.
-   *
-   * @param task - The cleanup function to register
-   *
-   * @remarks
-   * If cleanup has already been performed, the task is scheduled on a microtask
-   * and executed asynchronously rather than being registered. This ensures
-   * late-registered tasks are still handled appropriately while safely capturing
-   * both sync and async task failures.
-   *
-   * @example
-   * ```typescript
-   * cleanup.register(() => {
-   *   eventEmitter.removeAllListeners();
-   * });
-   *
-   * cleanup.register(async () => {
-   *   await database.close();
-   * });
-   * ```
+   * Serializes a local function to a transferable reference.
    *
-   * @public
+   * @param fn - The function to serialize
+   * @param name - Optional name for debugging
+   * @returns A function reference that can be sent across domains
    */
-  register(e) {
-    if (this.cleaned) {
-      Promise.resolve().then(() => e()).catch((n) => {
-        console.error("Error in cleanup task:", n);
-      });
-      return;
+  serialize(e, n) {
+    if (this.localFunctions.size >= Te) {
+      const r = this.localFunctions.keys().next().value;
+      r && this.localFunctions.delete(r);
     }
-    this.tasks.push(e);
+    const s = W();
+    return this.localFunctions.set(s, e), this.currentBatchIds.add(s), {
+      __type__: "function",
+      __id__: s,
+      __name__: n || e.name || "anonymous"
+    };
   }
   /**
-   * Executes all registered cleanup tasks in LIFO order.
-   *
-   * @returns A Promise that resolves when all cleanup tasks have completed
+   * Deserializes a function reference to a callable wrapper.
    *
    * @remarks
-   * Tasks are executed in reverse order of registration (LIFO pattern).
-   * Each task is awaited individually, and errors are caught and logged
-   * to prevent one failing task from blocking subsequent cleanup operations.
-   * Calling this method multiple times has no effect after the first call.
+   * The returned function, when called, will invoke the original function
+   * in the remote window via postMessage and return the result.
    *
-   * @example
-   * ```typescript
-   * // In a component's destroy lifecycle
-   * async destroy() {
-   *   await this.cleanupManager.cleanup();
-   * }
-   * ```
+   * @param ref - The function reference to deserialize
+   * @param targetWin - The window containing the original function
+   * @param targetDomain - The origin of the target window
+   * @returns A callable wrapper function
+   */
+  deserialize(e, n, s) {
+    const r = `${e.__id__}`, i = this.remoteFunctions.get(r);
+    if (i) return i;
+    if (this.remoteFunctions.size >= Te) {
+      const a = this.remoteFunctions.keys().next().value;
+      a && this.remoteFunctions.delete(a);
+    }
+    const o = async (...a) => this.messenger.send(n, s, l.CALL, {
+      id: e.__id__,
+      args: a
+    });
+    return Object.defineProperty(o, "name", {
+      value: e.__name__,
+      configurable: !0
+    }), this.remoteFunctions.set(r, o), o;
+  }
+  /**
+   * Type guard to check if a value is a function reference.
    *
-   * @public
+   * @param value - The value to check
+   * @returns True if the value is a FunctionRef
    */
-  async cleanup() {
-    if (this.cleaned) return;
-    this.cleaned = !0;
-    const e = this.tasks.reverse();
-    this.tasks = [];
-    for (const n of e)
-      try {
-        await n();
-      } catch (s) {
-        console.error("Error in cleanup task:", s);
+  static isFunctionRef(e) {
+    return typeof e == "object" && e !== null && e.__type__ === "function" && typeof e.__id__ == "string";
+  }
+  /**
+   * Sets up the handler for incoming function call messages.
+   * @internal
+   */
+  setupCallHandler() {
+    this.messenger.on(
+      l.CALL,
+      async ({ id: e, args: n }) => {
+        const s = this.localFunctions.get(e);
+        if (!s)
+          throw new Error(`Function with id "${e}" not found`);
+        return s(...n);
       }
+    );
   }
   /**
-   * Checks whether cleanup has already been performed.
+   * Removes a local function reference.
    *
-   * @returns `true` if {@link cleanup} has been called, `false` otherwise
+   * @param id - The function reference ID to remove
+   */
+  removeLocal(e) {
+    this.localFunctions.delete(e);
+  }
+  /**
+   * Starts a new serialization batch.
+   *
+   * @remarks
+   * Call this before serializing a new set of props. After serialization,
+   * call {@link finishBatch} to clean up functions from previous batches.
    *
    * @example
    * ```typescript
-   * if (!cleanupManager.isCleaned()) {
-   *   // Safe to register more tasks
-   *   cleanupManager.register(myTask);
-   * }
+   * bridge.startBatch();
+   * const serialized = serializeFunctions(props, bridge);
+   * bridge.finishBatch();
    * ```
-   *
-   * @public
    */
-  isCleaned() {
-    return this.cleaned;
+  startBatch() {
+    this.currentBatchIds.clear();
   }
   /**
-   * Resets the manager to its initial state, allowing it to be reused.
+   * Finishes the current batch and removes functions not in this batch.
    *
    * @remarks
-   * This method clears all registered tasks and resets the cleaned flag.
-   * It is primarily intended for testing scenarios or cases where the
-   * manager needs to be reused after cleanup.
+   * This cleans up function references from previous prop updates that
+   * are no longer needed, preventing memory leaks.
    *
-   * @example
-   * ```typescript
-   * // In a test teardown
-   * afterEach(() => {
-   *   cleanupManager.reset();
-   * });
-   * ```
+   * @param keepPrevious - If true, keeps previous batch functions (default: false)
+   */
+  finishBatch(e = !1) {
+    if (e) {
+      this.currentBatchIds.clear();
+      return;
+    }
+    for (const n of this.localFunctions.keys())
+      this.currentBatchIds.has(n) || this.localFunctions.delete(n);
+    this.currentBatchIds.clear();
+  }
+  /**
+   * Clears all remote function references.
    *
-   * @public
+   * @remarks
+   * Call this when the remote window is no longer accessible
+   * (e.g., closed or navigated away).
    */
-  reset() {
-    this.tasks = [], this.cleaned = !1;
+  clearRemote() {
+    this.remoteFunctions.clear();
   }
-}
-function Le() {
-  let t, e;
-  return { promise: new Promise((s, r) => {
-    t = s, e = r;
-  }), resolve: t, reject: e };
-}
-function st(t, e, n = "Operation timed out") {
-  return new Promise((s, r) => {
-    const i = setTimeout(() => {
-      r(new Error(`${n} (${e}ms)`));
-    }, e);
-    t.then((o) => {
-      clearTimeout(i), s(o);
-    }).catch((o) => {
-      clearTimeout(i), r(o);
-    });
-  });
-}
-const S = /* @__PURE__ */ new Map(), rt = 200;
-function it(t) {
-  return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-function ot(t) {
-  if (!t.includes("*"))
-    return null;
-  const e = S.get(t);
-  if (e)
-    return e;
-  const n = t.split("*").map((r) => it(r)).join(".*"), s = new RegExp(`^${n}$`);
-  if (S.size >= rt) {
-    const r = S.keys().next().value;
-    r && S.delete(r);
-  }
-  return S.set(t, s), s;
-}
-function at(t, e) {
-  return t.global || t.sticky ? new RegExp(t.source, t.flags.replace(/[gy]/g, "")).test(e) : t.test(e);
-}
-function B(t = window) {
-  try {
-    return t.location.origin;
-  } catch {
-    return "";
-  }
-}
-function Me(t, e = window) {
-  try {
-    return t.location.origin === e.location.origin;
-  } catch {
-    return !1;
-  }
-}
-function U(t, e) {
-  if (typeof t == "string") {
-    if (t === "*") return !0;
-    const n = ot(t);
-    return n ? n.test(e) : t === e;
+  /**
+   * Returns the current number of registered local functions.
+   * Useful for debugging and monitoring.
+   */
+  get localFunctionCount() {
+    return this.localFunctions.size;
   }
-  return t instanceof RegExp ? at(t, e) : Array.isArray(t) ? t.some((n) => U(n, e)) : !1;
-}
-function se(t) {
-  if (!t) return !0;
-  try {
-    return t.closed;
-  } catch {
-    return !0;
+  /**
+   * Returns the current number of cached remote functions.
+   * Useful for debugging and monitoring.
+   */
+  get remoteFunctionCount() {
+    return this.remoteFunctions.size;
   }
-}
-function ct(t = window) {
-  try {
-    return t.opener;
-  } catch {
-    return null;
+  /**
+   * Cleans up all function references.
+   */
+  destroy() {
+    this.localFunctions.clear(), this.remoteFunctions.clear(), this.currentBatchIds.clear();
   }
 }
-function lt(t = window) {
-  try {
-    const e = t.parent;
-    return e && e !== t ? e : null;
-  } catch {
-    return null;
+function se(t, e, n = /* @__PURE__ */ new WeakSet()) {
+  if (typeof t == "function")
+    return e.serialize(t);
+  if (Array.isArray(t)) {
+    if (n.has(t))
+      throw new Error("Circular reference detected in props - arrays cannot contain circular references");
+    n.add(t);
+    try {
+      return t.map((s) => se(s, e, n));
+    } finally {
+      n.delete(t);
+    }
   }
-}
-function ut(t = window) {
-  try {
-    return t.parent !== t;
-  } catch {
-    return !0;
+  if (typeof t == "object" && t !== null) {
+    if (n.has(t))
+      throw new Error("Circular reference detected in props - objects cannot contain circular references");
+    n.add(t);
+    try {
+      const s = {};
+      for (const [r, i] of Object.entries(t))
+        ke(r) && (s[r] = se(i, e, n));
+      return s;
+    } finally {
+      n.delete(t);
+    }
   }
+  return t;
 }
-function ht(t = window) {
-  try {
-    return t.opener !== null && t.opener !== void 0;
-  } catch {
-    return !1;
+function re(t, e, n, s, r = /* @__PURE__ */ new WeakSet()) {
+  if (de.isFunctionRef(t))
+    return e.deserialize(t, n, s);
+  if (Array.isArray(t)) {
+    if (r.has(t))
+      throw new Error("Circular reference detected in serialized props");
+    r.add(t);
+    try {
+      return t.map(
+        (i) => re(i, e, n, s, r)
+      );
+    } finally {
+      r.delete(t);
+    }
   }
-}
-const De = 100, b = /* @__PURE__ */ new Map();
-function dt() {
-  const t = [];
-  for (const [e, n] of b.entries())
-    se(n) && t.push(e);
-  for (const e of t)
-    b.delete(e);
-}
-function pt(t, e) {
-  if (b.size >= De && dt(), b.size >= De) {
-    const n = b.keys().next().value;
-    n && b.delete(n);
+  if (typeof t == "object" && t !== null) {
+    if (r.has(t))
+      throw new Error("Circular reference detected in serialized props");
+    r.add(t);
+    try {
+      const i = {};
+      for (const [o, a] of Object.entries(t))
+        ke(o) && (i[o] = re(a, e, n, s, r));
+      return i;
+    } finally {
+      r.delete(t);
+    }
   }
-  b.set(t, e);
-}
-function ft(t) {
-  b.delete(t);
+  return t;
 }
-function mt(t, e) {
+function Pt(t, e) {
   return t.global || t.sticky ? new RegExp(t.source, t.flags.replace(/[gy]/g, "")).test(e) : t.test(e);
 }
-class P {
+class E {
   /** @internal */
   _optional = !1;
   /** @internal */
@@ -530,7 +620,7 @@ class P {
     return n._default = e, n;
   }
 }
-class ce extends P {
+class he extends E {
   /** @internal */
   _minLength;
   /** @internal */
@@ -556,7 +646,7 @@ class ce extends P {
       issues: [
         { message: `String must be at most ${this._maxLength} characters` }
       ]
-    } : this._pattern && !mt(this._pattern, n) ? {
+    } : this._pattern && !Pt(this._pattern, n) ? {
       issues: [
         {
           message: this._patternMessage || `String must match pattern ${this._pattern}`
@@ -566,7 +656,7 @@ class ce extends P {
   }
   /** @internal */
   _clone() {
-    const e = new ce();
+    const e = new he();
     return e._optional = this._optional, e._nullable = this._nullable, e._default = this._default, e._minLength = this._minLength, e._maxLength = this._maxLength, e._pattern = this._pattern, e._patternMessage = this._patternMessage, e._trim = this._trim, e;
   }
   /**
@@ -691,7 +781,7 @@ class ce extends P {
     return e._minLength = 1, e;
   }
 }
-class le extends P {
+class pe extends E {
   /** @internal */
   _min;
   /** @internal */
@@ -706,7 +796,7 @@ class le extends P {
   }
   /** @internal */
   _clone() {
-    const e = new le();
+    const e = new pe();
     return e._optional = this._optional, e._nullable = this._nullable, e._default = this._default, e._min = this._min, e._max = this._max, e._int = this._int, e;
   }
   /**
@@ -786,7 +876,7 @@ class le extends P {
     return e._max = -Number.MIN_VALUE, e;
   }
 }
-class ue extends P {
+class fe extends E {
   /** @internal */
   _validate(e) {
     return typeof e != "boolean" ? {
@@ -795,11 +885,11 @@ class ue extends P {
   }
   /** @internal */
   _clone() {
-    const e = new ue();
+    const e = new fe();
     return e._optional = this._optional, e._nullable = this._nullable, e._default = this._default, e;
   }
 }
-class he extends P {
+class me extends E {
   /** @internal */
   _validate(e) {
     return typeof e != "function" ? {
@@ -808,11 +898,11 @@ class he extends P {
   }
   /** @internal */
   _clone() {
-    const e = new he();
+    const e = new me();
     return e._optional = this._optional, e._nullable = this._nullable, e._default = this._default, e;
   }
 }
-class V extends P {
+class V extends E {
   /** @internal */
   _itemSchema;
   /** @internal */
@@ -919,7 +1009,7 @@ class V extends P {
     return this.min(1);
   }
 }
-class Y extends P {
+class Y extends E {
   /** @internal */
   _shape;
   /** @internal */
@@ -1002,7 +1092,7 @@ class Y extends P {
     return e._strict = !0, e;
   }
 }
-class de extends P {
+class ge extends E {
   /** @internal */
   _value;
   constructor(e) {
@@ -1016,11 +1106,11 @@ class de extends P {
   }
   /** @internal */
   _clone() {
-    const e = new de(this._value);
+    const e = new ge(this._value);
     return e._optional = this._optional, e._nullable = this._nullable, e._default = this._default, e;
   }
 }
-class pe extends P {
+class ye extends E {
   /** @internal */
   _values;
   /** @internal */
@@ -1040,11 +1130,11 @@ class pe extends P {
   }
   /** @internal */
   _clone() {
-    const e = new pe(this._values);
+    const e = new ye(this._values);
     return e._optional = this._optional, e._nullable = this._nullable, e._default = this._default, e;
   }
 }
-class fe extends P {
+class we extends E {
   constructor() {
     super(), this._nullable = !0;
   }
@@ -1054,7 +1144,7 @@ class fe extends P {
   }
   /** @internal */
   _clone() {
-    const e = new fe();
+    const e = new we();
     return e._optional = this._optional, e._nullable = this._nullable, e._default = this._default, e;
   }
 }
@@ -1071,7 +1161,7 @@ const p = {
    * prop.string().pattern(/^[a-z]+$/)
    * ```
    */
-  string: () => new ce(),
+  string: () => new he(),
   /**
    * Creates a number schema.
    *
@@ -1083,7 +1173,7 @@ const p = {
    * prop.number().positive()
    * ```
    */
-  number: () => new le(),
+  number: () => new pe(),
   /**
    * Creates a boolean schema.
    *
@@ -1093,7 +1183,7 @@ const p = {
    * prop.boolean().default(false)
    * ```
    */
-  boolean: () => new ue(),
+  boolean: () => new fe(),
   /**
    * Creates a function schema.
    *
@@ -1106,7 +1196,7 @@ const p = {
    * prop.function<(data: { id: string }) => Promise<void>>()
    * ```
    */
-  function: () => new he(),
+  function: () => new me(),
   /**
    * Creates an array schema.
    *
@@ -1148,7 +1238,7 @@ const p = {
    * prop.literal(true)
    * ```
    */
-  literal: (t) => new de(t),
+  literal: (t) => new ge(t),
   /**
    * Creates an enum schema for a set of allowed values.
    *
@@ -1160,7 +1250,7 @@ const p = {
    * prop.enum([1, 2, 3])
    * ```
    */
-  enum: (t) => new pe(t),
+  enum: (t) => new ye(t),
   /**
    * Creates a schema that accepts any value.
    *
@@ -1172,8 +1262,8 @@ const p = {
    * prop.any()
    * ```
    */
-  any: () => new fe()
-}, R = {
+  any: () => new we()
+}, D = {
   uid: {
     schema: p.string().optional(),
     sendToHost: !0
@@ -1239,511 +1329,535 @@ const p = {
     schema: p.function().optional(),
     sendToHost: !1
   }
-};
-function D(t) {
-  return typeof t == "object" && t !== null && "~standard" in t && typeof t["~standard"] == "object" && t["~standard"] !== null && t["~standard"].version === 1 && typeof t["~standard"].vendor == "string" && typeof t["~standard"].validate == "function";
+}, Et = /* @__PURE__ */ new Set(["__proto__"]), We = "__forgeframe.dotify_path__:", J = "__forgeframe.dotify_empty_object_path__:", je = "__forgeframe.dotify_empty_object__";
+function Be(t) {
+  return !Et.has(t);
 }
-function gt(t, e, n) {
-  const s = t["~standard"].validate(e);
-  if (s instanceof Promise)
-    throw new Error(
-      `Prop "${n}" uses an async schema. ForgeFrame only supports synchronous schema validation. Please use a synchronous schema or remove async operations (like database lookups) from your schema definition.`
-    );
-  if (s.issues) {
-    const r = s.issues.map((i) => `${yt(i.path, n)}: ${i.message}`);
-    throw new Error(`Validation failed: ${r.join("; ")}`);
+function He(t) {
+  if (t === null || typeof t != "object" || Array.isArray(t))
+    return !1;
+  const e = Object.getPrototypeOf(t);
+  return e === Object.prototype || e === null;
+}
+function Ve(t, e = We) {
+  return `${e}${encodeURIComponent(JSON.stringify(t))}`;
+}
+function bt(t) {
+  return encodeURIComponent(JSON.stringify(t));
+}
+function Ct(t, e) {
+  return `${Ve(t)}=${bt(e)}`;
+}
+function Ot(t) {
+  return `${Ve(t, J)}=1`;
+}
+function Rt(t, e, n) {
+  Object.defineProperty(t, e, {
+    configurable: !0,
+    enumerable: !0,
+    writable: !0,
+    value: n
+  });
+}
+function Ye(t, e = []) {
+  const n = Object.entries(t);
+  if (n.length === 0 && He(t))
+    return e.length === 0 ? je : Ot(e);
+  const s = [];
+  for (const [r, i] of n) {
+    if (i === void 0) continue;
+    const o = [...e, r];
+    He(i) ? s.push(Ye(i, o)) : s.push(Ct(o, i));
   }
-  return s.value;
+  return s.filter(Boolean).join("&");
 }
-function yt(t, e) {
-  if (!t || t.length === 0)
-    return e;
-  const n = t.map((s) => {
-    if (typeof s == "object" && s !== null) {
-      if ("key" in s && s.key !== void 0)
-        return String(s.key);
-      if ("index" in s && typeof s.index == "number")
-        return String(s.index);
+function Dt(t) {
+  const e = {};
+  if (!t || t === je) return e;
+  const n = t.split("&");
+  for (const s of n) {
+    const r = s.indexOf("=");
+    if (r === -1) continue;
+    const i = s.slice(0, r), o = s.slice(r + 1);
+    if (!i || o === void 0) continue;
+    const a = i.startsWith(J);
+    let c;
+    if (a) {
+      if (o !== "1")
+        throw new Error("Invalid empty-object DOTIFY entry");
+      c = {};
+    } else
+      try {
+        c = JSON.parse(decodeURIComponent(o));
+      } catch {
+        c = decodeURIComponent(o);
+      }
+    const u = St(i);
+    if (u.some((h) => !Be(h))) continue;
+    let d = e;
+    for (let h = 0; h < u.length - 1; h++) {
+      const b = u[h], O = d[b];
+      (!Object.prototype.hasOwnProperty.call(d, b) || typeof O != "object" || O === null || Array.isArray(O)) && (d[b] = {}), d = d[b];
     }
-    return String(s);
-  });
-  return `${e}.${n.join(".")}`;
+    const m = u[u.length - 1];
+    Rt(d, m, c);
+  }
+  return e;
 }
-function H(t) {
-  const e = D(t);
-  return { isDirectSchema: e, definition: e ? { schema: t } : t };
+function St(t) {
+  const e = t.startsWith(J) ? J : We;
+  if (!t.startsWith(e))
+    throw new Error("Invalid DOTIFY path framing");
+  const n = decodeURIComponent(t.slice(e.length)), s = JSON.parse(n);
+  if (Array.isArray(s) && s.length > 0 && s.every((r) => typeof r == "string"))
+    return s;
+  throw new Error("Invalid DOTIFY path framing");
+}
+function xt(t) {
+  return typeof t == "object" && t !== null && t.__type__ === "dotify" && typeof t.__value__ == "string";
 }
-function Ie(t, e, n) {
+function It(t, e, n) {
   const s = {
-    ...R,
+    ...D,
     ...e
   }, r = {};
-  for (const [i, o] of Object.entries(s)) {
-    const { definition: a } = H(o);
-    let c;
-    const l = a.alias, d = i in t, m = l && l in t;
-    if (d)
-      c = t[i];
-    else if (m)
-      c = t[l];
-    else if (a.value)
-      c = a.value(n);
-    else if (a.default !== void 0)
-      c = typeof a.default == "function" ? a.default(n) : a.default;
-    else if (a.schema && D(a.schema)) {
-      const h = a.schema["~standard"].validate(void 0);
-      !(h instanceof Promise) && !h.issues && (c = h.value);
-    }
-    c !== void 0 && a.decorate && (c = a.decorate({ value: c, props: r })), r[i] = c;
+  for (const [i, o] of Object.entries(t)) {
+    if (o === void 0) continue;
+    const a = s[i];
+    r[i] = vt(o, a, n);
   }
   return r;
 }
-function T(t, e) {
-  const n = {
-    ...R,
-    ...e
-  };
-  for (const [s, r] of Object.entries(n)) {
-    const { isDirectSchema: i, definition: o } = H(r);
-    let a = t[s];
-    if (o.required && a === void 0)
-      throw new Error(`Prop "${s}" is required but was not provided`);
-    if (o.schema && D(o.schema))
-      (a !== void 0 || i) && (a = gt(o.schema, a, s), t[s] = a);
-    else if (a === void 0)
-      continue;
-    o.validate && o.validate({ value: a, props: t });
+function vt(t, e, n) {
+  if (typeof t == "function")
+    return n.serialize(t);
+  const s = e?.serialization ?? k.JSON;
+  if (s === k.BASE64 && typeof t == "object") {
+    const r = JSON.stringify(t);
+    return {
+      __type__: "base64",
+      __value__: btoa(encodeURIComponent(r))
+    };
   }
+  return s === k.DOTIFY && typeof t == "object" && t !== null && !Array.isArray(t) ? {
+    __type__: "dotify",
+    __value__: Ye(t)
+  } : se(t, n);
 }
-function Se(t, e, n, s) {
-  const r = {
-    ...R,
+function Tt(t, e, n, s, r, i) {
+  const o = {
+    ...D,
     ...e
-  }, i = {};
-  for (const [o, a] of Object.entries(r)) {
-    const { definition: c } = H(a), l = t[o];
-    if (c.sendToHost === !1 || c.sameDomain && !s) continue;
-    if (c.trustedDomains) {
+  }, a = {};
+  for (const [c, u] of Object.entries(t)) {
+    if (!Be(c)) continue;
+    const d = o[c];
+    a[c] = Ht(
+      u,
+      d,
+      n,
+      s,
+      r,
+      i
+    );
+  }
+  return a;
+}
+function Ht(t, e, n, s, r, i) {
+  if (Ut(t))
+    try {
+      const o = decodeURIComponent(atob(t.__value__));
+      return JSON.parse(o);
+    } catch {
+      return t;
+    }
+  if (xt(t))
+    try {
+      return Dt(t.__value__);
+    } catch {
+      return t;
+    }
+  return re(t, s, r, i);
+}
+function Ut(t) {
+  return typeof t == "object" && t !== null && t.__type__ === "base64" && typeof t.__value__ == "string";
+}
+const v = /* @__PURE__ */ new Map(), Ft = 200;
+function Nt(t) {
+  return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function Je(t) {
+  if (!t.includes("*"))
+    return null;
+  const e = v.get(t);
+  if (e)
+    return e;
+  const n = t.split("*").map((r) => Nt(r)).join(".*"), s = new RegExp(`^${n}$`);
+  if (v.size >= Ft) {
+    const r = v.keys().next().value;
+    r && v.delete(r);
+  }
+  return v.set(t, s), s;
+}
+function ie(t, e) {
+  return t.global || t.sticky ? new RegExp(t.source, t.flags.replace(/[gy]/g, "")).test(e) : t.test(e);
+}
+function q(t = window) {
+  try {
+    return t.location.origin;
+  } catch {
+    return "";
+  }
+}
+function qe(t, e = window) {
+  try {
+    return t.location.origin === e.location.origin;
+  } catch {
+    return !1;
+  }
+}
+function X(t, e) {
+  if (typeof t == "string") {
+    if (t === "*") return !0;
+    const n = Je(t);
+    return n ? ie(n, e) : t === e;
+  }
+  return t instanceof RegExp ? ie(t, e) : Array.isArray(t) ? t.some((n) => X(n, e)) : !1;
+}
+function oe(t) {
+  if (!t) return !0;
+  try {
+    return t.closed;
+  } catch {
+    return !0;
+  }
+}
+function At(t = window) {
+  try {
+    return t.opener;
+  } catch {
+    return null;
+  }
+}
+function $t(t = window) {
+  try {
+    const e = t.parent;
+    return e && e !== t ? e : null;
+  } catch {
+    return null;
+  }
+}
+function Mt(t = window) {
+  try {
+    return t.parent !== t;
+  } catch {
+    return !0;
+  }
+}
+function zt(t = window) {
+  try {
+    return t.opener !== null && t.opener !== void 0;
+  } catch {
+    return !1;
+  }
+}
+function x(t) {
+  return typeof t == "object" && t !== null && "~standard" in t && typeof t["~standard"] == "object" && t["~standard"] !== null && t["~standard"].version === 1 && typeof t["~standard"].vendor == "string" && typeof t["~standard"].validate == "function";
+}
+function Lt(t, e, n) {
+  const s = t["~standard"].validate(e);
+  if (s instanceof Promise)
+    throw new Error(
+      `Prop "${n}" uses an async schema. ForgeFrame only supports synchronous schema validation. Please use a synchronous schema or remove async operations (like database lookups) from your schema definition.`
+    );
+  if (s.issues) {
+    const r = s.issues.map((i) => `${kt(i.path, n)}: ${i.message}`);
+    throw new Error(`Validation failed: ${r.join("; ")}`);
+  }
+  return s.value;
+}
+function kt(t, e) {
+  if (!t || t.length === 0)
+    return e;
+  const n = t.map((s) => {
+    if (typeof s == "object" && s !== null) {
+      if ("key" in s && s.key !== void 0)
+        return String(s.key);
+      if ("index" in s && typeof s.index == "number")
+        return String(s.index);
+    }
+    return String(s);
+  });
+  return `${e}.${n.join(".")}`;
+}
+function N(t) {
+  const e = x(t);
+  return { isDirectSchema: e, definition: e ? { schema: t } : t };
+}
+function Ue(t, e, n) {
+  const s = {
+    ...D,
+    ...e
+  }, r = {};
+  for (const [i, o] of Object.entries(s)) {
+    const { definition: a } = N(o);
+    let c;
+    const u = a.alias, d = i in t, m = u && u in t;
+    if (d)
+      c = t[i];
+    else if (m)
+      c = t[u];
+    else if (a.value)
+      c = a.value(n);
+    else if (a.default !== void 0)
+      c = typeof a.default == "function" ? a.default(n) : a.default;
+    else if (a.schema && x(a.schema)) {
+      const h = a.schema["~standard"].validate(void 0);
+      !(h instanceof Promise) && !h.issues && (c = h.value);
+    }
+    c !== void 0 && a.decorate && (c = a.decorate({ value: c, props: r })), r[i] = c;
+  }
+  return r;
+}
+function H(t, e) {
+  const n = {
+    ...D,
+    ...e
+  };
+  for (const [s, r] of Object.entries(n)) {
+    const { isDirectSchema: i, definition: o } = N(r);
+    let a = t[s];
+    if (o.required && a === void 0)
+      throw new Error(`Prop "${s}" is required but was not provided`);
+    if (o.schema && x(o.schema))
+      (a !== void 0 || i) && (a = Lt(o.schema, a, s), t[s] = a);
+    else if (a === void 0)
+      continue;
+    o.validate && o.validate({ value: a, props: t });
+  }
+}
+function Fe(t, e, n, s) {
+  const r = {
+    ...D,
+    ...e
+  }, i = {};
+  for (const [o, a] of Object.entries(r)) {
+    const { definition: c } = N(a), u = t[o];
+    if (c.sendToHost === !1 || c.sameDomain && !s) continue;
+    if (c.trustedDomains) {
       const m = c.trustedDomains;
-      if (!U(m, n)) continue;
+      if (!X(m, n)) continue;
     }
-    let d = l;
-    c.hostDecorate && l !== void 0 && (d = c.hostDecorate({ value: l, props: t })), i[o] = d;
+    let d = u;
+    c.hostDecorate && u !== void 0 && (d = c.hostDecorate({ value: u, props: t })), i[o] = d;
   }
   return i;
 }
-function wt(t, e) {
+function Wt(t, e) {
   const n = new URLSearchParams(), s = {
-    ...R,
+    ...D,
     ...e
   };
   for (const [r, i] of Object.entries(s)) {
-    const { definition: o } = H(i), a = t[r];
+    const { definition: o } = N(i), a = t[r];
     if (a === void 0 || typeof a == "function" || !o.queryParam) continue;
     const c = typeof o.queryParam == "string" ? o.queryParam : r;
-    let l;
-    typeof o.queryParam == "function" ? l = o.queryParam({ value: a }) : typeof a == "object" ? l = JSON.stringify(a) : l = String(a), n.set(c, l);
+    let u;
+    typeof o.queryParam == "function" ? u = o.queryParam({ value: a }) : typeof a == "object" ? u = JSON.stringify(a) : u = String(a), n.set(c, u);
   }
   return n;
 }
-function _t(t, e) {
+function jt(t, e) {
   const n = new URLSearchParams(), s = {
-    ...R,
+    ...D,
     ...e
   };
   for (const [r, i] of Object.entries(s)) {
-    const { definition: o } = H(i), a = t[r];
+    const { definition: o } = N(i), a = t[r];
     if (a === void 0 || typeof a == "function" || !o.bodyParam) continue;
     const c = typeof o.bodyParam == "string" ? o.bodyParam : r;
-    let l;
-    typeof o.bodyParam == "function" ? l = o.bodyParam({ value: a }) : typeof a == "object" ? l = JSON.stringify(a) : l = String(a), n.set(c, l);
+    let u;
+    typeof o.bodyParam == "function" ? u = o.bodyParam({ value: a }) : typeof a == "object" ? u = JSON.stringify(a) : u = String(a), n.set(c, u);
   }
   return n;
 }
-const ve = 500, Pt = /* @__PURE__ */ new Set(["__proto__"]);
-function ze(t) {
-  return !Pt.has(t);
-}
-class me {
+class Bt {
   /**
-   * Creates a new FunctionBridge instance.
-   *
-   * @param messenger - The messenger to use for cross-domain calls
+   * Array of registered cleanup tasks awaiting execution.
+   * @internal
    */
-  constructor(e) {
-    this.messenger = e, this.setupCallHandler();
-  }
-  /** @internal */
-  localFunctions = /* @__PURE__ */ new Map();
-  /** @internal */
-  remoteFunctions = /* @__PURE__ */ new Map();
+  tasks = [];
   /**
-   * Tracks function IDs from the current serialization batch.
-   * Used for cleanup of stale references when props are updated.
+   * Flag indicating whether cleanup has already been performed.
    * @internal
    */
-  currentBatchIds = /* @__PURE__ */ new Set();
+  cleaned = !1;
   /**
-   * Serializes a local function to a transferable reference.
+   * Registers a cleanup task to be executed when {@link cleanup} is called.
    *
-   * @param fn - The function to serialize
-   * @param name - Optional name for debugging
-   * @returns A function reference that can be sent across domains
+   * @param task - The cleanup function to register
+   *
+   * @remarks
+   * If cleanup has already been performed, the task is scheduled on a microtask
+   * and executed asynchronously rather than being registered. This ensures
+   * late-registered tasks are still handled appropriately while safely capturing
+   * both sync and async task failures.
+   *
+   * @example
+   * ```typescript
+   * cleanup.register(() => {
+   *   eventEmitter.removeAllListeners();
+   * });
+   *
+   * cleanup.register(async () => {
+   *   await database.close();
+   * });
+   * ```
+   *
+   * @public
    */
-  serialize(e, n) {
-    if (this.localFunctions.size >= ve) {
-      const r = this.localFunctions.keys().next().value;
-      r && this.localFunctions.delete(r);
+  register(e) {
+    if (this.cleaned) {
+      Promise.resolve().then(() => e()).catch((n) => {
+        console.error("Error in cleanup task:", n);
+      });
+      return;
     }
-    const s = k();
-    return this.localFunctions.set(s, e), this.currentBatchIds.add(s), {
-      __type__: "function",
-      __id__: s,
-      __name__: n || e.name || "anonymous"
-    };
+    this.tasks.push(e);
   }
   /**
-   * Deserializes a function reference to a callable wrapper.
+   * Executes all registered cleanup tasks in LIFO order.
+   *
+   * @returns A Promise that resolves when all cleanup tasks have completed
    *
    * @remarks
-   * The returned function, when called, will invoke the original function
-   * in the remote window via postMessage and return the result.
+   * Tasks are executed in reverse order of registration (LIFO pattern).
+   * Each task is awaited individually, and errors are caught and logged
+   * to prevent one failing task from blocking subsequent cleanup operations.
+   * Calling this method multiple times has no effect after the first call.
    *
-   * @param ref - The function reference to deserialize
-   * @param targetWin - The window containing the original function
-   * @param targetDomain - The origin of the target window
-   * @returns A callable wrapper function
+   * @example
+   * ```typescript
+   * // In a component's destroy lifecycle
+   * async destroy() {
+   *   await this.cleanupManager.cleanup();
+   * }
+   * ```
+   *
+   * @public
    */
-  deserialize(e, n, s) {
-    const r = `${e.__id__}`, i = this.remoteFunctions.get(r);
-    if (i) return i;
-    if (this.remoteFunctions.size >= ve) {
-      const a = this.remoteFunctions.keys().next().value;
-      a && this.remoteFunctions.delete(a);
-    }
-    const o = async (...a) => this.messenger.send(n, s, u.CALL, {
-      id: e.__id__,
-      args: a
-    });
-    return Object.defineProperty(o, "name", {
-      value: e.__name__,
-      configurable: !0
-    }), this.remoteFunctions.set(r, o), o;
+  async cleanup() {
+    if (this.cleaned) return;
+    this.cleaned = !0;
+    const e = this.tasks.reverse();
+    this.tasks = [];
+    for (const n of e)
+      try {
+        await n();
+      } catch (s) {
+        console.error("Error in cleanup task:", s);
+      }
   }
   /**
-   * Type guard to check if a value is a function reference.
-   *
-   * @param value - The value to check
-   * @returns True if the value is a FunctionRef
-   */
-  static isFunctionRef(e) {
-    return typeof e == "object" && e !== null && e.__type__ === "function" && typeof e.__id__ == "string";
-  }
-  /**
-   * Sets up the handler for incoming function call messages.
-   * @internal
-   */
-  setupCallHandler() {
-    this.messenger.on(
-      u.CALL,
-      async ({ id: e, args: n }) => {
-        const s = this.localFunctions.get(e);
-        if (!s)
-          throw new Error(`Function with id "${e}" not found`);
-        return s(...n);
-      }
-    );
-  }
-  /**
-   * Removes a local function reference.
-   *
-   * @param id - The function reference ID to remove
-   */
-  removeLocal(e) {
-    this.localFunctions.delete(e);
-  }
-  /**
-   * Starts a new serialization batch.
+   * Checks whether cleanup has already been performed.
    *
-   * @remarks
-   * Call this before serializing a new set of props. After serialization,
-   * call {@link finishBatch} to clean up functions from previous batches.
+   * @returns `true` if {@link cleanup} has been called, `false` otherwise
    *
    * @example
    * ```typescript
-   * bridge.startBatch();
-   * const serialized = serializeFunctions(props, bridge);
-   * bridge.finishBatch();
+   * if (!cleanupManager.isCleaned()) {
+   *   // Safe to register more tasks
+   *   cleanupManager.register(myTask);
+   * }
    * ```
+   *
+   * @public
    */
-  startBatch() {
-    this.currentBatchIds.clear();
+  isCleaned() {
+    return this.cleaned;
   }
   /**
-   * Finishes the current batch and removes functions not in this batch.
+   * Resets the manager to its initial state, allowing it to be reused.
    *
    * @remarks
-   * This cleans up function references from previous prop updates that
-   * are no longer needed, preventing memory leaks.
+   * This method clears all registered tasks and resets the cleaned flag.
+   * It is primarily intended for testing scenarios or cases where the
+   * manager needs to be reused after cleanup.
    *
-   * @param keepPrevious - If true, keeps previous batch functions (default: false)
-   */
-  finishBatch(e = !1) {
-    if (e) {
-      this.currentBatchIds.clear();
-      return;
-    }
-    for (const n of this.localFunctions.keys())
-      this.currentBatchIds.has(n) || this.localFunctions.delete(n);
-    this.currentBatchIds.clear();
-  }
-  /**
-   * Clears all remote function references.
+   * @example
+   * ```typescript
+   * // In a test teardown
+   * afterEach(() => {
+   *   cleanupManager.reset();
+   * });
+   * ```
    *
-   * @remarks
-   * Call this when the remote window is no longer accessible
-   * (e.g., closed or navigated away).
-   */
-  clearRemote() {
-    this.remoteFunctions.clear();
-  }
-  /**
-   * Returns the current number of registered local functions.
-   * Useful for debugging and monitoring.
-   */
-  get localFunctionCount() {
-    return this.localFunctions.size;
-  }
-  /**
-   * Returns the current number of cached remote functions.
-   * Useful for debugging and monitoring.
-   */
-  get remoteFunctionCount() {
-    return this.remoteFunctions.size;
-  }
-  /**
-   * Cleans up all function references.
+   * @public
    */
-  destroy() {
-    this.localFunctions.clear(), this.remoteFunctions.clear(), this.currentBatchIds.clear();
-  }
-}
-function re(t, e, n = /* @__PURE__ */ new WeakSet()) {
-  if (typeof t == "function")
-    return e.serialize(t);
-  if (Array.isArray(t)) {
-    if (n.has(t))
-      throw new Error("Circular reference detected in props - arrays cannot contain circular references");
-    n.add(t);
-    try {
-      return t.map((s) => re(s, e, n));
-    } finally {
-      n.delete(t);
-    }
-  }
-  if (typeof t == "object" && t !== null) {
-    if (n.has(t))
-      throw new Error("Circular reference detected in props - objects cannot contain circular references");
-    n.add(t);
-    try {
-      const s = {};
-      for (const [r, i] of Object.entries(t))
-        ze(r) && (s[r] = re(i, e, n));
-      return s;
-    } finally {
-      n.delete(t);
-    }
-  }
-  return t;
-}
-function ie(t, e, n, s, r = /* @__PURE__ */ new WeakSet()) {
-  if (me.isFunctionRef(t))
-    return e.deserialize(t, n, s);
-  if (Array.isArray(t)) {
-    if (r.has(t))
-      throw new Error("Circular reference detected in serialized props");
-    r.add(t);
-    try {
-      return t.map(
-        (i) => ie(i, e, n, s, r)
-      );
-    } finally {
-      r.delete(t);
-    }
-  }
-  if (typeof t == "object" && t !== null) {
-    if (r.has(t))
-      throw new Error("Circular reference detected in serialized props");
-    r.add(t);
-    try {
-      const i = {};
-      for (const [o, a] of Object.entries(t))
-        ze(o) && (i[o] = ie(a, e, n, s, r));
-      return i;
-    } finally {
-      r.delete(t);
-    }
-  }
-  return t;
-}
-const Et = /* @__PURE__ */ new Set(["__proto__"]), ke = "__forgeframe.dotify_path__:", J = "__forgeframe.dotify_empty_object_path__:", We = "__forgeframe.dotify_empty_object__";
-function je(t) {
-  return !Et.has(t);
-}
-function Te(t) {
-  if (t === null || typeof t != "object" || Array.isArray(t))
-    return !1;
-  const e = Object.getPrototypeOf(t);
-  return e === Object.prototype || e === null;
-}
-function Be(t, e = ke) {
-  return `${e}${encodeURIComponent(JSON.stringify(t))}`;
-}
-function bt(t) {
-  return encodeURIComponent(JSON.stringify(t));
-}
-function Ot(t, e) {
-  return `${Be(t)}=${bt(e)}`;
-}
-function Ct(t) {
-  return `${Be(t, J)}=1`;
-}
-function Rt(t, e, n) {
-  Object.defineProperty(t, e, {
-    configurable: !0,
-    enumerable: !0,
-    writable: !0,
-    value: n
-  });
-}
-function Ve(t, e = []) {
-  const n = Object.entries(t);
-  if (n.length === 0 && Te(t))
-    return e.length === 0 ? We : Ct(e);
-  const s = [];
-  for (const [r, i] of n) {
-    if (i === void 0) continue;
-    const o = [...e, r];
-    Te(i) ? s.push(Ve(i, o)) : s.push(Ot(o, i));
-  }
-  return s.filter(Boolean).join("&");
-}
-function xt(t) {
-  const e = {};
-  if (!t || t === We) return e;
-  const n = t.split("&");
-  for (const s of n) {
-    const r = s.indexOf("=");
-    if (r === -1) continue;
-    const i = s.slice(0, r), o = s.slice(r + 1);
-    if (!i || o === void 0) continue;
-    const a = i.startsWith(J);
-    let c;
-    if (a) {
-      if (o !== "1")
-        throw new Error("Invalid empty-object DOTIFY entry");
-      c = {};
-    } else
-      try {
-        c = JSON.parse(decodeURIComponent(o));
-      } catch {
-        c = decodeURIComponent(o);
-      }
-    const l = Dt(i);
-    if (l.some((h) => !je(h))) continue;
-    let d = e;
-    for (let h = 0; h < l.length - 1; h++) {
-      const E = l[h], O = d[E];
-      (!Object.prototype.hasOwnProperty.call(d, E) || typeof O != "object" || O === null || Array.isArray(O)) && (d[E] = {}), d = d[E];
-    }
-    const m = l[l.length - 1];
-    Rt(d, m, c);
+  reset() {
+    this.tasks = [], this.cleaned = !1;
   }
-  return e;
 }
-function Dt(t) {
-  const e = t.startsWith(J) ? J : ke;
-  if (!t.startsWith(e))
-    throw new Error("Invalid DOTIFY path framing");
-  const n = decodeURIComponent(t.slice(e.length)), s = JSON.parse(n);
-  if (Array.isArray(s) && s.length > 0 && s.every((r) => typeof r == "string"))
-    return s;
-  throw new Error("Invalid DOTIFY path framing");
-}
-function It(t) {
-  return typeof t == "object" && t !== null && t.__type__ === "dotify" && typeof t.__value__ == "string";
-}
-function St(t, e, n) {
-  const s = {
-    ...R,
-    ...e
-  }, r = {};
-  for (const [i, o] of Object.entries(t)) {
-    if (o === void 0) continue;
-    const a = s[i];
-    r[i] = vt(o, a, n);
-  }
-  return r;
+const Ne = 100, C = /* @__PURE__ */ new Map();
+function Vt() {
+  const t = [];
+  for (const [e, n] of C.entries())
+    oe(n) && t.push(e);
+  for (const e of t)
+    C.delete(e);
 }
-function vt(t, e, n) {
-  if (typeof t == "function")
-    return n.serialize(t);
-  const s = e?.serialization ?? z.JSON;
-  if (s === z.BASE64 && typeof t == "object") {
-    const r = JSON.stringify(t);
-    return {
-      __type__: "base64",
-      __value__: btoa(encodeURIComponent(r))
-    };
+function Yt(t, e) {
+  if (C.size >= Ne && Vt(), C.size >= Ne) {
+    const n = C.keys().next().value;
+    n && C.delete(n);
   }
-  return s === z.DOTIFY && typeof t == "object" && t !== null && !Array.isArray(t) ? {
-    __type__: "dotify",
-    __value__: Ve(t)
-  } : re(t, n);
+  C.set(t, e);
 }
-function Ue(t, e, n, s, r, i) {
-  const o = {
-    ...R,
-    ...e
-  }, a = {};
-  for (const [c, l] of Object.entries(t)) {
-    if (!je(c)) continue;
-    const d = o[c];
-    a[c] = Tt(
-      l,
-      d,
-      n,
-      s,
-      r,
-      i
-    );
-  }
-  return a;
+function Jt(t) {
+  C.delete(t);
 }
-function Tt(t, e, n, s, r, i) {
-  if (Ut(t))
-    try {
-      const o = decodeURIComponent(atob(t.__value__));
-      return JSON.parse(o);
-    } catch {
-      return t;
-    }
-  if (It(t))
+function w(t, e, ...n) {
+  const s = t[e];
+  if (typeof s == "function")
     try {
-      return xt(t.__value__);
-    } catch {
-      return t;
+      const r = s(...n);
+      r && typeof r == "object" && "catch" in r && typeof r.catch == "function" && r.catch((i) => {
+        console.error(`Error in async ${e} callback:`, i);
+      });
+    } catch (r) {
+      console.error(`Error in ${e} callback:`, r);
     }
-  return ie(t, s, r, i);
 }
-function Ut(t) {
-  return typeof t == "object" && t !== null && t.__type__ === "base64" && typeof t.__value__ == "string";
+function L(t, e, n) {
+  t.emit(g.ERROR, n), w(e, "onError", n);
+}
+function qt(t, e) {
+  if (!t.children)
+    return;
+  const n = t.children({ props: e }), s = {};
+  for (const [r, i] of Object.entries(n)) {
+    const o = Fn(i);
+    if (!o)
+      throw new Error(`Nested component "${r}" is missing component metadata`);
+    if (typeof o.url != "string")
+      throw new Error(
+        `Nested component "${r}" must use a static string URL. Function URLs are not supported in children.`
+      );
+    s[r] = {
+      tag: o.tag,
+      url: o.url,
+      props: o.props,
+      dimensions: typeof o.dimensions == "function" ? void 0 : o.dimensions,
+      defaultContext: o.defaultContext
+    };
+  }
+  return Object.keys(s).length > 0 ? s : void 0;
 }
-class Nt {
+class Kt {
   constructor(e, n, s) {
     this.options = e, this.createPropContext = s, this.inputProps = { ...n };
     const r = this.inputProps, i = this.createPropContext(r);
-    this.props = Ie(r, this.options.props, i);
+    this.props = Ue(r, this.options.props, i);
   }
   /** Current normalized prop snapshot. */
   props;
@@ -1755,8 +1869,8 @@ class Nt {
    * Builds and validates the next props snapshot.
    */
   buildNextProps(e) {
-    const n = { ...this.inputProps, ...e }, s = { ...this.props, ...e }, r = this.createPropContext(s), i = Ie(s, this.options.props, r);
-    return T(i, this.options.props), this.options.validate?.({ props: i }), { nextInputProps: n, nextProps: i };
+    const n = { ...this.inputProps, ...e }, s = { ...this.props, ...e }, r = this.createPropContext(s), i = Ue(s, this.options.props, r);
+    return H(i, this.options.props), this.options.validate?.({ props: i }), { nextInputProps: n, nextProps: i };
   }
   /**
    * Applies a props update and synchronizes it to the host when connected.
@@ -1805,44 +1919,44 @@ class Nt {
     });
   }
 }
-function x(t, e = "100%") {
+function S(t, e = "100%") {
   return t === void 0 ? e : typeof t == "number" ? `${t}px` : t;
 }
-function q(t, e) {
+function K(t, e) {
   if (t === void 0) return e;
   if (typeof t == "number") return t;
   const n = parseInt(t, 10);
   return isNaN(n) ? e : n;
 }
-function Ft(t) {
+function Xt(t) {
   const { name: e, dimensions: n, attributes: s = {}, style: r = {} } = t, i = document.createElement("iframe");
-  return i.name = e, i.setAttribute("frameborder", "0"), i.setAttribute("allowtransparency", "true"), i.setAttribute("scrolling", "auto"), Ye(i, n), zt(i, s), Mt(i, r), kt(i, s), i;
+  return i.name = e, i.setAttribute("frameborder", "0"), i.setAttribute("allowtransparency", "true"), i.setAttribute("scrolling", "auto"), Ke(i, n), nn(i, s), tn(i, r), sn(i, s), i;
 }
-function Ht(t) {
+function Gt(t) {
   try {
     t.src = "about:blank", t.parentNode?.removeChild(t);
   } catch {
   }
 }
-function $t(t, e) {
-  Ye(t, e);
+function Zt(t, e) {
+  Ke(t, e);
 }
-function At(t) {
+function Qt(t) {
   t.style.display = "", t.style.visibility = "visible";
 }
-function Ne(t) {
+function Ae(t) {
   t.style.display = "none", t.style.visibility = "hidden";
 }
-function Lt(t) {
+function en(t) {
   try {
     t.focus(), t.contentWindow?.focus();
   } catch {
   }
 }
-function Ye(t, e) {
-  e.width !== void 0 && (t.style.width = x(e.width)), e.height !== void 0 && (t.style.height = x(e.height));
+function Ke(t, e) {
+  e.width !== void 0 && (t.style.width = S(e.width)), e.height !== void 0 && (t.style.height = S(e.height));
 }
-function Mt(t, e) {
+function tn(t, e) {
   for (const [n, s] of Object.entries(e)) {
     if (s === void 0) continue;
     const r = typeof s == "number" ? `${s}px` : s;
@@ -1852,7 +1966,7 @@ function Mt(t, e) {
     );
   }
 }
-function zt(t, e) {
+function nn(t, e) {
   for (const [n, s] of Object.entries(e))
     if (s !== void 0) {
       if (typeof s == "boolean") {
@@ -1862,19 +1976,19 @@ function zt(t, e) {
       t.setAttribute(n, s);
     }
 }
-function kt(t, e) {
+function sn(t, e) {
   e.sandbox === void 0 && t.setAttribute(
     "sandbox",
     "allow-scripts allow-same-origin allow-forms allow-popups"
   );
 }
-class Je extends Error {
+class Xe extends Error {
   constructor(e = "Popup blocked by browser") {
     super(e), this.name = "PopupOpenError";
   }
 }
-function Wt(t) {
-  const { url: e, name: n, dimensions: s } = t, r = q(s.width, 500), i = q(s.height, 500), o = Math.floor(window.screenX + (window.outerWidth - r) / 2), a = Math.floor(window.screenY + (window.outerHeight - i) / 2), c = [
+function rn(t) {
+  const { url: e, name: n, dimensions: s } = t, r = K(s.width, 500), i = K(s.height, 500), o = Math.floor(window.screenX + (window.outerWidth - r) / 2), a = Math.floor(window.screenY + (window.outerHeight - i) / 2), c = [
     `width=${r}`,
     `height=${i}`,
     `left=${o}`,
@@ -1886,24 +2000,24 @@ function Wt(t) {
     "status=no",
     "resizable=yes",
     "scrollbars=yes"
-  ].join(","), l = window.open(e, n, c);
-  if (!l || Vt(l))
-    throw new Je();
-  return l;
+  ].join(","), u = window.open(e, n, c);
+  if (!u || cn(u))
+    throw new Xe();
+  return u;
 }
-function jt(t) {
+function on(t) {
   try {
     t.closed || t.close();
   } catch {
   }
 }
-function Bt(t) {
+function an(t) {
   try {
     t.closed || t.focus();
   } catch {
   }
 }
-function Vt(t) {
+function cn(t) {
   if (!t) return !0;
   try {
     return !!(t.closed || t.innerHeight === 0 || t.innerWidth === 0);
@@ -1911,7 +2025,7 @@ function Vt(t) {
     return !0;
   }
 }
-function Yt(t, e, n = {}) {
+function un(t, e, n = {}) {
   const {
     initialInterval: s = 100,
     // Start fast to catch quick closes
@@ -1921,7 +2035,7 @@ function Yt(t, e, n = {}) {
     // Exponential backoff multiplier
   } = n;
   let o = s, a, c = !1;
-  const l = () => {
+  const u = () => {
     try {
       e();
     } catch (m) {
@@ -1931,11 +2045,11 @@ function Yt(t, e, n = {}) {
     if (!c) {
       try {
         if (t.closed) {
-          l();
+          u();
           return;
         }
       } catch {
-        l();
+        u();
         return;
       }
       o = Math.min(o * i, r), a = setTimeout(d, o);
@@ -1945,9 +2059,9 @@ function Yt(t, e, n = {}) {
     c = !0, clearTimeout(a);
   };
 }
-function Jt(t, e) {
+function ln(t, e) {
   try {
-    const n = q(e.width, t.outerWidth), s = q(
+    const n = K(e.width, t.outerWidth), s = K(
       e.height,
       t.outerHeight
     );
@@ -1955,9 +2069,9 @@ function Jt(t, e) {
   } catch {
   }
 }
-const Fe = "forgeframe-spinner-style";
-function qt(t, e) {
-  const n = t.getElementById(Fe);
+const $e = "forgeframe-spinner-style";
+function dn(t, e) {
+  const n = t.getElementById($e);
   if (n) {
     const r = n.getAttribute("nonce");
     if (!e || r === e)
@@ -1965,32 +2079,32 @@ function qt(t, e) {
     n.remove();
   }
   const s = t.createElement("style");
-  s.id = Fe, e && s.setAttribute("nonce", e), s.textContent = `
+  s.id = $e, e && s.setAttribute("nonce", e), s.textContent = `
     @keyframes forgeframe-spin {
       to { transform: rotate(360deg); }
     }
   `, (t.head ?? t.documentElement).appendChild(s);
 }
-function Kt(t) {
+function hn(t) {
   const { doc: e, dimensions: n, uid: s, tag: r } = t, i = e.createElement("div");
   return i.id = `forgeframe-container-${s}`, i.setAttribute("data-forgeframe-tag", r), Object.assign(i.style, {
     display: "inline-block",
     position: "relative",
-    width: x(n.width),
-    height: x(n.height),
+    width: S(n.width),
+    height: S(n.height),
     overflow: "hidden"
   }), i;
 }
-function Xt(t) {
+function pn(t) {
   const { doc: e, dimensions: n, cspNonce: s } = t;
-  qt(e, s);
+  dn(e, s);
   const r = e.createElement("div");
   Object.assign(r.style, {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    width: x(n.width),
-    height: x(n.height),
+    width: S(n.width),
+    height: S(n.height),
     backgroundColor: "#f5f5f5",
     position: "absolute",
     top: "0",
@@ -2007,20 +2121,20 @@ function Xt(t) {
     animation: "forgeframe-spin 1s linear infinite"
   }), r.appendChild(i), r;
 }
-function Gt(t, e = 200) {
+function fn(t, e = 200) {
   return new Promise((n) => {
     t.style.opacity = "0", t.style.transition = `opacity ${e}ms ease-in`, t.offsetHeight, t.style.opacity = "1", setTimeout(n, e);
   });
 }
-function Zt(t, e = 200) {
+function mn(t, e = 200) {
   return new Promise((n) => {
     t.style.transition = `opacity ${e}ms ease-out`, t.style.opacity = "0", setTimeout(n, e);
   });
 }
-async function Qt(t, e, n) {
-  e && (await Zt(e, 150), e.remove()), n.style.display = "", n.style.visibility = "visible", n.style.opacity = "0", await Gt(n, 150);
+async function gn(t, e, n) {
+  e && (await mn(e, 150), e.remove()), n.style.display = "", n.style.visibility = "visible", n.style.opacity = "0", await fn(n, 150);
 }
-class en {
+class yn {
   constructor(e, n, s, r, i) {
     this.options = e, this.uid = n, this.getProps = s, this.resolveDimensions = r, this.callbacks = i, this.context = this.options.defaultContext;
   }
@@ -2055,12 +2169,12 @@ class en {
     if (!this.container) return;
     const s = this.container;
     this.ownedContainer = null;
-    const r = this.getProps(), i = this.options.prerenderTemplate ?? Xt, o = this.options.containerTemplate ?? Kt, a = this.resolveDimensions(), c = r.cspNonce;
+    const r = this.getProps(), i = this.options.prerenderTemplate ?? pn, o = this.options.containerTemplate ?? hn, a = this.resolveDimensions(), c = r.cspNonce;
     if (this.context === f.IFRAME) {
       const h = n();
-      this.iframe = e(h), Ne(this.iframe);
+      this.iframe = e(h), Ae(this.iframe);
     }
-    const l = {
+    const u = {
       uid: this.uid,
       tag: this.options.tag,
       context: this.context,
@@ -2074,7 +2188,7 @@ class en {
       focus: () => this.callbacks.focus(),
       cspNonce: c
     };
-    this.prerenderElement = i(l);
+    this.prerenderElement = i(u);
     const d = {
       uid: this.uid,
       tag: this.options.tag,
@@ -2103,7 +2217,7 @@ class en {
    */
   createIframeElement(e) {
     const n = this.resolveDimensions(), s = this.getProps(), r = typeof this.options.attributes == "function" ? this.options.attributes(s) : this.options.attributes ?? {}, i = typeof this.options.style == "function" ? this.options.style(s) : this.options.style ?? {};
-    return Ft({
+    return Xt({
       name: e,
       dimensions: n,
       attributes: r,
@@ -2120,13 +2234,13 @@ class en {
         throw new Error("Iframe not created during prerender");
       return r ? e.submitBodyForm(this.iframe.name, n, s) : this.iframe.src = n, this.iframe.contentWindow;
     }
-    const i = e.buildWindowName(), o = Wt({
+    const i = e.buildWindowName(), o = rn({
       url: r ? "about:blank" : n,
       name: i,
       dimensions: this.resolveDimensions()
     });
     r && e.submitBodyForm(i, n, s);
-    const a = Yt(o, () => {
+    const a = un(o, () => {
       e.onPopupClose();
     });
     return e.registerCleanup(a), o;
@@ -2135,7 +2249,7 @@ class en {
    * Swaps prerender content with the live iframe after host initialization.
    */
   async swapPrerenderContentIfNeeded() {
-    this.context === f.IFRAME && this.iframe && this.container && (await Qt(this.container, this.prerenderElement, this.iframe), this.prerenderElement = null);
+    this.context === f.IFRAME && this.iframe && this.container && (await gn(this.container, this.prerenderElement, this.iframe), this.prerenderElement = null);
   }
   /**
    * Submits a hidden form to navigate a target window via POST.
@@ -2147,8 +2261,8 @@ class en {
     const o = r.createElement("form");
     o.method = "POST", o.action = n, o.target = e, o.style.display = "none";
     for (const [a, c] of s.entries()) {
-      const l = r.createElement("input");
-      l.type = "hidden", l.name = a, l.value = c, o.appendChild(l);
+      const u = r.createElement("input");
+      u.type = "hidden", u.name = a, u.value = c, o.appendChild(u);
     }
     i.appendChild(o);
     try {
@@ -2161,59 +2275,96 @@ class en {
    * Focuses iframe/popup context.
    */
   focus(e) {
-    this.context === f.IFRAME && this.iframe ? Lt(this.iframe) : this.context === f.POPUP && e && Bt(e);
+    this.context === f.IFRAME && this.iframe ? en(this.iframe) : this.context === f.POPUP && e && an(e);
   }
   /**
    * Resizes iframe/popup context.
    */
   resize(e, n) {
-    this.context === f.IFRAME && this.iframe ? $t(this.iframe, e) : this.context === f.POPUP && n && Jt(n, e);
+    this.context === f.IFRAME && this.iframe ? Zt(this.iframe, e) : this.context === f.POPUP && n && ln(n, e);
   }
   /**
    * Shows iframe context.
    */
   show() {
-    this.context === f.IFRAME && this.iframe && At(this.iframe);
+    this.context === f.IFRAME && this.iframe && Qt(this.iframe);
   }
   /**
    * Hides iframe context.
    */
   hide() {
-    this.context === f.IFRAME && this.iframe && Ne(this.iframe);
+    this.context === f.IFRAME && this.iframe && Ae(this.iframe);
   }
   /**
    * Destroys rendered iframe/popup DOM artifacts.
    */
   destroy(e) {
-    this.iframe && (Ht(this.iframe), this.iframe = null), this.context === f.POPUP && e && jt(e), this.prerenderElement && (this.prerenderElement.remove(), this.prerenderElement = null), this.ownedContainer && (this.ownedContainer.remove(), this.ownedContainer = null), this.container = null;
+    this.iframe && (Gt(this.iframe), this.iframe = null), this.context === f.POPUP && e && on(e), this.prerenderElement && (this.prerenderElement.remove(), this.prerenderElement = null), this.ownedContainer && (this.ownedContainer.remove(), this.ownedContainer = null), this.container = null;
+  }
+}
+function wn(t) {
+  const e = [];
+  if (t.options?.anyConsumer) {
+    for (const n of Un())
+      n.instance.uid !== t.uid && e.push({
+        uid: n.instance.uid,
+        tag: n.tag,
+        exports: n.instance.exports
+      });
+    return e;
   }
+  for (const n of Hn(t.tag))
+    n.uid !== t.uid && e.push({
+      uid: n.uid,
+      tag: t.tag,
+      exports: n.exports
+    });
+  return e;
+}
+function Ge() {
+  let t, e;
+  return { promise: new Promise((s, r) => {
+    t = s, e = r;
+  }), resolve: t, reject: e };
+}
+function _n(t, e, n = "Operation timed out") {
+  return new Promise((s, r) => {
+    const i = setTimeout(() => {
+      r(new Error(`${n} (${e}ms)`));
+    }, e);
+    t.then((o) => {
+      clearTimeout(i), s(o);
+    }).catch((o) => {
+      clearTimeout(i), r(o);
+    });
+  });
 }
-const oe = "forgeframe:";
-function ee(t) {
-  return oe + JSON.stringify(t);
+const ae = "forgeframe:";
+function ne(t) {
+  return ae + JSON.stringify(t);
 }
-function tn(t) {
-  if (typeof t != "string" || !t.startsWith(oe)) return null;
+function Pn(t) {
+  if (typeof t != "string" || !t.startsWith(ae)) return null;
   try {
-    const e = t.slice(oe.length), n = JSON.parse(e);
+    const e = t.slice(ae.length), n = JSON.parse(e);
     return !n.id || !n.type || !n.name || !n.source ? null : n;
   } catch {
     return null;
   }
 }
-function He(t, e, n, s) {
+function Me(t, e, n, s) {
   return {
     id: t,
-    type: W.REQUEST,
+    type: j.REQUEST,
     name: e,
     data: n,
     source: s
   };
 }
-function nn(t, e, n, s) {
+function En(t, e, n, s) {
   return {
     id: t,
-    type: W.RESPONSE,
+    type: j.RESPONSE,
     name: "response",
     data: e,
     source: n,
@@ -2223,22 +2374,10 @@ function nn(t, e, n, s) {
     } : void 0
   };
 }
-function sn(t) {
-  return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-function rn(t) {
-  if (!t.includes("*"))
-    return null;
-  const e = t.split("*").map((n) => sn(n)).join(".*");
-  return new RegExp(`^${e}$`);
-}
-function on(t, e) {
-  return t.global || t.sticky ? new RegExp(t.source, t.flags.replace(/[gy]/g, "")).test(e) : t.test(e);
-}
-function an(t, e, n) {
+function bn(t, e, n) {
   return e !== t.targetWin ? !1 : t.expectedOrigin === "*" ? !0 : n === t.expectedOrigin;
 }
-function cn(t, e) {
+function Cn(t, e) {
   if (t === "*")
     return "*";
   if (t === "/")
@@ -2249,7 +2388,7 @@ function cn(t, e) {
     return t;
   }
 }
-class qe {
+class Ze {
   /**
    * Creates a new Messenger instance.
    *
@@ -2289,7 +2428,7 @@ class qe {
     else if (e instanceof RegExp)
       this.allowedOriginPatterns.push(e);
     else {
-      const n = rn(e);
+      const n = Je(e);
       n ? this.wildcardPatternRegistry.has(e) || (this.wildcardPatternRegistry.set(e, n), this.allowedOriginPatterns.push(n)) : this.allowedOrigins.add(e);
     }
   }
@@ -2322,7 +2461,7 @@ class qe {
     if (this.allowedOrigins.has(e))
       return !0;
     for (const n of this.allowedOriginPatterns)
-      if (on(n, e))
+      if (ie(n, e))
         return !0;
     return !1;
   }
@@ -2333,9 +2472,9 @@ class qe {
   resolveVerifiedSource(e, n, s) {
     const r = e, i = this.sourceUidRegistry.get(r);
     if (i)
-      return { uid: i, domain: n };
-    const o = s && typeof s.uid == "string" && s.uid.length > 0 ? s.uid : k();
-    return this.sourceUidRegistry.set(r, o), { uid: o, domain: n };
+      return { uid: i, domain: n, window: e };
+    const o = s && typeof s.uid == "string" && s.uid.length > 0 ? s.uid : W();
+    return this.sourceUidRegistry.set(r, o), { uid: o, domain: n, window: e };
   }
   /**
    * Sends a message and waits for a response.
@@ -2353,22 +2492,22 @@ class qe {
   async send(e, n, s, r, i = 1e4) {
     if (this.destroyed)
       throw new Error("Messenger has been destroyed");
-    const o = k(), a = He(o, s, r, {
+    const o = W(), a = Me(o, s, r, {
       uid: this.uid,
       domain: this.domain
-    }), c = Le(), l = setTimeout(() => {
+    }), c = Ge(), u = setTimeout(() => {
       this.pending.delete(o), c.reject(new Error(`Message "${s}" timed out after ${i}ms`));
     }, i);
     this.pending.set(o, {
       deferred: c,
-      timeout: l,
+      timeout: u,
       targetWin: e,
-      expectedOrigin: cn(n, this.domain)
+      expectedOrigin: Cn(n, this.domain)
     });
     try {
-      e.postMessage(ee(a), n);
+      e.postMessage(ne(a), n);
     } catch (d) {
-      throw this.pending.delete(o), clearTimeout(l), d;
+      throw this.pending.delete(o), clearTimeout(u), d;
     }
     return c.promise;
   }
@@ -2385,11 +2524,11 @@ class qe {
   post(e, n, s, r) {
     if (this.destroyed)
       throw new Error("Messenger has been destroyed");
-    const i = k(), o = He(i, s, r, {
+    const i = W(), o = Me(i, s, r, {
       uid: this.uid,
       domain: this.domain
     });
-    e.postMessage(ee(o), n);
+    e.postMessage(ne(o), n);
   }
   /**
    * Registers a handler for incoming messages of a specific type.
@@ -2411,7 +2550,7 @@ class qe {
     this.listener = (e) => {
       if (e.source === this.win || !this.isOriginTrusted(e.origin))
         return;
-      const n = tn(e.data);
+      const n = Pn(e.data);
       if (!n) return;
       const s = e.source;
       !s || typeof s.postMessage != "function" || this.handleMessage(n, s, e.origin);
@@ -2422,10 +2561,10 @@ class qe {
    * @internal
    */
   async handleMessage(e, n, s) {
-    if (e.type === W.RESPONSE) {
+    if (e.type === j.RESPONSE) {
       const r = this.pending.get(e.id);
       if (r) {
-        if (!an(r, n, s))
+        if (!bn(r, n, s))
           return;
         if (this.pending.delete(e.id), clearTimeout(r.timeout), e.error) {
           const i = new Error(e.error.message);
@@ -2435,7 +2574,7 @@ class qe {
       }
       return;
     }
-    if (e.type === W.REQUEST) {
+    if (e.type === j.REQUEST) {
       const r = this.handlers.get(e.name);
       if (!r)
         return;
@@ -2450,14 +2589,14 @@ class qe {
       } catch (c) {
         o = c instanceof Error ? c : new Error(String(c));
       }
-      const a = nn(
+      const a = En(
         e.id,
         i,
         { uid: this.uid, domain: this.domain },
         o
       );
       try {
-        n.postMessage(ee(a), s);
+        n.postMessage(ne(a), s);
       } catch {
       }
     }
@@ -2486,105 +2625,11 @@ class qe {
     return this.destroyed;
   }
 }
-const ln = [
-  "init",
-  "close",
-  "resize",
-  "show",
-  "hide",
-  "onError",
-  "updateProps",
-  "export"
-], $e = 32 * 1024;
-function un(t) {
-  const e = gn(t);
-  return `${j}${e}`;
-}
-function Ke(t) {
-  if (!t || !t.startsWith(j))
-    return null;
-  const e = t.slice(j.length);
-  return yn(e);
-}
-function C(t) {
-  return typeof t == "object" && t !== null;
-}
-function hn(t) {
-  return C(t);
-}
-function dn(t) {
-  return C(t) && ln.every(
-    (e) => typeof t[e] == "string" && t[e].length > 0
-  );
-}
-function pn(t) {
-  if (!C(t) || typeof t.tag != "string" || t.tag.length === 0 || typeof t.url != "string" || t.url.length === 0 || t.props !== void 0 && !C(t.props) || t.defaultContext !== void 0 && t.defaultContext !== f.IFRAME && t.defaultContext !== f.POPUP)
-    return !1;
-  if (t.dimensions !== void 0) {
-    if (!C(t.dimensions))
-      return !1;
-    const { width: e, height: n } = t.dimensions;
-    if (e !== void 0 && typeof e != "string" && typeof e != "number" || n !== void 0 && typeof n != "string" && typeof n != "number")
-      return !1;
-  }
-  return !0;
-}
-function fn(t) {
-  return C(t) ? Object.values(t).every((e) => pn(e)) : !1;
-}
-function mn(t) {
-  return !(!C(t) || typeof t.uid != "string" || t.uid.length === 0 || typeof t.tag != "string" || t.tag.length === 0 || typeof t.version != "string" || t.version.length === 0 || t.version !== ae || t.context !== f.IFRAME && t.context !== f.POPUP || typeof t.consumerDomain != "string" || t.consumerDomain.length === 0 || !hn(t.props) || !dn(t.exports) || t.children !== void 0 && !fn(t.children));
-}
-function ge(t = window) {
-  try {
-    return t.name.startsWith(j);
-  } catch {
-    return !1;
-  }
-}
-function te(t, e = window) {
-  return Ke(e.name)?.tag === t;
-}
-function gn(t) {
-  try {
-    const e = JSON.stringify(t), n = btoa(encodeURIComponent(e)), s = new Blob([n]).size;
-    if (s > $e)
-      throw new Error(
-        `Payload size (${Math.round(s / 1024)}KB) exceeds maximum allowed size (${$e / 1024}KB). Consider reducing the amount of data passed via props.`
-      );
-    return n;
-  } catch (e) {
-    throw e instanceof Error && e.message.includes("Payload size") ? e : new Error(`Failed to encode payload: ${e}`);
-  }
-}
-function yn(t) {
-  try {
-    const e = decodeURIComponent(atob(t)), n = JSON.parse(e);
-    return mn(n) ? n : null;
-  } catch {
-    return null;
-  }
-}
-function wn(t) {
-  return {
-    uid: t.uid,
-    tag: t.tag,
-    version: ae,
-    context: t.context,
-    consumerDomain: t.consumerDomain,
-    props: t.props,
-    exports: t.exports,
-    children: t.children
-  };
-}
-function _n(t = window) {
-  return Ke(t.name);
-}
-class Pn {
+class On {
   constructor(e, n, s, r) {
     this.uid = e, this.options = n, this.resolveUrl = s, this.resolveUrlOrigin = r;
     const i = this.buildTrustedDomains();
-    this.messenger = new qe(this.uid, window, B(), i), this.bridge = new me(this.messenger);
+    this.messenger = new Ze(this.uid, window, q(), i), this.bridge = new de(this.messenger);
   }
   /** Messenger for host communication. */
   messenger;
@@ -2612,7 +2657,7 @@ class Pn {
    * Returns true when the domain option explicitly includes this origin.
    */
   isExplicitDomainTrust(e) {
-    return this.options.domain ? U(this.options.domain, e) : !1;
+    return this.options.domain ? X(this.options.domain, e) : !1;
   }
   /**
    * Ensures the messenger trusts the origin for a resolved host URL.
@@ -2634,7 +2679,7 @@ class Pn {
    * Returns true when the host window is connected and not closed.
    */
   isHostConnected() {
-    return !!(this.hostWindow && !se(this.hostWindow));
+    return !!(this.hostWindow && !oe(this.hostWindow));
   }
   /**
    * Serializes host props while keeping function bridge references in sync.
@@ -2643,7 +2688,7 @@ class Pn {
     this.bridge.startBatch();
     const r = s?.finishBatch ?? !0;
     try {
-      const i = St(e, n, this.bridge);
+      const i = It(e, n, this.bridge);
       return r && this.bridge.finishBatch(), i;
     } catch (i) {
       throw this.bridge.finishBatch(!0), i;
@@ -2653,13 +2698,13 @@ class Pn {
    * Sends the current props snapshot to the host window when available.
    */
   async sendPropsUpdateToHost(e, n) {
-    if (!this.hostWindow || se(this.hostWindow))
+    if (!this.hostWindow || oe(this.hostWindow))
       return;
-    const s = this.getHostDomain(), r = Se(
+    const s = this.getHostDomain(), r = Fe(
       e,
       n,
       s,
-      Me(this.hostWindow)
+      qe(this.hostWindow)
     ), i = this.serializePropsForHost(
       r,
       n,
@@ -2669,7 +2714,7 @@ class Pn {
       await this.messenger.send(
         this.hostWindow,
         s,
-        u.PROPS,
+        l.PROPS,
         i
       ), this.bridge.finishBatch();
     } catch (o) {
@@ -2680,7 +2725,7 @@ class Pn {
    * Builds the window.name payload for host initialization.
    */
   buildWindowName(e) {
-    const n = e.hostDomain ?? this.getHostDomain(), s = Se(
+    const n = e.hostDomain ?? this.getHostDomain(), s = Fe(
       e.props,
       e.propDefinitions,
       n,
@@ -2688,16 +2733,16 @@ class Pn {
     ), r = this.serializePropsForHost(
       s,
       e.propDefinitions
-    ), i = wn({
+    ), i = gt({
       uid: this.uid,
       tag: e.tag,
       context: e.context,
-      consumerDomain: B(),
+      consumerDomain: q(),
       props: r,
       exports: e.exports,
       children: e.children
     });
-    return un(i);
+    return at(i);
   }
   /**
    * Waits for the host to send the initialization handshake.
@@ -2705,10 +2750,10 @@ class Pn {
   async waitForHost(e, n, s) {
     if (this.hostInitialized)
       return;
-    const r = Le();
+    const r = Ge();
     this.initPromise = r;
     try {
-      await st(
+      await _n(
         r.promise,
         e,
         `Host component "${n}" (uid: ${this.uid}) did not initialize within ${e}ms. Check that the host page loads correctly and calls the initialization code.`
@@ -2723,17 +2768,28 @@ class Pn {
    * Sets up host message handlers.
    */
   setupMessageHandlers(e) {
-    this.messenger.on(u.INIT, () => (this.hostInitialized = !0, this.initPromise && this.initPromise.resolve(), e.onInit && queueMicrotask(() => {
-      Promise.resolve(e.onInit?.()).catch((n) => {
-        e.onError(n);
+    this.messenger.on(l.INIT, (n, s) => this.isHostControlSource(s) ? (this.hostInitialized = !0, this.initPromise && this.initPromise.resolve(), e.onInit && queueMicrotask(() => {
+      Promise.resolve(e.onInit?.()).catch((r) => {
+        e.onError(r);
       });
-    }), { success: !0 })), this.messenger.on(u.CLOSE, async () => (await e.onClose(), { success: !0 })), this.messenger.on(u.RESIZE, async (n) => (await e.onResize(n), { success: !0 })), this.messenger.on(u.FOCUS, async () => (await e.onFocus(), { success: !0 })), this.messenger.on(u.SHOW, async () => (await e.onShow(), { success: !0 })), this.messenger.on(u.HIDE, async () => (await e.onHide(), { success: !0 })), this.messenger.on(
-      u.ERROR,
-      async (n) => {
-        const s = new Error(n.message);
-        return s.stack = n.stack, e.onError(s), { success: !0 };
+    }), { success: !0 }) : { success: !1 }), this.messenger.on(l.CLOSE, async (n, s) => this.isHostControlSource(s) ? (await e.onClose(), { success: !0 }) : { success: !1 }), this.messenger.on(l.RESIZE, async (n, s) => this.isHostControlSource(s) ? (await e.onResize(n), { success: !0 }) : { success: !1 }), this.messenger.on(l.FOCUS, async (n, s) => this.isHostControlSource(s) ? (await e.onFocus(), { success: !0 }) : { success: !1 }), this.messenger.on(l.SHOW, async (n, s) => this.isHostControlSource(s) ? (await e.onShow(), { success: !0 }) : { success: !1 }), this.messenger.on(l.HIDE, async (n, s) => this.isHostControlSource(s) ? (await e.onHide(), { success: !0 }) : { success: !1 }), this.messenger.on(
+      l.ERROR,
+      async (n, s) => {
+        if (!this.isHostControlSource(s))
+          return { success: !1 };
+        const r = new Error(n.message);
+        return r.stack = n.stack, e.onError(r), { success: !0 };
       }
-    ), this.messenger.on(u.EXPORT, async (n) => (e.onExport(n), { success: !0 })), this.messenger.on(u.CONSUMER_EXPORT, async (n) => (e.onConsumerExport(n), { success: !0 })), this.messenger.on(u.GET_SIBLINGS, async (n) => e.onGetSiblings(n));
+    ), this.messenger.on(l.EXPORT, async (n, s) => this.isHostControlSource(s) ? (e.onExport(n), { success: !0 }) : { success: !1 }), this.messenger.on(l.CONSUMER_EXPORT, async (n, s) => this.isHostControlSource(s) ? (e.onConsumerExport(n), { success: !0 }) : { success: !1 }), this.messenger.on(
+      l.GET_SIBLINGS,
+      async (n, s) => this.isHostControlSource(s) ? e.onGetSiblings(n) : { success: !1 }
+    );
+  }
+  /**
+   * Returns true when a lifecycle/control message came from the opened host window.
+   */
+  isHostControlSource(e) {
+    return !!(this.hostWindow && e.window === this.hostWindow);
   }
   /**
    * Destroys transport resources.
@@ -2742,7 +2798,7 @@ class Pn {
     this.messenger.destroy(), this.bridge.destroy();
   }
 }
-class ye {
+class _e {
   /** Event emitter for lifecycle events. */
   event;
   /** Arbitrary state storage for the component instance. */
@@ -2776,106 +2832,6 @@ class ye {
   destroyed = !1;
   /** @internal */
   closing = !1;
-  /** @internal */
-  get props() {
-    return this.propsPipeline ? this.propsPipeline.props : {};
-  }
-  /** @internal */
-  set props(e) {
-    this.propsPipeline && (this.propsPipeline.props = e);
-  }
-  /** @internal */
-  get inputProps() {
-    return this.propsPipeline ? this.propsPipeline.inputProps : {};
-  }
-  /** @internal */
-  set inputProps(e) {
-    this.propsPipeline && (this.propsPipeline.inputProps = e);
-  }
-  /** @internal */
-  get pendingPropsUpdate() {
-    return this.propsPipeline ? this.propsPipeline.pendingPropsUpdate : null;
-  }
-  /** @internal */
-  set pendingPropsUpdate(e) {
-    this.propsPipeline && (this.propsPipeline.pendingPropsUpdate = e);
-  }
-  /** @internal */
-  get context() {
-    return this.renderer ? this.renderer.context : this.options.defaultContext;
-  }
-  /** @internal */
-  set context(e) {
-    this.renderer && (this.renderer.context = e);
-  }
-  /** @internal */
-  get hostWindow() {
-    return this.transport ? this.transport.hostWindow : null;
-  }
-  /** @internal */
-  set hostWindow(e) {
-    this.transport && (this.transport.hostWindow = e);
-  }
-  /** @internal */
-  get openedHostDomain() {
-    return this.transport ? this.transport.openedHostDomain : null;
-  }
-  /** @internal */
-  set openedHostDomain(e) {
-    this.transport && (this.transport.openedHostDomain = e);
-  }
-  /** @internal */
-  get dynamicUrlTrustedOrigin() {
-    return this.transport ? this.transport.dynamicUrlTrustedOrigin : null;
-  }
-  /** @internal */
-  set dynamicUrlTrustedOrigin(e) {
-    this.transport && (this.transport.dynamicUrlTrustedOrigin = e);
-  }
-  /** @internal */
-  get iframe() {
-    return this.renderer ? this.renderer.iframe : null;
-  }
-  /** @internal */
-  set iframe(e) {
-    this.renderer && (this.renderer.iframe = e);
-  }
-  /** @internal */
-  get container() {
-    return this.renderer ? this.renderer.container : null;
-  }
-  /** @internal */
-  set container(e) {
-    this.renderer && (this.renderer.container = e);
-  }
-  /** @internal */
-  get initPromise() {
-    return this.transport ? this.transport.initPromise : null;
-  }
-  /** @internal */
-  set initPromise(e) {
-    this.transport && (this.transport.initPromise = e);
-  }
-  /** @internal */
-  get hostInitialized() {
-    return this.transport ? this.transport.hostInitialized : !1;
-  }
-  /** @internal */
-  set hostInitialized(e) {
-    this.transport && (this.transport.hostInitialized = e);
-  }
-  /** @internal */
-  get messenger() {
-    if (!this.transport)
-      throw new Error("Consumer transport is not initialized");
-    return this.transport.messenger;
-  }
-  /** @internal */
-  get bridge() {
-    if (!this.transport)
-      throw new Error("Consumer transport is not initialized");
-    return this.transport.bridge;
-  }
   /**
    * Creates a new ConsumerComponent instance.
    *
@@ -2883,25 +2839,25 @@ class ye {
    * @param props - Initial props to pass to the component
    */
   constructor(e, n = {}) {
-    this._uid = tt(), this.options = this.normalizeOptions(e), this.event = new Ae(), this.cleanup = new nt(), this.renderer = new en(
+    this._uid = wt(), this.options = this.normalizeOptions(e), this.event = new Le(), this.cleanup = new Bt(), this.renderer = new yn(
       this.options,
       this.uid,
-      () => this.props,
+      () => this.propsPipeline.props,
       () => this.resolveDimensions(),
       {
         close: () => this.close(),
         focus: () => this.focus()
       }
-    ), this.propsPipeline = new Nt(
+    ), this.propsPipeline = new Kt(
       this.options,
       { ...n },
       (s) => this.createPropContext(s)
-    ), this.transport = new Pn(
+    ), !this.destroyed && (this.transport = new On(
       this.uid,
       this.options,
       () => this.resolveUrl(),
       (s) => this.resolveUrlOrigin(s)
-    ), this.setupMessageHandlers(), this.setupCleanup();
+    ), this.setupMessageHandlers(), this.setupCleanup());
   }
   /**
    * Renders the component into a DOM container.
@@ -2926,14 +2882,14 @@ class ye {
       throw new Error("Component has been destroyed");
     if (this.rendered)
       throw new Error("Component has already been rendered");
-    this.context = n ?? this.options.defaultContext, this.checkEligibility(), T(this.props, this.options.props), this.options.validate?.({ props: this.props }), this.container = this.resolveContainer(e), this.event.emit(g.PRERENDER), this.callPropCallback("onPrerender"), await this.prerender(), this.event.emit(g.PRERENDERED), this.callPropCallback("onPrerendered"), this.event.emit(g.RENDER), this.callPropCallback("onRender");
+    this.renderer.context = n ?? this.options.defaultContext, this.checkEligibility(), H(this.propsPipeline.props, this.options.props), this.options.validate?.({ props: this.propsPipeline.props }), this.renderer.container = this.resolveContainer(e), this.event.emit(g.PRERENDER), w(this.propsPipeline.props, "onPrerender"), await this.prerender(), this.event.emit(g.PRERENDERED), w(this.propsPipeline.props, "onPrerendered"), this.event.emit(g.RENDER), w(this.propsPipeline.props, "onRender");
     try {
-      await this.open(), await this.waitForHost(), this.context === f.IFRAME && this.iframe && await this.renderer.swapPrerenderContentIfNeeded();
+      await this.open(), await this.waitForHost(), this.renderer.context === f.IFRAME && this.renderer.iframe && await this.renderer.swapPrerenderContentIfNeeded();
     } catch (s) {
       throw await this.destroy().catch(() => {
       }), s;
     }
-    this.rendered = !0, this.event.emit(g.RENDERED), this.callPropCallback("onRendered"), this.event.emit(g.DISPLAY), this.callPropCallback("onDisplay");
+    this.rendered = !0, this.event.emit(g.RENDERED), w(this.propsPipeline.props, "onRendered"), this.event.emit(g.DISPLAY), w(this.propsPipeline.props, "onDisplay");
   }
   /**
    * Renders the component into a container in a different window.
@@ -2961,7 +2917,8 @@ class ye {
     if (!(this.destroyed || this.closing)) {
       this.closing = !0;
       try {
-        this.event.emit(g.CLOSE), this.callPropCallback("onClose"), await this.destroy();
+        const e = this.propsPipeline ? this.propsPipeline.props : {};
+        this.event.emit(g.CLOSE), w(e, "onClose"), await this.destroy();
       } finally {
         this.closing = !1;
       }
@@ -2974,7 +2931,8 @@ class ye {
    * For iframes, focuses the iframe element. For popups, brings the window to front.
    */
   async focus() {
-    this.renderer.focus(this.hostWindow), this.event.emit(g.FOCUS), this.callPropCallback("onFocus");
+    const e = this.transport ? this.transport.hostWindow : null, n = this.propsPipeline ? this.propsPipeline.props : {};
+    this.renderer.focus(e), this.event.emit(g.FOCUS), w(n, "onFocus");
   }
   /**
    * Resizes the component to the specified dimensions.
@@ -2982,7 +2940,12 @@ class ye {
    * @param dimensions - New width and height for the component
    */
   async resize(e) {
-    this.renderer.resize(e, this.hostWindow), this.event.emit(g.RESIZE, e), this.callPropCallback("onResize", e);
+    const n = this.transport ? this.transport.hostWindow : null, s = this.propsPipeline ? this.propsPipeline.props : {};
+    this.renderer.resize(e, n), this.event.emit(g.RESIZE, e), w(
+      s,
+      "onResize",
+      e
+    );
   }
   /**
    * Shows the component if hidden.
@@ -3024,9 +2987,15 @@ class ye {
       assertStableRenderedOrigin: (s) => this.assertStableRenderedOrigin(s),
       isRendered: () => this.rendered,
       syncTrustedDomainForUrl: (s) => this.syncTrustedDomainForUrl(s),
-      shouldSendPropsToHost: () => this.transport.isHostConnected(),
+      shouldSendPropsToHost: () => this.transport ? this.transport.isHostConnected() : !1,
       sendPropsUpdateToHost: (s) => this.sendPropsUpdateToHost(s),
-      emitPropsUpdated: () => this.emitPropsUpdated()
+      emitPropsUpdated: (s) => {
+        this.event.emit(g.PROPS, s), w(
+          s,
+          "onProps",
+          s
+        );
+      }
     };
     await this.propsPipeline.updateProps(e, n);
   }
@@ -3035,9 +3004,10 @@ class ye {
    * @internal
    */
   assertStableRenderedOrigin(e) {
-    if (this.rendered && this.openedHostDomain && e && e !== this.openedHostDomain)
+    const n = this.transport?.openedHostDomain;
+    if (this.rendered && n && e && e !== n)
       throw new Error(
-        `Cannot change component URL origin after render (from "${this.openedHostDomain}" to "${e}")`
+        `Cannot change component URL origin after render (from "${n}" to "${e}")`
       );
   }
   /**
@@ -3045,14 +3015,7 @@ class ye {
    * @internal
    */
   async sendPropsUpdateToHost(e) {
-    await this.transport.sendPropsUpdateToHost(e, this.options.props);
-  }
-  /**
-   * Emits prop update lifecycle hooks.
-   * @internal
-   */
-  emitPropsUpdated() {
-    this.event.emit(g.PROPS, this.props), this.callPropCallback("onProps", this.props);
+    this.transport && await this.transport.sendPropsUpdateToHost(e, this.options.props);
   }
   /**
    * Creates a clone of this instance with the same props.
@@ -3060,8 +3023,8 @@ class ye {
    * @returns A new unrendered component instance with identical configuration
    */
   clone() {
-    const e = new ye(this.options, this.props);
-    return e.inputProps = { ...this.inputProps }, e;
+    const e = new _e(this.options, this.propsPipeline.props);
+    return e.propsPipeline.inputProps = { ...this.propsPipeline.inputProps }, e;
   }
   /**
    * Checks if the component is eligible to render based on the eligible option.
@@ -3069,7 +3032,7 @@ class ye {
    * @returns True if eligible or no eligibility check defined
    */
   isEligible() {
-    return this.options.eligible ? this.options.eligible({ props: this.props }).eligible : !0;
+    return this.options.eligible ? this.options.eligible({ props: this.propsPipeline.props }).eligible : !0;
   }
   /**
    * Normalizes component options with default values.
@@ -3089,7 +3052,7 @@ class ye {
    * Resolves the host URL from static or function options.
    * @internal
    */
-  resolveUrl(e = this.props) {
+  resolveUrl(e = this.propsPipeline.props) {
     return typeof this.options.url == "function" ? this.options.url(e) : this.options.url;
   }
   /**
@@ -3097,7 +3060,7 @@ class ye {
    * @internal
    */
   resolveDimensions() {
-    return typeof this.options.dimensions == "function" ? this.options.dimensions(this.props) : this.options.dimensions;
+    return typeof this.options.dimensions == "function" ? this.options.dimensions(this.propsPipeline.props) : this.options.dimensions;
   }
   /**
    * Resolves a URL to an origin, supporting relative URLs.
@@ -3115,7 +3078,7 @@ class ye {
    * @internal
    */
   isExplicitDomainTrust(e) {
-    return this.transport.isExplicitDomainTrust(e);
+    return this.transport ? this.transport.isExplicitDomainTrust(e) : !1;
   }
   /**
    * Ensures the messenger trusts the origin for a resolved host URL.
@@ -3123,20 +3086,25 @@ class ye {
    */
   syncTrustedDomainForUrl(e) {
     const n = this.resolveUrlOrigin(e);
-    n && this.isExplicitDomainTrust(n), this.transport.syncTrustedDomainForUrl(e);
+    n && this.isExplicitDomainTrust(n), this.transport && this.transport.syncTrustedDomainForUrl(e);
   }
   /**
    * Creates the prop context passed to prop callbacks and validators.
    * @internal
    */
-  createPropContext(e = this.props) {
+  createPropContext(e) {
+    const n = e ?? this.propsPipeline?.props ?? {};
     return {
-      props: e,
+      props: n,
       state: this.state,
       close: () => this.close(),
       focus: () => this.focus(),
-      onError: (n) => this.handleError(n),
-      container: this.container,
+      onError: (s) => L(
+        this.event,
+        this.propsPipeline?.props ?? n,
+        s
+      ),
+      container: this.renderer.container,
       uid: this.uid,
       tag: this.options.tag
     };
@@ -3154,7 +3122,7 @@ class ye {
    */
   checkEligibility() {
     if (!this.options.eligible) return;
-    const e = this.options.eligible({ props: this.props });
+    const e = this.options.eligible({ props: this.propsPipeline.props });
     if (!e.eligible)
       throw new Error(`Component not eligible: ${e.reason ?? "Unknown reason"}`);
   }
@@ -3182,7 +3150,7 @@ class ye {
    */
   async open() {
     const e = this.resolveUrl();
-    this.syncTrustedDomainForUrl(e), this.openedHostDomain = this.resolveUrlOrigin(e), this.hostWindow = this.renderer.open({
+    this.syncTrustedDomainForUrl(e), this.transport.openedHostDomain = this.resolveUrlOrigin(e), this.transport.hostWindow = this.renderer.open({
       baseUrl: e,
       buildUrl: (n) => this.buildUrl(n),
       buildBodyParams: () => this.buildBodyParams(),
@@ -3194,14 +3162,14 @@ class ye {
       registerCleanup: (n) => {
         this.cleanup.register(n);
       }
-    }), this.hostWindow && pt(this.uid, this.hostWindow);
+    }), this.transport.hostWindow && Yt(this.uid, this.transport.hostWindow);
   }
   /**
    * Builds the URL for the host window including query parameters.
    * @internal
    */
   buildUrl(e = this.resolveUrl()) {
-    const s = wt(this.props, this.options.props).toString();
+    const s = Wt(this.propsPipeline.props, this.options.props).toString();
     if (!s) return e;
     const r = e.includes("?") ? "&" : "?";
     return `${e}${r}${s}`;
@@ -3211,7 +3179,7 @@ class ye {
    * @internal
    */
   buildBodyParams() {
-    return _t(this.props, this.options.props);
+    return jt(this.propsPipeline.props, this.options.props);
   }
   /**
    * Submits a hidden form to navigate a target window via POST.
@@ -3227,53 +3195,28 @@ class ye {
   buildWindowName() {
     return this.transport.buildWindowName({
       tag: this.options.tag,
-      context: this.context,
-      props: this.props,
+      context: this.renderer.context,
+      props: this.propsPipeline.props,
       propDefinitions: this.options.props,
       hostDomain: this.getHostDomain(),
-      children: this.buildNestedHostRefs(),
+      children: qt(this.options, this.propsPipeline.props),
       exports: this.createConsumerExports()
     });
   }
-  /**
-   * Builds component references for nested host components.
-   * @internal
-   */
-  buildNestedHostRefs() {
-    if (!this.options.children) return;
-    const e = this.options.children({ props: this.props }), n = {};
-    for (const [s, r] of Object.entries(e)) {
-      const i = Nn(r);
-      if (!i)
-        throw new Error(`Nested component "${s}" is missing component metadata`);
-      if (typeof i.url != "string")
-        throw new Error(
-          `Nested component "${s}" must use a static string URL. Function URLs are not supported in children.`
-        );
-      n[s] = {
-        tag: i.tag,
-        url: i.url,
-        props: i.props,
-        dimensions: typeof i.dimensions == "function" ? void 0 : i.dimensions,
-        defaultContext: i.defaultContext
-      };
-    }
-    return Object.keys(n).length > 0 ? n : void 0;
-  }
   /**
    * Creates the exports object sent to the host.
    * @internal
    */
   createConsumerExports() {
     return {
-      init: u.INIT,
-      close: u.CLOSE,
-      resize: u.RESIZE,
-      show: u.SHOW,
-      hide: u.HIDE,
-      onError: u.ERROR,
-      updateProps: u.PROPS,
-      export: u.EXPORT
+      init: l.INIT,
+      close: l.CLOSE,
+      resize: l.RESIZE,
+      show: l.SHOW,
+      hide: l.HIDE,
+      onError: l.ERROR,
+      updateProps: l.PROPS,
+      export: l.EXPORT
     };
   }
   /**
@@ -3291,7 +3234,11 @@ class ye {
     await this.transport.waitForHost(
       this.options.timeout,
       this.options.tag,
-      (e) => this.handleError(e)
+      (e) => L(
+        this.event,
+        this.propsPipeline.props,
+        e
+      )
     );
   }
   /**
@@ -3306,14 +3253,18 @@ class ye {
       onFocus: async () => this.focus(),
       onShow: async () => this.show(),
       onHide: async () => this.hide(),
-      onError: (e) => this.handleError(e),
+      onError: (e) => L(
+        this.event,
+        this.propsPipeline.props,
+        e
+      ),
       onExport: (e) => {
         this.exports = e;
       },
       onConsumerExport: (e) => {
         this.consumerExports = e;
       },
-      onGetSiblings: (e) => this.getSiblingInstances(e)
+      onGetSiblings: (e) => wn(e)
     });
   }
   /**
@@ -3321,14 +3272,18 @@ class ye {
    * @internal
    */
   async syncSameDomainPropsAfterInit() {
-    if (!(!this.hostWindow || !this.transport.isHostConnected()) && Me(this.hostWindow) && this.hasSameDomainPropDefinition())
+    if (!(!this.transport.hostWindow || !this.transport.isHostConnected()) && qe(this.transport.hostWindow) && this.hasSameDomainPropDefinition())
       try {
         await this.propsPipeline.syncCurrentPropsToHost({
           shouldSendPropsToHost: () => this.transport.isHostConnected(),
           sendPropsUpdateToHost: (e) => this.sendPropsUpdateToHost(e)
         });
       } catch (e) {
-        this.handleError(e);
+        L(
+          this.event,
+          this.propsPipeline.props,
+          e
+        );
       }
   }
   /**
@@ -3336,30 +3291,7 @@ class ye {
    * @internal
    */
   hasSameDomainPropDefinition() {
-    return Object.values(this.options.props).some((e) => !e || D(e) ? !1 : e.sameDomain === !0);
-  }
-  /**
-   * Gets sibling component instances for a request.
-   * @internal
-   */
-  getSiblingInstances(e) {
-    const n = [];
-    if (e.options?.anyConsumer) {
-      for (const s of Un())
-        s.instance.uid !== e.uid && n.push({
-          uid: s.instance.uid,
-          tag: s.tag,
-          exports: s.instance.exports
-        });
-      return n;
-    }
-    for (const s of Tn(e.tag))
-      s.uid !== e.uid && n.push({
-        uid: s.uid,
-        tag: e.tag,
-        exports: s.exports
-      });
-    return n;
+    return Object.values(this.options.props).some((e) => !e || x(e) ? !1 : e.sameDomain === !0);
   }
   /**
    * Registers cleanup handlers for the instance.
@@ -3367,66 +3299,126 @@ class ye {
    */
   setupCleanup() {
     this.cleanup.register(() => {
-      this.messenger.destroy(), this.bridge.destroy(), ft(this.uid);
+      this.transport.destroy(), Jt(this.uid);
     });
   }
-  /**
-   * Handles errors by emitting events and calling callbacks.
-   * @internal
-   */
-  handleError(e) {
-    this.event.emit(g.ERROR, e), this.callPropCallback("onError", e);
-  }
-  /**
-   * Calls a prop callback if it exists.
-   * @internal
-   */
-  callPropCallback(e, ...n) {
-    const s = this.props[e];
-    if (typeof s == "function")
-      try {
-        const r = s(...n);
-        r && typeof r == "object" && "catch" in r && typeof r.catch == "function" && r.catch((i) => {
-          console.error(`Error in async ${e} callback:`, i);
-        });
-      } catch (r) {
-        console.error(`Error in ${e} callback:`, r);
-      }
-  }
   /**
    * Destroys the component and cleans up all resources.
    * @internal
    */
   async destroy() {
-    this.destroyed || (this.destroyed = !0, this.initPromise && (this.initPromise.reject(
+    if (this.destroyed) return;
+    this.destroyed = !0;
+    const e = this.propsPipeline ? this.propsPipeline.props : {}, n = this.transport ? this.transport.hostWindow : null;
+    this.transport && this.transport.initPromise && (this.transport.initPromise.reject(
       new Error(
         `Component "${this.options.tag}" was destroyed before initialization completed`
       )
-    ), this.initPromise = null), this.hostInitialized = !1, this.renderer.destroy(this.hostWindow), this.hostWindow = null, this.openedHostDomain = null, this.dynamicUrlTrustedOrigin = null, this.pendingPropsUpdate = null, await this.cleanup.cleanup(), this.event.emit(g.DESTROY), this.callPropCallback("onDestroy"), this.event.removeAllListeners());
+    ), this.transport.initPromise = null), this.transport && (this.transport.hostInitialized = !1), this.renderer.destroy(n), this.transport && (this.transport.hostWindow = null, this.transport.openedHostDomain = null, this.transport.dynamicUrlTrustedOrigin = null), this.propsPipeline && (this.propsPipeline.pendingPropsUpdate = null), await this.cleanup.cleanup(), this.event.emit(g.DESTROY), w(e, "onDestroy"), this.event.removeAllListeners();
   }
 }
-const N = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map();
-function En(t, e) {
+const U = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map();
+function Rn(t, e) {
   const n = e;
-  N.get(n.uid) && Xe(n.uid);
+  U.get(n.uid) && Qe(n.uid);
   let r = F.get(t);
-  r || (r = /* @__PURE__ */ new Map(), F.set(t, r)), r.set(n.uid, n), N.set(n.uid, { tag: t, instance: n });
+  r || (r = /* @__PURE__ */ new Map(), F.set(t, r)), r.set(n.uid, n), U.set(n.uid, { tag: t, instance: n });
+}
+function Qe(t) {
+  const e = U.get(t);
+  if (!e)
+    return;
+  U.delete(t);
+  const n = F.get(e.tag);
+  n && (n.delete(t), n.size === 0 && F.delete(e.tag));
+}
+function Dn(t) {
+  return Array.from(F.get(t)?.values() ?? []);
+}
+function Sn() {
+  return Array.from(U.values());
+}
+function xn() {
+  return le();
+}
+function In() {
+  return le();
+}
+function vn() {
+  return window.hostProps;
+}
+const G = /* @__PURE__ */ new Map(), et = /* @__PURE__ */ Symbol("forgeframe.component.options");
+function Tn(t) {
+  if (!t.tag)
+    throw new Error("Component tag is required");
+  if (!/^[a-z][a-z0-9-]*$/.test(t.tag))
+    throw new Error(
+      `Invalid component tag "${t.tag}". Must start with lowercase letter and contain only lowercase letters, numbers, and hyphens.`
+    );
+  if (!t.url)
+    throw new Error("Component url is required");
+  if (typeof t.url == "string")
+    try {
+      const e = ce() ? window.location.origin : "https://forgeframe.invalid";
+      new URL(t.url, e);
+    } catch {
+      throw new Error(
+        `Invalid component URL "${t.url}". Must be a valid absolute or relative URL.`
+      );
+    }
+  if (G.has(t.tag))
+    throw new Error(`Component "${t.tag}" is already registered`);
+}
+function tt(t) {
+  Tn(t);
+  const e = [];
+  let n;
+  const s = () => ce() && pt(t.tag), r = () => {
+    if (n)
+      return n;
+    if (!s())
+      return;
+    const a = Ee(t.props, t.allowedConsumerDomains);
+    if (a)
+      return n = a.hostProps, n;
+  };
+  r();
+  const i = () => (r(), n !== void 0 || s()), o = function(a = {}) {
+    const c = new _e(t, a);
+    return c.destroyed || (e.push(c), Rn(t.tag, c), c.event.once("destroy", () => {
+      const d = e.indexOf(c);
+      d !== -1 && e.splice(d, 1), Qe(c.uid);
+    })), c;
+  };
+  return o.instances = e, o.isHost = () => i(), o.isEmbedded = () => i(), Object.defineProperty(o, "hostProps", {
+    configurable: !0,
+    enumerable: !0,
+    get: () => r()
+  }), o[et] = t, o.canRenderTo = async (a) => a === window, G.set(t.tag, o), o;
+}
+function Hn(t) {
+  return Dn(t);
+}
+function Un() {
+  return Sn();
 }
-function Xe(t) {
-  const e = N.get(t);
-  if (!e)
-    return;
-  N.delete(t);
-  const n = F.get(e.tag);
-  n && (n.delete(t), n.size === 0 && F.delete(e.tag));
+function Fn(t) {
+  return t[et];
 }
-function bn(t) {
-  return Array.from(F.get(t)?.values() ?? []);
+async function Nn(t) {
+  await t.close();
+}
+async function nt(t) {
+  const e = G.get(t);
+  if (!e) return;
+  const n = [...e.instances];
+  await Promise.all(n.map((s) => s.close()));
 }
-function On() {
-  return Array.from(N.values());
+async function An() {
+  const t = Array.from(G.keys());
+  await Promise.all(t.map((e) => nt(e)));
 }
-const Ge = "Could not resolve consumer window", ne = "Could not verify consumer origin", Cn = /* @__PURE__ */ new Set([
+const $n = /* @__PURE__ */ new Set([
   "uid",
   "tag",
   "close",
@@ -3443,89 +3435,52 @@ const Ge = "Could not resolve consumer window", ne = "Could not verify consumer
   "getPeerInstances",
   "children"
 ]);
-function v(t) {
+function T(t) {
   const e = {};
   for (const [n, s] of Object.entries(t))
-    Cn.has(n) || (e[n] = s);
+    $n.has(n) || (e[n] = s);
   return e;
 }
-class Rn {
-  /**
-   * Creates a new HostComponent instance.
-   *
-   * @param payload - The payload parsed from window.name
-   * @param propDefinitions - Optional prop definitions for deserialization
-   * @param allowedConsumerDomains - Optional allowlist of consumer domains
-   * @param deferInit - Whether to defer INIT until a later explicit flush
-   */
-  constructor(e, n = {}, s, r = !1) {
-    this.propDefinitions = n, this.allowedConsumerDomains = s, this.deferInit = r, this.uid = e.uid, this.tag = e.tag, this.event = new Ae();
-    let i = null, o = null;
-    try {
-      this.consumerWindow = this.resolveConsumerWindow(), this.consumerDomain = this.resolveConsumerDomain(e.consumerDomain), o = new qe(this.uid, window, B(), this.consumerDomain), this.messenger = o, this.setupMessageHandlers(), i = new me(this.messenger), this.bridge = i, this.hostProps = this.buildHostProps(e), this.exposeHostProps(), this.deferInit || this.flushInit();
-    } catch (a) {
-      throw i?.destroy(), o?.destroy(), this.event.removeAllListeners(), this.propsHandlers.clear(), a;
-    }
+class Mn {
+  constructor(e = {}, n) {
+    this.propDefinitions = e, this.options = n;
   }
-  /** The hostProps object containing props and control methods passed from the consumer. */
   hostProps;
-  /** Event emitter for lifecycle events. */
-  event;
-  /** @internal */
-  uid;
-  /** @internal */
-  tag;
-  /** @internal */
-  consumerWindow;
-  /** @internal */
-  consumerDomain;
-  /** @internal */
-  consumerDomainVerified = !1;
-  /** @internal */
-  messenger;
-  /** @internal */
-  bridge;
-  /** @internal */
-  propsHandlers = /* @__PURE__ */ new Set();
-  /** @internal */
   consumerProps;
-  /** @internal */
-  initError = null;
-  /** @internal */
-  destroyed = !1;
-  /** @internal */
-  initSent = !1;
-  /** @internal */
-  deferredInitFlushScheduled = !1;
-  /**
-   * Ensures the INIT handshake is sent at most once.
-   * @internal
-   */
-  flushInit() {
-    this.destroyed || this.initSent || (this.initSent = !0, this.sendInit());
-  }
-  /**
-   * Schedules deferred INIT flush on the next microtask.
-   * This preserves legacy hostProps-only usage while giving same-tick
-   * host configuration a chance to run allowlist checks first.
-   * @internal
-   */
-  scheduleDeferredInitFlush() {
-    this.deferredInitFlushScheduled || this.destroyed || this.initSent || (this.deferredInitFlushScheduled = !0, queueMicrotask(() => {
-      this.deferredInitFlushScheduled = !1, this.flushInit();
-    }));
+  propsHandlers = /* @__PURE__ */ new Set();
+  initializeHostProps(e) {
+    const n = this.deserialize(e.props);
+    H(n, this.getBootstrapValidationDefinitions()), this.consumerProps = n;
+    const s = T(n);
+    return this.hostProps = {
+      ...s,
+      uid: this.options.uid,
+      tag: this.options.tag,
+      close: () => this.options.controls.close(),
+      focus: () => this.options.controls.focus(),
+      resize: (r) => this.options.controls.resize(r),
+      show: () => this.options.controls.show(),
+      hide: () => this.options.controls.hide(),
+      onProps: (r) => this.onProps(r),
+      onError: (r) => this.options.controls.onError(r),
+      getConsumer: () => this.options.getConsumerWindow(),
+      getConsumerDomain: () => this.options.getConsumerDomain(),
+      export: (r) => this.options.controls.exportData(r),
+      consumer: {
+        props: this.consumerProps,
+        export: (r) => this.options.controls.consumerExport(r)
+      },
+      getPeerInstances: (r) => this.options.controls.getPeerInstances(r),
+      children: this.buildNestedComponents(e.children)
+    }, this.hostProps;
   }
-  /**
-   * Exposes hostProps on window and lazily flushes deferred init on first access.
-   * @internal
-   */
   exposeHostProps() {
     const e = window;
     try {
       Object.defineProperty(e, "hostProps", {
         configurable: !0,
         enumerable: !0,
-        get: () => (this.deferInit && !this.initSent && !this.destroyed && this.scheduleDeferredInitFlush(), this.hostProps),
+        get: () => (this.options.onFirstHostPropsAccess(), this.hostProps),
         set: (n) => {
           n && (this.hostProps = n);
         }
@@ -3534,579 +3489,411 @@ class Rn {
       e.hostProps = this.hostProps;
     }
   }
-  /**
-   * Validates that the consumer domain is allowed.
-   * @internal
-   */
-  validateConsumerDomain() {
-    if (this.allowedConsumerDomains) {
-      if (!this.consumerDomain)
-        throw new Error(
-          `${ne} for component "${this.tag}"`
-        );
-      if (!U(this.allowedConsumerDomains, this.consumerDomain))
-        throw new Error(
-          `Consumer domain "${this.consumerDomain}" is not allowed for component "${this.tag}"`
-        );
-    }
-  }
-  /**
-   * Reads a browser-verifiable consumer origin when available.
-   * @internal
-   */
-  getVerifiedConsumerOrigin() {
-    return this.getReferrerOrigin() ?? this.getAccessibleConsumerOrigin();
-  }
-  /**
-   * Updates the tracked consumer origin and keeps trusted messaging origins in sync.
-   * @internal
-   */
-  setConsumerDomain(e, n) {
-    const s = this.consumerDomain;
-    this.consumerDomain = e, this.consumerDomainVerified = n, !(!this.messenger || !s || s === e) && (this.messenger.removeTrustedDomain(s), this.messenger.addTrustedDomain(e));
-  }
-  /**
-   * Applies host configuration that may arrive after deferred pre-initialization.
-   * @internal
-   */
-  applyHostConfiguration(e, n) {
-    n !== void 0 && (this.allowedConsumerDomains = n), e !== void 0 && (this.propDefinitions = e, T(this.consumerProps, this.getBootstrapValidationDefinitions()), Object.assign(this.hostProps, v(this.consumerProps)), this.hostProps.consumer.props = this.consumerProps);
-  }
-  /**
-   * Resolves the consumer origin from browser-provided context and falls back to the
-   * claimed bootstrap origin only when no explicit allowlist is configured.
-   * @internal
-   */
-  resolveConsumerDomain(e) {
-    const n = this.getVerifiedConsumerOrigin();
-    if (n)
-      return this.consumerDomainVerified = !0, this.consumerDomain = n, this.validateConsumerDomain(), n;
-    if (this.consumerDomainVerified = !1, this.allowedConsumerDomains)
-      throw new Error(
-        `${ne} for component "${this.tag}"`
-      );
-    return e;
-  }
-  /**
-   * Rechecks allowlist constraints against a browser-verified consumer origin.
-   * @internal
-   */
-  assertAllowedConsumerDomain(e) {
-    const n = this.getVerifiedConsumerOrigin();
-    if (n && this.setConsumerDomain(n, !0), !this.consumerDomainVerified)
-      throw new Error(
-        `${ne} for component "${this.tag}"`
-      );
-    if (!U(e, this.consumerDomain))
-      throw new Error(
-        `Consumer domain "${this.consumerDomain}" is not allowed for component "${this.tag}"`
-      );
-  }
-  /**
-   * Reads the consumer origin from the browser-provided referrer when available.
-   * @internal
-   */
-  getReferrerOrigin() {
-    if (!document.referrer)
-      return null;
-    try {
-      return new URL(document.referrer, window.location.href).origin;
-    } catch {
-      return null;
-    }
+  applyHostConfiguration(e) {
+    this.propDefinitions = e, H(this.consumerProps, this.getBootstrapValidationDefinitions()), Object.assign(this.hostProps, T(this.consumerProps)), this.hostProps.consumer.props = this.consumerProps;
   }
-  /**
-   * Reads the consumer origin directly when same-origin access is available.
-   * @internal
-   */
-  getAccessibleConsumerOrigin() {
+  applySerializedProps(e) {
     try {
-      return this.consumerWindow.location.origin;
-    } catch {
-      return null;
+      const n = this.consumerProps, s = this.deserialize(e);
+      H(s, this.propDefinitions), this.removeStaleHostProps(n, s), this.consumerProps = s, Object.assign(this.hostProps, T(s)), this.hostProps.consumer.props = this.consumerProps;
+      for (const r of this.propsHandlers)
+        try {
+          r(s);
+        } catch (i) {
+          console.error("Error in props handler:", i);
+        }
+      return this.options.event.emit(g.PROPS, s), { success: !0 };
+    } catch (n) {
+      const s = n instanceof Error ? n : new Error(String(n));
+      throw console.error("Error deserializing props:", s), this.options.event.emit(g.ERROR, s), s;
     }
   }
-  /**
-   * Returns the hostProps object.
-   *
-   * @returns The hostProps object with props and control methods
-   */
-  getProps() {
-    return this.hostProps;
+  destroy() {
+    this.propsHandlers.clear();
   }
-  /**
-   * Resolves the consumer window reference (iframe parent or popup opener).
-   * @internal
-   */
-  resolveConsumerWindow() {
-    if (ut()) {
-      const e = lt();
-      if (e) return e;
-    }
-    if (ht()) {
-      const e = ct();
-      if (e) return e;
-    }
-    throw new Error(Ge);
+  onProps(e) {
+    return this.propsHandlers.add(e), {
+      cancel: () => this.propsHandlers.delete(e)
+    };
   }
-  /**
-   * Builds the hostProps object with deserialized props and control methods.
-   * @internal
-   */
-  buildHostProps(e) {
-    const n = Ue(
-      e.props,
+  deserialize(e) {
+    return Tt(
+      e,
       this.propDefinitions,
-      this.messenger,
-      this.bridge,
-      this.consumerWindow,
-      this.consumerDomain
+      this.options.getMessenger(),
+      this.options.getBridge(),
+      this.options.getConsumerWindow(),
+      this.options.getConsumerDomain()
     );
-    return T(n, this.getBootstrapValidationDefinitions()), this.consumerProps = n, {
-      ...v(n),
-      uid: this.uid,
-      tag: this.tag,
-      close: () => this.close(),
-      focus: () => this.focus(),
-      resize: (r) => this.resize(r),
-      show: () => this.show(),
-      hide: () => this.hide(),
-      onProps: (r) => this.onProps(r),
-      onError: (r) => this.onError(r),
-      getConsumer: () => this.consumerWindow,
-      getConsumerDomain: () => this.consumerDomain,
-      export: (r) => this.exportData(r),
-      consumer: {
-        props: this.consumerProps,
-        export: (r) => this.consumerExport(r)
-      },
-      getPeerInstances: (r) => this.getPeerInstances(r),
-      children: this.buildNestedComponents(e.children)
-    };
   }
-  /**
-   * Relaxes required sameDomain props during bootstrap for verified same-origin hosts.
-   * Those props are synchronized after INIT through the live messaging channel.
-   * @internal
-   */
   getBootstrapValidationDefinitions() {
-    if (!this.consumerDomainVerified || this.consumerDomain !== B())
+    if (!this.options.isConsumerDomainVerified() || this.options.getConsumerDomain() !== q())
       return this.propDefinitions;
     let e = !1;
     const n = {
       ...this.propDefinitions
     };
     for (const [s, r] of Object.entries(this.propDefinitions))
-      !r || D(r) || !r.sameDomain || (e = !0, n[s] = {
+      !r || x(r) || !r.sameDomain || (e = !0, n[s] = {
         ...r,
         required: !1
       });
     return e ? n : this.propDefinitions;
   }
-  /**
-   * Sends initialization message to the consumer.
-   * @internal
-   */
+  buildNestedComponents(e) {
+    if (!e)
+      return;
+    const n = {};
+    for (const [s, r] of Object.entries(e))
+      try {
+        n[s] = tt({
+          tag: r.tag,
+          url: r.url,
+          props: r.props,
+          dimensions: r.dimensions,
+          defaultContext: r.defaultContext
+        });
+      } catch (i) {
+        console.warn(`Failed to create nested component "${s}":`, i);
+      }
+    return Object.keys(n).length > 0 ? n : void 0;
+  }
+  removeStaleHostProps(e, n) {
+    const s = T(e), r = T(n);
+    for (const i of Object.keys(s))
+      i in r || delete this.hostProps[i];
+  }
+}
+const st = "Could not resolve consumer window", Pe = "Could not verify consumer origin";
+function rt(t, e, n) {
+  if (!e)
+    throw new Error(
+      `${Pe} for component "${n}"`
+    );
+  if (!X(t, e))
+    throw new Error(
+      `Consumer domain "${e}" is not allowed for component "${n}"`
+    );
+}
+function zn(t = window) {
+  if (Mt(t)) {
+    const e = $t(t);
+    if (e)
+      return e;
+  }
+  if (zt(t)) {
+    const e = At(t);
+    if (e)
+      return e;
+  }
+  throw new Error(st);
+}
+function Ln(t = document, e = window) {
+  if (!t.referrer)
+    return null;
+  try {
+    return new URL(t.referrer, e.location.href).origin;
+  } catch {
+    return null;
+  }
+}
+function kn(t) {
+  try {
+    return t.location.origin;
+  } catch {
+    return null;
+  }
+}
+function it(t, e = document, n = window) {
+  return Ln(e, n) ?? kn(t);
+}
+function Wn(t) {
+  const e = it(t.consumerWindow);
+  if (e)
+    return t.allowedConsumerDomains && rt(
+      t.allowedConsumerDomains,
+      e,
+      t.tag
+    ), {
+      consumerDomain: e,
+      consumerDomainVerified: !0
+    };
+  if (t.allowedConsumerDomains)
+    throw new Error(
+      `${Pe} for component "${t.tag}"`
+    );
+  return {
+    consumerDomain: t.claimedConsumerDomain,
+    consumerDomainVerified: !1
+  };
+}
+function jn(t) {
+  const e = it(t.consumerWindow);
+  let n = t.consumerDomain, s = t.consumerDomainVerified;
+  if (e && (e !== n && t.onConsumerDomainChange?.(n, e), n = e, s = !0), !s)
+    throw new Error(
+      `${Pe} for component "${t.tag}"`
+    );
+  return rt(
+    t.allowedConsumerDomains,
+    n,
+    t.tag
+  ), {
+    consumerDomain: n,
+    consumerDomainVerified: s
+  };
+}
+class Bn {
+  constructor(e) {
+    this.options = e, this.messenger = new Ze(
+      this.options.uid,
+      window,
+      q(),
+      this.options.consumerDomain
+    ), this.bridge = new de(this.messenger);
+  }
+  messenger;
+  bridge;
+  destroyed = !1;
+  initSent = !1;
+  initError = null;
+  deferredInitFlushScheduled = !1;
+  registerPropsHandler(e) {
+    this.messenger.on(l.PROPS, (n, s) => e.isConsumerSource(s) ? e.applySerializedProps(n) : { success: !1 });
+  }
+  handleHostPropsAccess() {
+    this.options.deferInit && !this.initSent && !this.destroyed && this.scheduleDeferredInitFlush();
+  }
+  flushInit() {
+    this.destroyed || this.initSent || (this.initSent = !0, this.sendInit());
+  }
+  getInitError() {
+    return this.initError;
+  }
+  updateTrustedConsumerDomain(e, n) {
+    !e || e === n || (this.messenger.removeTrustedDomain(e), this.messenger.addTrustedDomain(n));
+  }
+  async close() {
+    await this.sendMessage(l.CLOSE, {});
+  }
+  async focus() {
+    window.focus(), await this.sendMessage(l.FOCUS, {});
+  }
+  async resize(e) {
+    await this.sendMessage(l.RESIZE, e);
+  }
+  async show() {
+    await this.sendMessage(l.SHOW, {});
+  }
+  async hide() {
+    await this.sendMessage(l.HIDE, {});
+  }
+  async onError(e) {
+    await this.sendMessage(l.ERROR, {
+      message: e.message,
+      stack: e.stack
+    });
+  }
+  async exportData(e) {
+    await this.sendMessage(l.EXPORT, e);
+  }
+  async consumerExport(e) {
+    await this.sendMessage(l.CONSUMER_EXPORT, e);
+  }
+  async getPeerInstances(e) {
+    return await this.messenger.send(
+      this.options.consumerWindow,
+      this.options.getConsumerDomain(),
+      l.GET_SIBLINGS,
+      {
+        uid: this.options.uid,
+        tag: this.options.tag,
+        options: e
+      }
+    ) ?? [];
+  }
+  destroy() {
+    this.destroyed || (this.destroyed = !0, this.deferredInitFlushScheduled = !1, this.messenger.destroy(), this.bridge.destroy());
+  }
+  scheduleDeferredInitFlush() {
+    this.deferredInitFlushScheduled || this.destroyed || this.initSent || (this.deferredInitFlushScheduled = !0, queueMicrotask(() => {
+      this.deferredInitFlushScheduled = !1, this.flushInit();
+    }));
+  }
   async sendInit() {
     try {
-      await this.messenger.send(
-        this.consumerWindow,
-        this.consumerDomain,
-        u.INIT,
-        { uid: this.uid, tag: this.tag }
-      );
+      await this.sendMessage(l.INIT, {
+        uid: this.options.uid,
+        tag: this.options.tag
+      });
     } catch (e) {
       const n = e instanceof Error ? e : new Error(String(e));
-      this.initError = n, this.event.emit(g.ERROR, {
+      this.initError = n, this.options.event.emit(g.ERROR, {
         type: "init_failed",
         message: `Failed to initialize host component: ${n.message}`,
         error: n
       }), console.error("Failed to send init message:", e);
     }
   }
-  /**
-   * Returns the initialization error if one occurred.
-   *
-   * @returns The initialization error or null if successful
-   */
-  getInitError() {
-    return this.initError;
-  }
-  /**
-   * Requests the consumer to close this component.
-   * @internal
-   */
-  async close() {
-    await this.messenger.send(
-      this.consumerWindow,
-      this.consumerDomain,
-      u.CLOSE,
-      {}
-    );
-  }
-  /**
-   * Focuses this window and notifies the consumer.
-   * @internal
-   */
-  async focus() {
-    window.focus(), await this.messenger.send(
-      this.consumerWindow,
-      this.consumerDomain,
-      u.FOCUS,
-      {}
-    );
-  }
-  /**
-   * Requests the consumer to resize this component.
-   * @internal
-   */
-  async resize(e) {
-    await this.messenger.send(
-      this.consumerWindow,
-      this.consumerDomain,
-      u.RESIZE,
-      e
-    );
-  }
-  /**
-   * Requests the consumer to show this component.
-   * @internal
-   */
-  async show() {
+  async sendMessage(e, n) {
     await this.messenger.send(
-      this.consumerWindow,
-      this.consumerDomain,
-      u.SHOW,
-      {}
+      this.options.consumerWindow,
+      this.options.getConsumerDomain(),
+      e,
+      n
     );
   }
-  /**
-   * Requests the consumer to hide this component.
-   * @internal
-   */
-  async hide() {
-    await this.messenger.send(
-      this.consumerWindow,
-      this.consumerDomain,
-      u.HIDE,
-      {}
-    );
+}
+class Vn {
+  event;
+  uid;
+  tag;
+  consumerWindow;
+  consumerDomain;
+  consumerDomainVerified = !1;
+  allowedConsumerDomains;
+  transport;
+  propsRuntime;
+  destroyed = !1;
+  constructor(e, n = {}, s, r = !1) {
+    this.uid = e.uid, this.tag = e.tag, this.event = new Le(), this.allowedConsumerDomains = s;
+    let i = null, o = null;
+    try {
+      this.consumerWindow = zn();
+      const a = Wn({
+        consumerWindow: this.consumerWindow,
+        claimedConsumerDomain: e.consumerDomain,
+        allowedConsumerDomains: this.allowedConsumerDomains,
+        tag: this.tag
+      });
+      this.consumerDomain = a.consumerDomain, this.consumerDomainVerified = a.consumerDomainVerified, i = new Bn({
+        uid: this.uid,
+        tag: this.tag,
+        event: this.event,
+        consumerWindow: this.consumerWindow,
+        consumerDomain: this.consumerDomain,
+        getConsumerDomain: () => this.consumerDomain,
+        deferInit: r
+      }), this.transport = i, o = new Mn(n, {
+        uid: this.uid,
+        tag: this.tag,
+        event: this.event,
+        controls: {
+          close: () => this.transport.close(),
+          focus: () => this.transport.focus(),
+          resize: (c) => this.transport.resize(c),
+          show: () => this.transport.show(),
+          hide: () => this.transport.hide(),
+          onError: (c) => this.transport.onError(c),
+          exportData: (c) => this.transport.exportData(c),
+          consumerExport: (c) => this.transport.consumerExport(c),
+          getPeerInstances: (c) => this.transport.getPeerInstances(c)
+        },
+        getConsumerWindow: () => this.consumerWindow,
+        getConsumerDomain: () => this.consumerDomain,
+        isConsumerDomainVerified: () => this.consumerDomainVerified,
+        getMessenger: () => this.transport.messenger,
+        getBridge: () => this.transport.bridge,
+        onFirstHostPropsAccess: () => this.transport.handleHostPropsAccess()
+      }), this.propsRuntime = o, Object.defineProperties(this, {
+        messenger: {
+          configurable: !0,
+          get: () => this.transport.messenger
+        },
+        bridge: {
+          configurable: !0,
+          get: () => this.transport.bridge
+        },
+        consumerProps: {
+          configurable: !0,
+          get: () => this.propsRuntime.consumerProps
+        },
+        propsHandlers: {
+          configurable: !0,
+          get: () => this.propsRuntime.propsHandlers
+        }
+      }), this.transport.registerPropsHandler({
+        isConsumerSource: (c) => c.window === this.consumerWindow,
+        applySerializedProps: (c) => this.propsRuntime.applySerializedProps(c)
+      }), this.hostProps = this.propsRuntime.initializeHostProps(e), this.propsRuntime.exposeHostProps(), r || this.flushInit();
+    } catch (a) {
+      throw o?.destroy(), i?.destroy(), this.event.removeAllListeners(), a;
+    }
   }
-  /**
-   * Subscribes to prop updates from the consumer.
-   * @internal
-   */
-  onProps(e) {
-    return this.propsHandlers.add(e), {
-      cancel: () => this.propsHandlers.delete(e)
-    };
+  get hostProps() {
+    return this.propsRuntime.hostProps;
   }
-  /**
-   * Reports an error to the consumer.
-   * @internal
-   */
-  async onError(e) {
-    await this.messenger.send(
-      this.consumerWindow,
-      this.consumerDomain,
-      u.ERROR,
-      {
-        message: e.message,
-        stack: e.stack
-      }
-    );
+  set hostProps(e) {
+    this.propsRuntime.hostProps = e;
   }
-  /**
-   * Exports data or methods to the consumer.
-   * @internal
-   */
-  async exportData(e) {
-    await this.messenger.send(
-      this.consumerWindow,
-      this.consumerDomain,
-      u.EXPORT,
-      e
-    );
+  flushInit() {
+    this.transport.flushInit();
   }
-  /**
-   * Exports data to the consumer for bidirectional communication.
-   * @internal
-   */
-  async consumerExport(e) {
-    await this.messenger.send(
-      this.consumerWindow,
-      this.consumerDomain,
-      u.CONSUMER_EXPORT,
-      e
-    );
+  getProps() {
+    return this.hostProps;
   }
-  /**
-   * Gets information about peer component instances.
-   * @internal
-   */
-  async getPeerInstances(e) {
-    return await this.messenger.send(
-      this.consumerWindow,
-      this.consumerDomain,
-      u.GET_SIBLINGS,
-      { uid: this.uid, tag: this.tag, options: e }
-    ) ?? [];
+  getInitError() {
+    return this.transport.getInitError();
   }
-  /**
-   * Builds nested component factories from refs passed by the consumer.
-   * @internal
-   */
-  buildNestedComponents(e) {
-    if (!e) return;
-    const n = {};
-    for (const [s, r] of Object.entries(e))
-      try {
-        n[s] = Qe({
-          tag: r.tag,
-          url: r.url,
-          props: r.props,
-          dimensions: r.dimensions,
-          defaultContext: r.defaultContext
-        });
-      } catch (i) {
-        console.warn(`Failed to create nested component "${s}":`, i);
-      }
-    return Object.keys(n).length > 0 ? n : void 0;
+  applyHostConfiguration(e, n) {
+    n !== void 0 && (this.allowedConsumerDomains = n), e !== void 0 && this.propsRuntime.applyHostConfiguration(e);
   }
-  /**
-   * Sets up message handlers for consumer communication.
-   * @internal
-   */
-  setupMessageHandlers() {
-    this.messenger.on(u.PROPS, (e) => {
-      try {
-        const n = this.consumerProps, s = Ue(
-          e,
-          this.propDefinitions,
-          this.messenger,
-          this.bridge,
-          this.consumerWindow,
-          this.consumerDomain
-        );
-        T(s, this.propDefinitions), this.removeStaleHostProps(n, s), this.consumerProps = s, Object.assign(this.hostProps, v(s)), this.hostProps.consumer.props = this.consumerProps;
-        for (const r of this.propsHandlers)
-          try {
-            r(s);
-          } catch (i) {
-            console.error("Error in props handler:", i);
-          }
-        return this.event.emit(g.PROPS, s), { success: !0 };
-      } catch (n) {
-        const s = n instanceof Error ? n : new Error(String(n));
-        throw console.error("Error deserializing props:", s), this.event.emit(g.ERROR, s), s;
+  assertAllowedConsumerDomain(e) {
+    const n = jn({
+      consumerWindow: this.consumerWindow,
+      consumerDomain: this.consumerDomain,
+      consumerDomainVerified: this.consumerDomainVerified,
+      allowedConsumerDomains: e,
+      tag: this.tag,
+      onConsumerDomainChange: (s, r) => {
+        this.transport.updateTrustedConsumerDomain(s, r);
       }
     });
+    this.consumerDomain = n.consumerDomain, this.consumerDomainVerified = n.consumerDomainVerified;
   }
-  /**
-   * Removes stale prop keys that are no longer present in the latest consumer payload.
-   * @internal
-   */
-  removeStaleHostProps(e, n) {
-    const s = v(e), r = v(n);
-    for (const i of Object.keys(s))
-      i in r || delete this.hostProps[i];
-  }
-  /**
-   * Destroys the host component and cleans up resources.
-   */
   destroy() {
-    this.destroyed || (this.destroyed = !0, this.deferredInitFlushScheduled = !1, this.messenger.destroy(), this.bridge.destroy(), this.event.removeAllListeners(), this.propsHandlers.clear());
+    this.destroyed || (this.destroyed = !0, this.transport.destroy(), this.event.removeAllListeners(), this.propsRuntime.destroy());
   }
 }
-let w = null;
-function we(t, e, n = {}) {
-  if (w) {
+let _ = null;
+function Ee(t, e, n = {}) {
+  if (_) {
     try {
-      w.applyHostConfiguration(
+      _.applyHostConfiguration(
         t,
         e
-      ), e && w.assertAllowedConsumerDomain(e);
+      ), e && _.assertAllowedConsumerDomain(e);
     } catch (r) {
-      throw Sn(), r;
+      throw Yn(), r;
     }
-    return n.deferInit || w.flushInit(), w;
+    return n.deferInit || _.flushInit(), _;
   }
-  if (!ge())
+  if (!le())
     return null;
-  const s = _n();
+  const s = yt();
   if (!s)
     return console.error("Failed to parse ForgeFrame payload from window.name"), null;
   try {
-    w = new Rn(
+    _ = new Vn(
       s,
       t,
       e,
       n.deferInit ?? !1
     );
   } catch (r) {
-    if (r instanceof Error && r.message === Ge)
+    if (r instanceof Error && r.message === st)
       return null;
     throw r;
   }
-  return w;
-}
-function xn() {
-  return ge();
-}
-function Dn() {
-  return ge();
-}
-function In() {
-  return window.hostProps;
-}
-function Sn() {
-  w && (w.destroy(), w = null), delete window.hostProps;
-}
-const K = /* @__PURE__ */ new Map(), Ze = /* @__PURE__ */ Symbol("forgeframe.component.options");
-function vn(t) {
-  if (!t.tag)
-    throw new Error("Component tag is required");
-  if (!/^[a-z][a-z0-9-]*$/.test(t.tag))
-    throw new Error(
-      `Invalid component tag "${t.tag}". Must start with lowercase letter and contain only lowercase letters, numbers, and hyphens.`
-    );
-  if (!t.url)
-    throw new Error("Component url is required");
-  if (typeof t.url == "string")
-    try {
-      new URL(t.url, window.location.origin);
-    } catch {
-      throw new Error(
-        `Invalid component URL "${t.url}". Must be a valid absolute or relative URL.`
-      );
-    }
-  if (K.has(t.tag))
-    throw new Error(`Component "${t.tag}" is already registered`);
-}
-function Qe(t) {
-  vn(t);
-  const e = [];
-  let n;
-  if (te(t.tag)) {
-    const r = we(t.props, t.allowedConsumerDomains);
-    r && (n = r.hostProps);
-  }
-  const s = function(r = {}) {
-    const i = new ye(t, r);
-    return e.push(i), En(t.tag, i), i.event.once("destroy", () => {
-      const o = e.indexOf(i);
-      o !== -1 && e.splice(o, 1), Xe(i.uid);
-    }), i;
-  };
-  return s.instances = e, s.isHost = () => te(t.tag), s.isEmbedded = () => te(t.tag), s.hostProps = n, s[Ze] = t, s.canRenderTo = async (r) => r === window, K.set(t.tag, s), s;
-}
-function Tn(t) {
-  return bn(t);
-}
-function Un() {
-  return On();
-}
-function Nn(t) {
-  return t[Ze];
-}
-async function Fn(t) {
-  await t.close();
-}
-async function et(t) {
-  const e = K.get(t);
-  if (!e) return;
-  const n = [...e.instances];
-  await Promise.all(n.map((s) => s.close()));
-}
-async function Hn() {
-  const t = Array.from(K.keys());
-  await Promise.all(t.map((e) => et(e)));
-}
-function $n(t, e) {
-  const n = Object.keys(t), s = Object.keys(e);
-  if (n.length !== s.length)
-    return !1;
-  for (const r of n)
-    if (!Object.prototype.hasOwnProperty.call(e, r) || !Object.is(t[r], e[r]))
-      return !1;
-  return !0;
+  return _;
 }
-function An(t, e) {
-  const { React: n } = e, { createElement: s, useRef: r, useEffect: i, useState: o, forwardRef: a } = n, c = a(
-    function(m, h) {
-      const {
-        onRendered: E,
-        onError: O,
-        onClose: X,
-        context: _e,
-        className: Pe,
-        style: Ee,
-        ...G
-      } = m, Z = r(null), I = r(null), $ = r(null), be = r(E), A = r(O), Oe = r(X), [Ce, Re] = o(null);
-      return i(() => {
-        be.current = E, A.current = O, Oe.current = X;
-      }, [E, O, X]), i(() => {
-        const _ = Z.current;
-        if (!_) return;
-        Re(null);
-        const y = t(G);
-        I.current = y, $.current = G;
-        const L = y.event.once("rendered", () => {
-          be.current?.();
-        }), xe = y.event.once("close", () => {
-          Oe.current?.();
-        }), Q = y.event.on("error", (M) => {
-          A.current?.(M);
-        });
-        return y.render(_, _e).catch((M) => {
-          I.current === y && (Re(M), A.current?.(M));
-        }), () => {
-          y.close().catch(() => {
-          }), L(), xe(), Q(), I.current = null, $.current = null;
-        };
-      }, [_e]), i(() => {
-        const _ = I.current;
-        if (!_) return;
-        const y = G, L = $.current;
-        L && $n(L, y) || ($.current = y, _.updateProps(y).catch((Q) => {
-          I.current === _ && A.current?.(Q);
-        }));
-      }), i(() => {
-        const _ = Z.current;
-        if (typeof h == "function")
-          return h(_), () => {
-            h(null);
-          };
-        if (h && typeof h == "object")
-          return h.current = _, () => {
-            h.current = null;
-          };
-      }, [h]), Ce ? s(
-        "div",
-        {
-          className: Pe,
-          style: { color: "red", padding: "16px", ...Ee }
-        },
-        `Error: ${Ce.message}`
-      ) : s("div", {
-        ref: Z,
-        className: Pe,
-        style: {
-          display: "inline-block",
-          ...Ee
-        }
-      });
-    }
-  ), l = `ForgeFrame(${t.name || "Component"})`;
-  return c.displayName = l, c;
+function Yn() {
+  _ && (_.destroy(), _ = null), delete window.hostProps;
 }
-function Ln(t) {
-  return function(n) {
-    return An(n, { React: t });
-  };
+function Jn() {
+  ce() && Ee(void 0, void 0, { deferInit: !0 });
 }
-we(void 0, void 0, { deferInit: !0 });
-const Mn = {
+const Xn = {
   /**
    * Create a new component definition.
    *
@@ -4131,23 +3918,23 @@ const Mn = {
    * await instance.render('#container');
    * ```
    */
-  create: Qe,
+  create: tt,
   /**
    * Destroy a single component instance.
    *
    * @param instance - The component instance to destroy
    */
-  destroy: Fn,
+  destroy: Nn,
   /**
    * Destroy all instances of a specific component by tag.
    *
    * @param tag - The component tag name
    */
-  destroyByTag: et,
+  destroyByTag: nt,
   /**
    * Destroy all ForgeFrame component instances.
    */
-  destroyAll: Hn,
+  destroyAll: An,
   /**
    * Check if the current window is a host component context.
    *
@@ -4166,7 +3953,7 @@ const Mn = {
    *
    * @returns True if running inside a ForgeFrame iframe/popup
    */
-  isEmbedded: Dn,
+  isEmbedded: In,
   /**
    * Get hostProps from the current host window.
    *
@@ -4175,7 +3962,7 @@ const Mn = {
    *
    * @returns The hostProps object if in host context, undefined otherwise
    */
-  getHostProps: In,
+  getHostProps: vn,
   /**
    * Flush host initialization in embedded contexts.
    *
@@ -4186,12 +3973,12 @@ const Mn = {
    *
    * @returns The host component instance if running embedded, otherwise null
    */
-  initHost: we,
+  initHost: Ee,
   /**
    * Serialization strategy constants.
    * @see {@link PROP_SERIALIZATION}
    */
-  PROP_SERIALIZATION: z,
+  PROP_SERIALIZATION: k,
   /**
    * Rendering context constants (IFRAME, POPUP).
    * @see {@link CONTEXT}
@@ -4205,11 +3992,11 @@ const Mn = {
   /**
    * Error thrown when popup window fails to open.
    */
-  PopupOpenError: Je,
+  PopupOpenError: Xe,
   /**
    * Current library version.
    */
-  VERSION: ae,
+  VERSION: ue,
   /**
    * Check if a value is a Standard Schema (Zod, Valibot, ArkType, etc.)
    *
@@ -4226,7 +4013,7 @@ const Mn = {
    * }
    * ```
    */
-  isStandardSchema: D,
+  isStandardSchema: x,
   /**
    * Prop schema builders for defining component props.
    *
@@ -4251,34 +4038,118 @@ const Mn = {
    */
   prop: p
 };
+function qn(t, e) {
+  const n = Object.keys(t), s = Object.keys(e);
+  if (n.length !== s.length)
+    return !1;
+  for (const r of n)
+    if (!Object.prototype.hasOwnProperty.call(e, r) || !Object.is(t[r], e[r]))
+      return !1;
+  return !0;
+}
+function Kn(t, e) {
+  const { React: n } = e, { createElement: s, useRef: r, useEffect: i, useState: o, forwardRef: a } = n, c = a(
+    function(m, h) {
+      const {
+        onRendered: b,
+        onError: O,
+        onClose: Z,
+        context: be,
+        className: Ce,
+        style: Oe,
+        ...Q
+      } = m, ee = r(null), I = r(null), A = r(null), Re = r(b), $ = r(O), De = r(Z), [Se, xe] = o(null);
+      return i(() => {
+        Re.current = b, $.current = O, De.current = Z;
+      }, [b, O, Z]), i(() => {
+        const P = ee.current;
+        if (!P) return;
+        xe(null);
+        const y = t(Q);
+        I.current = y, A.current = Q;
+        const M = y.event.once("rendered", () => {
+          Re.current?.();
+        }), Ie = y.event.once("close", () => {
+          De.current?.();
+        }), te = y.event.on("error", (z) => {
+          $.current?.(z);
+        });
+        return y.render(P, be).catch((z) => {
+          I.current === y && (xe(z), $.current?.(z));
+        }), () => {
+          y.close().catch(() => {
+          }), M(), Ie(), te(), I.current = null, A.current = null;
+        };
+      }, [be]), i(() => {
+        const P = I.current;
+        if (!P) return;
+        const y = Q, M = A.current;
+        M && qn(M, y) || (A.current = y, P.updateProps(y).catch((te) => {
+          I.current === P && $.current?.(te);
+        }));
+      }), i(() => {
+        const P = ee.current;
+        if (typeof h == "function")
+          return h(P), () => {
+            h(null);
+          };
+        if (h && typeof h == "object")
+          return h.current = P, () => {
+            h.current = null;
+          };
+      }, [h]), Se ? s(
+        "div",
+        {
+          className: Ce,
+          style: { color: "red", padding: "16px", ...Oe }
+        },
+        `Error: ${Se.message}`
+      ) : s("div", {
+        ref: ee,
+        className: Ce,
+        style: {
+          display: "inline-block",
+          ...Oe
+        }
+      });
+    }
+  ), u = `ForgeFrame(${t.name || "Component"})`;
+  return c.displayName = u, c;
+}
+function Gn(t) {
+  return function(n) {
+    return Kn(n, { React: t });
+  };
+}
+Jn();
 export {
-  fe as AnySchema,
+  we as AnySchema,
   V as ArraySchema,
-  ue as BooleanSchema,
+  fe as BooleanSchema,
   f as CONTEXT,
   g as EVENT,
-  pe as EnumSchema,
-  Mn as ForgeFrame,
-  he as FunctionSchema,
-  de as LiteralSchema,
-  le as NumberSchema,
+  ye as EnumSchema,
+  Xn as ForgeFrame,
+  me as FunctionSchema,
+  ge as LiteralSchema,
+  pe as NumberSchema,
   Y as ObjectSchema,
-  z as PROP_SERIALIZATION,
-  Je as PopupOpenError,
-  P as PropSchema,
-  ce as StringSchema,
-  ae as VERSION,
-  Qe as create,
-  An as createReactComponent,
-  Mn as default,
-  Fn as destroy,
-  Hn as destroyAll,
-  et as destroyByTag,
-  In as getHostProps,
-  we as initHost,
-  Dn as isEmbedded,
+  k as PROP_SERIALIZATION,
+  Xe as PopupOpenError,
+  E as PropSchema,
+  he as StringSchema,
+  ue as VERSION,
+  tt as create,
+  Kn as createReactComponent,
+  Xn as default,
+  Nn as destroy,
+  An as destroyAll,
+  nt as destroyByTag,
+  vn as getHostProps,
+  Ee as initHost,
+  In as isEmbedded,
   xn as isHost,
-  D as isStandardSchema,
+  x as isStandardSchema,
   p as prop,
-  Ln as withReactComponent
+  Gn as withReactComponent
 };