@sonata-innovations/fiber-fbre 2.0.0 → 2.0.3

package/dist/fiber-fbre.js

@@ -1,240 +1,240 @@
-import { jsx as m, jsxs as k } from "react/jsx-runtime";
-import { createContext as Je, useContext as xe, useMemo as Ee, useState as P, useRef as ce, useEffect as K, useCallback as z } from "react";
-import { useStore as W, createStore as Ye } from "zustand";
-import { normalizeOptions as tn } from "@sonata-innovations/fiber-types";
-import { validateValue as on, isHiddenByCondition as Q, extractFormulaReferences as Ie, evaluateFormula as ne, evaluateConditionConfig as rn, formatCalculationResult as sn } from "@sonata-innovations/fiber-shared";
-const cn = /* @__PURE__ */ new Map(), an = (e) => cn.get(e), ln = /* @__PURE__ */ new Set([
+import { jsx as m, jsxs as B, Fragment as fn } from "react/jsx-runtime";
+import { createContext as Ke, useContext as Ie, useMemo as ke, useState as J, useRef as Z, useEffect as H, useCallback as z } from "react";
+import { useStore as Q, createStore as Qe } from "zustand";
+import { normalizeOptions as mn } from "@sonata-innovations/fiber-types";
+import { validateValue as vn, isHiddenByCondition as te, extractFormulaReferences as Be, evaluateFormula as ie, evaluateConditionConfig as hn, formatCalculationResult as yn } from "@sonata-innovations/fiber-shared";
+const gn = /* @__PURE__ */ new Map(), bn = (n) => gn.get(n), Cn = /* @__PURE__ */ new Set([
   "header",
   "text",
   "divider",
   "callout",
   "table"
-]), me = (e) => ln.has(e), dn = (e, r) => {
-  var o, t, n, s;
+]), ve = (n) => Cn.has(n), Sn = (n, r) => {
+  var o, t, e, s;
   if (r.includes(":")) {
-    const i = r.split(":"), a = e.components[i[0]];
-    return (n = (t = (o = a == null ? void 0 : a.addedComponents) == null ? void 0 : o[parseInt(i[1])]) == null ? void 0 : t[parseInt(i[2])]) == null ? void 0 : n.value;
+    const c = r.split(":"), i = n.components[c[0]];
+    return (e = (t = (o = i == null ? void 0 : i.addedComponents) == null ? void 0 : o[parseInt(c[1])]) == null ? void 0 : t[parseInt(c[2])]) == null ? void 0 : e.value;
   }
-  return (s = e.components[r]) == null ? void 0 : s.value;
-}, F = (e, r) => {
+  return (s = n.components[r]) == null ? void 0 : s.value;
+}, M = (n, r) => {
   var t;
-  const o = (t = e.properties) == null ? void 0 : t.validation;
-  return !o || !o.rules || o.rules.length === 0 ? [] : on(
-    e.value,
+  const o = (t = n.properties) == null ? void 0 : t.validation;
+  return !o || !o.rules || o.rules.length === 0 ? [] : vn(
+    n.value,
     o,
-    r ? (n) => dn(r, n) : void 0
+    r ? (e) => Sn(r, e) : void 0
   );
-}, un = (e) => {
+}, wn = (n) => {
   var o;
-  const r = (o = e.properties) == null ? void 0 : o.validation;
+  const r = (o = n.properties) == null ? void 0 : o.validation;
   return !r || !r.rules ? !1 : r.rules.some((t) => t.type === "required");
-}, Y = (e) => {
+}, X = (n) => {
   var o, t;
-  const r = { ...e };
+  const r = { ...n };
   return Array.isArray((o = r.properties) == null ? void 0 : o.options) && (r.properties = {
     ...r.properties,
-    options: tn(r.properties.options)
-  }), e.type === "computed" ? (r.value = null, r.valid = !0) : !me(e.type) && e.type !== "group" && e.type !== "repeater" && (r.value = null, r.valid = !un(e)), (e.type === "checkbox" || e.type === "dropDownMulti") && (r.value = []), e.type === "radio" && "options" in e.properties && e.properties.options.length > 0 && (r.value = e.properties.options[0].value), e.type === "toggleSwitch" && (r.value = !1), e.type === "colorPicker" && ((t = e.properties) != null && t.defaultValue) && (r.value = e.properties.defaultValue), e.type === "slider" && (r.value = "initValue" in e.properties ? e.properties.initValue : "min" in e.properties ? e.properties.min : 0), r;
-}, ae = (e, r, o) => {
+    options: mn(r.properties.options)
+  }), n.type === "computed" ? (r.value = null, r.valid = !0) : !ve(n.type) && n.type !== "group" && n.type !== "repeater" && (r.value = null, r.valid = !wn(n)), (n.type === "checkbox" || n.type === "dropDownMulti") && (r.value = []), n.type === "radio" && "options" in n.properties && n.properties.options.length > 0 && (r.value = n.properties.options[0].value), n.type === "toggleSwitch" && (r.value = !1), n.type === "colorPicker" && ((t = n.properties) != null && t.defaultValue) && (r.value = n.properties.defaultValue), n.type === "slider" && (r.value = "initValue" in n.properties ? n.properties.initValue : "min" in n.properties ? n.properties.min : 0), r;
+}, le = (n, r, o) => {
   var t;
-  for (const n of o.rules)
-    if (n.type === "matchesField" && ((t = n.params) != null && t.field)) {
-      const s = n.params.field;
-      e[s] || (e[s] = []), e[s].push({
+  for (const e of o.rules)
+    if (e.type === "matchesField" && ((t = e.params) != null && t.field)) {
+      const s = e.params.field;
+      n[s] || (n[s] = []), n[s].push({
         target: r,
         config: o
       });
     }
-}, Z = (e, r) => {
-  const o = e.screens[r];
-  return o ? !o.components.some((n) => {
-    var a;
-    const s = e.components[n.uuid];
+}, oe = (n, r) => {
+  const o = n.screens[r];
+  return o ? !o.components.some((e) => {
+    var i;
+    const s = n.components[e.uuid];
     if (!s) return !1;
     if (s.type === "group" || s.type === "repeater")
-      return (a = s.addedComponents) == null ? void 0 : a.some(
-        (c) => c.some((d) => {
-          const l = d.conditions && "when" in d.conditions ? d.conditions : void 0;
-          return l && Q(l, e.conditionResults[d.uuid]) ? !1 : !d.valid;
+      return (i = s.addedComponents) == null ? void 0 : i.some(
+        (l) => l.some((a) => {
+          const u = a.conditions && "when" in a.conditions ? a.conditions : void 0;
+          return u && te(u, n.conditionResults[a.uuid]) ? !1 : !a.valid;
         })
       );
-    const i = s.conditions && "when" in s.conditions ? s.conditions : void 0;
-    return Q(i, e.conditionResults[s.uuid]) ? !1 : s && "valid" in s && !s.valid;
+    const c = s.conditions && "when" in s.conditions ? s.conditions : void 0;
+    return te(c, n.conditionResults[s.uuid]) ? !1 : s && "valid" in s && !s.valid;
   }) : !0;
 };
-function pn(e) {
+function Nn(n) {
   const r = {};
-  for (const o of e) {
-    const t = Ie(o.formula);
-    for (const n of t)
-      r[n] || (r[n] = []), r[n].includes(o.uuid) || r[n].push(o.uuid);
+  for (const o of n) {
+    const t = Be(o.formula);
+    for (const e of t)
+      r[e] || (r[e] = []), r[e].includes(o.uuid) || r[e].push(o.uuid);
   }
   return r;
 }
-function qe(e) {
-  const r = new Map(e.map((i) => [i.uuid, i])), o = new Set(e.map((i) => i.uuid)), t = /* @__PURE__ */ new Set(), n = [];
-  function s(i, a) {
-    if (t.has(i) || a.has(i)) return;
-    a.add(i);
-    const c = r.get(i);
-    if (!c) return;
-    const d = Ie(c.formula);
-    for (const l of d)
-      o.has(l) && s(l, a);
-    a.delete(i), t.add(i), n.push(c);
+function Ze(n) {
+  const r = new Map(n.map((c) => [c.uuid, c])), o = new Set(n.map((c) => c.uuid)), t = /* @__PURE__ */ new Set(), e = [];
+  function s(c, i) {
+    if (t.has(c) || i.has(c)) return;
+    i.add(c);
+    const l = r.get(c);
+    if (!l) return;
+    const a = Be(l.formula);
+    for (const u of a)
+      o.has(u) && s(u, i);
+    i.delete(c), t.add(c), e.push(l);
   }
-  for (const i of e)
-    s(i.uuid, /* @__PURE__ */ new Set());
-  return n;
+  for (const c of n)
+    s(c.uuid, /* @__PURE__ */ new Set());
+  return e;
 }
-function He(e, r) {
+function en(n, r) {
   return {
     resolveValue: (o) => {
       if (o in r)
         return r[o];
-      const t = q(e, o);
+      const t = ee(n, o);
       if (!t) return null;
-      const n = t.value;
-      if (n == null || n === "") return null;
-      const s = Number(n);
+      const e = t.value;
+      if (e == null || e === "") return null;
+      const s = Number(e);
       return isNaN(s) ? null : s;
     },
     resolveOptionMetadata: (o, t) => {
-      var l;
-      const n = q(e, o);
-      if (!n) return null;
-      const s = n.value;
+      var u;
+      const e = ee(n, o);
+      if (!e) return null;
+      const s = e.value;
       if (!s) return null;
-      const i = (l = n.properties) == null ? void 0 : l.options;
-      if (!Array.isArray(i)) return null;
-      const a = i.find(
-        (u) => u.value === s || u.label === s
+      const c = (u = e.properties) == null ? void 0 : u.options;
+      if (!Array.isArray(c)) return null;
+      const i = c.find(
+        (d) => d.value === s || d.label === s
       );
-      if (!(a != null && a.metadata)) return null;
-      const c = a.metadata[t];
-      if (c == null) return null;
-      const d = Number(c);
-      return isNaN(d) ? null : d;
+      if (!(i != null && i.metadata)) return null;
+      const l = i.metadata[t];
+      if (l == null) return null;
+      const a = Number(l);
+      return isNaN(a) ? null : a;
     },
     resolveRepeaterValues: (o) => {
-      for (const t of Object.keys(e.components)) {
-        const n = e.components[t];
-        if (n.type !== "repeater" || !n.addedComponents || !n.components) continue;
-        const s = n.components.findIndex((a) => a.uuid === o);
+      for (const t of Object.keys(n.components)) {
+        const e = n.components[t];
+        if (e.type !== "repeater" || !e.addedComponents || !e.components) continue;
+        const s = e.components.findIndex((i) => i.uuid === o);
         if (s === -1) continue;
-        const i = [];
-        for (const a of n.addedComponents) {
-          const c = a[s];
-          if (!c) continue;
-          const d = c.value;
-          if (d == null || d === "") continue;
-          const l = Number(d);
-          isNaN(l) || i.push(l);
+        const c = [];
+        for (const i of e.addedComponents) {
+          const l = i[s];
+          if (!l) continue;
+          const a = l.value;
+          if (a == null || a === "") continue;
+          const u = Number(a);
+          isNaN(u) || c.push(u);
         }
-        return i.length > 0 ? i : null;
+        return c.length > 0 ? c : null;
       }
       return null;
     }
   };
 }
-function Se(e) {
-  const r = e.calculations ?? [];
+function Ee(n) {
+  const r = n.calculations ?? [];
   if (r.length === 0) return {};
-  const o = qe(r), t = {}, n = He(e, t);
+  const o = Ze(r), t = {}, e = en(n, t);
   for (const s of o)
-    t[s.uuid] = ne(s.formula, n);
+    t[s.uuid] = ie(s.formula, e);
   return t;
 }
-function be(e, r) {
-  const o = e.calculationsByDependency, t = e.calculations ?? [];
+function we(n, r) {
+  const o = n.calculationsByDependency, t = n.calculations ?? [];
   if (t.length === 0 || !o) return null;
-  const n = /* @__PURE__ */ new Set(), s = [r];
+  const e = /* @__PURE__ */ new Set(), s = [r];
   for (; s.length > 0; ) {
-    const l = s.shift(), u = o[l];
-    if (u)
-      for (const p of u)
-        n.has(p) || (n.add(p), s.push(p));
+    const u = s.shift(), d = o[u];
+    if (d)
+      for (const f of d)
+        e.has(f) || (e.add(f), s.push(f));
   }
-  if (n.size === 0) return null;
-  const i = qe(t), a = { ...e.calculationResults }, c = He(e, a);
-  let d = !1;
-  for (const l of i)
-    if (n.has(l.uuid)) {
-      const u = ne(l.formula, c);
-      a[l.uuid] !== u && (a[l.uuid] = u, d = !0);
+  if (e.size === 0) return null;
+  const c = Ze(t), i = { ...n.calculationResults }, l = en(n, i);
+  let a = !1;
+  for (const u of c)
+    if (e.has(u.uuid)) {
+      const d = ie(u.formula, l);
+      i[u.uuid] !== d && (i[u.uuid] = d, a = !0);
     }
-  return d ? a : null;
+  return a ? i : null;
 }
-function fn(e) {
+function Rn(n) {
   const r = {}, o = (t) => {
     var s;
     if (t.type !== "computed" || !((s = t.properties) != null && s.formula)) return;
-    const n = Ie(t.properties.formula);
-    for (const i of n)
-      r[i] || (r[i] = []), r[i].includes(t.uuid) || r[i].push(t.uuid);
+    const e = Be(t.properties.formula);
+    for (const c of e)
+      r[c] || (r[c] = []), r[c].includes(t.uuid) || r[c].push(t.uuid);
   };
-  for (const t of Object.values(e))
+  for (const t of Object.values(n))
     if (o(t), (t.type === "repeater" || t.type === "group") && t.components)
-      for (const n of t.components)
-        o(n);
+      for (const e of t.components)
+        o(e);
   return r;
 }
-function We(e, r, o, t) {
-  var c, d;
-  const n = e.components[o], s = ((c = n == null ? void 0 : n.components) == null ? void 0 : c.map((l) => l.uuid)) ?? [], i = (d = n == null ? void 0 : n.addedComponents) == null ? void 0 : d[t], a = /* @__PURE__ */ new Map();
-  if (i)
-    for (let l = 0; l < i.length; l++) {
-      const u = s[l];
-      u && a.set(u, i[l]);
+function nn(n, r, o, t) {
+  var l, a;
+  const e = n.components[o], s = ((l = e == null ? void 0 : e.components) == null ? void 0 : l.map((u) => u.uuid)) ?? [], c = (a = e == null ? void 0 : e.addedComponents) == null ? void 0 : a[t], i = /* @__PURE__ */ new Map();
+  if (c)
+    for (let u = 0; u < c.length; u++) {
+      const d = s[u];
+      d && i.set(d, c[u]);
     }
   return {
-    resolveValue: (l) => {
-      if (l in r)
-        return r[l];
-      const u = a.get(l);
-      if (u) {
-        const g = u.value;
+    resolveValue: (u) => {
+      if (u in r)
+        return r[u];
+      const d = i.get(u);
+      if (d) {
+        const g = d.value;
         if (g == null || g === "") return null;
-        const h = Number(g);
-        return isNaN(h) ? null : h;
+        const v = Number(g);
+        return isNaN(v) ? null : v;
       }
-      const p = q(e, l);
-      if (!p) return null;
-      const f = p.value;
-      if (f == null || f === "") return null;
-      const y = Number(f);
+      const f = ee(n, u);
+      if (!f) return null;
+      const p = f.value;
+      if (p == null || p === "") return null;
+      const y = Number(p);
       return isNaN(y) ? null : y;
     },
-    resolveOptionMetadata: (l, u) => {
-      var w;
-      const f = a.get(l) ?? q(e, l);
-      if (!f) return null;
-      const y = f.value;
+    resolveOptionMetadata: (u, d) => {
+      var C;
+      const p = i.get(u) ?? ee(n, u);
+      if (!p) return null;
+      const y = p.value;
       if (!y) return null;
-      const g = (w = f.properties) == null ? void 0 : w.options;
+      const g = (C = p.properties) == null ? void 0 : C.options;
       if (!Array.isArray(g)) return null;
-      const h = g.find(
-        (C) => C.value === y || C.label === y
+      const v = g.find(
+        (S) => S.value === y || S.label === y
       );
-      if (!(h != null && h.metadata)) return null;
-      const v = h.metadata[u];
-      if (v == null) return null;
-      const b = Number(v);
+      if (!(v != null && v.metadata)) return null;
+      const h = v.metadata[d];
+      if (h == null) return null;
+      const b = Number(h);
       return isNaN(b) ? null : b;
     },
-    resolveRepeaterValues: (l) => {
-      for (const u of Object.keys(e.components)) {
-        const p = e.components[u];
-        if (p.type !== "repeater" || !p.addedComponents || !p.components) continue;
-        const f = p.components.findIndex((g) => g.uuid === l);
-        if (f === -1) continue;
+    resolveRepeaterValues: (u) => {
+      for (const d of Object.keys(n.components)) {
+        const f = n.components[d];
+        if (f.type !== "repeater" || !f.addedComponents || !f.components) continue;
+        const p = f.components.findIndex((g) => g.uuid === u);
+        if (p === -1) continue;
         const y = [];
-        for (const g of p.addedComponents) {
-          const h = g[f];
-          if (!h) continue;
-          const v = h.value;
-          if (v == null || v === "") continue;
-          const b = Number(v);
+        for (const g of f.addedComponents) {
+          const v = g[p];
+          if (!v) continue;
+          const h = v.value;
+          if (h == null || h === "") continue;
+          const b = Number(h);
           isNaN(b) || y.push(b);
         }
         return y.length > 0 ? y : null;
@@ -243,423 +243,427 @@ function We(e, r, o, t) {
     }
   };
 }
-function ve(e, r) {
+function he(n, r) {
   return {
     resolveValue: (o) => {
       if (o in r)
         return r[o];
-      const t = q(e, o);
+      const t = ee(n, o);
       if (!t) return null;
-      const n = t.value;
-      if (n == null || n === "") return null;
-      const s = Number(n);
+      const e = t.value;
+      if (e == null || e === "") return null;
+      const s = Number(e);
       return isNaN(s) ? null : s;
     },
     resolveOptionMetadata: (o, t) => {
-      var l;
-      const n = q(e, o);
-      if (!n) return null;
-      const s = n.value;
+      var u;
+      const e = ee(n, o);
+      if (!e) return null;
+      const s = e.value;
       if (!s) return null;
-      const i = (l = n.properties) == null ? void 0 : l.options;
-      if (!Array.isArray(i)) return null;
-      const a = i.find(
-        (u) => u.value === s || u.label === s
+      const c = (u = e.properties) == null ? void 0 : u.options;
+      if (!Array.isArray(c)) return null;
+      const i = c.find(
+        (d) => d.value === s || d.label === s
       );
-      if (!(a != null && a.metadata)) return null;
-      const c = a.metadata[t];
-      if (c == null) return null;
-      const d = Number(c);
-      return isNaN(d) ? null : d;
+      if (!(i != null && i.metadata)) return null;
+      const l = i.metadata[t];
+      if (l == null) return null;
+      const a = Number(l);
+      return isNaN(a) ? null : a;
     },
     resolveRepeaterValues: (o) => {
-      for (const t of Object.keys(e.components)) {
-        const n = e.components[t];
-        if (n.type !== "repeater" || !n.addedComponents || !n.components) continue;
-        const s = n.components.findIndex((a) => a.uuid === o);
+      for (const t of Object.keys(n.components)) {
+        const e = n.components[t];
+        if (e.type !== "repeater" || !e.addedComponents || !e.components) continue;
+        const s = e.components.findIndex((i) => i.uuid === o);
         if (s === -1) continue;
-        const i = [];
-        for (const a of n.addedComponents) {
-          const c = a[s];
-          if (!c) continue;
-          const d = c.value;
-          if (d == null || d === "") continue;
-          const l = Number(d);
-          isNaN(l) || i.push(l);
+        const c = [];
+        for (const i of e.addedComponents) {
+          const l = i[s];
+          if (!l) continue;
+          const a = l.value;
+          if (a == null || a === "") continue;
+          const u = Number(a);
+          isNaN(u) || c.push(u);
         }
-        return i.length > 0 ? i : null;
+        return c.length > 0 ? c : null;
       }
       return null;
     }
   };
 }
-function Re(e) {
+function xe(n) {
   var o, t;
-  const r = e.calculationResults ?? {};
-  for (const n of Object.values(e.components))
-    if (n.type === "computed" && ((o = n.properties) != null && o.formula)) {
-      const s = ve(e, r), i = ne(n.properties.formula, s);
-      n.value = i;
+  const r = n.calculationResults ?? {};
+  for (const e of Object.values(n.components))
+    if (e.type === "computed" && ((o = e.properties) != null && o.formula)) {
+      const s = he(n, r), c = ie(e.properties.formula, s);
+      e.value = c;
     }
-  for (const n of Object.values(e.components))
-    if ((n.type === "repeater" || n.type === "group") && n.addedComponents && n.components)
-      for (let s = 0; s < n.addedComponents.length; s++) {
-        const i = n.addedComponents[s];
-        for (let a = 0; a < i.length; a++) {
-          const c = i[a], d = n.components[a];
-          if ((d == null ? void 0 : d.type) === "computed" && ((t = d.properties) != null && t.formula)) {
-            const l = n.type === "repeater" ? We(e, r, n.uuid, s) : ve(e, r), u = ne(d.properties.formula, l);
-            c.value = u;
+  for (const e of Object.values(n.components))
+    if ((e.type === "repeater" || e.type === "group") && e.addedComponents && e.components)
+      for (let s = 0; s < e.addedComponents.length; s++) {
+        const c = e.addedComponents[s];
+        for (let i = 0; i < c.length; i++) {
+          const l = c[i], a = e.components[i];
+          if ((a == null ? void 0 : a.type) === "computed" && ((t = a.properties) != null && t.formula)) {
+            const u = e.type === "repeater" ? nn(n, r, e.uuid, s) : he(n, r), d = ie(a.properties.formula, u);
+            l.value = d;
           }
         }
       }
 }
-function mn(e, r) {
-  var i, a;
-  const o = e.computedByDependency;
+function En(n, r) {
+  var c, i;
+  const o = n.computedByDependency;
   if (!o) return !1;
   const t = o[r];
   if (!t || t.length === 0) return !1;
-  const n = e.calculationResults ?? {};
+  const e = n.calculationResults ?? {};
   let s = !1;
-  for (const c of t) {
-    const d = e.components[c];
-    if (d && d.type === "computed" && ((i = d.properties) != null && i.formula)) {
-      const l = ve(e, n), u = ne(d.properties.formula, l);
-      d.value !== u && (e.components[c] = { ...d, value: u }, s = !0);
+  for (const l of t) {
+    const a = n.components[l];
+    if (a && a.type === "computed" && ((c = a.properties) != null && c.formula)) {
+      const u = he(n, e), d = ie(a.properties.formula, u);
+      a.value !== d && (n.components[l] = { ...a, value: d }, s = !0);
       continue;
     }
-    for (const l of Object.values(e.components))
-      if ((l.type === "repeater" || l.type === "group") && l.components && l.addedComponents) {
-        const u = l.components.findIndex((f) => f.uuid === c);
-        if (u === -1) continue;
-        const p = l.components[u];
-        if ((p == null ? void 0 : p.type) !== "computed" || !((a = p.properties) != null && a.formula)) continue;
-        for (let f = 0; f < l.addedComponents.length; f++) {
-          const y = l.addedComponents[f][u];
+    for (const u of Object.values(n.components))
+      if ((u.type === "repeater" || u.type === "group") && u.components && u.addedComponents) {
+        const d = u.components.findIndex((p) => p.uuid === l);
+        if (d === -1) continue;
+        const f = u.components[d];
+        if ((f == null ? void 0 : f.type) !== "computed" || !((i = f.properties) != null && i.formula)) continue;
+        for (let p = 0; p < u.addedComponents.length; p++) {
+          const y = u.addedComponents[p][d];
           if (!y) continue;
-          const g = l.type === "repeater" ? We(e, n, l.uuid, f) : ve(e, n), h = ne(p.properties.formula, g);
-          y.value !== h && (l.addedComponents[f][u] = { ...y, value: h }, s = !0);
+          const g = u.type === "repeater" ? nn(n, e, u.uuid, p) : he(n, e), v = ie(f.properties.formula, g);
+          y.value !== v && (u.addedComponents[p][d] = { ...y, value: v }, s = !0);
         }
       }
   }
   return s;
 }
-const Xe = (e, r) => {
+const tn = (n, r) => {
   var o, t;
   if (r.includes(":")) {
-    const n = r.split(":"), s = e[n[0]];
-    return (t = (o = s == null ? void 0 : s.addedComponents) == null ? void 0 : o[parseInt(n[1])]) == null ? void 0 : t[parseInt(n[2])];
+    const e = r.split(":"), s = n[e[0]];
+    return (t = (o = s == null ? void 0 : s.addedComponents) == null ? void 0 : o[parseInt(e[1])]) == null ? void 0 : t[parseInt(e[2])];
   }
-  return e[r];
-}, pe = (e, r) => {
-  for (const o of e.screenOrder)
-    if (e.screens[o].components.some((n) => n.uuid === r))
+  return n[r];
+}, fe = (n, r) => {
+  for (const o of n.screenOrder)
+    if (n.screens[o].components.some((e) => e.uuid === r))
       return o;
   return null;
-}, vn = (e, r) => {
+}, xn = (n, r) => {
   if (!r.includes(":")) return null;
   const o = r.split(":");
   if (o.length !== 3) return null;
-  const t = o[0], n = parseInt(o[2]), s = e.components[t];
+  const t = o[0], e = parseInt(o[2]), s = n.components[t];
   if (!s || s.type !== "repeater" || !s.components) return null;
-  const i = s.components[n];
-  return (i == null ? void 0 : i.uuid) ?? null;
-}, Ae = (e, r, o, t, n) => {
-  const s = r(), i = s.groupComponentMap[o] ?? o, a = gn(e, r, i), c = {
+  const c = s.components[e];
+  return (c == null ? void 0 : c.uuid) ?? null;
+}, Ye = (n, r, o, t, e) => {
+  const s = r(), c = s.groupComponentMap[o] ?? o, i = kn(n, r, c), l = {
     components: s.components,
     groupComponentMap: s.groupComponentMap
-  }, d = F(t, c);
-  t.valid = d.length === 0;
-  const l = {
+  }, a = M(t, l);
+  t.valid = a.length === 0;
+  const u = {
     ...s.validationErrors,
-    [o]: d
-  }, u = s.validationsByDependency[o];
-  if (u)
-    for (const w of u) {
-      const C = q(s, w.target);
-      if (C) {
-        const N = F(C, c);
-        C.valid = N.length === 0, l[w.target] = N;
+    [o]: a
+  }, d = s.validationsByDependency[o];
+  if (d)
+    for (const C of d) {
+      const S = ee(s, C.target);
+      if (S) {
+        const w = M(S, l);
+        S.valid = w.length === 0, u[C.target] = w;
       }
     }
-  const p = pe(s, n), f = {
+  const f = fe(s, e), p = {
     components: { ...s.components },
-    validationErrors: l
+    validationErrors: u
   };
-  if (a && (f.conditionResults = a), p) {
-    const w = { ...s, ...f };
-    f.screenValidity = {
+  if (i && (p.conditionResults = i), f) {
+    const C = { ...s, ...p };
+    p.screenValidity = {
       ...s.screenValidity,
-      [p]: Z(w, p)
+      [f]: oe(C, f)
     };
   }
-  const y = { ...s, ...f }, g = o.includes(":") ? vn(y, o) : null, h = [], v = (w) => {
-    if (mn(y, w)) {
-      const C = y.computedByDependency[w] ?? [];
-      for (const N of C)
-        h.includes(N) || (h.push(N), v(N));
+  const y = { ...s, ...p }, g = o.includes(":") ? xn(y, o) : null, v = [], h = (C) => {
+    if (En(y, C)) {
+      const S = y.computedByDependency[C] ?? [];
+      for (const w of S)
+        v.includes(w) || (v.push(w), h(w));
     }
   };
-  v(i), g && g !== i && v(g);
-  let b = be(y, i);
-  if (g && g !== i) {
-    const w = b ? { ...y, calculationResults: b } : y, C = be(w, g);
-    C && (b = C);
+  h(c), g && g !== c && h(g);
+  let b = we(y, c);
+  if (g && g !== c) {
+    const C = b ? { ...y, calculationResults: b } : y, S = we(C, g);
+    S && (b = S);
   }
-  for (const w of h) {
-    const C = b ? { ...y, calculationResults: b } : y, N = be(C, w);
-    N && (b = N);
+  for (const C of v) {
+    const S = b ? { ...y, calculationResults: b } : y, w = we(S, C);
+    w && (b = w);
   }
-  b && (f.calculationResults = b), e(f);
-}, hn = (e, r) => ({
+  b && (p.calculationResults = b), n(p);
+}, Dn = (n, r) => ({
   updateComponentValue: (o, t) => {
-    var i, a;
-    const n = r();
+    var c, i;
+    const e = r();
     if (o.includes(":")) {
-      const c = o.split(":"), d = c[0], l = parseInt(c[1]), u = parseInt(c[2]), p = n.components[d];
-      if (!((a = (i = p == null ? void 0 : p.addedComponents) == null ? void 0 : i[l]) != null && a[u])) return;
-      const f = p.addedComponents[l][u].value !== t;
-      if (p.addedComponents[l][u] = { ...p.addedComponents[l][u], value: t }, f) {
-        Ae(
-          e,
+      const l = o.split(":"), a = l[0], u = parseInt(l[1]), d = parseInt(l[2]), f = e.components[a];
+      if (!((i = (c = f == null ? void 0 : f.addedComponents) == null ? void 0 : c[u]) != null && i[d])) return;
+      const p = f.addedComponents[u][d].value !== t;
+      if (f.addedComponents[u][d] = { ...f.addedComponents[u][d], value: t }, p) {
+        Ye(
+          n,
           r,
           o,
-          p.addedComponents[l][u],
-          d
+          f.addedComponents[u][d],
+          a
         );
         return;
       }
-      e({ components: { ...n.components } });
+      n({ components: { ...e.components } });
       return;
     }
-    const s = n.components[o];
+    const s = e.components[o];
     if (s) {
       if (s.type === "group" || s.type === "repeater") {
-        e({ components: { ...n.components } });
+        n({ components: { ...e.components } });
         return;
       }
-      t !== s.value && (s.value = t, Ae(e, r, o, s, o));
+      if (t === s.value) {
+        n({ selectionTick: r().selectionTick + 1 });
+        return;
+      }
+      s.value = t, Ye(n, r, o, s, o);
     }
   },
   addGroupIteration: (o) => {
-    const t = r(), n = t.components[o];
-    if (!n || n.type !== "group" || !n.components)
+    const t = r(), e = t.components[o];
+    if (!e || e.type !== "group" || !e.components)
       return;
-    n.addedComponents || (n.addedComponents = []);
-    const s = { ...t.conditionsByDependency }, i = n.components.map((d, l) => {
-      const u = Y(d);
-      if (u.uuid = [o, n.addedComponents.length, l].join(
+    e.addedComponents || (e.addedComponents = []);
+    const s = { ...t.conditionsByDependency }, c = e.components.map((a, u) => {
+      const d = X(a);
+      if (d.uuid = [o, e.addedComponents.length, u].join(
         ":"
-      ), t.groupComponentMap[u.uuid] = d.uuid, u.conditions && Object.keys(u.conditions).length > 0) {
-        const f = "when" in u.conditions ? u.conditions : null;
-        f && (u.conditions = f, X(
+      ), t.groupComponentMap[d.uuid] = a.uuid, d.conditions && Object.keys(d.conditions).length > 0) {
+        const p = "when" in d.conditions ? d.conditions : null;
+        p && (d.conditions = p, ne(
           s,
-          u.uuid,
-          f,
+          d.uuid,
+          p,
           "component"
         ));
       }
-      const p = F(u);
-      return u.valid = p.length === 0, u;
+      const f = M(d);
+      return d.valid = f.length === 0, d;
     });
-    n.addedComponents.push(i);
-    const a = pe(t, o), c = { ...t.screenValidity };
-    return a && (c[a] = Z(
+    e.addedComponents.push(c);
+    const i = fe(t, o), l = { ...t.screenValidity };
+    return i && (l[i] = oe(
       {
         ...t
       },
-      a
-    )), e({
+      i
+    )), n({
       components: { ...t.components },
       groupComponentMap: { ...t.groupComponentMap },
       conditionsByDependency: s,
-      screenValidity: c
-    }), n.addedComponents;
+      screenValidity: l
+    }), e.addedComponents;
   },
   addRepeaterIteration: (o) => {
-    const t = r(), n = t.components[o];
-    if (!n || n.type !== "repeater" || !n.components)
+    const t = r(), e = t.components[o];
+    if (!e || e.type !== "repeater" || !e.components)
       return;
-    n.addedComponents || (n.addedComponents = []);
-    const s = { ...t.conditionsByDependency }, i = n.components.map((u, p) => {
-      const f = Y(u);
-      if (f.uuid = [
+    e.addedComponents || (e.addedComponents = []);
+    const s = { ...t.conditionsByDependency }, c = e.components.map((d, f) => {
+      const p = X(d);
+      if (p.uuid = [
         o,
-        n.addedComponents.length,
-        p
-      ].join(":"), f.conditions && Object.keys(f.conditions).length > 0) {
-        const g = "when" in f.conditions ? f.conditions : null;
-        g && (f.conditions = g, X(
+        e.addedComponents.length,
+        f
+      ].join(":"), p.conditions && Object.keys(p.conditions).length > 0) {
+        const g = "when" in p.conditions ? p.conditions : null;
+        g && (p.conditions = g, ne(
           s,
-          f.uuid,
+          p.uuid,
           g,
           "component"
         ));
       }
-      const y = F(f);
-      return f.valid = y.length === 0, f;
+      const y = M(p);
+      return p.valid = y.length === 0, p;
     });
-    n.addedComponents.push(i);
-    const a = pe(t, o), c = { ...t.screenValidity };
-    a && (c[a] = Z(
+    e.addedComponents.push(c);
+    const i = fe(t, o), l = { ...t.screenValidity };
+    i && (l[i] = oe(
       {
         ...t
       },
-      a
+      i
     ));
-    const d = {
+    const a = {
       ...t,
       components: { ...t.components }
     };
-    Re(d);
-    const l = Se(d);
-    return e({
+    xe(a);
+    const u = Ee(a);
+    return n({
       components: { ...t.components },
       conditionsByDependency: s,
-      screenValidity: c,
-      calculationResults: l
-    }), n.addedComponents;
+      screenValidity: l,
+      calculationResults: u
+    }), e.addedComponents;
   },
   removeRepeaterIteration: (o, t) => {
     var g;
-    const n = r(), s = n.components[o];
+    const e = r(), s = e.components[o];
     if (!s || s.type !== "repeater" || !s.addedComponents)
       return;
-    const i = ((g = s.properties) == null ? void 0 : g.minIterations) ?? 1;
-    if (s.addedComponents.length <= i) return;
-    const a = s.addedComponents[t], c = new Set(a.map((h) => h.uuid));
+    const c = ((g = s.properties) == null ? void 0 : g.minIterations) ?? 1;
+    if (s.addedComponents.length <= c) return;
+    const i = s.addedComponents[t], l = new Set(i.map((v) => v.uuid));
     s.addedComponents.splice(t, 1);
-    const d = { ...n.conditionsByDependency }, l = { ...n.validationErrors };
-    for (const h of c)
-      delete l[h], delete d[h];
-    for (const h of Object.keys(d)) {
-      const v = d[h], b = v.filter((w) => !c.has(w.target));
-      b.length === 0 ? delete d[h] : b.length !== v.length && (d[h] = b);
+    const a = { ...e.conditionsByDependency }, u = { ...e.validationErrors };
+    for (const v of l)
+      delete u[v], delete a[v];
+    for (const v of Object.keys(a)) {
+      const h = a[v], b = h.filter((C) => !l.has(C.target));
+      b.length === 0 ? delete a[v] : b.length !== h.length && (a[v] = b);
     }
-    for (let h = t; h < s.addedComponents.length; h++)
-      s.addedComponents[h].forEach((v, b) => {
-        const w = v.uuid, C = [o, h, b].join(":");
-        if (w !== C) {
-          v.uuid = C, w in l && (l[C] = l[w], delete l[w]), w in d && (d[C] = d[w], delete d[w]);
-          for (const N of Object.values(d))
-            for (const T of N)
-              T.target === w && (T.target = C);
+    for (let v = t; v < s.addedComponents.length; v++)
+      s.addedComponents[v].forEach((h, b) => {
+        const C = h.uuid, S = [o, v, b].join(":");
+        if (C !== S) {
+          h.uuid = S, C in u && (u[S] = u[C], delete u[C]), C in a && (a[S] = a[C], delete a[C]);
+          for (const w of Object.values(a))
+            for (const V of w)
+              V.target === C && (V.target = S);
         }
       });
-    const u = pe(n, o), p = { ...n.screenValidity };
-    u && (p[u] = Z(
+    const d = fe(e, o), f = { ...e.screenValidity };
+    d && (f[d] = oe(
       {
-        ...n
+        ...e
       },
-      u
+      d
     ));
-    const f = {
-      ...n,
-      components: { ...n.components }
+    const p = {
+      ...e,
+      components: { ...e.components }
     };
-    Re(f);
-    const y = Se(f);
-    e({
-      components: { ...n.components },
-      conditionsByDependency: d,
-      validationErrors: l,
-      screenValidity: p,
+    xe(p);
+    const y = Ee(p);
+    n({
+      components: { ...e.components },
+      conditionsByDependency: a,
+      validationErrors: u,
+      screenValidity: f,
       calculationResults: y
     });
   }
-}), q = (e, r) => Xe(e.components, r), X = (e, r, o, t) => {
-  const n = /* @__PURE__ */ new Set();
-  for (const i of o.when.rules)
-    n.add(i.source);
+}), ee = (n, r) => tn(n.components, r), ne = (n, r, o, t) => {
+  const e = /* @__PURE__ */ new Set();
+  for (const c of o.when.rules)
+    e.add(c.source);
   const s = { target: r, type: t, config: o };
-  for (const i of n)
-    e[i] || (e[i] = []), e[i].push(s);
-}, yn = (e, r) => {
+  for (const c of e)
+    n[c] || (n[c] = []), n[c].push(s);
+}, In = (n, r) => {
   var o, t;
-  return r.includes(":") ? (o = q(e, r)) == null ? void 0 : o.value : (t = e.components[r]) == null ? void 0 : t.value;
-}, te = (e, r) => rn(r, (o, t) => (t == null ? void 0 : t.sourceType) === "context" ? e.externalContext[t.source] : yn(e, o)), gn = (e, r, o) => {
-  const t = r(), n = t.conditionsByDependency[o];
-  if (!n || n.length === 0) return null;
+  return r.includes(":") ? (o = ee(n, r)) == null ? void 0 : o.value : (t = n.components[r]) == null ? void 0 : t.value;
+}, ce = (n, r) => hn(r, (o, t) => (t == null ? void 0 : t.sourceType) === "context" ? n.externalContext[t.source] : In(n, o)), kn = (n, r, o) => {
+  const t = r(), e = t.conditionsByDependency[o];
+  if (!e || e.length === 0) return null;
   let s = !1;
-  const i = { ...t.conditionResults };
-  for (const a of n) {
-    const c = te(t, a.config);
-    i[a.target] !== c && (i[a.target] = c, s = !0);
+  const c = { ...t.conditionResults };
+  for (const i of e) {
+    const l = ce(t, i.config);
+    c[i.target] !== l && (c[i.target] = l, s = !0);
   }
-  return s ? i : null;
-}, bn = (e) => {
+  return s ? c : null;
+}, Bn = (n) => {
   const r = {}, o = /* @__PURE__ */ new Set();
-  for (const t of Object.values(e.conditionsByDependency))
-    for (const n of t)
-      o.has(n.target) || (o.add(n.target), r[n.target] = te(e, n.config));
+  for (const t of Object.values(n.conditionsByDependency))
+    for (const e of t)
+      o.has(e.target) || (o.add(e.target), r[e.target] = ce(n, e.config));
   return r;
-}, Ce = (e) => {
-  if (!e || me(e.type)) return null;
-  const r = "label" in e.properties ? e.properties.label : "", o = {
-    uuid: e.uuid,
-    type: e.type,
-    value: e.value
+}, Ne = (n) => {
+  if (!n || ve(n.type)) return null;
+  const r = "label" in n.properties ? n.properties.label : "", o = {
+    uuid: n.uuid,
+    type: n.type,
+    value: n.value
   };
   return r && (o.label = r), o;
-}, je = (e) => {
-  if (e.conditions && "when" in e.conditions)
-    return e.conditions;
-}, Cn = (e) => {
+}, Ge = (n) => {
+  if (n.conditions && "when" in n.conditions)
+    return n.conditions;
+}, On = (n) => {
   const r = {
-    uuid: e.flowUUID,
-    metadata: e.metadata,
+    uuid: n.flowUUID,
+    metadata: n.metadata,
     screens: []
   }, o = (t) => {
-    const n = e.screens[t];
-    if (!n) return !1;
-    const s = n.conditions && "when" in n.conditions ? n.conditions : void 0;
-    return Q(s, e.conditionResults[t]);
+    const e = n.screens[t];
+    if (!e) return !1;
+    const s = e.conditions && "when" in e.conditions ? e.conditions : void 0;
+    return te(s, n.conditionResults[t]);
   };
-  return r.screens = e.screenOrder.filter((t) => !o(t)).map((t) => {
-    const n = e.screens[t], s = {
+  return r.screens = n.screenOrder.filter((t) => !o(t)).map((t) => {
+    const e = n.screens[t], s = {
       uuid: t,
-      components: n.components.map((i) => {
-        const a = e.components[i.uuid];
-        if (!a) return null;
-        const c = je(a);
-        if (Q(c, e.conditionResults[i.uuid]))
+      components: e.components.map((c) => {
+        const i = n.components[c.uuid];
+        if (!i) return null;
+        const l = Ge(i);
+        if (te(l, n.conditionResults[c.uuid]))
           return null;
-        if ((a.type === "group" || a.type === "repeater") && a.addedComponents) {
-          const d = Ce(a);
-          return d ? {
-            ...d,
-            components: a.addedComponents.map(
-              (l) => l.filter((u) => {
-                const p = je(u);
-                return !Q(
-                  p,
-                  e.conditionResults[u.uuid]
+        if ((i.type === "group" || i.type === "repeater") && i.addedComponents) {
+          const a = Ne(i);
+          return a ? {
+            ...a,
+            components: i.addedComponents.map(
+              (u) => u.filter((d) => {
+                const f = Ge(d);
+                return !te(
+                  f,
+                  n.conditionResults[d.uuid]
                 );
-              }).map((u) => Ce(u)).filter((u) => u !== null)
+              }).map((d) => Ne(d)).filter((d) => d !== null)
             )
           } : null;
         }
-        return Ce(a);
-      }).filter((i) => i !== null)
+        return Ne(i);
+      }).filter((c) => c !== null)
     };
-    return n.label && (s.label = n.label), s;
+    return e.label && (s.label = e.label), s;
   }), r;
-}, ye = Je(
+}, be = Ke(
   null
 );
-function L(e) {
-  const r = xe(ye);
+function P(n) {
+  const r = Ie(be);
   if (!r)
     throw new Error("useFBREStore must be used within an FBRE provider");
-  return W(r, e);
+  return Q(r, n);
 }
-const Ke = () => {
-  const e = xe(ye);
-  if (!e)
+const Ce = () => {
+  const n = Ie(be);
+  if (!n)
     throw new Error("useFBREStoreApi must be used within an FBRE provider");
-  return e;
-}, le = (e) => !e || Object.keys(e).length === 0 ? null : "when" in e ? e : null, wn = [], Sn = () => Ye((e, r) => ({
+  return n;
+}, ue = (n) => !n || Object.keys(n).length === 0 ? null : "when" in n ? n : null, Vn = [], Tn = () => Qe((n, r) => ({
   // Identity
   flowUUID: "",
   metadata: {},
@@ -685,206 +689,208 @@ const Ke = () => {
   calculationsByDependency: {},
   // Computed components
   computedByDependency: {},
+  // Selection re-click tracking
+  selectionTick: 0,
   // Actions
-  loadFlow: (o, t, n) => {
-    var T;
-    const s = {}, i = [], a = {}, c = {}, d = {}, l = {}, u = {}, p = {}, f = {};
-    o.screens.forEach((x) => {
-      const M = le(x.conditions), U = M ? { ...x, conditions: M } : { ...x };
-      s[x.uuid] = U, i.push(x.uuid), M && X(
-        l,
-        x.uuid,
-        M,
+  loadFlow: (o, t, e) => {
+    var V;
+    const s = {}, c = [], i = {}, l = {}, a = {}, u = {}, d = {}, f = {}, p = {};
+    o.screens.forEach((E) => {
+      const T = ue(E.conditions), _ = T ? { ...E, conditions: T } : { ...E };
+      s[E.uuid] = _, c.push(E.uuid), T && ne(
+        u,
+        E.uuid,
+        T,
         "screen"
-      ), x.components.forEach((S) => {
-        var V;
-        const D = le(S.conditions), B = Y(S);
-        if (D && (B.conditions = D), a[S.uuid] = B, D && X(
-          l,
-          S.uuid,
-          D,
-          "component"
-        ), (V = B.properties) != null && V.validation && ae(
+      ), E.components.forEach((N) => {
+        var U;
+        const I = ue(N.conditions), k = X(N);
+        if (I && (k.conditions = I), i[N.uuid] = k, I && ne(
           u,
-          S.uuid,
-          B.properties.validation
-        ), (S.type === "group" || S.type === "repeater") && S.components) {
-          const $ = a[S.uuid];
-          $.addedComponents || ($.addedComponents = []);
-          const J = S.properties ?? {}, R = S.type === "repeater" ? J.initialData : void 0, E = S.type === "repeater" ? J.minIterations : void 0, _ = R ? R.length : S.type === "repeater" && E && E > 1 ? E : 1;
-          for (let O = 0; O < _; O++) {
-            const ee = S.components.map((H, ge) => {
-              var ie;
-              const A = Y(H);
-              A.uuid = [
-                S.uuid,
-                $.addedComponents.length,
-                ge
-              ].join(":"), R && R[O] && H.uuid in R[O] && (A.value = R[O][H.uuid]), S.type === "group" && (c[A.uuid] = H.uuid), O === 0 && (d[H.uuid] = A.uuid);
-              const re = le(A.conditions);
-              re && (A.conditions = re, X(
-                l,
-                A.uuid,
-                re,
-                "component"
-              )), (ie = A.properties) != null && ie.validation && ae(
+          N.uuid,
+          I,
+          "component"
+        ), (U = k.properties) != null && U.validation && le(
+          d,
+          N.uuid,
+          k.properties.validation
+        ), (N.type === "group" || N.type === "repeater") && N.components) {
+          const A = i[N.uuid];
+          A.addedComponents || (A.addedComponents = []);
+          const q = N.properties ?? {}, j = N.type === "repeater" ? q.initialData : void 0, O = N.type === "repeater" ? q.minIterations : void 0, $ = j ? j.length : N.type === "repeater" && O && O > 1 ? O : 1;
+          for (let Y = 0; Y < $; Y++) {
+            const K = N.components.map((R, G) => {
+              var se;
+              const x = X(R);
+              x.uuid = [
+                N.uuid,
+                A.addedComponents.length,
+                G
+              ].join(":"), j && j[Y] && R.uuid in j[Y] && (x.value = j[Y][R.uuid]), N.type === "group" && (l[x.uuid] = R.uuid), Y === 0 && (a[R.uuid] = x.uuid);
+              const L = ue(x.conditions);
+              L && (x.conditions = L, ne(
                 u,
-                A.uuid,
-                A.properties.validation
+                x.uuid,
+                L,
+                "component"
+              )), (se = x.properties) != null && se.validation && le(
+                d,
+                x.uuid,
+                x.properties.validation
               );
-              const se = F(A);
-              return A.valid = se.length === 0, se.length > 0 && (p[A.uuid] = se), A;
+              const re = M(x);
+              return x.valid = re.length === 0, re.length > 0 && (f[x.uuid] = re), x;
             });
-            $.addedComponents.push(ee);
+            A.addedComponents.push(K);
           }
         }
       });
-    }), t && t.screens.forEach((x) => {
-      const M = i.indexOf(x.uuid);
-      M < 0 || x.components.forEach((U) => {
-        const S = a[U.uuid];
-        if (S)
-          if ((S.type === "group" || S.type === "repeater") && U.components && S.addedComponents) {
-            if (U.components.length > 1) {
-              const D = S.addedComponents.length, B = U.components.length - D, G = o.screens[M].components.find(
-                (V) => V.uuid === S.uuid
+    }), t && t.screens.forEach((E) => {
+      const T = c.indexOf(E.uuid);
+      T < 0 || E.components.forEach((_) => {
+        const N = i[_.uuid];
+        if (N)
+          if ((N.type === "group" || N.type === "repeater") && _.components && N.addedComponents) {
+            if (_.components.length > 1) {
+              const I = N.addedComponents.length, k = _.components.length - I, W = o.screens[T].components.find(
+                (U) => U.uuid === N.uuid
               );
-              for (let V = 0; V < B; V++)
-                if (G != null && G.components) {
-                  const $ = G.components.map(
-                    (J, R) => {
-                      var ee;
-                      const E = Y(J);
-                      E.uuid = [
-                        S.uuid,
-                        S.addedComponents.length,
-                        R
-                      ].join(":"), S.type === "group" && (c[E.uuid] = J.uuid), d[J.uuid] || (d[J.uuid] = E.uuid);
-                      const _ = le(
-                        E.conditions
+              for (let U = 0; U < k; U++)
+                if (W != null && W.components) {
+                  const A = W.components.map(
+                    (q, j) => {
+                      var K;
+                      const O = X(q);
+                      O.uuid = [
+                        N.uuid,
+                        N.addedComponents.length,
+                        j
+                      ].join(":"), N.type === "group" && (l[O.uuid] = q.uuid), a[q.uuid] || (a[q.uuid] = O.uuid);
+                      const $ = ue(
+                        O.conditions
                       );
-                      _ && (E.conditions = _, X(
-                        l,
-                        E.uuid,
-                        _,
-                        "component"
-                      )), (ee = E.properties) != null && ee.validation && ae(
+                      $ && (O.conditions = $, ne(
                         u,
-                        E.uuid,
-                        E.properties.validation
+                        O.uuid,
+                        $,
+                        "component"
+                      )), (K = O.properties) != null && K.validation && le(
+                        d,
+                        O.uuid,
+                        O.properties.validation
                       );
-                      const O = F(E);
-                      return E.valid = O.length === 0, O.length > 0 && (p[E.uuid] = O), E;
+                      const Y = M(O);
+                      return O.valid = Y.length === 0, Y.length > 0 && (f[O.uuid] = Y), O;
                     }
                   );
-                  S.addedComponents.push($);
+                  N.addedComponents.push(A);
                 }
             }
-            U.components.forEach((D) => {
-              D.forEach((B) => {
-                for (const G of S.addedComponents) {
-                  const V = G.find(($) => $.uuid === B.uuid);
-                  if (V) {
-                    V.value = B.value;
-                    const $ = F(V);
-                    V.valid = $.length === 0, p[V.uuid] = $;
+            _.components.forEach((I) => {
+              I.forEach((k) => {
+                for (const W of N.addedComponents) {
+                  const U = W.find((A) => A.uuid === k.uuid);
+                  if (U) {
+                    U.value = k.value;
+                    const A = M(U);
+                    U.valid = A.length === 0, f[U.uuid] = A;
                     break;
                   }
                 }
               });
             });
           } else {
-            S.value = U.value;
-            const D = F(S);
-            S.valid = D.length === 0, p[S.uuid] = D;
+            N.value = _.value;
+            const I = M(N);
+            N.valid = I.length === 0, f[N.uuid] = I;
           }
       });
     });
-    for (const x of Object.keys(a)) {
-      const M = a[x];
-      if (!(M.type === "group" || M.type === "repeater" || !((T = M.properties) != null && T.validation)) && !(x in p)) {
-        const U = F(M);
-        M.valid = U.length === 0, U.length > 0 && (p[x] = U);
+    for (const E of Object.keys(i)) {
+      const T = i[E];
+      if (!(T.type === "group" || T.type === "repeater" || !((V = T.properties) != null && V.validation)) && !(E in f)) {
+        const _ = M(T);
+        T.valid = _.length === 0, _.length > 0 && (f[E] = _);
       }
     }
     const y = {
       ...r(),
-      externalContext: n ?? {},
+      externalContext: e ?? {},
       screens: s,
-      screenOrder: i,
-      components: a,
-      groupComponentMap: c,
-      templateComponentMap: d,
-      conditionsByDependency: l,
+      screenOrder: c,
+      components: i,
+      groupComponentMap: l,
+      templateComponentMap: a,
+      conditionsByDependency: u,
       conditionResults: {},
-      validationErrors: p,
-      validationsByDependency: u
-    }, g = bn(y);
-    y.conditionResults = g, i.forEach((x) => {
-      f[x] = Z(y, x);
+      validationErrors: f,
+      validationsByDependency: d
+    }, g = Bn(y);
+    y.conditionResults = g, c.forEach((E) => {
+      p[E] = oe(y, E);
     });
-    const h = fn(a), v = {
+    const v = Rn(i), h = {
       ...y,
-      computedByDependency: h,
+      computedByDependency: v,
       calculationResults: {},
-      screenValidity: f
+      screenValidity: p
     };
-    Re(v);
-    const b = o.calculations ?? [], w = pn(b), C = {
-      ...v,
+    xe(h);
+    const b = o.calculations ?? [], C = Nn(b), S = {
+      ...h,
       calculations: b
-    }, N = Se(C);
-    e({
+    }, w = Ee(S);
+    n({
       flowUUID: o.uuid,
       metadata: o.metadata,
       config: o.config ?? {},
-      externalContext: n ?? {},
+      externalContext: e ?? {},
       screens: s,
-      screenOrder: i,
-      components: a,
-      groupComponentMap: c,
-      templateComponentMap: d,
-      conditionsByDependency: l,
+      screenOrder: c,
+      components: i,
+      groupComponentMap: l,
+      templateComponentMap: a,
+      conditionsByDependency: u,
       conditionResults: g,
-      screenValidity: f,
-      validationErrors: p,
-      validationsByDependency: u,
+      screenValidity: p,
+      validationErrors: f,
+      validationsByDependency: d,
       calculations: b,
-      calculationResults: N,
-      calculationsByDependency: w,
-      computedByDependency: h
+      calculationResults: w,
+      calculationsByDependency: C,
+      computedByDependency: v
     });
   },
   updateContext: (o) => {
-    const t = r(), n = t.externalContext, s = [];
-    for (const d of Object.keys(o))
-      n[d] !== o[d] && s.push(d);
-    for (const d of Object.keys(n))
-      !(d in o) && !s.includes(d) && s.push(d);
+    const t = r(), e = t.externalContext, s = [];
+    for (const a of Object.keys(o))
+      e[a] !== o[a] && s.push(a);
+    for (const a of Object.keys(e))
+      !(a in o) && !s.includes(a) && s.push(a);
     if (s.length === 0) return;
-    const i = { ...t.conditionResults };
-    let a = !1;
-    const c = /* @__PURE__ */ new Set();
-    for (const d of s) {
-      const l = t.conditionsByDependency[d];
-      if (!(!l || l.length === 0))
-        for (const u of l) {
-          if (c.has(u.target)) continue;
-          c.add(u.target);
-          const p = { ...t, externalContext: o }, f = te(p, u.config);
-          i[u.target] !== f && (i[u.target] = f, a = !0);
+    const c = { ...t.conditionResults };
+    let i = !1;
+    const l = /* @__PURE__ */ new Set();
+    for (const a of s) {
+      const u = t.conditionsByDependency[a];
+      if (!(!u || u.length === 0))
+        for (const d of u) {
+          if (l.has(d.target)) continue;
+          l.add(d.target);
+          const f = { ...t, externalContext: o }, p = ce(f, d.config);
+          c[d.target] !== p && (c[d.target] = p, i = !0);
         }
     }
-    if (a) {
-      const d = { ...t, conditionResults: i }, l = {};
-      for (const u of t.screenOrder)
-        l[u] = Z(d, u);
-      e({ externalContext: o, conditionResults: i, screenValidity: l });
+    if (i) {
+      const a = { ...t, conditionResults: c }, u = {};
+      for (const d of t.screenOrder)
+        u[d] = oe(a, d);
+      n({ externalContext: o, conditionResults: c, screenValidity: u });
     } else
-      e({ externalContext: o });
+      n({ externalContext: o });
   },
-  ...hn(e, r),
-  getFlowData: () => Cn(r()),
+  ...Dn(n, r),
+  getFlowData: () => On(r()),
   getScreenByIndex: (o) => {
     const t = r();
     return o < 0 || o >= t.screenOrder.length ? null : t.screens[t.screenOrder[o]];
@@ -893,39 +899,39 @@ const Ke = () => {
     const t = r();
     return o < 0 || o >= t.screenOrder.length ? !0 : t.screenValidity[t.screenOrder[o]] ?? !0;
   },
-  getValidationErrors: (o) => r().validationErrors[o] ?? wn,
+  getValidationErrors: (o) => r().validationErrors[o] ?? Vn,
   evaluateFlowValidation: () => {
     const o = r(), t = {};
-    let n = !0;
+    let e = !0;
     return o.screenOrder.forEach((s) => {
-      const i = Z(o, s);
-      t[s] = i, i || (n = !1);
-    }), e({ screenValidity: t }), n;
+      const c = oe(o, s);
+      t[s] = c, c || (e = !1);
+    }), n({ screenValidity: t }), e;
   },
   getMaxScreenCount: () => r().screenOrder.length - 1,
   getCalculationResult: (o) => r().calculationResults[o] ?? null
-})), Rn = ({ uuid: e }) => {
-  var a;
-  const r = L((c) => c.components[e]), o = L((c) => c.conditionResults[e]);
+})), _n = ({ uuid: n }) => {
+  var i;
+  const r = P((l) => l.components[n]), o = P((l) => l.conditionResults[n]);
   if (!r) return null;
   const t = r.conditions && "when" in r.conditions ? r.conditions : void 0;
-  if (Q(t, o)) return null;
-  const n = an(r.type);
-  if (!n)
+  if (te(t, o)) return null;
+  const e = bn(r.type);
+  if (!e)
     return console.warn(`FBRE: No renderer for component type "${r.type}"`), null;
-  const s = (a = r.properties) == null ? void 0 : a.width, i = s && s !== "full" ? `fbre-component fbre-width-${s}` : "fbre-component";
-  return /* @__PURE__ */ m("div", { className: i, "data-uuid": e, children: /* @__PURE__ */ m(n, { uuid: e }) });
-}, Ne = ({ screenIndex: e }) => {
-  const r = L((o) => {
-    const t = o.screenOrder[e];
+  const s = (i = r.properties) == null ? void 0 : i.width, c = s && s !== "full" ? `fbre-component fbre-width-${s}` : "fbre-component";
+  return /* @__PURE__ */ m("div", { className: c, "data-uuid": n, children: /* @__PURE__ */ m(e, { uuid: n }) });
+}, De = ({ screenIndex: n }) => {
+  const r = P((o) => {
+    const t = o.screenOrder[n];
     return t ? o.screens[t] : null;
   });
-  return r ? /* @__PURE__ */ m("div", { className: "fbre-screen", children: r.components.map((o) => /* @__PURE__ */ m(Rn, { uuid: o.uuid }, o.uuid)) }) : null;
-}, Le = ({ size: e = 14 }) => /* @__PURE__ */ m(
+  return r ? /* @__PURE__ */ m("div", { className: "fbre-screen", children: r.components.map((o) => /* @__PURE__ */ m(_n, { uuid: o.uuid }, o.uuid)) }) : null;
+}, Je = ({ size: n = 14 }) => /* @__PURE__ */ m(
   "svg",
   {
-    width: e,
-    height: e,
+    width: n,
+    height: n,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -934,109 +940,126 @@ const Ke = () => {
     strokeLinejoin: "round",
     children: /* @__PURE__ */ m("polyline", { points: "4,12 9.5,17.5 20,7" })
   }
-), Nn = ({ size: e = 12 }) => /* @__PURE__ */ m("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ m("path", { d: "M7 10l5 5 5-5z" }) }), xn = ({ size: e = 16 }) => /* @__PURE__ */ m("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ m("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) }), En = ({ size: e = 16 }) => /* @__PURE__ */ m("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ m("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) }), $e = ({
-  position: e,
+), Mn = ({ size: n = 12 }) => /* @__PURE__ */ m("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ m("path", { d: "M7 10l5 5 5-5z" }) }), Un = ({ size: n = 16 }) => /* @__PURE__ */ m("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ m("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) }), An = ({ size: n = 16 }) => /* @__PURE__ */ m("svg", { width: n, height: n, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ m("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) }), ze = ({
+  position: n,
   screenIndex: r,
   maxScreenIndex: o,
   allowInvalidTransition: t,
-  screenValidity: n,
+  screenValidity: e,
   summaryEnabled: s,
-  summaryActive: i,
-  atMaxScreen: a,
-  nextButtonLabel: c,
-  backButtonLabel: d,
-  completionLoading: l,
-  nextScreen: u,
-  prevScreen: p,
-  onFlowComplete: f
+  summaryActive: c,
+  atMaxScreen: i,
+  nextButtonLabel: l,
+  backButtonLabel: a,
+  completionLoading: u,
+  nextScreen: d,
+  prevScreen: f,
+  onFlowComplete: p
 }) => {
-  const y = l ?? !1;
-  if (e === "back")
-    return /* @__PURE__ */ k(
+  const y = u ?? !1;
+  if (n === "back")
+    return /* @__PURE__ */ B(
       "button",
       {
         type: "button",
         className: "fbre-btn fbre-btn--secondary",
-        disabled: r === 0 && !i || y,
-        onClick: p,
+        disabled: r === 0 && !c || y,
+        onClick: f,
         children: [
-          /* @__PURE__ */ m(xn, {}),
-          d || "Back"
+          /* @__PURE__ */ m(Un, {}),
+          a || "Back"
         ]
       }
     );
-  const g = s ? a && i : a, h = s ? a ? i ? "Done" : "Review" : "Next" : a ? "Done" : "Next";
-  return o === 0 ? /* @__PURE__ */ k(
+  const g = s ? i && c : i, v = s ? i ? c ? "Done" : "Review" : "Next" : i ? "Done" : "Next";
+  return o === 0 ? /* @__PURE__ */ B(
     "button",
     {
       type: "button",
       className: "fbre-btn fbre-btn--primary",
-      disabled: y || !n,
+      disabled: y || !e,
       onClick: () => {
-        s && !i ? u() : f();
+        s && !c ? d() : p();
       },
       children: [
-        c || (s ? i ? "Complete" : "Review" : "Complete"),
-        y ? /* @__PURE__ */ m("span", { className: "fbre-btn__spinner" }) : /* @__PURE__ */ m(Le, { size: 16 })
+        l || (s ? c ? "Complete" : "Review" : "Complete"),
+        y ? /* @__PURE__ */ m("span", { className: "fbre-btn__spinner" }) : /* @__PURE__ */ m(Je, { size: 16 })
       ]
     }
-  ) : /* @__PURE__ */ k(
+  ) : /* @__PURE__ */ B(
     "button",
     {
       type: "button",
       className: "fbre-btn fbre-btn--primary",
-      disabled: y || !t && !n || h === "Done" && !n,
+      disabled: y || !t && !e || v === "Done" && !e,
       onClick: () => {
-        g ? f() : u();
+        g ? p() : d();
       },
       children: [
-        c || h,
-        y ? /* @__PURE__ */ m("span", { className: "fbre-btn__spinner" }) : g ? /* @__PURE__ */ m(Le, { size: 16 }) : /* @__PURE__ */ m(En, {})
+        l || v,
+        y ? /* @__PURE__ */ m("span", { className: "fbre-btn__spinner" }) : g ? /* @__PURE__ */ m(Je, { size: 16 }) : /* @__PURE__ */ m(An, {})
       ]
     }
   );
-}, In = ({ current: e, total: r }) => {
+}, Fn = ({ current: n, total: r, stepperStyle: o }) => {
   if (r <= 1) return null;
-  const o = (e + 1) / r * 100;
-  return r <= 6 ? /* @__PURE__ */ m("div", { className: "fbre-stepper fbre-stepper--dots", children: Array.from({ length: r }, (t, n) => /* @__PURE__ */ m(
-    "div",
-    {
-      className: `fbre-stepper__dot${n === e ? " active" : n < e ? " completed" : ""}`
-    },
-    n
-  )) }) : /* @__PURE__ */ m("div", { className: "fbre-stepper fbre-stepper--bar", children: /* @__PURE__ */ m(
-    "div",
-    {
-      className: "fbre-stepper__fill",
-      style: { width: `${o}%` }
-    }
-  ) });
-}, Dn = ({ current: e, total: r }) => r <= 1 ? null : /* @__PURE__ */ k("div", { className: "fbre-stepper-text", children: [
+  const t = r > 1 ? n / (r - 1) * 100 : 100, s = !!o && o !== "default" || r <= 6;
+  return /* @__PURE__ */ B(fn, { children: [
+    s && /* @__PURE__ */ m("div", { className: "fbre-stepper fbre-stepper--dots", children: Array.from({ length: r }, (c, i) => /* @__PURE__ */ m(
+      "div",
+      {
+        className: `fbre-stepper__dot${i === n ? " active" : i < n ? " completed" : ""}`
+      },
+      i
+    )) }),
+    s && /* @__PURE__ */ B("div", { className: "fbre-stepper fbre-stepper--bar-alt", children: [
+      /* @__PURE__ */ m("div", { className: "fbre-stepper__track", children: /* @__PURE__ */ m(
+        "div",
+        {
+          className: "fbre-stepper__fill",
+          style: { width: `${t}%` }
+        }
+      ) }),
+      /* @__PURE__ */ B("span", { className: "fbre-stepper__counter", children: [
+        n + 1,
+        " of ",
+        r
+      ] })
+    ] }),
+    !s && /* @__PURE__ */ m("div", { className: "fbre-stepper fbre-stepper--bar", children: /* @__PURE__ */ m(
+      "div",
+      {
+        className: "fbre-stepper__fill",
+        style: { width: `${t}%` }
+      }
+    ) })
+  ] });
+}, jn = ({ current: n, total: r }) => r <= 1 ? null : /* @__PURE__ */ B("div", { className: "fbre-stepper-text", children: [
   "Step ",
-  e + 1,
+  n + 1,
   " of ",
   r
-] }), Bn = (e) => {
-  const r = e.controlsLayout === "stacked", o = e.showStepper !== !1 && (e.stepperStyle ?? "default") === "default";
-  return /* @__PURE__ */ k(
+] }), Ln = (n) => {
+  const r = n.controlsLayout === "stacked", o = n.showStepper !== !1 && (n.stepperStyle ?? "default") !== "text";
+  return /* @__PURE__ */ B(
     "div",
     {
       className: r ? "fbre-controls fbre-controls--stacked" : "fbre-controls",
       children: [
-        e.screenIndex > 0 || e.summaryActive ? /* @__PURE__ */ m($e, { position: "back", ...e }) : /* @__PURE__ */ m("div", {}),
-        o && e.maxScreenIndex > 0 && /* @__PURE__ */ m(In, { current: e.screenIndex, total: e.maxScreenIndex + 1 }),
-        /* @__PURE__ */ m($e, { position: "next", ...e })
+        n.screenIndex > 0 || n.summaryActive ? /* @__PURE__ */ m(ze, { position: "back", ...n }) : /* @__PURE__ */ m("div", {}),
+        o && n.maxScreenIndex > 0 ? /* @__PURE__ */ m(Fn, { current: n.screenIndex, total: n.maxScreenIndex + 1, stepperStyle: n.stepperStyle }) : /* @__PURE__ */ m("div", {}),
+        /* @__PURE__ */ m(ze, { position: "next", ...n })
       ]
     }
   );
-}, Qe = ({
-  component: e
+}, on = ({
+  component: n
 }) => {
-  const { uuid: r, label: o, type: t, value: n, components: s } = e, i = () => {
-    if (n != null)
+  const { uuid: r, label: o, type: t, value: e, components: s } = n, c = () => {
+    if (e != null)
       switch (t) {
         case "fileUpload":
-          return n.name;
+          return e.name;
         case "inputText":
         case "inputTextArea":
         case "inputNumber":
@@ -1044,33 +1067,33 @@ const Ke = () => {
         case "radio":
         case "rating":
         case "slider":
-          return n.toString();
+          return e.toString();
         case "computed":
-          return typeof n == "number" ? n.toString() : "—";
+          return typeof e == "number" ? e.toString() : "—";
         case "toggleSwitch":
-          return n ? "Yes" : "No";
+          return e ? "Yes" : "No";
         case "checkbox":
         case "dropDownMulti":
-          return n.length === 0 ? "No options selected" : n.join(", ");
+          return e.length === 0 ? "No options selected" : e.join(", ");
       }
     return "No response given";
   };
-  if (t === "signature" && n) {
-    const d = typeof n == "string" && n.startsWith("data:");
-    return /* @__PURE__ */ k("div", { className: "fbre-summary__item", children: [
+  if (t === "signature" && e) {
+    const a = typeof e == "string" && e.startsWith("data:");
+    return /* @__PURE__ */ B("div", { className: "fbre-summary__item", children: [
       /* @__PURE__ */ m("div", { className: "fbre-summary__item-label", children: o }),
-      /* @__PURE__ */ m("div", { className: "fbre-summary__item-value", children: d ? /* @__PURE__ */ m(
+      /* @__PURE__ */ m("div", { className: "fbre-summary__item-value", children: a ? /* @__PURE__ */ m(
         "img",
         {
-          src: n,
+          src: e,
           alt: "Signature",
           style: { maxWidth: "100%", maxHeight: 80 }
         }
-      ) : /* @__PURE__ */ m("span", { style: { fontFamily: '"Brush Script MT", "Segoe Script", "Dancing Script", cursive', fontSize: 24 }, children: n }) })
+      ) : /* @__PURE__ */ m("span", { style: { fontFamily: '"Brush Script MT", "Segoe Script", "Dancing Script", cursive', fontSize: 24 }, children: e }) })
     ] });
   }
-  const a = () => s ? s.map((d, l) => /* @__PURE__ */ m("div", { children: d.map((u) => /* @__PURE__ */ m(Qe, { component: u }, u.uuid)) }, `${r}-${l}`)) : null, c = n == null || typeof n == "string" && n.length === 0 || Array.isArray(n) && n.length === 0;
-  return /* @__PURE__ */ k(
+  const i = () => s ? s.map((a, u) => /* @__PURE__ */ m("div", { children: a.map((d) => /* @__PURE__ */ m(on, { component: d }, d.uuid)) }, `${r}-${u}`)) : null, l = e == null || typeof e == "string" && e.length === 0 || Array.isArray(e) && e.length === 0;
+  return /* @__PURE__ */ B(
     "div",
     {
       className: `fbre-summary__item${t === "group" || t === "repeater" ? " fbre-summary__item--group" : ""}`,
@@ -1079,68 +1102,68 @@ const Ke = () => {
         t !== "group" && t !== "repeater" && /* @__PURE__ */ m(
           "div",
           {
-            className: `fbre-summary__item-value${c ? " fbre-summary__item-value--empty" : ""}`,
-            children: i()
+            className: `fbre-summary__item-value${l ? " fbre-summary__item-value--empty" : ""}`,
+            children: c()
           }
         ),
-        (t === "group" || t === "repeater") && a()
+        (t === "group" || t === "repeater") && i()
       ]
     }
   );
-}, Vn = /\$\{([^}]+)\}/g, On = (e, r) => e.replace(Vn, (o, t) => {
-  const n = r.resolveCalculation(t);
-  if (n !== null) return n;
+}, Pn = /\$\{([^}]+)\}/g, $n = (n, r) => n.replace(Pn, (o, t) => {
+  const e = r.resolveCalculation(t);
+  if (e !== null) return e;
   const s = r.resolveComponentValue(t);
   return s !== null ? s : "";
 });
-function kn() {
-  const e = L((n) => n.components), r = L((n) => n.templateComponentMap), o = L((n) => n.calculations), t = L((n) => n.calculationResults);
-  return Ee(() => {
-    const n = new Map(o.map((i) => [i.uuid, i])), s = (i) => {
-      var u, p;
-      const a = e[i];
-      if (a) return a;
-      const c = r[i];
-      if (!c) return;
-      const d = c.split(":"), l = e[d[0]];
-      return (p = (u = l == null ? void 0 : l.addedComponents) == null ? void 0 : u[parseInt(d[1])]) == null ? void 0 : p[parseInt(d[2])];
+function Yn() {
+  const n = P((e) => e.components), r = P((e) => e.templateComponentMap), o = P((e) => e.calculations), t = P((e) => e.calculationResults);
+  return ke(() => {
+    const e = new Map(o.map((c) => [c.uuid, c])), s = (c) => {
+      var d, f;
+      const i = n[c];
+      if (i) return i;
+      const l = r[c];
+      if (!l) return;
+      const a = l.split(":"), u = n[a[0]];
+      return (f = (d = u == null ? void 0 : u.addedComponents) == null ? void 0 : d[parseInt(a[1])]) == null ? void 0 : f[parseInt(a[2])];
     };
     return {
-      resolveComponentValue: (i) => {
-        const a = s(i);
-        if (!a) return null;
-        const c = a.value;
-        return c == null || c === "" ? null : Array.isArray(c) ? c.join(", ") : String(c);
+      resolveComponentValue: (c) => {
+        const i = s(c);
+        if (!i) return null;
+        const l = i.value;
+        return l == null || l === "" ? null : Array.isArray(l) ? l.join(", ") : String(l);
       },
-      resolveCalculation: (i) => {
-        const a = n.get(i);
-        if (!a) return null;
-        const c = t[i] ?? null;
-        return sn(
-          c,
-          a.format,
-          a.decimalPlaces,
-          a.currencySymbol
+      resolveCalculation: (c) => {
+        const i = e.get(c);
+        if (!i) return null;
+        const l = t[c] ?? null;
+        return yn(
+          l,
+          i.format,
+          i.decimalPlaces,
+          i.currencySymbol
         );
       }
     };
-  }, [e, r, o, t]);
+  }, [n, r, o, t]);
 }
-const Mn = ({ screen: e, showToggle: r }) => {
-  const o = kn(), [t, n] = P(!0);
-  return /* @__PURE__ */ k("div", { children: [
-    /* @__PURE__ */ k(
+const Gn = ({ screen: n, showToggle: r }) => {
+  const o = Yn(), [t, e] = J(!0);
+  return /* @__PURE__ */ B("div", { children: [
+    /* @__PURE__ */ B(
       "div",
       {
         className: "fbre-summary__screen-header",
-        onClick: () => r && n(!t),
+        onClick: () => r && e(!t),
         children: [
-          e.label && /* @__PURE__ */ m("span", { className: "fbre-summary__screen-label", children: On(e.label, o) }),
+          n.label && /* @__PURE__ */ m("span", { className: "fbre-summary__screen-label", children: $n(n.label, o) }),
           r && /* @__PURE__ */ m(
             "span",
             {
               className: `fbre-summary__screen-toggle${t ? "" : " collapsed"}`,
-              children: /* @__PURE__ */ m(Nn, { size: 20 })
+              children: /* @__PURE__ */ m(Mn, { size: 20 })
             }
           )
         ]
@@ -1150,134 +1173,221 @@ const Mn = ({ screen: e, showToggle: r }) => {
       "div",
       {
         className: `fbre-summary__screen-body${t ? "" : " collapsed"}`,
-        children: e.components.map((s) => /* @__PURE__ */ m(Qe, { component: s }, s.uuid))
+        children: n.components.map((s) => /* @__PURE__ */ m(on, { component: s }, s.uuid))
       }
     )
   ] });
-}, Pe = () => {
-  const e = Ke(), r = L((n) => n.components), o = Ee(
-    () => e.getState().getFlowData(),
-    [e, r]
+}, qe = () => {
+  const n = Ce(), r = P((e) => e.components), o = ke(
+    () => n.getState().getFlowData(),
+    [n, r]
   ), t = o.screens.length;
-  return /* @__PURE__ */ k("div", { className: "fbre-summary", children: [
+  return /* @__PURE__ */ B("div", { className: "fbre-summary", children: [
     /* @__PURE__ */ m("h2", { className: "fbre-summary__title", children: "Review" }),
-    /* @__PURE__ */ m("div", { className: "fbre-summary__body", children: o.screens.map((n) => /* @__PURE__ */ m(
-      Mn,
+    /* @__PURE__ */ m("div", { className: "fbre-summary__body", children: o.screens.map((e) => /* @__PURE__ */ m(
+      Gn,
       {
-        screen: n,
+        screen: e,
         showToggle: t > 1
       },
-      n.uuid
+      e.uuid
     )) })
   ] });
-}, Ze = (e, r, o) => r ? !Q(r, o[e]) : !0, Ge = (e, r) => {
-  const o = e.screenOrder.length - 1;
+}, rn = (n, r, o) => r ? !te(r, o[n]) : !0, ye = (n, r) => {
+  const o = n.screenOrder.length - 1;
   let t = r + 1;
   for (; t <= o; ) {
-    const n = e.screenOrder[t], s = e.screens[n], i = s != null && s.conditions && "when" in s.conditions ? s.conditions : void 0;
-    if (Ze(n, i, e.conditionResults)) return t;
+    const e = n.screenOrder[t], s = n.screens[e], c = s != null && s.conditions && "when" in s.conditions ? s.conditions : void 0;
+    if (rn(e, c, n.conditionResults)) return t;
     t++;
   }
   return null;
-}, _n = (e, r) => {
+}, Jn = (n, r) => {
   let o = r - 1;
   for (; o >= 0; ) {
-    const t = e.screenOrder[o], n = e.screens[t], s = n != null && n.conditions && "when" in n.conditions ? n.conditions : void 0;
-    if (Ze(t, s, e.conditionResults)) return o;
+    const t = n.screenOrder[o], e = n.screens[t], s = e != null && e.conditions && "when" in e.conditions ? e.conditions : void 0;
+    if (rn(t, s, n.conditionResults)) return o;
     o--;
   }
   return 0;
-}, fe = /* @__PURE__ */ new Map(), rt = (e, r) => {
-  fe.has(e) || fe.set(e, /* @__PURE__ */ new Set()), fe.get(e).add(r);
-}, st = (e, r) => {
+}, Oe = /* @__PURE__ */ new Set([
+  "radio",
+  "yesNo",
+  "cardSelect",
+  "dropDown"
+]), zn = 500;
+function sn(n, r, o) {
+  const t = Ce(), e = Z(null), s = Z(""), c = Z(0);
+  H(() => {
+    if (!n) return;
+    const i = t.getState(), l = He(i, r);
+    l && (s.current = We(i.components, l)), c.current = i.selectionTick;
+  }, [n, r, t]), H(() => {
+    if (!n) return;
+    const i = t.subscribe((l) => {
+      const a = He(l, r);
+      if (!a) return;
+      const u = l.selectionTick, d = u !== c.current;
+      d && (c.current = u);
+      const f = We(l.components, a);
+      if (f === s.current && !d) return;
+      const p = s.current;
+      if (s.current = f, !(f !== p ? qn(l.components, a, p) : d && Hn(l.components, a)) || ye(l, r) === null) return;
+      const v = l.screenOrder[r];
+      v && l.screenValidity[v] === !1 || (e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        e.current = null, o();
+      }, zn));
+    });
+    return () => {
+      i(), e.current && (clearTimeout(e.current), e.current = null);
+    };
+  }, [n, r, t, o]), H(() => () => {
+    e.current && (clearTimeout(e.current), e.current = null);
+  }, [r]);
+}
+function He(n, r) {
+  const o = n.screenOrder[r];
+  if (!o) return null;
+  const t = n.screens[o];
+  return t ? t.components.map((e) => e.uuid) : null;
+}
+function We(n, r) {
+  const o = [];
+  for (const t of r) {
+    const e = n[t];
+    !e || !Oe.has(e.type) || o.push(`${t}=${JSON.stringify(e.value ?? null)}`);
+  }
+  return o.join("|");
+}
+function qn(n, r, o) {
+  const t = /* @__PURE__ */ new Map();
+  for (const e of o.split("|")) {
+    const s = e.indexOf("=");
+    s > 0 && t.set(e.slice(0, s), e.slice(s + 1));
+  }
+  for (const e of r) {
+    const s = n[e];
+    if (!s || !Oe.has(s.type)) continue;
+    const c = JSON.stringify(s.value ?? null), i = t.get(e) ?? "null";
+    if (c !== i && c !== "null") return !0;
+  }
+  return !1;
+}
+function Hn(n, r) {
+  for (const o of r) {
+    const t = n[o];
+    if (!(!t || !Oe.has(t.type)) && t.value !== null && t.value !== void 0)
+      return !0;
+  }
+  return !1;
+}
+function cn(n, r, o) {
+  const t = Ce();
+  H(() => {
+    if (!n) return;
+    const e = (s) => {
+      if (s.key !== "Enter") return;
+      const c = s.target;
+      if (c.tagName !== "INPUT" || !c.closest(".fbre-container")) return;
+      const i = t.getState();
+      if (ye(i, r) === null) return;
+      const a = i.screenOrder[r];
+      a && i.screenValidity[a] === !1 || (s.preventDefault(), o());
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [n, r, o, t]);
+}
+const me = /* @__PURE__ */ new Map(), bt = (n, r) => {
+  me.has(n) || me.set(n, /* @__PURE__ */ new Set()), me.get(n).add(r);
+}, Ct = (n, r) => {
   var o;
-  (o = fe.get(e)) == null || o.delete(r);
-}, en = Je(null);
-function it() {
-  return xe(en);
+  (o = me.get(n)) == null || o.delete(r);
+}, an = Ke(null);
+function St() {
+  return Ie(an);
 }
-class he extends Error {
-  constructor(r, o, t, n) {
-    super(r), this.name = "ApiError", this.status = o, this.code = t, this.validationErrors = n;
+class ge extends Error {
+  constructor(r, o, t, e) {
+    super(r), this.name = "ApiError", this.status = o, this.code = t, this.validationErrors = e;
   }
 }
-class Tn extends he {
+class Wn extends ge {
   constructor(r, o) {
     super(`Request timed out after ${o}ms: ${r}`, 0, "TIMEOUT"), this.name = "TimeoutError";
   }
 }
-const Un = /* @__PURE__ */ new Set([502, 503, 504]), de = 2, Fn = [500, 1500];
-function An(e) {
-  return new Promise((r) => setTimeout(r, e));
+const Xn = /* @__PURE__ */ new Set([502, 503, 504]), de = 2, Kn = [500, 1500];
+function Qn(n) {
+  return new Promise((r) => setTimeout(r, n));
 }
-async function oe(e, r, o = {}) {
-  const n = `${e.apiEndpoint || ""}${r}`, s = e.timeout ?? 3e4, i = {
+async function ae(n, r, o = {}) {
+  const e = `${n.apiEndpoint || ""}${r}`, s = n.timeout ?? 3e4, c = {
     ...o.body ? { "Content-Type": "application/json" } : {},
     ...o.headers
   };
-  e.apiKey && (i.Authorization = `Bearer ${e.apiKey}`);
-  let a;
-  for (let c = 0; c <= de; c++) {
-    c > 0 && await An(Fn[c - 1]);
+  n.apiKey && (c.Authorization = `Bearer ${n.apiKey}`);
+  let i;
+  for (let l = 0; l <= de; l++) {
+    l > 0 && await Qn(Kn[l - 1]);
     try {
-      const d = new AbortController(), l = setTimeout(() => d.abort(), s);
-      let u;
+      const a = new AbortController(), u = setTimeout(() => a.abort(), s);
+      let d;
       try {
-        u = await fetch(n, {
+        d = await fetch(e, {
           ...o,
-          headers: i,
-          signal: d.signal
+          headers: c,
+          signal: a.signal
         });
       } finally {
-        clearTimeout(l);
+        clearTimeout(u);
       }
-      if (!u.ok) {
-        const p = await u.json().catch(() => ({})), f = new he(
-          p.error || `HTTP ${u.status}`,
-          u.status,
-          p.code,
-          p.validationErrors
+      if (!d.ok) {
+        const f = await d.json().catch(() => ({})), p = new ge(
+          f.error || `HTTP ${d.status}`,
+          d.status,
+          f.code,
+          f.validationErrors
         );
-        if (c < de && Un.has(u.status)) {
-          a = f;
+        if (l < de && Xn.has(d.status)) {
+          i = p;
           continue;
         }
-        throw f;
+        throw p;
       }
-      return u.json();
-    } catch (d) {
-      if (d instanceof he)
-        throw d;
-      if (d instanceof DOMException && d.name === "AbortError") {
-        const l = new Tn(n, s);
-        if (c < de) {
-          a = l;
+      return d.json();
+    } catch (a) {
+      if (a instanceof ge)
+        throw a;
+      if (a instanceof DOMException && a.name === "AbortError") {
+        const u = new Wn(e, s);
+        if (l < de) {
+          i = u;
           continue;
         }
-        throw l;
+        throw u;
       }
-      if (d instanceof TypeError && c < de) {
-        a = d;
+      if (a instanceof TypeError && l < de) {
+        i = a;
         continue;
       }
-      throw d;
+      throw a;
     }
   }
-  throw a;
+  throw i;
 }
-async function jn(e, r) {
-  return oe(e, `/api/v1/public/flows/${r}`);
+async function Zn(n, r) {
+  return ae(n, `/api/v1/public/flows/${r}`);
 }
-async function Ln(e, r, o) {
+async function et(n, r, o) {
   const t = { flowId: r };
-  return o && Object.keys(o).length > 0 && (t.context = o), oe(e, "/api/v1/public/sessions", {
+  return o && Object.keys(o).length > 0 && (t.context = o), ae(n, "/api/v1/public/sessions", {
     method: "POST",
     body: JSON.stringify(t)
   });
 }
-async function $n(e, r, o) {
-  return oe(
-    e,
+async function nt(n, r, o) {
+  return ae(
+    n,
     `/api/v1/public/sessions/${r}/next`,
     {
       method: "POST",
@@ -1285,9 +1395,9 @@ async function $n(e, r, o) {
     }
   );
 }
-async function Pn(e, r, o) {
-  return oe(
-    e,
+async function tt(n, r, o) {
+  return ae(
+    n,
     `/api/v1/public/sessions/${r}/prev`,
     {
       method: "POST",
@@ -1295,9 +1405,9 @@ async function Pn(e, r, o) {
     }
   );
 }
-async function Gn(e, r, o) {
-  return oe(
-    e,
+async function ot(n, r, o) {
+  return ae(
+    n,
     `/api/v1/public/sessions/${r}/complete`,
     {
       method: "POST",
@@ -1305,149 +1415,172 @@ async function Gn(e, r, o) {
     }
   );
 }
-async function zn(e, r) {
-  return oe(
-    e,
+async function rt(n, r) {
+  return ae(
+    n,
     `/api/v1/public/sessions/${r}`
   );
 }
-const Jn = ({
-  screenIndex: e,
+const st = {
+  clean: "dots",
+  outlined: "dots",
+  "refined-clean": "pill",
+  "airy-clean": "glow",
+  "soft-outlined": "glow",
+  "defined-outlined": "bar",
+  "centered-minimal": "dots",
+  "stacked-cards": "dots",
+  "soft-float": "glow",
+  "bold-statement": "bar"
+}, it = ({
+  screenIndex: n,
   onFlowComplete: r,
   onScreenChange: o
 }) => {
-  var ie, De, Be, Ve, Oe, ke, Me, _e, Te, Ue, Fe;
-  const t = L((I) => I.config), n = L((I) => I.screenOrder.length), s = L((I) => Object.keys(I.components).length > 0), i = Ke(), a = Math.max(
+  var Ve, Te, _e, Me, Ue, Ae, Fe, je, Le, Pe, $e;
+  const t = P((D) => D.config), e = P((D) => D.screenOrder.length), s = P((D) => Object.keys(D.components).length > 0), c = Ce(), i = Math.max(
     0,
-    Math.min(e, n - 1)
-  ), [c, d] = P(a), [l, u] = P(
-    !!(t != null && t.summary && e >= n)
-  ), p = ((ie = t == null ? void 0 : t.navigation) == null ? void 0 : ie.transition) ?? "none", f = p !== "none", [y, g] = P(null), [h, v] = P(!1), [b, w] = P("forward"), [C, N] = P(!1), T = ce(null);
-  K(() => {
-    const I = Math.max(0, Math.min(e, n - 1));
-    d(I);
-  }, [e]);
-  const x = L((I) => I.screenOrder[c]), M = L(
-    (I) => x ? I.screenValidity[x] ?? !0 : !0
-  ), U = L(
-    (I) => {
-      var j;
-      return x ? (j = I.screens[x]) == null ? void 0 : j.nextButtonLabel : void 0;
+    Math.min(n, e - 1)
+  ), [l, a] = J(i), [u, d] = J(
+    !!(t != null && t.summary && n >= e)
+  ), f = ((Ve = t == null ? void 0 : t.navigation) == null ? void 0 : Ve.transition) ?? "none", p = f !== "none", [y, g] = J(null), [v, h] = J(!1), [b, C] = J("forward"), [S, w] = J(!1), V = Z(null);
+  H(() => {
+    const D = Math.max(0, Math.min(n, e - 1));
+    a(D);
+  }, [n]);
+  const E = P((D) => D.screenOrder[l]), T = P(
+    (D) => E ? D.screenValidity[E] ?? !0 : !0
+  ), _ = P(
+    (D) => {
+      var F;
+      return E ? (F = D.screens[E]) == null ? void 0 : F.nextButtonLabel : void 0;
     }
-  ), S = L(
-    (I) => {
-      var j;
-      return x ? (j = I.screens[x]) == null ? void 0 : j.backButtonLabel : void 0;
+  ), N = P(
+    (D) => {
+      var F;
+      return E ? (F = D.screens[E]) == null ? void 0 : F.backButtonLabel : void 0;
     }
-  ), D = z(
-    (I) => {
-      o && o(I, i.getState().getFlowData());
+  ), I = z(
+    (D) => {
+      o && o(D, c.getState().getFlowData());
     },
-    [o, i]
-  ), B = z(
-    (I) => {
-      g(c), v(l), w(I), N(!0), T.current && (T.current.scrollTop = 0);
+    [o, c]
+  ), k = z(
+    (D) => {
+      g(l), h(u), C(D), w(!0), V.current && (V.current.scrollTop = 0);
     },
-    [c, l]
-  ), G = z(() => {
-    N(!1), g(null);
-  }, []), V = z(() => {
-    if (!C)
-      if (l)
-        f && B("back"), u(!1), D(c);
+    [l, u]
+  ), W = z(() => {
+    w(!1), g(null);
+  }, []), U = z(() => {
+    if (!S)
+      if (u)
+        p && k("back"), d(!1), I(l);
       else {
-        const I = i.getState(), j = _n(I, c);
-        j !== c && (f && B("back"), d(j), D(j));
+        const D = c.getState(), F = Jn(D, l);
+        F !== l && (p && k("back"), a(F), I(F));
       }
   }, [
-    C,
+    S,
+    u,
     l,
-    c,
-    f,
-    B,
-    D,
-    i
-  ]), $ = z(() => {
-    if (C) return;
-    const I = i.getState(), j = Ge(I, c);
-    j !== null ? (f && B("forward"), d(j), D(j)) : t != null && t.summary && (f && B("forward"), u(!0), D(c + 1));
+    p,
+    k,
+    I,
+    c
+  ]), A = z(() => {
+    if (S) return;
+    const D = c.getState(), F = ye(D, l);
+    F !== null ? (p && k("forward"), a(F), I(F)) : t != null && t.summary && (p && k("forward"), d(!0), I(l + 1));
   }, [
-    C,
-    c,
+    S,
+    l,
     t,
-    f,
-    B,
-    D,
-    i
-  ]), [J, R] = P(!1), [E, _] = P(null), O = z(() => {
-    _(null);
-    const I = r(i.getState().getFlowData());
-    I && typeof I.then == "function" && (R(!0), I.then(() => {
-      R(!1);
-    }).catch((j) => {
-      R(!1), _(j instanceof Error ? j.message : String(j));
+    p,
+    k,
+    I,
+    c
+  ]), [q, j] = J(!1), [O, $] = J(null), Y = z(() => {
+    $(null);
+    const D = r(c.getState().getFlowData());
+    D && typeof D.then == "function" && (j(!0), D.then(() => {
+      j(!1);
+    }).catch((F) => {
+      j(!1), $(F instanceof Error ? F.message : String(F));
     }));
-  }, [r, i]), ee = L((I) => Ge(I, c) === null), H = ((De = t == null ? void 0 : t.theme) == null ? void 0 : De.darkMode) ?? !1, ge = ((Be = t == null ? void 0 : t.controls) == null ? void 0 : Be.showStepper) !== !1 && ((Ve = t == null ? void 0 : t.controls) == null ? void 0 : Ve.stepperStyle) === "text", A = {};
-  (Oe = t == null ? void 0 : t.theme) != null && Oe.color && (A["--fbre-theme-color"] = t.theme.color);
-  const re = () => h ? /* @__PURE__ */ m(Pe, {}) : y !== null ? /* @__PURE__ */ m(Ne, { screenIndex: y }) : null, se = C ? "fbre-screen-wrapper fbre-screen-wrapper--transitioning" : "fbre-screen-wrapper";
-  return /* @__PURE__ */ k(
+  }, [r, c]), K = P((D) => ye(D, l) === null), R = ((Te = t == null ? void 0 : t.theme) == null ? void 0 : Te.darkMode) ?? !1, x = ((t == null ? void 0 : t.mode) ?? "standard") === "conversational";
+  sn(
+    x && !u,
+    l,
+    A
+  ), cn(
+    x && !u,
+    l,
+    A
+  );
+  const L = ((_e = t == null ? void 0 : t.theme) == null ? void 0 : _e.style) ?? "clean", re = ((Me = t == null ? void 0 : t.controls) == null ? void 0 : Me.stepperStyle) ?? "default", se = re === "default" ? st[L] ?? "dots" : re, un = ((Ue = t == null ? void 0 : t.controls) == null ? void 0 : Ue.showStepper) !== !1 && se === "text", Se = {};
+  (Ae = t == null ? void 0 : t.theme) != null && Ae.color && (Se["--fbre-theme-color"] = t.theme.color);
+  const dn = () => v ? /* @__PURE__ */ m(qe, {}) : y !== null ? /* @__PURE__ */ m(De, { screenIndex: y }) : null, pn = S ? "fbre-screen-wrapper fbre-screen-wrapper--transitioning" : "fbre-screen-wrapper";
+  return /* @__PURE__ */ B(
     "div",
     {
       className: "fbre-container",
-      "data-style": ((ke = t == null ? void 0 : t.theme) == null ? void 0 : ke.style) ?? "clean",
-      "data-mode": H ? "dark" : "light",
-      "data-transition": f ? p : void 0,
-      style: Object.keys(A).length > 0 ? A : void 0,
+      "data-style": L,
+      "data-mode": R ? "dark" : "light",
+      "data-form-mode": x ? "conversational" : void 0,
+      "data-stepper": se !== "text" ? se : void 0,
+      "data-transition": p ? f : void 0,
+      style: Object.keys(Se).length > 0 ? Se : void 0,
       children: [
-        ge && /* @__PURE__ */ m(Dn, { current: c, total: n }),
-        /* @__PURE__ */ k("div", { className: se, ref: T, children: [
-          C && /* @__PURE__ */ m(
+        un && /* @__PURE__ */ m(jn, { current: l, total: e }),
+        /* @__PURE__ */ B("div", { className: pn, ref: V, children: [
+          S && /* @__PURE__ */ m(
             "div",
             {
               className: "fbre-screen--exiting",
               "data-direction": b,
-              onAnimationEnd: G,
-              children: re()
+              onAnimationEnd: W,
+              children: dn()
             }
           ),
-          /* @__PURE__ */ k(
+          /* @__PURE__ */ B(
             "div",
             {
-              className: C ? "fbre-screen--entering" : void 0,
-              "data-direction": C ? b : void 0,
+              className: S ? "fbre-screen--entering" : void 0,
+              "data-direction": S ? b : void 0,
               children: [
-                !l && /* @__PURE__ */ m(Ne, { screenIndex: c }),
-                l && /* @__PURE__ */ m(Pe, {})
+                !u && /* @__PURE__ */ m(De, { screenIndex: l }),
+                u && /* @__PURE__ */ m(qe, {})
               ]
             }
           )
         ] }),
-        E && /* @__PURE__ */ m("div", { className: "fbre-completion-error", children: E }),
-        ((Me = t == null ? void 0 : t.controls) == null ? void 0 : Me.show) !== !1 && s && /* @__PURE__ */ m(
-          Bn,
+        O && /* @__PURE__ */ m("div", { className: "fbre-completion-error", children: O }),
+        ((Fe = t == null ? void 0 : t.controls) == null ? void 0 : Fe.show) !== !1 && s && /* @__PURE__ */ m(
+          Ln,
           {
-            screenIndex: c,
-            maxScreenIndex: n - 1,
-            allowInvalidTransition: (_e = t == null ? void 0 : t.navigation) == null ? void 0 : _e.allowInvalidTransition,
-            screenValidity: M,
+            screenIndex: l,
+            maxScreenIndex: e - 1,
+            allowInvalidTransition: (je = t == null ? void 0 : t.navigation) == null ? void 0 : je.allowInvalidTransition,
+            screenValidity: T,
             summaryEnabled: (t == null ? void 0 : t.summary) ?? !1,
-            summaryActive: l,
-            atMaxScreen: ee,
-            nextButtonLabel: U,
-            backButtonLabel: S,
-            completionLoading: J,
-            showStepper: (Te = t == null ? void 0 : t.controls) == null ? void 0 : Te.showStepper,
-            stepperStyle: (Ue = t == null ? void 0 : t.controls) == null ? void 0 : Ue.stepperStyle,
-            controlsLayout: (Fe = t == null ? void 0 : t.controls) == null ? void 0 : Fe.layout,
-            nextScreen: $,
-            prevScreen: V,
-            onFlowComplete: O
+            summaryActive: u,
+            atMaxScreen: K,
+            nextButtonLabel: _,
+            backButtonLabel: N,
+            completionLoading: q,
+            showStepper: (Le = t == null ? void 0 : t.controls) == null ? void 0 : Le.showStepper,
+            stepperStyle: (Pe = t == null ? void 0 : t.controls) == null ? void 0 : Pe.stepperStyle,
+            controlsLayout: ($e = t == null ? void 0 : t.controls) == null ? void 0 : $e.layout,
+            nextScreen: A,
+            prevScreen: U,
+            onFlowComplete: Y
           }
         )
       ]
     }
   );
-}, Yn = [], qn = () => Ye((e, r) => ({
+}, ct = [], at = () => Qe((n, r) => ({
   // Identity (minimal — server drives the flow)
   flowUUID: "",
   metadata: {},
@@ -1473,6 +1606,8 @@ const Jn = ({
   calculationsByDependency: {},
   // Computed components
   computedByDependency: {},
+  // Selection re-click tracking
+  selectionTick: 0,
   // Server-driven specific
   sessionId: "",
   navigation: {
@@ -1487,7 +1622,7 @@ const Jn = ({
   error: "",
   // Actions
   clearError: () => {
-    e({ error: "" });
+    n({ error: "" });
   },
   /**
    * loadFlow is repurposed to load a server screen payload.
@@ -1496,288 +1631,291 @@ const Jn = ({
   loadFlow: () => {
   },
   updateContext: (o) => {
-    e({ externalContext: o });
+    n({ externalContext: o });
   },
   updateComponentValue: (o, t) => {
-    var p, f;
-    const n = r();
+    var f, p;
+    const e = r();
     if (o.includes(":")) {
-      const y = o.split(":"), g = y[0], h = parseInt(y[1]), v = parseInt(y[2]), b = n.components[g];
-      if (!((f = (p = b == null ? void 0 : b.addedComponents) == null ? void 0 : p[h]) != null && f[v])) return;
-      b.addedComponents[h][v] = { ...b.addedComponents[h][v], value: t };
-      const w = n.groupComponentMap[o] ?? o, C = n.conditionsByDependency[w];
-      let N = n.conditionResults;
-      if (C && C.length > 0) {
-        N = { ...n.conditionResults };
-        for (const S of C)
-          N[S.target] = te(
-            { ...n },
-            S.config
+      const y = o.split(":"), g = y[0], v = parseInt(y[1]), h = parseInt(y[2]), b = e.components[g];
+      if (!((p = (f = b == null ? void 0 : b.addedComponents) == null ? void 0 : f[v]) != null && p[h])) return;
+      b.addedComponents[v][h] = { ...b.addedComponents[v][h], value: t };
+      const C = e.groupComponentMap[o] ?? o, S = e.conditionsByDependency[C];
+      let w = e.conditionResults;
+      if (S && S.length > 0) {
+        w = { ...e.conditionResults };
+        for (const N of S)
+          w[N.target] = ce(
+            { ...e },
+            N.config
           );
       }
-      const T = {
-        components: n.components,
-        groupComponentMap: n.groupComponentMap
-      }, x = F(
-        b.addedComponents[h][v],
-        T
+      const V = {
+        components: e.components,
+        groupComponentMap: e.groupComponentMap
+      }, E = M(
+        b.addedComponents[v][h],
+        V
       );
-      b.addedComponents[h][v].valid = x.length === 0;
-      const M = {
-        ...n.validationErrors,
-        [o]: x
-      }, U = n.validationsByDependency[o];
-      if (U)
-        for (const S of U) {
-          const D = ze(n, S.target);
-          if (D) {
-            const B = F(D, T);
-            D.valid = B.length === 0, M[S.target] = B;
+      b.addedComponents[v][h].valid = E.length === 0;
+      const T = {
+        ...e.validationErrors,
+        [o]: E
+      }, _ = e.validationsByDependency[o];
+      if (_)
+        for (const N of _) {
+          const I = Xe(e, N.target);
+          if (I) {
+            const k = M(I, V);
+            I.valid = k.length === 0, T[N.target] = k;
           }
         }
-      e({
-        components: { ...n.components },
-        conditionResults: N,
-        validationErrors: M
+      n({
+        components: { ...e.components },
+        conditionResults: w,
+        validationErrors: T
       });
       return;
     }
-    const s = n.components[o];
+    const s = e.components[o];
     if (!s) return;
     if (s.type === "group" || s.type === "repeater") {
-      e({ components: { ...n.components } });
+      n({ components: { ...e.components } });
+      return;
+    }
+    if (t === s.value) {
+      n({ selectionTick: (r().selectionTick ?? 0) + 1 });
       return;
     }
-    if (t === s.value) return;
     s.value = t;
-    const i = n.conditionsByDependency[o];
-    let a = n.conditionResults;
-    if (i && i.length > 0) {
-      a = { ...n.conditionResults };
-      for (const y of i)
-        a[y.target] = te(
-          { ...n },
+    const c = e.conditionsByDependency[o];
+    let i = e.conditionResults;
+    if (c && c.length > 0) {
+      i = { ...e.conditionResults };
+      for (const y of c)
+        i[y.target] = ce(
+          { ...e },
           y.config
         );
     }
-    const c = {
-      components: n.components,
-      groupComponentMap: n.groupComponentMap
-    }, d = F(s, c);
-    s.valid = d.length === 0;
-    const l = { ...n.validationErrors, [o]: d }, u = n.validationsByDependency[o];
-    if (u)
-      for (const y of u) {
-        const g = ze(n, y.target);
+    const l = {
+      components: e.components,
+      groupComponentMap: e.groupComponentMap
+    }, a = M(s, l);
+    s.valid = a.length === 0;
+    const u = { ...e.validationErrors, [o]: a }, d = e.validationsByDependency[o];
+    if (d)
+      for (const y of d) {
+        const g = Xe(e, y.target);
         if (g) {
-          const h = F(g, c);
-          g.valid = h.length === 0, l[y.target] = h;
+          const v = M(g, l);
+          g.valid = v.length === 0, u[y.target] = v;
         }
       }
-    e({
-      components: { ...n.components },
-      conditionResults: a,
-      validationErrors: l
+    n({
+      components: { ...e.components },
+      conditionResults: i,
+      validationErrors: u
     });
   },
   addGroupIteration: (o) => {
-    const t = r(), n = t.components[o];
-    if (!n || n.type !== "group" || !n.components)
+    const t = r(), e = t.components[o];
+    if (!e || e.type !== "group" || !e.components)
       return;
-    n.addedComponents || (n.addedComponents = []);
-    const s = n.components.map((i, a) => {
-      const c = Y(i);
-      c.uuid = [o, n.addedComponents.length, a].join(
+    e.addedComponents || (e.addedComponents = []);
+    const s = e.components.map((c, i) => {
+      const l = X(c);
+      l.uuid = [o, e.addedComponents.length, i].join(
         ":"
-      ), t.groupComponentMap[c.uuid] = i.uuid;
-      const d = F(c);
-      return c.valid = d.length === 0, c;
+      ), t.groupComponentMap[l.uuid] = c.uuid;
+      const a = M(l);
+      return l.valid = a.length === 0, l;
     });
-    return n.addedComponents.push(s), e({
+    return e.addedComponents.push(s), n({
       components: { ...t.components },
       groupComponentMap: { ...t.groupComponentMap }
-    }), n.addedComponents;
+    }), e.addedComponents;
   },
   addRepeaterIteration: (o) => {
-    const t = r(), n = t.components[o];
-    if (!n || n.type !== "repeater" || !n.components)
+    const t = r(), e = t.components[o];
+    if (!e || e.type !== "repeater" || !e.components)
       return;
-    n.addedComponents || (n.addedComponents = []);
-    const s = n.components.map((i, a) => {
-      const c = Y(i);
-      c.uuid = [
+    e.addedComponents || (e.addedComponents = []);
+    const s = e.components.map((c, i) => {
+      const l = X(c);
+      l.uuid = [
         o,
-        n.addedComponents.length,
-        a
+        e.addedComponents.length,
+        i
       ].join(":");
-      const d = F(c);
-      return c.valid = d.length === 0, c;
+      const a = M(l);
+      return l.valid = a.length === 0, l;
     });
-    return n.addedComponents.push(s), e({ components: { ...t.components } }), n.addedComponents;
+    return e.addedComponents.push(s), n({ components: { ...t.components } }), e.addedComponents;
   },
   removeRepeaterIteration: (o, t) => {
-    const n = r(), s = n.components[o];
+    const e = r(), s = e.components[o];
     if (!(!s || s.type !== "repeater" || !s.addedComponents || s.addedComponents.length <= 1)) {
       s.addedComponents.splice(t, 1);
-      for (let i = t; i < s.addedComponents.length; i++)
-        s.addedComponents[i].forEach((a, c) => {
-          a.uuid = [o, i, c].join(":");
+      for (let c = t; c < s.addedComponents.length; c++)
+        s.addedComponents[c].forEach((i, l) => {
+          i.uuid = [o, c, l].join(":");
         });
-      e({ components: { ...n.components } });
+      n({ components: { ...e.components } });
     }
   },
   getFlowData: () => ({ uuid: "", metadata: {}, screens: [] }),
   getScreenByIndex: (o) => {
     const t = r();
     if (o !== 0) return null;
-    const n = t.screenOrder[0];
-    return n ? t.screens[n] : null;
+    const e = t.screenOrder[0];
+    return e ? t.screens[e] : null;
   },
   getScreenValidity: (o) => {
     const t = r();
     if (o !== 0) return !0;
-    const n = t.screenOrder[0];
-    return n ? t.screenValidity[n] ?? !0 : !0;
+    const e = t.screenOrder[0];
+    return e ? t.screenValidity[e] ?? !0 : !0;
   },
-  getValidationErrors: (o) => r().validationErrors[o] ?? Yn,
+  getValidationErrors: (o) => r().validationErrors[o] ?? ct,
   evaluateFlowValidation: () => {
     const o = r(), t = o.screenOrder[0];
     if (!t) return !0;
-    const n = o.screens[t];
-    if (!n) return !0;
+    const e = o.screens[t];
+    if (!e) return !0;
     let s = !0;
-    const i = {
+    const c = {
       components: o.components,
       groupComponentMap: o.groupComponentMap
-    }, a = { ...o.validationErrors };
-    for (const d of n.components) {
-      const l = o.components[d.uuid];
-      if (!l) continue;
-      if ((l.type === "group" || l.type === "repeater") && l.addedComponents) {
-        for (const f of l.addedComponents)
-          for (const y of f) {
+    }, i = { ...o.validationErrors };
+    for (const a of e.components) {
+      const u = o.components[a.uuid];
+      if (!u) continue;
+      if ((u.type === "group" || u.type === "repeater") && u.addedComponents) {
+        for (const p of u.addedComponents)
+          for (const y of p) {
             const g = y.conditions && "when" in y.conditions ? y.conditions : void 0;
             if (g) {
-              const v = o.conditionResults[y.uuid] ?? !1;
-              if (g.action === "show" && !v || g.action === "hide" && v)
+              const h = o.conditionResults[y.uuid] ?? !1;
+              if (g.action === "show" && !h || g.action === "hide" && h)
                 continue;
             }
-            const h = F(y, i);
-            y.valid = h.length === 0, a[y.uuid] = h, h.length > 0 && (s = !1);
+            const v = M(y, c);
+            y.valid = v.length === 0, i[y.uuid] = v, v.length > 0 && (s = !1);
           }
         continue;
       }
-      const u = l.conditions && "when" in l.conditions ? l.conditions : void 0;
-      if (u) {
-        const f = o.conditionResults[l.uuid] ?? !1;
-        if (u.action === "show" && !f || u.action === "hide" && f)
+      const d = u.conditions && "when" in u.conditions ? u.conditions : void 0;
+      if (d) {
+        const p = o.conditionResults[u.uuid] ?? !1;
+        if (d.action === "show" && !p || d.action === "hide" && p)
           continue;
       }
-      const p = F(l, i);
-      l.valid = p.length === 0, a[l.uuid] = p, p.length > 0 && (s = !1);
+      const f = M(u, c);
+      u.valid = f.length === 0, i[u.uuid] = f, f.length > 0 && (s = !1);
     }
-    const c = { ...o.screenValidity, [t]: s };
-    return e({
+    const l = { ...o.screenValidity, [t]: s };
+    return n({
       components: { ...o.components },
-      validationErrors: a,
-      screenValidity: c
+      validationErrors: i,
+      screenValidity: l
     }), s;
   },
   getMaxScreenCount: () => 0,
   getCalculationResult: (o) => r().calculationResults[o] ?? null
-})), ue = (e, r) => {
+})), pe = (n, r) => {
   var y, g;
-  const o = {}, t = {}, n = {}, s = {}, i = {}, a = {}, c = r.screen.uuid;
-  for (const h of r.screen.components) {
-    const v = Y(h);
-    if (o[v.uuid] = v, (v.type === "group" || v.type === "repeater") && h.components) {
-      v.addedComponents || (v.addedComponents = []);
-      const b = h.components.map((w, C) => {
-        var T;
-        const N = Y(w);
-        if (N.uuid = [v.uuid, 0, C].join(":"), v.type === "group" && (t[N.uuid] = w.uuid), n[w.uuid] = N.uuid, (T = N.properties) != null && T.validation) {
-          const x = N.properties.validation;
-          x.rules && x.rules.length > 0 && ae(i, N.uuid, x);
+  const o = {}, t = {}, e = {}, s = {}, c = {}, i = {}, l = r.screen.uuid;
+  for (const v of r.screen.components) {
+    const h = X(v);
+    if (o[h.uuid] = h, (h.type === "group" || h.type === "repeater") && v.components) {
+      h.addedComponents || (h.addedComponents = []);
+      const b = v.components.map((C, S) => {
+        var V;
+        const w = X(C);
+        if (w.uuid = [h.uuid, 0, S].join(":"), h.type === "group" && (t[w.uuid] = C.uuid), e[C.uuid] = w.uuid, (V = w.properties) != null && V.validation) {
+          const E = w.properties.validation;
+          E.rules && E.rules.length > 0 && le(c, w.uuid, E);
         }
-        return N;
+        return w;
       });
-      v.addedComponents.push(b);
+      h.addedComponents.push(b);
     }
-    if ((y = v.properties) != null && y.validation) {
-      const b = v.properties.validation;
-      b.rules && b.rules.length > 0 && ae(i, v.uuid, b);
+    if ((y = h.properties) != null && y.validation) {
+      const b = h.properties.validation;
+      b.rules && b.rules.length > 0 && le(c, h.uuid, b);
     }
   }
-  for (const { targetUUID: h, config: v } of r.conditions)
-    X(s, h, v, h === c ? "screen" : "component");
+  for (const { targetUUID: v, config: h } of r.conditions)
+    ne(s, v, h, v === l ? "screen" : "component");
   if (r.previousData)
-    for (const h of r.previousData) {
-      const v = o[h.uuid];
-      v && (v.value = h.value);
+    for (const v of r.previousData) {
+      const h = o[v.uuid];
+      h && (h.value = v.value);
     }
-  const d = { components: o };
-  for (const h of Object.keys(o)) {
-    const v = o[h];
-    if (v.type === "group" || v.type === "repeater") {
-      if (v.addedComponents)
-        for (const w of v.addedComponents)
-          for (const C of w) {
-            const N = F(C, d);
-            C.valid = N.length === 0, N.length > 0 && (a[C.uuid] = N);
+  const a = { components: o };
+  for (const v of Object.keys(o)) {
+    const h = o[v];
+    if (h.type === "group" || h.type === "repeater") {
+      if (h.addedComponents)
+        for (const C of h.addedComponents)
+          for (const S of C) {
+            const w = M(S, a);
+            S.valid = w.length === 0, w.length > 0 && (i[S.uuid] = w);
           }
       continue;
     }
-    if (!((g = v.properties) != null && g.validation)) continue;
-    const b = F(v, d);
-    v.valid = b.length === 0, b.length > 0 && (a[h] = b);
+    if (!((g = h.properties) != null && g.validation)) continue;
+    const b = M(h, a);
+    h.valid = b.length === 0, b.length > 0 && (i[v] = b);
   }
-  const l = {}, u = {
+  const u = {}, d = {
     components: o
-  }, p = /* @__PURE__ */ new Set();
-  for (const h of Object.values(s))
-    for (const v of h)
-      p.has(v.target) || (p.add(v.target), l[v.target] = te(
-        u,
-        v.config
+  }, f = /* @__PURE__ */ new Set();
+  for (const v of Object.values(s))
+    for (const h of v)
+      f.has(h.target) || (f.add(h.target), u[h.target] = ce(
+        d,
+        h.config
       ));
-  let f = !0;
-  for (const h of r.screen.components) {
-    const v = o[h.uuid];
-    if (v)
-      if ((v.type === "group" || v.type === "repeater") && v.addedComponents)
-        for (const b of v.addedComponents) {
-          for (const w of b)
-            if (!w.valid) {
-              f = !1;
+  let p = !0;
+  for (const v of r.screen.components) {
+    const h = o[v.uuid];
+    if (h)
+      if ((h.type === "group" || h.type === "repeater") && h.addedComponents)
+        for (const b of h.addedComponents) {
+          for (const C of b)
+            if (!C.valid) {
+              p = !1;
               break;
             }
-          if (!f) break;
+          if (!p) break;
         }
-      else v.valid === !1 && (f = !1);
+      else h.valid === !1 && (p = !1);
   }
-  e.setState({
+  n.setState({
     // Screen (single screen)
-    screenOrder: [c],
+    screenOrder: [l],
     screens: {
-      [c]: {
-        uuid: c,
+      [l]: {
+        uuid: l,
         label: r.screen.label,
         components: r.screen.components,
         nextButtonLabel: r.screen.nextButtonLabel,
         backButtonLabel: r.screen.backButtonLabel
       }
     },
-    screenValidity: { [c]: f },
+    screenValidity: { [l]: p },
     // Components
     components: o,
     groupComponentMap: t,
-    templateComponentMap: n,
+    templateComponentMap: e,
     // Conditions
     conditionsByDependency: s,
-    conditionResults: l,
+    conditionResults: u,
     // Validation
-    validationErrors: a,
-    validationsByDependency: i,
+    validationErrors: i,
+    validationsByDependency: c,
     // Calculations (not used in server-driven mode yet)
     calculations: [],
     calculationResults: {},
@@ -1794,69 +1932,73 @@ const Jn = ({
     // Config
     config: r.config ?? {}
   });
-}, we = (e) => {
+}, Re = (n) => {
   var s;
-  const r = e.getState(), o = r.screenOrder[0];
+  const r = n.getState(), o = r.screenOrder[0];
   if (!o) return [];
   const t = r.screens[o];
   if (!t) return [];
-  const n = [];
-  for (const i of t.components) {
-    const a = r.components[i.uuid];
-    if (!a || me(a.type)) continue;
-    const c = {
-      uuid: a.uuid,
-      type: a.type,
-      value: a.value
+  const e = [];
+  for (const c of t.components) {
+    const i = r.components[c.uuid];
+    if (!i || ve(i.type)) continue;
+    const l = {
+      uuid: i.uuid,
+      type: i.type,
+      value: i.value
     };
-    (s = a.properties) != null && s.label && (c.label = a.properties.label), (a.type === "group" || a.type === "repeater") && a.addedComponents && (c.components = a.addedComponents.map(
-      (d) => d.filter((l) => !me(l.type)).map((l) => ({
-        uuid: l.uuid,
-        type: l.type,
-        value: l.value
+    (s = i.properties) != null && s.label && (l.label = i.properties.label), (i.type === "group" || i.type === "repeater") && i.addedComponents && (l.components = i.addedComponents.map(
+      (a) => a.filter((u) => !ve(u.type)).map((u) => ({
+        uuid: u.uuid,
+        type: u.type,
+        value: u.value
       }))
-    )), n.push(c);
+    )), e.push(l);
   }
-  return n;
-}, ze = (e, r) => Xe(e.components, r), Hn = 6e4, Wn = ({
-  sessionEndpoint: e,
+  return e;
+}, Xe = (n, r) => tn(n.components, r), lt = 6e4, ut = ({
+  sessionEndpoint: n,
   flowId: r,
   apiKey: o,
-  theme: t,
-  context: n,
-  onFlowComplete: s,
+  mode: t,
+  theme: e,
+  context: s,
+  onFlowComplete: c,
   onScreenChange: i
 }) => {
-  const a = ce(null);
-  a.current || (a.current = qn());
-  const c = a.current, d = W(c, (R) => R.loading), l = W(c, (R) => R.error), u = W(c, (R) => R.navigation), p = W(c, (R) => R.config), f = W(c, (R) => R.screenOrder), y = W(c, (R) => R.screens), [g, h] = P(""), v = ce(null), b = ce(Date.now()), w = Ee(
-    () => ({ apiEndpoint: e, apiKey: o }),
-    [e, o]
-  ), C = z((R) => {
-    h(R), v.current && clearTimeout(v.current), v.current = setTimeout(() => h(""), 8e3);
-  }, []), N = z(() => {
-    h(""), v.current && (clearTimeout(v.current), v.current = null);
+  const l = Z(null);
+  l.current || (l.current = at());
+  const a = l.current, u = Q(a, (R) => R.loading), d = Q(a, (R) => R.error), f = Q(a, (R) => R.navigation), p = Q(a, (R) => R.config), y = Q(a, (R) => {
+    var G;
+    return (G = R.config) == null ? void 0 : G.mode;
+  }), g = Q(a, (R) => R.screenOrder), v = Q(a, (R) => R.screens), [h, b] = J(""), C = Z(null), S = Z(Date.now()), w = ke(
+    () => ({ apiEndpoint: n, apiKey: o }),
+    [n, o]
+  ), V = z((R) => {
+    b(R), C.current && clearTimeout(C.current), C.current = setTimeout(() => b(""), 8e3);
+  }, []), E = z(() => {
+    b(""), C.current && (clearTimeout(C.current), C.current = null);
   }, []), T = z(async () => {
-    c.setState({ loading: !0, error: "" });
+    a.setState({ loading: !0, error: "" });
     try {
-      const R = await Ln(w, r, n);
-      ue(c, R);
+      const R = await et(w, r, s);
+      pe(a, R);
     } catch (R) {
-      c.setState({ loading: !1, error: R.message });
+      a.setState({ loading: !1, error: R.message });
     }
-  }, [r, e, o, n]);
-  K(() => {
+  }, [r, n, o, s]);
+  H(() => {
     T();
-  }, [T]), K(() => {
+  }, [T]), H(() => {
     const R = async () => {
       if (document.visibilityState !== "visible") return;
-      const E = c.getState();
-      if (!(!E.sessionId || Date.now() - b.current < Hn))
+      const G = a.getState();
+      if (!(!G.sessionId || Date.now() - S.current < lt))
         try {
-          const O = await zn(w, E.sessionId);
-          ue(c, O);
-        } catch (O) {
-          O instanceof he && O.status === 404 && c.setState({
+          const L = await rt(w, G.sessionId);
+          pe(a, L);
+        } catch (L) {
+          L instanceof ge && L.status === 404 && a.setState({
             loading: !1,
             error: "Session expired. Please start over.",
             screenOrder: [],
@@ -1865,49 +2007,51 @@ const Jn = ({
         }
     };
     return document.addEventListener("visibilitychange", R), () => document.removeEventListener("visibilitychange", R);
-  }, [e, o]);
-  const x = z(async () => {
-    const R = c.getState();
+  }, [n, o]);
+  const _ = z(async () => {
+    const R = a.getState();
     if (!(R.loading || !R.evaluateFlowValidation())) {
-      c.setState({ loading: !0 }), c.getState().clearError(), N();
+      a.setState({ loading: !0 }), a.getState().clearError(), E();
       try {
-        const _ = we(c), O = await $n(w, R.sessionId, _);
-        ue(c, O), b.current = Date.now(), i == null || i(O.navigation.screenNumber);
-      } catch (_) {
-        c.setState({ loading: !1 }), C(_.message);
+        const x = Re(a), L = await nt(w, R.sessionId, x);
+        pe(a, L), S.current = Date.now(), i == null || i(L.navigation.screenNumber);
+      } catch (x) {
+        a.setState({ loading: !1 }), V(x.message);
       }
     }
-  }, [w, c, i, C, N]), M = z(async () => {
-    const R = c.getState();
+  }, [w, a, i, V, E]), N = z(async () => {
+    const R = a.getState();
     if (!R.loading) {
-      c.setState({ loading: !0 }), c.getState().clearError(), N();
+      a.setState({ loading: !0 }), a.getState().clearError(), E();
       try {
-        const E = we(c), _ = await Pn(w, R.sessionId, E);
-        ue(c, _), b.current = Date.now(), i == null || i(_.navigation.screenNumber);
-      } catch (E) {
-        c.setState({ loading: !1 }), C(E.message);
+        const G = Re(a), x = await tt(w, R.sessionId, G);
+        pe(a, x), S.current = Date.now(), i == null || i(x.navigation.screenNumber);
+      } catch (G) {
+        a.setState({ loading: !1 }), V(G.message);
       }
     }
-  }, [w, c, i, C, N]), U = z(async () => {
-    const R = c.getState();
+  }, [w, a, i, V, E]), I = z(async () => {
+    const R = a.getState();
     if (!(R.loading || !R.evaluateFlowValidation())) {
-      c.setState({ loading: !0 }), c.getState().clearError(), N();
+      a.setState({ loading: !0 }), a.getState().clearError(), E();
       try {
-        const _ = we(c), O = await Gn(w, R.sessionId, _);
-        b.current = Date.now(), s(O);
-      } catch (_) {
-        c.setState({ loading: !1 }), C(_.message);
+        const x = Re(a), L = await ot(w, R.sessionId, x);
+        S.current = Date.now(), c(L);
+      } catch (x) {
+        a.setState({ loading: !1 }), V(x.message);
       }
     }
-  }, [w, c, s, C, N]), S = { ...p == null ? void 0 : p.theme, ...t }, D = S.darkMode ?? !1, B = {};
-  S.color && (B["--fbre-theme-color"] = S.color);
-  const G = f[0], V = G ? y[G] : void 0, $ = V == null ? void 0 : V.nextButtonLabel, J = V == null ? void 0 : V.backButtonLabel;
-  return d && f.length === 0 ? /* @__PURE__ */ m("div", { className: "fbre-container", children: /* @__PURE__ */ k("div", { className: "fbre-remote-loading", children: [
+  }, [w, a, c, V, E]), k = { ...p == null ? void 0 : p.theme, ...e }, U = (t ?? y ?? "standard") === "conversational", A = U && !f.isLastScreen;
+  sn(A, 0, _), cn(A, 0, _);
+  const q = k.darkMode ?? !1, j = {};
+  k.color && (j["--fbre-theme-color"] = k.color);
+  const O = g[0], $ = O ? v[O] : void 0, Y = $ == null ? void 0 : $.nextButtonLabel, K = $ == null ? void 0 : $.backButtonLabel;
+  return u && g.length === 0 ? /* @__PURE__ */ m("div", { className: "fbre-container", children: /* @__PURE__ */ B("div", { className: "fbre-remote-loading", children: [
     /* @__PURE__ */ m("div", { className: "fbre-spinner" }),
     /* @__PURE__ */ m("p", { children: "Loading form..." })
-  ] }) }) : l && f.length === 0 ? /* @__PURE__ */ m("div", { className: "fbre-container", children: /* @__PURE__ */ k("div", { className: "fbre-remote-error", children: [
+  ] }) }) : d && g.length === 0 ? /* @__PURE__ */ m("div", { className: "fbre-container", children: /* @__PURE__ */ B("div", { className: "fbre-remote-error", children: [
     /* @__PURE__ */ m("p", { children: "Failed to load form" }),
-    /* @__PURE__ */ m("p", { className: "fbre-remote-error__detail", children: l }),
+    /* @__PURE__ */ m("p", { className: "fbre-remote-error__detail", children: d }),
     /* @__PURE__ */ m(
       "button",
       {
@@ -1918,39 +2062,40 @@ const Jn = ({
         children: "Retry"
       }
     )
-  ] }) }) : f.length === 0 ? null : /* @__PURE__ */ m(
-    ye.Provider,
+  ] }) }) : g.length === 0 ? null : /* @__PURE__ */ m(
+    be.Provider,
     {
-      value: c,
-      children: /* @__PURE__ */ k(
+      value: a,
+      children: /* @__PURE__ */ B(
         "div",
         {
           className: "fbre-container",
-          "data-style": S.style ?? "clean",
-          "data-mode": D ? "dark" : "light",
-          style: Object.keys(B).length > 0 ? B : void 0,
+          "data-style": k.style ?? "clean",
+          "data-mode": q ? "dark" : "light",
+          "data-form-mode": U ? "conversational" : void 0,
+          style: Object.keys(j).length > 0 ? j : void 0,
           children: [
-            /* @__PURE__ */ m("div", { className: "fbre-screen-wrapper", children: /* @__PURE__ */ m(Ne, { screenIndex: 0 }) }),
+            /* @__PURE__ */ m("div", { className: "fbre-screen-wrapper", children: /* @__PURE__ */ m(De, { screenIndex: 0 }) }),
             /* @__PURE__ */ m(
-              Xn,
+              dt,
               {
-                navigation: u,
-                loading: d,
-                onPrev: M,
-                onNext: x,
-                onComplete: U,
-                nextButtonLabel: $,
-                backButtonLabel: J
+                navigation: f,
+                loading: u,
+                onPrev: N,
+                onNext: _,
+                onComplete: I,
+                nextButtonLabel: Y,
+                backButtonLabel: K
               }
             ),
-            /* @__PURE__ */ k("div", { className: `fbre-toast${g ? " visible" : ""}`, children: [
-              /* @__PURE__ */ m("span", { children: g }),
+            /* @__PURE__ */ B("div", { className: `fbre-toast${h ? " visible" : ""}`, children: [
+              /* @__PURE__ */ m("span", { children: h }),
               /* @__PURE__ */ m(
                 "button",
                 {
                   type: "button",
                   className: "fbre-toast__close",
-                  onClick: N,
+                  onClick: E,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
@@ -1961,36 +2106,36 @@ const Jn = ({
       )
     }
   );
-}, Xn = ({
-  navigation: e,
+}, dt = ({
+  navigation: n,
   loading: r,
   onPrev: o,
   onNext: t,
-  onComplete: n,
+  onComplete: e,
   nextButtonLabel: s,
-  backButtonLabel: i
-}) => /* @__PURE__ */ k("div", { className: "fbre-controls", children: [
-  /* @__PURE__ */ m("div", { className: "fbre-controls__left", children: e.canGoBack && /* @__PURE__ */ m(
+  backButtonLabel: c
+}) => /* @__PURE__ */ B("div", { className: "fbre-controls", children: [
+  /* @__PURE__ */ m("div", { className: "fbre-controls__left", children: n.canGoBack && /* @__PURE__ */ m(
     "button",
     {
       type: "button",
       className: "fbre-btn fbre-btn--back",
       onClick: o,
       disabled: r,
-      children: i || "Back"
+      children: c || "Back"
     }
   ) }),
-  /* @__PURE__ */ m("div", { className: "fbre-controls__center", children: /* @__PURE__ */ k("span", { className: "fbre-controls__progress", children: [
-    e.screenNumber,
+  /* @__PURE__ */ m("div", { className: "fbre-controls__center", children: /* @__PURE__ */ B("span", { className: "fbre-controls__progress", children: [
+    n.screenNumber,
     " / ",
-    e.totalScreens
+    n.totalScreens
   ] }) }),
-  /* @__PURE__ */ m("div", { className: "fbre-controls__right", children: e.isLastScreen ? /* @__PURE__ */ m(
+  /* @__PURE__ */ m("div", { className: "fbre-controls__right", children: n.isLastScreen ? /* @__PURE__ */ m(
     "button",
     {
       type: "button",
       className: "fbre-btn fbre-btn--complete",
-      onClick: n,
+      onClick: e,
       disabled: r,
       children: r ? "Submitting..." : s || "Complete"
     }
@@ -2005,109 +2150,113 @@ const Jn = ({
     }
   ) })
 ] });
-function Kn(e, r, o, t) {
-  return !r && !o && !t ? e : {
-    ...e,
-    ...r && { theme: { ...e.theme, ...r } },
-    ...o && { navigation: { ...e.navigation, ...o } },
-    ...t && { controls: { ...e.controls, ...t } }
+function pt(n, r, o, t, e) {
+  return !r && !o && !t && !e ? n : {
+    ...n,
+    ...e && { mode: e },
+    ...r && { theme: { ...n.theme, ...r } },
+    ...o && { navigation: { ...n.navigation, ...o } },
+    ...t && { controls: { ...n.controls, ...t } }
   };
 }
-const nn = ({
-  flow: e,
+const ln = ({
+  flow: n,
   data: r,
-  theme: o,
-  navigation: t,
-  controls: n,
-  screenIndex: s,
+  mode: o,
+  theme: t,
+  navigation: e,
+  controls: s,
+  screenIndex: c,
   context: i,
-  storeRef: a,
-  onFlowComplete: c,
-  onScreenChange: d,
-  onScreenValidationChange: l,
-  apiCtx: u
+  storeRef: l,
+  onFlowComplete: a,
+  onScreenChange: u,
+  onScreenValidationChange: d,
+  apiCtx: f
 }) => {
-  const p = ce(null);
-  p.current || (p.current = Sn(), p.current.getState().loadFlow(e, r, i)), a && (a.current = p.current), K(() => {
-    p.current && p.current.getState().loadFlow(e, r, i);
-  }, [e.uuid]), K(() => {
+  const p = Z(null);
+  p.current || (p.current = Tn(), p.current.getState().loadFlow(n, r, i)), l && (l.current = p.current), H(() => {
+    p.current && p.current.getState().loadFlow(n, r, i);
+  }, [n.uuid]), H(() => {
     if (p.current) {
-      const g = p.current.getState(), h = Kn(g.config, o, t, n);
-      h !== g.config && p.current.setState({ config: h });
+      const v = p.current.getState(), h = pt(v.config, t, e, s, o);
+      h !== v.config && p.current.setState({ config: h });
     }
-  }, [o, t, n]);
-  const f = i ? JSON.stringify(i) : "";
-  K(() => {
+  }, [o, t, e, s]);
+  const y = i ? JSON.stringify(i) : "";
+  H(() => {
     p.current && i && p.current.getState().updateContext(i);
-  }, [f]);
-  const y = /* @__PURE__ */ m(ye.Provider, { value: p.current, children: /* @__PURE__ */ m(
-    Jn,
+  }, [y]);
+  const g = /* @__PURE__ */ m(be.Provider, { value: p.current, children: /* @__PURE__ */ m(
+    it,
     {
-      screenIndex: s ?? 0,
-      onFlowComplete: c,
-      onScreenChange: d,
-      onScreenValidationChange: l
+      screenIndex: c ?? 0,
+      onFlowComplete: a,
+      onScreenChange: u,
+      onScreenValidationChange: d
     }
   ) });
-  return u ? /* @__PURE__ */ m(en.Provider, { value: u, children: y }) : y;
-}, Qn = ({
-  flowId: e,
+  return f ? /* @__PURE__ */ m(an.Provider, { value: f, children: g }) : g;
+}, ft = ({
+  flowId: n,
   apiEndpoint: r,
   apiKey: o,
   data: t,
-  theme: n,
-  navigation: s,
+  mode: e,
+  theme: s,
+  navigation: c,
   controls: i,
-  screenIndex: a,
-  context: c,
-  storeRef: d,
-  onFlowComplete: l,
-  onScreenChange: u,
+  screenIndex: l,
+  context: a,
+  storeRef: u,
+  onFlowComplete: d,
+  onScreenChange: f,
   onScreenValidationChange: p
 }) => {
-  const [f, y] = P(null), [g, h] = P(""), [v, b] = P(null);
-  return K(() => {
-    y(null), h("");
-    const w = { apiEndpoint: r, apiKey: o };
-    jn(w, e).then((C) => {
-      y(C.data), b({
-        config: w,
-        flowId: C.id,
-        flowVersionId: C.versionId,
-        tenantId: C.tenantId
+  const [y, g] = J(null), [v, h] = J(""), [b, C] = J(null);
+  return H(() => {
+    g(null), h("");
+    const S = { apiEndpoint: r, apiKey: o };
+    Zn(S, n).then((w) => {
+      g(w.data), C({
+        config: S,
+        flowId: w.id,
+        flowVersionId: w.versionId,
+        tenantId: w.tenantId
       });
-    }).catch((C) => h(C.message));
-  }, [e, r, o]), g ? /* @__PURE__ */ m("div", { className: "fbre-container", children: /* @__PURE__ */ k("div", { className: "fbre-remote-error", children: [
+    }).catch((w) => h(w.message));
+  }, [n, r, o]), v ? /* @__PURE__ */ m("div", { className: "fbre-container", children: /* @__PURE__ */ B("div", { className: "fbre-remote-error", children: [
     /* @__PURE__ */ m("p", { children: "Failed to load form" }),
-    /* @__PURE__ */ m("p", { className: "fbre-remote-error__detail", children: g })
-  ] }) }) : !f || !v ? /* @__PURE__ */ m("div", { className: "fbre-container", children: /* @__PURE__ */ k("div", { className: "fbre-remote-loading", children: [
+    /* @__PURE__ */ m("p", { className: "fbre-remote-error__detail", children: v })
+  ] }) }) : !y || !b ? /* @__PURE__ */ m("div", { className: "fbre-container", children: /* @__PURE__ */ B("div", { className: "fbre-remote-loading", children: [
     /* @__PURE__ */ m("div", { className: "fbre-spinner" }),
     /* @__PURE__ */ m("p", { children: "Loading form..." })
   ] }) }) : /* @__PURE__ */ m(
-    nn,
+    ln,
     {
-      flow: f,
+      flow: y,
       data: t,
-      theme: n,
-      navigation: s,
+      mode: e,
+      theme: s,
+      navigation: c,
       controls: i,
-      screenIndex: a,
-      context: c,
-      storeRef: d,
-      onFlowComplete: l,
-      onScreenChange: u,
+      screenIndex: l,
+      context: a,
+      storeRef: u,
+      onFlowComplete: d,
+      onScreenChange: f,
       onScreenValidationChange: p,
-      apiCtx: v
+      apiCtx: b
     }
   );
-}, ct = (e) => "sessionEndpoint" in e ? /* @__PURE__ */ m(Wn, { ...e }) : "flowId" in e && e.flowId ? /* @__PURE__ */ m(Qn, { ...e }) : /* @__PURE__ */ m(nn, { ...e });
+}, wt = (n) => "sessionEndpoint" in n ? /* @__PURE__ */ m(ut, { ...n }) : "flowId" in n && n.flowId ? /* @__PURE__ */ m(ft, { ...n }) : /* @__PURE__ */ m(ln, { ...n });
 export {
-  he as ApiError,
-  ct as FBRE,
-  Tn as TimeoutError,
-  rt as addFBREEventListener,
-  st as removeFBREEventListener,
-  it as useFBREApi,
-  L as useFBREStore,
-  Ke as useFBREStoreApi
+  ge as ApiError,
+  wt as FBRE,
+  Wn as TimeoutError,
+  bt as addFBREEventListener,
+  Ct as removeFBREEventListener,
+  St as useFBREApi,
+  P as useFBREStore,
+  Ce as useFBREStoreApi
 };