forgeframe 0.0.2 → 0.0.3

package/dist/forgeframe.js

@@ -38,7 +38,7 @@ const p = {
   REQUEST: "request",
   /** Response to a previous request */
   RESPONSE: "response"
-}, h = {
+}, u = {
   /** Host initialization complete */
   INIT: "forgeframe_init",
   /** Props update from consumer to host */
@@ -63,7 +63,13 @@ const p = {
   CONSUMER_EXPORT: "forgeframe_consumer_export",
   /** Get sibling components request */
   GET_SIBLINGS: "forgeframe_get_siblings"
-}, N = "__forgeframe__", ye = "0.0.1";
+}, F = "__forgeframe__", ye = (() => {
+  if ("0.0.3".trim().length === 0)
+    throw new Error(
+      "ForgeFrame VERSION injection is missing. Configure __FORGEFRAME_VERSION__ in build/test tooling."
+    );
+  return "0.0.3";
+})();
 class we {
   /**
    * Internal storage for event listeners mapped by event name.
@@ -215,14 +221,14 @@ class we {
     return this.listeners.get(e)?.size ?? 0;
   }
 }
-function Ne() {
+function Fe() {
   const s = Date.now().toString(36), e = Math.random().toString(36).slice(2, 11);
   return `${s}_${e}`;
 }
 function z() {
   return Math.random().toString(36).slice(2, 11);
 }
-class Fe {
+class Ne {
   /**
    * Array of registered cleanup tasks awaiting execution.
    * @internal
@@ -346,7 +352,7 @@ function _e() {
     s = n, e = i;
   }), resolve: s, reject: e };
 }
-function $e(s, e, t = "Operation timed out") {
+function ke(s, e, t = "Operation timed out") {
   return new Promise((n, i) => {
     const r = setTimeout(() => {
       i(new Error(`${t} (${e}ms)`));
@@ -362,7 +368,7 @@ const j = "forgeframe:";
 function M(s) {
   return j + JSON.stringify(s);
 }
-function ke(s) {
+function $e(s) {
   if (typeof s != "string" || !s.startsWith(j)) return null;
   try {
     const e = s.slice(j.length), t = JSON.parse(e);
@@ -482,8 +488,8 @@ class Ee {
     });
     try {
       e.postMessage(M(a), t);
-    } catch (u) {
-      throw this.pending.delete(o), clearTimeout(l), u;
+    } catch (h) {
+      throw this.pending.delete(o), clearTimeout(l), h;
     }
     return c.promise;
   }
@@ -526,7 +532,7 @@ class Ee {
     this.listener = (e) => {
       if (e.source === this.win || !this.isOriginTrusted(e.origin))
         return;
-      const t = ke(e.data);
+      const t = $e(e.data);
       t && this.handleMessage(t, e.source, e.origin);
     }, this.win.addEventListener("message", this.listener);
   }
@@ -649,7 +655,7 @@ class J {
       const a = this.remoteFunctions.keys().next().value;
       a && this.remoteFunctions.delete(a);
     }
-    const o = async (...a) => this.messenger.send(t, n, h.CALL, {
+    const o = async (...a) => this.messenger.send(t, n, u.CALL, {
       id: e.__id__,
       args: a
     });
@@ -673,7 +679,7 @@ class J {
    */
   setupCallHandler() {
     this.messenger.on(
-      h.CALL,
+      u.CALL,
       async ({ id: e, args: t }) => {
         const n = this.localFunctions.get(e);
         if (!n)
@@ -775,14 +781,14 @@ function B(s, e, t = /* @__PURE__ */ new WeakSet()) {
   }
   return s;
 }
-function q(s, e, t, n, i = /* @__PURE__ */ new WeakSet()) {
+function V(s, e, t, n, i = /* @__PURE__ */ new WeakSet()) {
   if (J.isFunctionRef(s))
     return e.deserialize(s, t, n);
   if (Array.isArray(s)) {
     if (i.has(s))
       throw new Error("Circular reference detected in serialized props");
     return i.add(s), s.map(
-      (r) => q(r, e, t, n, i)
+      (r) => V(r, e, t, n, i)
     );
   }
   if (typeof s == "object" && s !== null) {
@@ -791,12 +797,12 @@ function q(s, e, t, n, i = /* @__PURE__ */ new WeakSet()) {
     i.add(s);
     const r = {};
     for (const [o, a] of Object.entries(s))
-      r[o] = q(a, e, t, n, i);
+      r[o] = V(a, e, t, n, i);
     return r;
   }
   return s;
 }
-function V(s = window) {
+function q(s = window) {
   try {
     return s.location.origin;
   } catch {
@@ -850,20 +856,20 @@ function Me(s = window) {
     return !1;
   }
 }
-const he = 32 * 1024;
+const ue = 32 * 1024;
 function We(s) {
   const e = ze(s);
-  return `${N}${e}`;
+  return `${F}${e}`;
 }
 function Oe(s) {
-  if (!s || !s.startsWith(N))
+  if (!s || !s.startsWith(F))
     return null;
-  const e = s.slice(N.length);
+  const e = s.slice(F.length);
   return je(e);
 }
 function X(s = window) {
   try {
-    return s.name.startsWith(N);
+    return s.name.startsWith(F);
   } catch {
     return !1;
   }
@@ -874,9 +880,9 @@ function W(s, e = window) {
 function ze(s) {
   try {
     const e = JSON.stringify(s), t = btoa(encodeURIComponent(e)), n = new Blob([t]).size;
-    if (n > he)
+    if (n > ue)
       throw new Error(
-        `Payload size (${Math.round(n / 1024)}KB) exceeds maximum allowed size (${he / 1024}KB). Consider reducing the amount of data passed via props.`
+        `Payload size (${Math.round(n / 1024)}KB) exceeds maximum allowed size (${ue / 1024}KB). Consider reducing the amount of data passed via props.`
       );
     return t;
   } catch (e) {
@@ -903,11 +909,11 @@ function Be(s) {
     children: s.children
   };
 }
-function qe(s = window) {
+function Ve(s = window) {
   return Oe(s.name);
 }
-const ue = 100, E = /* @__PURE__ */ new Map();
-function Ve() {
+const he = 100, E = /* @__PURE__ */ new Map();
+function qe() {
   const s = [];
   for (const [e, t] of E.entries())
     Pe(t) && s.push(e);
@@ -915,7 +921,7 @@ function Ve() {
     E.delete(e);
 }
 function Je(s, e) {
-  if (E.size >= ue && Ve(), E.size >= ue) {
+  if (E.size >= he && qe(), E.size >= he) {
     const t = E.keys().next().value;
     t && E.delete(t);
   }
@@ -1152,7 +1158,7 @@ class K extends y {
     return e._minLength = 1, e;
   }
 }
-class Y extends y {
+class G extends y {
   /** @internal */
   _min;
   /** @internal */
@@ -1167,7 +1173,7 @@ class Y extends y {
   }
   /** @internal */
   _clone() {
-    const e = new Y();
+    const e = new G();
     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;
   }
   /**
@@ -1247,7 +1253,7 @@ class Y extends y {
     return e._max = -Number.MIN_VALUE, e;
   }
 }
-class Z extends y {
+class Y extends y {
   /** @internal */
   _validate(e) {
     return typeof e != "boolean" ? {
@@ -1256,11 +1262,11 @@ class Z extends y {
   }
   /** @internal */
   _clone() {
-    const e = new Z();
+    const e = new Y();
     return e._optional = this._optional, e._nullable = this._nullable, e._default = this._default, e;
   }
 }
-class G extends y {
+class Z extends y {
   /** @internal */
   _validate(e) {
     return typeof e != "function" ? {
@@ -1269,11 +1275,11 @@ class G extends y {
   }
   /** @internal */
   _clone() {
-    const e = new G();
+    const e = new Z();
     return e._optional = this._optional, e._nullable = this._nullable, e._default = this._default, e;
   }
 }
-class F extends y {
+class N extends y {
   /** @internal */
   _itemSchema;
   /** @internal */
@@ -1321,7 +1327,7 @@ class F extends y {
   }
   /** @internal */
   _clone() {
-    const e = new F();
+    const e = new N();
     return e._optional = this._optional, e._nullable = this._nullable, e._default = this._default, e._itemSchema = this._itemSchema, e._minLength = this._minLength, e._maxLength = this._maxLength, e;
   }
   /**
@@ -1337,7 +1343,7 @@ class F extends y {
    * ```
    */
   of(e) {
-    const t = new F();
+    const t = new N();
     return t._optional = this._optional, t._nullable = this._nullable, t._itemSchema = e, t._minLength = this._minLength, t._maxLength = this._maxLength, t;
   }
   /**
@@ -1380,7 +1386,7 @@ class F extends y {
     return this.min(1);
   }
 }
-class $ extends y {
+class k extends y {
   /** @internal */
   _shape;
   /** @internal */
@@ -1429,7 +1435,7 @@ class $ extends y {
   }
   /** @internal */
   _clone() {
-    const e = new $();
+    const e = new k();
     return e._optional = this._optional, e._nullable = this._nullable, e._default = this._default, e._shape = this._shape, e._strict = this._strict, e;
   }
   /**
@@ -1447,7 +1453,7 @@ class $ extends y {
    * ```
    */
   shape(e) {
-    const t = new $();
+    const t = new k();
     return t._optional = this._optional, t._nullable = this._nullable, t._shape = e, t._strict = this._strict, t;
   }
   /**
@@ -1542,7 +1548,7 @@ const d = {
    * prop.number().positive()
    * ```
    */
-  number: () => new Y(),
+  number: () => new G(),
   /**
    * Creates a boolean schema.
    *
@@ -1552,7 +1558,7 @@ const d = {
    * prop.boolean().default(false)
    * ```
    */
-  boolean: () => new Z(),
+  boolean: () => new Y(),
   /**
    * Creates a function schema.
    *
@@ -1565,7 +1571,7 @@ const d = {
    * prop.function<(data: { id: string }) => Promise<void>>()
    * ```
    */
-  function: () => new G(),
+  function: () => new Z(),
   /**
    * Creates an array schema.
    *
@@ -1578,7 +1584,7 @@ const d = {
    * prop.array().of(prop.number()).min(1).max(10)
    * ```
    */
-  array: () => new F(),
+  array: () => new N(),
   /**
    * Creates an object schema.
    *
@@ -1594,7 +1600,7 @@ const d = {
    * prop.object().shape({ key: prop.string() }).strict()
    * ```
    */
-  object: () => new $(),
+  object: () => new k(),
   /**
    * Creates a literal schema for exact value matching.
    *
@@ -1632,7 +1638,7 @@ const d = {
    * ```
    */
   any: () => new te()
-}, R = {
+}, P = {
   uid: {
     schema: d.string().optional(),
     sendToHost: !0
@@ -1700,7 +1706,7 @@ const d = {
   }
 };
 function b(s) {
-  return typeof s == "object" && s !== null && "~standard" in s && typeof s["~standard"] == "object" && s["~standard"] !== null && s["~standard"].version === 1 && typeof s["~standard"].validate == "function";
+  return typeof s == "object" && s !== null && "~standard" in s && typeof s["~standard"] == "object" && s["~standard"] !== null && s["~standard"].version === 1 && typeof s["~standard"].vendor == "string" && typeof s["~standard"].validate == "function";
 }
 function Ke(s, e, t) {
   const n = s["~standard"].validate(e);
@@ -1709,45 +1715,53 @@ function Ke(s, e, t) {
       `Prop "${t}" 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 (n.issues) {
-    const i = n.issues.map((r) => `${Ye(r.path, t)}: ${r.message}`);
+    const i = n.issues.map((r) => `${Ge(r.path, t)}: ${r.message}`);
     throw new Error(`Validation failed: ${i.join("; ")}`);
   }
   return n.value;
 }
-function Ye(s, e) {
+function Ge(s, e) {
   if (!s || s.length === 0)
     return e;
-  const t = s.map((n) => typeof n == "object" && n !== null && "key" in n ? String(n.key) : String(n));
+  const t = s.map((n) => {
+    if (typeof n == "object" && n !== null) {
+      if ("key" in n && n.key !== void 0)
+        return String(n.key);
+      if ("index" in n && typeof n.index == "number")
+        return String(n.index);
+    }
+    return String(n);
+  });
   return `${e}.${t.join(".")}`;
 }
 function de(s, e, t) {
   const n = {
-    ...R,
+    ...P,
     ...e
   }, i = {};
   for (const [r, o] of Object.entries(n)) {
     const c = b(o) ? { schema: o } : o;
     let l;
-    const u = c.alias, w = r in s, _ = u && u in s;
+    const h = c.alias, w = r in s, _ = h && h in s;
     if (w)
       l = s[r];
     else if (_)
-      l = s[u];
+      l = s[h];
     else if (c.value)
       l = c.value(t);
     else if (c.default !== void 0)
       l = typeof c.default == "function" ? c.default(t) : c.default;
     else if (c.schema && b(c.schema)) {
-      const P = c.schema["~standard"].validate(void 0);
-      !(P instanceof Promise) && !P.issues && (l = P.value);
+      const O = c.schema["~standard"].validate(void 0);
+      !(O instanceof Promise) && !O.issues && (l = O.value);
     }
     l !== void 0 && c.decorate && (l = c.decorate({ value: l, props: i })), i[r] = l;
   }
   return i;
 }
-function Ze(s, e) {
+function Ye(s, e) {
   const t = {
-    ...R,
+    ...P,
     ...e
   };
   for (const [n, i] of Object.entries(t)) {
@@ -1764,32 +1778,46 @@ function Ze(s, e) {
 }
 function fe(s, e, t, n) {
   const i = {
-    ...R,
+    ...P,
     ...e
   }, r = {};
   for (const [o, a] of Object.entries(i)) {
-    const l = b(a) ? { schema: a } : a, u = s[o];
+    const l = b(a) ? { schema: a } : a, h = s[o];
     if (l.sendToHost === !1 || l.sameDomain && !n) continue;
     if (l.trustedDomains) {
       const _ = l.trustedDomains;
       if (!L(_, t)) continue;
     }
-    let w = u;
-    l.hostDecorate && u !== void 0 && (w = l.hostDecorate({ value: u, props: s })), r[o] = w;
+    let w = h;
+    l.hostDecorate && h !== void 0 && (w = l.hostDecorate({ value: h, props: s })), r[o] = w;
   }
   return r;
 }
-function Ge(s, e) {
+function Ze(s, e) {
   const t = new URLSearchParams(), n = {
-    ...R,
+    ...P,
     ...e
   };
   for (const [i, r] of Object.entries(n)) {
     const a = b(r) ? { schema: r } : r, c = s[i];
     if (c === void 0 || typeof c == "function" || !a.queryParam) continue;
     const l = typeof a.queryParam == "string" ? a.queryParam : i;
-    let u;
-    typeof a.queryParam == "function" ? u = a.queryParam({ value: c }) : typeof c == "object" ? u = JSON.stringify(c) : u = String(c), t.set(l, u);
+    let h;
+    typeof a.queryParam == "function" ? h = a.queryParam({ value: c }) : typeof c == "object" ? h = JSON.stringify(c) : h = String(c), t.set(l, h);
+  }
+  return t;
+}
+function Qe(s, e) {
+  const t = new URLSearchParams(), n = {
+    ...P,
+    ...e
+  };
+  for (const [i, r] of Object.entries(n)) {
+    const a = b(r) ? { schema: r } : r, c = s[i];
+    if (c === void 0 || typeof c == "function" || !a.bodyParam) continue;
+    const l = typeof a.bodyParam == "string" ? a.bodyParam : i;
+    let h;
+    typeof a.bodyParam == "function" ? h = a.bodyParam({ value: c }) : typeof c == "object" ? h = JSON.stringify(c) : h = String(c), t.set(l, h);
   }
   return t;
 }
@@ -1806,7 +1834,7 @@ function Re(s, e = "") {
   }
   return t.filter(Boolean).join("&");
 }
-function Qe(s) {
+function et(s) {
   const e = {};
   if (!s) return e;
   const t = s.split("&");
@@ -1822,29 +1850,29 @@ function Qe(s) {
     const a = i.split(".");
     let c = e;
     for (let l = 0; l < a.length - 1; l++) {
-      const u = a[l];
-      (!(u in c) || typeof c[u] != "object") && (c[u] = {}), c = c[u];
+      const h = a[l];
+      (!(h in c) || typeof c[h] != "object") && (c[h] = {}), c = c[h];
     }
     c[a[a.length - 1]] = o;
   }
   return e;
 }
-function et(s) {
+function tt(s) {
   return typeof s == "object" && s !== null && s.__type__ === "dotify" && typeof s.__value__ == "string";
 }
 function pe(s, e, t) {
   const n = {
-    ...R,
+    ...P,
     ...e
   }, i = {};
   for (const [r, o] of Object.entries(s)) {
     if (o === void 0) continue;
     const a = n[r];
-    i[r] = tt(o, a, t);
+    i[r] = st(o, a, t);
   }
   return i;
 }
-function tt(s, e, t) {
+function st(s, e, t) {
   if (typeof s == "function")
     return t.serialize(s);
   const n = e?.serialization ?? I.JSON;
@@ -1862,14 +1890,14 @@ function tt(s, e, t) {
 }
 function me(s, e, t, n, i, r) {
   const o = {
-    ...R,
+    ...P,
     ...e
   }, a = {};
   for (const [c, l] of Object.entries(s)) {
-    const u = o[c];
-    a[c] = st(
+    const h = o[c];
+    a[c] = nt(
       l,
-      u,
+      h,
       t,
       n,
       i,
@@ -1878,65 +1906,65 @@ function me(s, e, t, n, i, r) {
   }
   return a;
 }
-function st(s, e, t, n, i, r) {
-  if (nt(s))
+function nt(s, e, t, n, i, r) {
+  if (it(s))
     try {
       const o = decodeURIComponent(atob(s.__value__));
       return JSON.parse(o);
     } catch {
       return s;
     }
-  if (et(s))
+  if (tt(s))
     try {
-      return Qe(s.__value__);
+      return et(s.__value__);
     } catch {
       return s;
     }
-  return q(s, n, i, r);
+  return V(s, n, i, r);
 }
-function nt(s) {
+function it(s) {
   return typeof s == "object" && s !== null && s.__type__ === "base64" && typeof s.__value__ == "string";
 }
-function O(s, e = "100%") {
+function R(s, e = "100%") {
   return s === void 0 ? e : typeof s == "number" ? `${s}px` : s;
 }
-function k(s, e) {
+function $(s, e) {
   if (s === void 0) return e;
   if (typeof s == "number") return s;
   const t = parseInt(s, 10);
   return isNaN(t) ? e : t;
 }
-function it(s) {
+function rt(s) {
   try {
     s.src = "about:blank", s.parentNode?.removeChild(s);
   } catch {
   }
 }
-function rt(s, e) {
-  ct(s, e);
+function ot(s, e) {
+  lt(s, e);
 }
-function ot(s) {
+function at(s) {
   s.style.display = "", s.style.visibility = "visible";
 }
 function ge(s) {
   s.style.display = "none", s.style.visibility = "hidden";
 }
-function at(s) {
+function ct(s) {
   try {
     s.focus(), s.contentWindow?.focus();
   } catch {
   }
 }
-function ct(s, e) {
-  e.width !== void 0 && (s.style.width = O(e.width)), e.height !== void 0 && (s.style.height = O(e.height));
+function lt(s, e) {
+  e.width !== void 0 && (s.style.width = R(e.width)), e.height !== void 0 && (s.style.height = R(e.height));
 }
-class xe extends Error {
+class ve extends Error {
   constructor(e = "Popup blocked by browser") {
     super(e), this.name = "PopupOpenError";
   }
 }
-function lt(s) {
-  const { url: e, name: t, dimensions: n } = s, i = k(n.width, 500), r = k(n.height, 500), o = Math.floor(window.screenX + (window.outerWidth - i) / 2), a = Math.floor(window.screenY + (window.outerHeight - r) / 2), c = [
+function ut(s) {
+  const { url: e, name: t, dimensions: n } = s, i = $(n.width, 500), r = $(n.height, 500), o = Math.floor(window.screenX + (window.outerWidth - i) / 2), a = Math.floor(window.screenY + (window.outerHeight - r) / 2), c = [
     `width=${i}`,
     `height=${r}`,
     `left=${o}`,
@@ -1949,8 +1977,8 @@ function lt(s) {
     "resizable=yes",
     "scrollbars=yes"
   ].join(","), l = window.open(e, t, c);
-  if (!l || dt(l))
-    throw new xe();
+  if (!l || ft(l))
+    throw new ve();
   return l;
 }
 function ht(s) {
@@ -1959,13 +1987,13 @@ function ht(s) {
   } catch {
   }
 }
-function ut(s) {
+function dt(s) {
   try {
     s.closed || s.focus();
   } catch {
   }
 }
-function dt(s) {
+function ft(s) {
   if (!s) return !0;
   try {
     return !!(s.closed || s.innerHeight === 0 || s.innerWidth === 0);
@@ -1973,7 +2001,7 @@ function dt(s) {
     return !0;
   }
 }
-function ft(s, e, t = {}) {
+function pt(s, e, t = {}) {
   const {
     initialInterval: n = 100,
     // Start fast to catch quick closes
@@ -1989,7 +2017,7 @@ function ft(s, e, t = {}) {
     } catch (w) {
       console.error("Error in popup close callback:", w);
     }
-  }, u = () => {
+  }, h = () => {
     if (!c) {
       try {
         if (s.closed) {
@@ -2000,16 +2028,16 @@ function ft(s, e, t = {}) {
         l();
         return;
       }
-      o = Math.min(o * r, i), a = setTimeout(u, o);
+      o = Math.min(o * r, i), a = setTimeout(h, o);
     }
   };
-  return a = setTimeout(u, o), () => {
+  return a = setTimeout(h, o), () => {
     c = !0, clearTimeout(a);
   };
 }
-function pt(s, e) {
+function mt(s, e) {
   try {
-    const t = k(e.width, s.outerWidth), n = k(
+    const t = $(e.width, s.outerWidth), n = $(
       e.height,
       s.outerHeight
     );
@@ -2017,24 +2045,24 @@ function pt(s, e) {
   } catch {
   }
 }
-function mt(s) {
+function gt(s) {
   const { doc: e, dimensions: t, uid: n, tag: i } = s, r = e.createElement("div");
   return r.id = `forgeframe-container-${n}`, r.setAttribute("data-forgeframe-tag", i), Object.assign(r.style, {
     display: "inline-block",
     position: "relative",
-    width: O(t.width),
-    height: O(t.height),
+    width: R(t.width),
+    height: R(t.height),
     overflow: "hidden"
   }), r;
 }
-function gt(s) {
+function yt(s) {
   const { doc: e, dimensions: t, cspNonce: n } = s, i = e.createElement("div");
   Object.assign(i.style, {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    width: O(t.width),
-    height: O(t.height),
+    width: R(t.width),
+    height: R(t.height),
     backgroundColor: "#f5f5f5",
     position: "absolute",
     top: "0",
@@ -2057,18 +2085,18 @@ function gt(s) {
     }
   `, i.appendChild(o), i.appendChild(r), i;
 }
-function yt(s, e = 200) {
+function wt(s, e = 200) {
   return new Promise((t) => {
     s.style.opacity = "0", s.style.transition = `opacity ${e}ms ease-in`, s.offsetHeight, s.style.opacity = "1", setTimeout(t, e);
   });
 }
-function wt(s, e = 200) {
+function _t(s, e = 200) {
   return new Promise((t) => {
     s.style.transition = `opacity ${e}ms ease-out`, s.style.opacity = "0", setTimeout(t, e);
   });
 }
-async function _t(s, e, t) {
-  e && (await wt(e, 150), e.remove()), t.style.display = "", t.style.visibility = "visible", t.style.opacity = "0", await yt(t, 150);
+async function Et(s, e, t) {
+  e && (await _t(e, 150), e.remove()), t.style.display = "", t.style.visibility = "visible", t.style.opacity = "0", await wt(t, 150);
 }
 class se {
   /** Event emitter for lifecycle events. */
@@ -2125,11 +2153,11 @@ class se {
    * @param props - Initial props to pass to the component
    */
   constructor(e, t = {}) {
-    this._uid = Ne(), this.options = this.normalizeOptions(e), this.context = this.options.defaultContext, this.event = new we(), this.cleanup = new Fe();
+    this._uid = Fe(), this.options = this.normalizeOptions(e), this.context = this.options.defaultContext, this.event = new we(), this.cleanup = new Ne();
     const n = this.createPropContext();
     this.props = de(t, this.options.props, n);
     const i = this.buildTrustedDomains();
-    this.messenger = new Ee(this.uid, window, V(), i), this.bridge = new J(this.messenger), this.setupMessageHandlers(), this.setupCleanup();
+    this.messenger = new Ee(this.uid, window, q(), i), this.bridge = new J(this.messenger), this.setupMessageHandlers(), this.setupCleanup();
   }
   /**
    * Builds the list of trusted domains for messenger communication.
@@ -2170,7 +2198,7 @@ class se {
       throw new Error("Component has been destroyed");
     if (this.rendered)
       throw new Error("Component has already been rendered");
-    this.context = t ?? this.options.defaultContext, this.checkEligibility(), Ze(this.props, this.options.props), this.options.validate?.({ props: this.props }), this.container = this.resolveContainer(e), this.event.emit(f.PRERENDER), this.callPropCallback("onPrerender"), await this.prerender(), this.event.emit(f.PRERENDERED), this.callPropCallback("onPrerendered"), this.event.emit(f.RENDER), this.callPropCallback("onRender"), await this.open(), await this.waitForHost(), this.context === p.IFRAME && this.iframe && this.prerenderElement && (await _t(
+    this.context = t ?? this.options.defaultContext, this.checkEligibility(), Ye(this.props, this.options.props), this.options.validate?.({ props: this.props }), this.container = this.resolveContainer(e), this.event.emit(f.PRERENDER), this.callPropCallback("onPrerender"), await this.prerender(), this.event.emit(f.PRERENDERED), this.callPropCallback("onPrerendered"), this.event.emit(f.RENDER), this.callPropCallback("onRender"), await this.open(), await this.waitForHost(), this.context === p.IFRAME && this.iframe && this.prerenderElement && (await Et(
       this.container,
       this.prerenderElement,
       this.iframe
@@ -2206,7 +2234,7 @@ class se {
    * For iframes, focuses the iframe element. For popups, brings the window to front.
    */
   async focus() {
-    this.context === p.IFRAME && this.iframe ? at(this.iframe) : this.context === p.POPUP && this.hostWindow && ut(this.hostWindow), this.event.emit(f.FOCUS), this.callPropCallback("onFocus");
+    this.context === p.IFRAME && this.iframe ? ct(this.iframe) : this.context === p.POPUP && this.hostWindow && dt(this.hostWindow), this.event.emit(f.FOCUS), this.callPropCallback("onFocus");
   }
   /**
    * Resizes the component to the specified dimensions.
@@ -2214,7 +2242,7 @@ class se {
    * @param dimensions - New width and height for the component
    */
   async resize(e) {
-    this.context === p.IFRAME && this.iframe ? rt(this.iframe, e) : this.context === p.POPUP && this.hostWindow && pt(this.hostWindow, e), this.event.emit(f.RESIZE, e), this.callPropCallback("onResize", e);
+    this.context === p.IFRAME && this.iframe ? ot(this.iframe, e) : this.context === p.POPUP && this.hostWindow && mt(this.hostWindow, e), this.event.emit(f.RESIZE, e), this.callPropCallback("onResize", e);
   }
   /**
    * Shows the component if hidden.
@@ -2223,7 +2251,7 @@ class se {
    * Only applicable to iframe context.
    */
   async show() {
-    this.context === p.IFRAME && this.iframe && ot(this.iframe);
+    this.context === p.IFRAME && this.iframe && at(this.iframe);
   }
   /**
    * Hides the component.
@@ -2268,7 +2296,7 @@ class se {
       await this.messenger.send(
         this.hostWindow,
         o,
-        h.PROPS,
+        u.PROPS,
         c
       );
     }
@@ -2394,7 +2422,7 @@ class se {
    */
   async prerender() {
     if (!this.container) return;
-    const e = this.options.prerenderTemplate ?? gt, t = this.options.containerTemplate ?? mt, n = this.resolveDimensions(), i = this.props.cspNonce;
+    const e = this.options.prerenderTemplate ?? yt, t = this.options.containerTemplate ?? gt, n = this.resolveDimensions(), i = this.props.cspNonce;
     if (this.context === p.IFRAME) {
       const c = this.buildWindowName();
       this.iframe = this.createIframeElement(c), ge(this.iframe);
@@ -2460,22 +2488,22 @@ class se {
   async open() {
     const e = this.resolveUrl();
     this.syncTrustedDomainForUrl(e), this.openedHostDomain = this.resolveUrlOrigin(e);
-    const t = this.buildUrl(e);
+    const t = this.buildUrl(e), n = this.buildBodyParams(), i = n.toString().length > 0;
     if (this.context === p.IFRAME) {
       if (!this.iframe)
         throw new Error("Iframe not created during prerender");
-      this.iframe.src = t, this.hostWindow = this.iframe.contentWindow;
+      i ? this.submitBodyForm(this.iframe.name, t, n) : this.iframe.src = t, this.hostWindow = this.iframe.contentWindow;
     } else {
-      const n = this.buildWindowName();
-      this.hostWindow = lt({
-        url: t,
-        name: n,
+      const r = this.buildWindowName();
+      this.hostWindow = ut({
+        url: i ? "about:blank" : t,
+        name: r,
         dimensions: this.resolveDimensions()
-      });
-      const i = ft(this.hostWindow, () => {
+      }), i && this.submitBodyForm(r, t, n);
+      const o = pt(this.hostWindow, () => {
         this.destroy();
       });
-      this.cleanup.register(i);
+      this.cleanup.register(o);
     }
     this.hostWindow && Je(this.uid, this.hostWindow);
   }
@@ -2484,11 +2512,39 @@ class se {
    * @internal
    */
   buildUrl(e = this.resolveUrl()) {
-    const n = Ge(this.props, this.options.props).toString();
+    const n = Ze(this.props, this.options.props).toString();
     if (!n) return e;
     const i = e.includes("?") ? "&" : "?";
     return `${e}${i}${n}`;
   }
+  /**
+   * Builds POST body parameters from props marked with bodyParam.
+   * @internal
+   */
+  buildBodyParams() {
+    return Qe(this.props, this.options.props);
+  }
+  /**
+   * Submits a hidden form to navigate a target window via POST.
+   * @internal
+   */
+  submitBodyForm(e, t, n) {
+    const i = this.container?.ownerDocument ?? document, r = i.body ?? i.documentElement;
+    if (!r)
+      throw new Error("Document root is unavailable for bodyParam form submission");
+    const o = i.createElement("form");
+    o.method = "POST", o.action = t, o.target = e, o.style.display = "none";
+    for (const [a, c] of n.entries()) {
+      const l = i.createElement("input");
+      l.type = "hidden", l.name = a, l.value = c, o.appendChild(l);
+    }
+    r.appendChild(o);
+    try {
+      o.submit();
+    } finally {
+      o.remove();
+    }
+  }
   /**
    * Builds the window.name payload for the host window.
    * @internal
@@ -2508,7 +2564,7 @@ class se {
       uid: this.uid,
       tag: this.options.tag,
       context: this.context,
-      consumerDomain: V(),
+      consumerDomain: q(),
       props: n,
       exports: this.createConsumerExports(),
       children: i
@@ -2523,7 +2579,7 @@ class se {
     if (!this.options.children) return;
     const e = this.options.children({ props: this.props }), t = {};
     for (const [n, i] of Object.entries(e)) {
-      const r = St(i);
+      const r = Ct(i);
       if (!r)
         throw new Error(`Nested component "${n}" is missing component metadata`);
       if (typeof r.url != "string")
@@ -2546,14 +2602,14 @@ class se {
    */
   createConsumerExports() {
     return {
-      init: h.INIT,
-      close: h.CLOSE,
-      resize: h.RESIZE,
-      show: h.SHOW,
-      hide: h.HIDE,
-      onError: h.ERROR,
-      updateProps: h.PROPS,
-      export: h.EXPORT
+      init: u.INIT,
+      close: u.CLOSE,
+      resize: u.RESIZE,
+      show: u.SHOW,
+      hide: u.HIDE,
+      onError: u.ERROR,
+      updateProps: u.PROPS,
+      export: u.EXPORT
     };
   }
   /**
@@ -2570,7 +2626,7 @@ class se {
   async waitForHost() {
     this.initPromise = _e();
     try {
-      await $e(
+      await ke(
         this.initPromise.promise,
         this.options.timeout,
         `Host component "${this.options.tag}" (uid: ${this._uid}) did not initialize within ${this.options.timeout}ms. Check that the host page loads correctly and calls the initialization code.`
@@ -2584,16 +2640,16 @@ class se {
    * @internal
    */
   setupMessageHandlers() {
-    this.messenger.on(h.INIT, () => (this.initPromise && this.initPromise.resolve(), { success: !0 })), this.messenger.on(h.CLOSE, async () => (await this.close(), { success: !0 })), this.messenger.on(h.RESIZE, async (e) => (await this.resize(e), { success: !0 })), this.messenger.on(h.FOCUS, async () => (await this.focus(), { success: !0 })), this.messenger.on(h.SHOW, async () => (await this.show(), { success: !0 })), this.messenger.on(h.HIDE, async () => (await this.hide(), { success: !0 })), this.messenger.on(
-      h.ERROR,
+    this.messenger.on(u.INIT, () => (this.initPromise && this.initPromise.resolve(), { success: !0 })), this.messenger.on(u.CLOSE, async () => (await this.close(), { success: !0 })), this.messenger.on(u.RESIZE, async (e) => (await this.resize(e), { success: !0 })), this.messenger.on(u.FOCUS, async () => (await this.focus(), { success: !0 })), this.messenger.on(u.SHOW, async () => (await this.show(), { success: !0 })), this.messenger.on(u.HIDE, async () => (await this.hide(), { success: !0 })), this.messenger.on(
+      u.ERROR,
       async (e) => {
         const t = new Error(e.message);
         return t.stack = e.stack, this.handleError(t), { success: !0 };
       }
-    ), this.messenger.on(h.EXPORT, async (e) => (this.exports = e, { success: !0 })), this.messenger.on(h.CONSUMER_EXPORT, async (e) => (this.consumerExports = e, { success: !0 })), this.messenger.on(
-      h.GET_SIBLINGS,
+    ), this.messenger.on(u.EXPORT, async (e) => (this.exports = e, { success: !0 })), this.messenger.on(u.CONSUMER_EXPORT, async (e) => (this.consumerExports = e, { success: !0 })), this.messenger.on(
+      u.GET_SIBLINGS,
       async (e) => {
-        const t = [], n = vt(e.tag);
+        const t = [], n = xt(e.tag);
         if (n)
           for (const i of n.instances)
             i.uid !== e.uid && t.push({
@@ -2644,10 +2700,10 @@ class se {
   async destroy() {
     this.destroyed || (this.destroyed = !0, this.initPromise && (this.initPromise.reject(
       new Error(`Component "${this.options.tag}" was destroyed before initialization completed`)
-    ), this.initPromise = null), this.iframe && (it(this.iframe), this.iframe = null), this.context === p.POPUP && this.hostWindow && ht(this.hostWindow), this.hostWindow = null, this.openedHostDomain = null, this.dynamicUrlTrustedOrigin = null, this.prerenderElement && (this.prerenderElement.remove(), this.prerenderElement = null), await this.cleanup.cleanup(), this.event.emit(f.DESTROY), this.callPropCallback("onDestroy"), this.event.removeAllListeners());
+    ), this.initPromise = null), this.iframe && (rt(this.iframe), this.iframe = null), this.context === p.POPUP && this.hostWindow && ht(this.hostWindow), this.hostWindow = null, this.openedHostDomain = null, this.dynamicUrlTrustedOrigin = null, this.prerenderElement && (this.prerenderElement.remove(), this.prerenderElement = null), await this.cleanup.cleanup(), this.event.emit(f.DESTROY), this.callPropCallback("onDestroy"), this.event.removeAllListeners());
   }
 }
-class Et {
+class bt {
   /**
    * Creates a new HostComponent instance.
    *
@@ -2657,7 +2713,7 @@ class Et {
    * @param deferInit - Whether to defer INIT until a later explicit flush
    */
   constructor(e, t = {}, n, i = !1) {
-    this.propDefinitions = t, this.allowedConsumerDomains = n, this.deferInit = i, this.uid = e.uid, this.tag = e.tag, this.consumerDomain = e.consumerDomain, this.validateConsumerDomain(), this.event = new we(), this.messenger = new Ee(this.uid, window, V(), this.consumerDomain), this.setupMessageHandlers(), this.consumerWindow = this.resolveConsumerWindow(), this.bridge = new J(this.messenger), this.hostProps = this.buildHostProps(e), this.exposeHostProps(), this.deferInit || this.flushInit();
+    this.propDefinitions = t, this.allowedConsumerDomains = n, this.deferInit = i, this.uid = e.uid, this.tag = e.tag, this.consumerDomain = e.consumerDomain, this.validateConsumerDomain(), this.event = new we(), this.messenger = new Ee(this.uid, window, q(), this.consumerDomain), this.setupMessageHandlers(), this.consumerWindow = this.resolveConsumerWindow(), this.bridge = new J(this.messenger), this.hostProps = this.buildHostProps(e), this.exposeHostProps(), this.deferInit || this.flushInit();
   }
   /** The hostProps object containing props and control methods passed from the consumer. */
   hostProps;
@@ -2801,7 +2857,7 @@ class Et {
       await this.messenger.send(
         this.consumerWindow,
         this.consumerDomain,
-        h.INIT,
+        u.INIT,
         { uid: this.uid, tag: this.tag }
       );
     } catch (e) {
@@ -2829,7 +2885,7 @@ class Et {
     await this.messenger.send(
       this.consumerWindow,
       this.consumerDomain,
-      h.CLOSE,
+      u.CLOSE,
       {}
     );
   }
@@ -2841,7 +2897,7 @@ class Et {
     window.focus(), await this.messenger.send(
       this.consumerWindow,
       this.consumerDomain,
-      h.FOCUS,
+      u.FOCUS,
       {}
     );
   }
@@ -2853,7 +2909,7 @@ class Et {
     await this.messenger.send(
       this.consumerWindow,
       this.consumerDomain,
-      h.RESIZE,
+      u.RESIZE,
       e
     );
   }
@@ -2865,7 +2921,7 @@ class Et {
     await this.messenger.send(
       this.consumerWindow,
       this.consumerDomain,
-      h.SHOW,
+      u.SHOW,
       {}
     );
   }
@@ -2877,7 +2933,7 @@ class Et {
     await this.messenger.send(
       this.consumerWindow,
       this.consumerDomain,
-      h.HIDE,
+      u.HIDE,
       {}
     );
   }
@@ -2898,7 +2954,7 @@ class Et {
     await this.messenger.send(
       this.consumerWindow,
       this.consumerDomain,
-      h.ERROR,
+      u.ERROR,
       {
         message: e.message,
         stack: e.stack
@@ -2913,7 +2969,7 @@ class Et {
     await this.messenger.send(
       this.consumerWindow,
       this.consumerDomain,
-      h.EXPORT,
+      u.EXPORT,
       e
     );
   }
@@ -2925,7 +2981,7 @@ class Et {
     await this.messenger.send(
       this.consumerWindow,
       this.consumerDomain,
-      h.CONSUMER_EXPORT,
+      u.CONSUMER_EXPORT,
       e
     );
   }
@@ -2937,7 +2993,7 @@ class Et {
     return await this.messenger.send(
       this.consumerWindow,
       this.consumerDomain,
-      h.GET_SIBLINGS,
+      u.GET_SIBLINGS,
       { uid: this.uid, tag: this.tag, options: e }
     ) ?? [];
   }
@@ -2950,7 +3006,7 @@ class Et {
     const t = {};
     for (const [n, i] of Object.entries(e))
       try {
-        t[n] = Se({
+        t[n] = xe({
           tag: i.tag,
           url: i.url,
           props: i.props,
@@ -2967,7 +3023,7 @@ class Et {
    * @internal
    */
   setupMessageHandlers() {
-    this.messenger.on(h.PROPS, (e) => {
+    this.messenger.on(u.PROPS, (e) => {
       try {
         const t = me(
           e,
@@ -3004,7 +3060,7 @@ function ne(s, e, t = {}) {
     if (e) {
       const i = g.getProps().getConsumerDomain();
       if (!L(e, i))
-        throw Rt(), new Error(
+        throw vt(), new Error(
           `Consumer domain "${i}" is not allowed for this host component`
         );
     }
@@ -3012,28 +3068,28 @@ function ne(s, e, t = {}) {
   }
   if (!X())
     return null;
-  const n = qe();
-  return n ? (g = new Et(
+  const n = Ve();
+  return n ? (g = new bt(
     n,
     s,
     e,
     t.deferInit ?? !1
   ), g) : (console.error("Failed to parse ForgeFrame payload from window.name"), null);
 }
-function bt() {
-  return X();
-}
 function Pt() {
   return X();
 }
 function Ot() {
-  return window.hostProps;
+  return X();
 }
 function Rt() {
+  return window.hostProps;
+}
+function vt() {
   g && (g.destroy(), g = null), delete window.hostProps;
 }
-const C = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ Symbol("forgeframe.component.options");
-function xt(s) {
+const C = /* @__PURE__ */ new Map(), Se = /* @__PURE__ */ Symbol("forgeframe.component.options");
+function St(s) {
   if (!s.tag)
     throw new Error("Component tag is required");
   if (!/^[a-z][a-z0-9-]*$/.test(s.tag))
@@ -3053,8 +3109,8 @@ function xt(s) {
   if (C.has(s.tag))
     throw new Error(`Component "${s.tag}" is already registered`);
 }
-function Se(s) {
-  xt(s);
+function xe(s) {
+  St(s);
   const e = [];
   let t;
   if (W(s.tag)) {
@@ -3068,7 +3124,7 @@ function Se(s) {
       o !== -1 && e.splice(o, 1);
     }), r;
   };
-  return n.instances = e, n.isHost = () => W(s.tag), n.isEmbedded = () => W(s.tag), n.hostProps = t, n[ve] = s, n.canRenderTo = async (i) => {
+  return n.instances = e, n.isHost = () => W(s.tag), n.isEmbedded = () => W(s.tag), n.hostProps = t, n[Se] = s, n.canRenderTo = async (i) => {
     try {
       return !!(be(i) || s.domain);
     } catch {
@@ -3076,13 +3132,13 @@ function Se(s) {
     }
   }, C.set(s.tag, n), n;
 }
-function vt(s) {
+function xt(s) {
   return C.get(s);
 }
-function St(s) {
-  return s[ve];
+function Ct(s) {
+  return s[Se];
 }
-async function Ct(s) {
+async function Dt(s) {
   await s.close();
 }
 async function Ce(s) {
@@ -3091,11 +3147,11 @@ async function Ce(s) {
   const t = [...e.instances];
   await Promise.all(t.map((n) => n.close()));
 }
-async function Dt() {
+async function It() {
   const s = Array.from(C.keys());
   await Promise.all(s.map((e) => Ce(e)));
 }
-function It(s, e) {
+function Tt(s, e) {
   const t = Object.keys(s), n = Object.keys(e);
   if (t.length !== n.length)
     return !1;
@@ -3104,12 +3160,12 @@ function It(s, e) {
       return !1;
   return !0;
 }
-function Tt(s, e) {
+function Ft(s, e) {
   const { React: t } = e, { createElement: n, useRef: i, useEffect: r, useState: o, forwardRef: a } = t, c = a(
     function(w, _) {
       const {
-        onRendered: P,
-        onError: x,
+        onRendered: O,
+        onError: v,
         onClose: ie,
         context: De,
         className: re,
@@ -3117,23 +3173,23 @@ function Tt(s, e) {
         ...H
       } = w, D = i(null), A = i(null), U = i(null), [ae, Ie] = o(null);
       return r(() => {
-        const v = D.current;
-        if (!v) return;
+        const S = D.current;
+        if (!S) return;
         const m = s(H);
-        return A.current = m, P && m.event.once("rendered", P), ie && m.event.once("close", ie), x && m.event.on("error", x), m.render(v, De).catch((S) => {
-          Ie(S), x?.(S);
+        return A.current = m, O && m.event.once("rendered", O), ie && m.event.once("close", ie), v && m.event.on("error", v), m.render(S, De).catch((x) => {
+          Ie(x), v?.(x);
         }), () => {
           m.close().catch(() => {
           }), A.current = null, U.current = null;
         };
       }, []), r(() => {
-        const v = A.current;
-        if (!v) return;
-        const m = H, S = U.current;
-        S && It(S, m) || (U.current = m, v.updateProps(m).catch((Te) => {
-          x?.(Te);
+        const S = A.current;
+        if (!S) return;
+        const m = H, x = U.current;
+        x && Tt(x, m) || (U.current = m, S.updateProps(m).catch((Te) => {
+          v?.(Te);
         }));
-      }, [H, x]), r(() => {
+      }, [H, v]), r(() => {
         _ && typeof _ == "object" && D.current && (_.current = D.current);
       }, [_]), ae ? n(
         "div",
@@ -3154,9 +3210,9 @@ function Tt(s, e) {
   ), l = `ForgeFrame(${s.name || "Component"})`;
   return c.displayName = l, c;
 }
-function Ft(s) {
+function kt(s) {
   return function(t) {
-    return Tt(t, { React: s });
+    return Ft(t, { React: s });
   };
 }
 ne(void 0, void 0, { deferInit: !0 });
@@ -3185,13 +3241,13 @@ const $t = {
    * await instance.render('#container');
    * ```
    */
-  create: Se,
+  create: xe,
   /**
    * Destroy a single component instance.
    *
    * @param instance - The component instance to destroy
    */
-  destroy: Ct,
+  destroy: Dt,
   /**
    * Destroy all instances of a specific component by tag.
    *
@@ -3201,7 +3257,7 @@ const $t = {
   /**
    * Destroy all ForgeFrame component instances.
    */
-  destroyAll: Dt,
+  destroyAll: It,
   /**
    * Check if the current window is a host component context.
    *
@@ -3211,7 +3267,7 @@ const $t = {
    *
    * @returns True if running inside a ForgeFrame iframe/popup
    */
-  isHost: bt,
+  isHost: Pt,
   /**
    * Check if the current window is embedded by ForgeFrame.
    *
@@ -3220,7 +3276,7 @@ const $t = {
    *
    * @returns True if running inside a ForgeFrame iframe/popup
    */
-  isEmbedded: Pt,
+  isEmbedded: Ot,
   /**
    * Get hostProps from the current host window.
    *
@@ -3229,7 +3285,7 @@ const $t = {
    *
    * @returns The hostProps object if in host context, undefined otherwise
    */
-  getHostProps: Ot,
+  getHostProps: Rt,
   /**
    * Flush host initialization in embedded contexts.
    *
@@ -3259,7 +3315,7 @@ const $t = {
   /**
    * Error thrown when popup window fails to open.
    */
-  PopupOpenError: xe,
+  PopupOpenError: ve,
   /**
    * Current library version.
    */
@@ -3307,32 +3363,32 @@ const $t = {
 };
 export {
   te as AnySchema,
-  F as ArraySchema,
-  Z as BooleanSchema,
+  N as ArraySchema,
+  Y as BooleanSchema,
   p as CONTEXT,
   f as EVENT,
   ee as EnumSchema,
   $t as ForgeFrame,
-  G as FunctionSchema,
+  Z as FunctionSchema,
   Q as LiteralSchema,
-  Y as NumberSchema,
-  $ as ObjectSchema,
+  G as NumberSchema,
+  k as ObjectSchema,
   I as PROP_SERIALIZATION,
-  xe as PopupOpenError,
+  ve as PopupOpenError,
   y as PropSchema,
   K as StringSchema,
   ye as VERSION,
-  Se as create,
-  Tt as createReactComponent,
+  xe as create,
+  Ft as createReactComponent,
   $t as default,
-  Ct as destroy,
-  Dt as destroyAll,
+  Dt as destroy,
+  It as destroyAll,
   Ce as destroyByTag,
-  Ot as getHostProps,
+  Rt as getHostProps,
   ne as initHost,
-  Pt as isEmbedded,
-  bt as isHost,
+  Ot as isEmbedded,
+  Pt as isHost,
   b as isStandardSchema,
   d as prop,
-  Ft as withReactComponent
+  kt as withReactComponent
 };