@sonata-innovations/fiber-fbre 3.3.0 → 3.4.0

package/dist/fiber-fbre.js

@@ -1,12 +1,12 @@
-import { jsx as a, jsxs as w, Fragment as ie } from "react/jsx-runtime";
-import { createContext as bt, useContext as Ye, useMemo as De, useState as O, useRef as M, useEffect as K, useCallback as H, useLayoutEffect as qt } from "react";
-import { useStore as le, createStore as Wt } from "zustand";
-import { DISPLAY_ONLY_TYPES as Sn, getValidationConfig as oe, normalizeOptions as Dn } from "@sonata-innovations/fiber-types";
-import { validateValue as En, isHiddenByCondition as se, extractFormulaReferences as Gt, topologicalSortCalculations as Jt, evaluateFormula as ye, evaluateConditionConfig as Tn, formatCalculationResult as vt, REF_REGEX as Xt, convertMarkupToHTML as Qt } from "@sonata-innovations/fiber-shared";
-import { createPortal as In } from "react-dom";
-const Zt = /* @__PURE__ */ new Map(), F = (e, t) => {
-  Zt.set(e, t);
-}, en = (e) => Zt.get(e), Ue = (e) => Sn.has(e), Ln = (e, t) => {
+import { jsx as a, jsxs as w, Fragment as ue } from "react/jsx-runtime";
+import { createContext as vt, useContext as Ge, useMemo as Te, useState as M, useRef as O, useEffect as K, useCallback as H, useLayoutEffect as zt } from "react";
+import { useStore as de, createStore as Yt } from "zustand";
+import { DISPLAY_ONLY_TYPES as Dn, getValidationConfig as ae, normalizeOptions as En } from "@sonata-innovations/fiber-types";
+import { validateValue as Tn, isHiddenByCondition as ie, extractFormulaReferences as qt, topologicalSortCalculations as Wt, evaluateFormula as we, evaluateConditionConfig as In, formatCalculationResult as gt, REF_REGEX as Gt, convertMarkupToHTML as Jt } from "@sonata-innovations/fiber-shared";
+import { createPortal as Ln } from "react-dom";
+const Xt = /* @__PURE__ */ new Map(), F = (e, t) => {
+  Xt.set(e, t);
+}, Qt = (e) => Xt.get(e), He = (e) => Dn.has(e), Rn = (e, t) => {
   var r, s, o, l;
   if (t.includes(":")) {
     const n = t.split(":"), i = e.components[n[0]];
@@ -14,22 +14,22 @@ const Zt = /* @__PURE__ */ new Map(), F = (e, t) => {
   }
   return (l = e.components[t]) == null ? void 0 : l.value;
 }, ee = (e, t) => {
-  const r = oe(e);
-  return !r || !r.rules || r.rules.length === 0 ? [] : En(
+  const r = ae(e);
+  return !r || !r.rules || r.rules.length === 0 ? [] : Tn(
     e.value,
     r,
-    t ? (s) => Ln(t, s) : void 0
+    t ? (s) => Rn(t, s) : void 0
   );
-}, Rn = (e) => {
-  const t = oe(e);
+}, Mn = (e) => {
+  const t = ae(e);
   return !t || !t.rules ? !1 : t.rules.some((r) => r.type === "required");
-}, ae = (e) => {
+}, le = (e) => {
   var s;
   const t = { ...e };
   if ("options" in t.properties && Array.isArray(t.properties.options) && (t.properties = {
     ...t.properties,
-    options: Dn(t.properties.options)
-  }), e.type === "computed" ? (t.value = null, t.valid = !0) : !Ue(e.type) && e.type !== "group" && e.type !== "repeater" && (t.value = null, t.valid = !Rn(e)), (e.type === "checkbox" || e.type === "dropDownMulti") && (t.value = []), ["yesNo", "radio", "cardSelect", "dropDown"].includes(e.type)) {
+    options: En(t.properties.options)
+  }), e.type === "computed" ? (t.value = null, t.valid = !0) : !He(e.type) && e.type !== "group" && e.type !== "repeater" && (t.value = null, t.valid = !Mn(e)), (e.type === "checkbox" || e.type === "dropDownMulti") && (t.value = []), ["yesNo", "radio", "cardSelect", "dropDown"].includes(e.type)) {
     const o = e.properties ?? {}, l = o.defaultValue;
     if (e.type === "yesNo")
       (l === "yes" || l === "no") && (t.value = l, t.valid = !0);
@@ -39,7 +39,7 @@ const Zt = /* @__PURE__ */ new Map(), F = (e, t) => {
     }
   }
   return e.type === "toggleSwitch" && (t.value = !1), e.type === "colorPicker" && ((s = e.properties) != null && s.defaultValue) && (t.value = e.properties.defaultValue), e.type === "slider" && (t.value = "initValue" in e.properties ? e.properties.initValue : "min" in e.properties ? e.properties.min : 0), t;
-}, Ne = (e, t, r) => {
+}, Se = (e, t, r) => {
   var s;
   for (const o of r.rules)
     if (o.type === "matchesField" && ((s = o.params) != null && s.field)) {
@@ -49,14 +49,14 @@ const Zt = /* @__PURE__ */ new Map(), F = (e, t) => {
         config: r
       });
     }
-}, tn = (e, t) => {
+}, Zt = (e, t) => {
   var r, s;
   if (t.includes(":")) {
     const o = t.split(":"), l = e[o[0]];
     return (s = (r = l == null ? void 0 : l.addedComponents) == null ? void 0 : r[parseInt(o[1])]) == null ? void 0 : s[parseInt(o[2])];
   }
   return e[t];
-}, ct = (e, t, r) => {
+}, dt = (e, t, r) => {
   const s = {
     components: e.components,
     groupComponentMap: e.groupComponentMap
@@ -68,14 +68,14 @@ const Zt = /* @__PURE__ */ new Map(), F = (e, t) => {
   }, n = e.validationsByDependency[t];
   if (n)
     for (const i of n) {
-      const d = tn(e.components, i.target);
+      const d = Zt(e.components, i.target);
       if (d) {
         const c = ee(d, s);
         d.valid = c.length === 0, l[i.target] = c;
       }
     }
   return l;
-}, me = (e, t) => {
+}, be = (e, t) => {
   const r = e.screens[t];
   return r ? !r.components.some((o) => {
     var i;
@@ -85,28 +85,28 @@ const Zt = /* @__PURE__ */ new Map(), F = (e, t) => {
       return (i = l.addedComponents) == null ? void 0 : i.some(
         (d) => d.some((c) => {
           const u = c.conditions && "when" in c.conditions ? c.conditions : void 0;
-          return u && se(u, e.conditionResults[c.uuid]) ? !1 : !c.valid;
+          return u && ie(u, e.conditionResults[c.uuid]) ? !1 : !c.valid;
         })
       );
     const n = l.conditions && "when" in l.conditions ? l.conditions : void 0;
-    return se(n, e.conditionResults[l.uuid]) ? !1 : l && "valid" in l && !l.valid;
+    return ie(n, e.conditionResults[l.uuid]) ? !1 : l && "valid" in l && !l.valid;
   }) : !0;
 };
-function Mn(e) {
+function On(e) {
   const t = {};
   for (const r of e) {
-    const s = Gt(r.formula);
+    const s = qt(r.formula);
     for (const o of s)
       t[o] || (t[o] = []), t[o].includes(r.uuid) || t[o].push(r.uuid);
   }
   return t;
 }
-function nn(e, t) {
+function en(e, t) {
   return {
     resolveValue: (r) => {
       if (r in t)
         return t[r];
-      const s = he(e, r);
+      const s = ve(e, r);
       if (!s) return null;
       const o = s.value;
       if (o == null || o === "") return null;
@@ -114,7 +114,7 @@ function nn(e, t) {
       return isNaN(l) ? null : l;
     },
     resolveOptionMetadata: (r, s) => {
-      const o = he(e, r);
+      const o = ve(e, r);
       if (!o) return null;
       const l = o.value;
       if (!l) return null;
@@ -150,15 +150,15 @@ function nn(e, t) {
     }
   };
 }
-function dt(e) {
+function ut(e) {
   const t = e.calculations ?? [];
   if (t.length === 0) return {};
-  const r = Jt(t), s = {}, o = nn(e, s);
+  const r = Wt(t), s = {}, o = en(e, s);
   for (const l of r)
-    s[l.uuid] = ye(l.formula, o);
+    s[l.uuid] = we(l.formula, o);
   return s;
 }
-function nt(e, t) {
+function ot(e, t) {
   const r = e.calculationsByDependency, s = e.calculations ?? [];
   if (s.length === 0 || !r) return null;
   const o = /* @__PURE__ */ new Set(), l = [t];
@@ -169,20 +169,20 @@ function nt(e, t) {
         o.has(m) || (o.add(m), l.push(m));
   }
   if (o.size === 0) return null;
-  const n = Jt(s), i = { ...e.calculationResults }, d = nn(e, i);
+  const n = Wt(s), i = { ...e.calculationResults }, d = en(e, i);
   let c = !1;
   for (const u of n)
     if (o.has(u.uuid)) {
-      const p = ye(u.formula, d);
+      const p = we(u.formula, d);
       i[u.uuid] !== p && (i[u.uuid] = p, c = !0);
     }
   return c ? i : null;
 }
-function On(e) {
+function Vn(e) {
   const t = {}, r = (s) => {
     var l;
     if (s.type !== "computed" || !((l = s.properties) != null && l.formula)) return;
-    const o = Gt(s.properties.formula);
+    const o = qt(s.properties.formula);
     for (const n of o)
       t[n] || (t[n] = []), t[n].includes(s.uuid) || t[n].push(s.uuid);
   };
@@ -192,7 +192,7 @@ function On(e) {
         r(o);
   return t;
 }
-function rn(e, t, r, s) {
+function tn(e, t, r, s) {
   var d, c;
   const o = e.components[r], l = ((d = o == null ? void 0 : o.components) == null ? void 0 : d.map((u) => u.uuid)) ?? [], n = (c = o == null ? void 0 : o.addedComponents) == null ? void 0 : c[s], i = /* @__PURE__ */ new Map();
   if (n)
@@ -211,7 +211,7 @@ function rn(e, t, r, s) {
         const b = Number(y);
         return isNaN(b) ? null : b;
       }
-      const m = he(e, u);
+      const m = ve(e, u);
       if (!m) return null;
       const f = m.value;
       if (f == null || f === "") return null;
@@ -219,7 +219,7 @@ function rn(e, t, r, s) {
       return isNaN(v) ? null : v;
     },
     resolveOptionMetadata: (u, p) => {
-      const f = i.get(u) ?? he(e, u);
+      const f = i.get(u) ?? ve(e, u);
       if (!f) return null;
       const v = f.value;
       if (!v) return null;
@@ -255,12 +255,12 @@ function rn(e, t, r, s) {
     }
   };
 }
-function Fe(e, t) {
+function Ke(e, t) {
   return {
     resolveValue: (r) => {
       if (r in t)
         return t[r];
-      const s = he(e, r);
+      const s = ve(e, r);
       if (!s) return null;
       const o = s.value;
       if (o == null || o === "") return null;
@@ -268,7 +268,7 @@ function Fe(e, t) {
       return isNaN(l) ? null : l;
     },
     resolveOptionMetadata: (r, s) => {
-      const o = he(e, r);
+      const o = ve(e, r);
       if (!o) return null;
       const l = o.value;
       if (!l) return null;
@@ -304,12 +304,12 @@ function Fe(e, t) {
     }
   };
 }
-function ut(e) {
+function pt(e) {
   var r, s;
   const t = e.calculationResults ?? {};
   for (const o of Object.values(e.components))
     if (o.type === "computed" && ((r = o.properties) != null && r.formula)) {
-      const l = Fe(e, t), n = ye(o.properties.formula, l);
+      const l = Ke(e, t), n = we(o.properties.formula, l);
       o.value = n;
     }
   for (const o of Object.values(e.components))
@@ -319,13 +319,13 @@ function ut(e) {
         for (let i = 0; i < n.length; i++) {
           const d = n[i], c = o.components[i];
           if ((c == null ? void 0 : c.type) === "computed" && ((s = c.properties) != null && s.formula)) {
-            const u = o.type === "repeater" ? rn(e, t, o.uuid, l) : Fe(e, t), p = ye(c.properties.formula, u);
+            const u = o.type === "repeater" ? tn(e, t, o.uuid, l) : Ke(e, t), p = we(c.properties.formula, u);
             d.value = p;
           }
         }
       }
 }
-function Vn(e, t) {
+function $n(e, t) {
   var n, i;
   const r = e.computedByDependency;
   if (!r) return !1;
@@ -336,7 +336,7 @@ function Vn(e, t) {
   for (const d of s) {
     const c = e.components[d];
     if (c && c.type === "computed" && ((n = c.properties) != null && n.formula)) {
-      const u = Fe(e, o), p = ye(c.properties.formula, u);
+      const u = Ke(e, o), p = we(c.properties.formula, u);
       c.value !== p && (e.components[d] = { ...c, value: p }, l = !0);
       continue;
     }
@@ -349,19 +349,19 @@ function Vn(e, t) {
         for (let f = 0; f < u.addedComponents.length; f++) {
           const v = u.addedComponents[f][p];
           if (!v) continue;
-          const y = u.type === "repeater" ? rn(e, o, u.uuid, f) : Fe(e, o), b = ye(m.properties.formula, y);
+          const y = u.type === "repeater" ? tn(e, o, u.uuid, f) : Ke(e, o), b = we(m.properties.formula, y);
           v.value !== b && (u.addedComponents[f][p] = { ...v, value: b }, l = !0);
         }
       }
   }
   return l;
 }
-const Be = (e, t) => {
+const Fe = (e, t) => {
   for (const r of e.screenOrder)
     if (e.screens[r].components.some((o) => o.uuid === t))
       return r;
   return null;
-}, $n = (e, t) => {
+}, An = (e, t) => {
   if (!t.includes(":")) return null;
   const r = t.split(":");
   if (r.length !== 3) return null;
@@ -369,12 +369,12 @@ const Be = (e, t) => {
   if (!l || l.type !== "repeater" || !l.components) return null;
   const n = l.components[o];
   return (n == null ? void 0 : n.uuid) ?? null;
-}, Vt = (e, t, r, s, o) => {
-  const l = t(), n = l.groupComponentMap[r] ?? r, i = pt(e, t, n), d = ct(
+}, Ot = (e, t, r, s, o) => {
+  const l = t(), n = l.groupComponentMap[r] ?? r, i = ft(e, t, n), d = dt(
     l,
     r,
     s
-  ), c = Be(l, o), u = {
+  ), c = Fe(l, o), u = {
     components: { ...l.components },
     validationErrors: d
   };
@@ -382,28 +382,28 @@ const Be = (e, t) => {
     const b = { ...l, ...u };
     u.screenValidity = {
       ...l.screenValidity,
-      [c]: me(b, c)
+      [c]: be(b, c)
     };
   }
-  const p = { ...l, ...u }, m = r.includes(":") ? $n(p, r) : null, f = [], v = (b) => {
-    if (Vn(p, b)) {
+  const p = { ...l, ...u }, m = r.includes(":") ? An(p, r) : null, f = [], v = (b) => {
+    if ($n(p, b)) {
       const C = p.computedByDependency[b] ?? [];
       for (const x of C)
         f.includes(x) || (f.push(x), v(x));
     }
   };
   v(n), m && m !== n && v(m);
-  let y = nt(p, n);
+  let y = ot(p, n);
   if (m && m !== n) {
-    const b = y ? { ...p, calculationResults: y } : p, C = nt(b, m);
+    const b = y ? { ...p, calculationResults: y } : p, C = ot(b, m);
     C && (y = C);
   }
   for (const b of f) {
-    const C = y ? { ...p, calculationResults: y } : p, x = nt(C, b);
+    const C = y ? { ...p, calculationResults: y } : p, x = ot(C, b);
     x && (y = x);
   }
   y && (u.calculationResults = y), e(u);
-}, An = (e, t) => ({
+}, Bn = (e, t) => ({
   updateComponentValue: (r, s) => {
     var n, i;
     const o = t();
@@ -412,7 +412,7 @@ const Be = (e, t) => {
       if (!((i = (n = m == null ? void 0 : m.addedComponents) == null ? void 0 : n[u]) != null && i[p])) return;
       const f = m.addedComponents[u][p].value !== s;
       if (m.addedComponents[u][p] = { ...m.addedComponents[u][p], value: s }, f) {
-        Vt(
+        Ot(
           e,
           t,
           r,
@@ -434,7 +434,7 @@ const Be = (e, t) => {
         e({ selectionTick: t().selectionTick + 1 });
         return;
       }
-      l.value = s, Vt(e, t, r, l, r);
+      l.value = s, Ot(e, t, r, l, r);
     }
   },
   addGroupIteration: (r) => {
@@ -443,12 +443,12 @@ const Be = (e, t) => {
       return;
     o.addedComponents || (o.addedComponents = []);
     const l = { ...s.conditionsByDependency }, n = o.components.map((c, u) => {
-      const p = ae(c);
+      const p = le(c);
       if (p.uuid = [r, o.addedComponents.length, u].join(
         ":"
       ), s.groupComponentMap[p.uuid] = c.uuid, p.conditions && Object.keys(p.conditions).length > 0) {
         const f = "when" in p.conditions ? p.conditions : null;
-        f && (p.conditions = f, pe(
+        f && (p.conditions = f, me(
           l,
           p.uuid,
           f,
@@ -459,8 +459,8 @@ const Be = (e, t) => {
       return p.valid = m.length === 0, p;
     });
     o.addedComponents.push(n);
-    const i = Be(s, r), d = { ...s.screenValidity };
-    return i && (d[i] = me(
+    const i = Fe(s, r), d = { ...s.screenValidity };
+    return i && (d[i] = be(
       {
         ...s
       },
@@ -478,14 +478,14 @@ const Be = (e, t) => {
       return;
     o.addedComponents || (o.addedComponents = []);
     const l = { ...s.conditionsByDependency }, n = o.components.map((p, m) => {
-      const f = ae(p);
+      const f = le(p);
       if (f.uuid = [
         r,
         o.addedComponents.length,
         m
       ].join(":"), f.conditions && Object.keys(f.conditions).length > 0) {
         const y = "when" in f.conditions ? f.conditions : null;
-        y && (f.conditions = y, pe(
+        y && (f.conditions = y, me(
           l,
           f.uuid,
           y,
@@ -496,8 +496,8 @@ const Be = (e, t) => {
       return f.valid = v.length === 0, f;
     });
     o.addedComponents.push(n);
-    const i = Be(s, r), d = { ...s.screenValidity };
-    i && (d[i] = me(
+    const i = Fe(s, r), d = { ...s.screenValidity };
+    i && (d[i] = be(
       {
         ...s
       },
@@ -507,8 +507,8 @@ const Be = (e, t) => {
       ...s,
       components: { ...s.components }
     };
-    ut(c);
-    const u = dt(c);
+    pt(c);
+    const u = ut(c);
     return e({
       components: { ...s.components },
       conditionsByDependency: l,
@@ -534,16 +534,16 @@ const Be = (e, t) => {
     }
     for (let b = s; b < l.addedComponents.length; b++)
       l.addedComponents[b].forEach((C, x) => {
-        const N = C.uuid, E = [r, b, x].join(":");
-        if (N !== E) {
-          C.uuid = E, N in u && (u[E] = u[N], delete u[N]), N in c && (c[E] = c[N], delete c[N]);
-          for (const S of Object.values(c))
-            for (const D of S)
-              D.target === N && (D.target = E);
+        const N = C.uuid, S = [r, b, x].join(":");
+        if (N !== S) {
+          C.uuid = S, N in u && (u[S] = u[N], delete u[N]), N in c && (c[S] = c[N], delete c[N]);
+          for (const E of Object.values(c))
+            for (const D of E)
+              D.target === N && (D.target = S);
         }
       });
-    const p = Be(o, r), m = { ...o.screenValidity };
-    p && (m[p] = me(
+    const p = Fe(o, r), m = { ...o.screenValidity };
+    p && (m[p] = be(
       {
         ...o
       },
@@ -553,8 +553,8 @@ const Be = (e, t) => {
       ...o,
       components: { ...o.components }
     };
-    ut(f);
-    const v = dt(f);
+    pt(f);
+    const v = ut(f);
     e({
       components: { ...o.components },
       conditionsByDependency: c,
@@ -563,44 +563,54 @@ const Be = (e, t) => {
       calculationResults: v
     });
   }
-}), he = (e, t) => tn(e.components, t), pe = (e, t, r, s) => {
+}), ve = (e, t) => Zt(e.components, t), me = (e, t, r, s) => {
   const o = /* @__PURE__ */ new Set();
   for (const n of r.when.rules)
     o.add(n.source);
   const l = { target: t, type: s, config: r };
   for (const n of o)
     e[n] || (e[n] = []), e[n].push(l);
-}, Bn = (e, t) => {
+}, Pn = (e, t) => {
   var r, s;
-  return t.includes(":") ? (r = he(e, t)) == null ? void 0 : r.value : (s = e.components[t]) == null ? void 0 : s.value;
-}, qe = (e, t) => Tn(t, (r, s) => (s == null ? void 0 : s.sourceType) === "context" ? e.externalContext[s.source] : Bn(e, r)), pt = (e, t, r) => {
+  return t.includes(":") ? (r = ve(e, t)) == null ? void 0 : r.value : (s = e.components[t]) == null ? void 0 : s.value;
+}, Je = (e, t) => In(t, (r, s) => (s == null ? void 0 : s.sourceType) === "context" ? e.externalContext[s.source] : Pn(e, r)), ft = (e, t, r) => {
   const s = t(), o = s.conditionsByDependency[r];
   if (!o || o.length === 0) return null;
   let l = !1;
   const n = { ...s.conditionResults };
   for (const i of o) {
-    const d = qe(s, i.config);
+    const d = Je(s, i.config);
     n[i.target] !== d && (n[i.target] = d, l = !0);
   }
   return l ? n : null;
-}, Pn = (e) => {
+}, Un = (e) => {
   const t = {}, r = /* @__PURE__ */ new Set();
   for (const s of Object.values(e.conditionsByDependency))
     for (const o of s)
-      r.has(o.target) || (r.add(o.target), t[o.target] = qe(e, o.config));
+      r.has(o.target) || (r.add(o.target), t[o.target] = Je(e, o.config));
   return t;
-}, rt = (e) => {
-  if (!e || Ue(e.type)) return null;
+}, Fn = (e) => {
+  if (!e || He(e.type)) return null;
   const t = "label" in e.properties ? e.properties.label : "", r = {
     uuid: e.uuid,
     type: e.type,
     value: e.value
   };
   return t && (r.label = t), r;
-}, $t = (e) => {
+}, nn = (e) => {
   if (e.conditions && "when" in e.conditions)
     return e.conditions;
-}, Un = (e) => {
+}, rn = (e, t) => {
+  const r = Fn(e);
+  return r ? ((e.type === "group" || e.type === "repeater") && e.addedComponents && (r.components = e.addedComponents.map(
+    (s) => s.filter(
+      (o) => !ie(
+        nn(o),
+        t.conditionResults[o.uuid]
+      )
+    ).map((o) => rn(o, t)).filter((o) => o !== null)
+  )), r) : null;
+}, jn = (e) => {
   const t = {
     uuid: e.flowUUID,
     metadata: e.metadata,
@@ -609,7 +619,7 @@ const Be = (e, t) => {
     const l = e.screens[o];
     if (!l) return !1;
     const n = l.conditions && "when" in l.conditions ? l.conditions : void 0;
-    return se(n, e.conditionResults[o]);
+    return ie(n, e.conditionResults[o]);
   };
   t.screens = e.screenOrder.filter((o) => !r(o)).map((o) => {
     const l = e.screens[o], n = {
@@ -617,25 +627,8 @@ const Be = (e, t) => {
       components: l.components.map((i) => {
         const d = e.components[i.uuid];
         if (!d) return null;
-        const c = $t(d);
-        if (se(c, e.conditionResults[i.uuid]))
-          return null;
-        if ((d.type === "group" || d.type === "repeater") && d.addedComponents) {
-          const u = rt(d);
-          return u ? {
-            ...u,
-            components: d.addedComponents.map(
-              (p) => p.filter((m) => {
-                const f = $t(m);
-                return !se(
-                  f,
-                  e.conditionResults[m.uuid]
-                );
-              }).map((m) => rt(m)).filter((m) => m !== null)
-            )
-          } : null;
-        }
-        return rt(d);
+        const c = nn(d);
+        return ie(c, e.conditionResults[i.uuid]) ? null : rn(d, e);
       }).filter((i) => i !== null)
     };
     return l.label && (n.label = l.label), n;
@@ -649,7 +642,7 @@ const Be = (e, t) => {
         label: l.label,
         value: n
       };
-      return n !== null && (i.formattedValue = vt(
+      return n !== null && (i.formattedValue = gt(
         n,
         l.format,
         l.decimalPlaces,
@@ -658,21 +651,21 @@ const Be = (e, t) => {
     });
   }
   return t;
-}, We = bt(
+}, Ie = vt(
   null
 );
 function U(e) {
-  const t = Ye(We);
+  const t = Ge(Ie);
   if (!t)
     throw new Error("useFBREStore must be used within an FBRE provider");
-  return le(t, e);
+  return de(t, e);
 }
-const Ge = () => {
-  const e = Ye(We);
+const Xe = () => {
+  const e = Ge(Ie);
   if (!e)
     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, Fn = [], jn = () => Wt((e, t) => ({
+}, Oe = (e) => !e || Object.keys(e).length === 0 ? null : "when" in e ? e : null, Hn = [], Kn = () => Yt((e, t) => ({
   // Identity
   flowUUID: "",
   metadata: {},
@@ -704,54 +697,54 @@ const Ge = () => {
   loadFlow: (r, s, o) => {
     const l = {}, n = [], i = {}, d = {}, c = {}, u = {}, p = {}, m = {}, f = {};
     r.screens.forEach((D) => {
-      const T = Le(D.conditions), R = T ? { ...D, conditions: T } : { ...D };
-      l[D.uuid] = R, n.push(D.uuid), T && pe(
+      const T = Oe(D.conditions), R = T ? { ...D, conditions: T } : { ...D };
+      l[D.uuid] = R, n.push(D.uuid), T && me(
         u,
         D.uuid,
         T,
         "screen"
       ), D.components.forEach((g) => {
-        const h = Le(g.conditions), _ = ae(g);
-        h && (_.conditions = h), i[g.uuid] = _, h && pe(
+        const h = Oe(g.conditions), _ = le(g);
+        h && (_.conditions = h), i[g.uuid] = _, h && me(
           u,
           g.uuid,
           h,
           "component"
         );
-        const k = oe(_);
-        if (k && Ne(
+        const k = ae(_);
+        if (k && Se(
           p,
           g.uuid,
           k
         ), (g.type === "group" || g.type === "repeater") && g.components) {
-          const $ = i[g.uuid];
-          $.addedComponents || ($.addedComponents = []);
-          const B = g.type === "repeater" ? g.properties.initialData : void 0, V = g.type === "repeater" ? g.properties.minIterations : void 0, P = B ? B.length : g.type === "repeater" && V && V > 1 ? V : 1;
-          for (let j = 0; j < P; j++) {
-            const J = g.components.map((Z, ue) => {
-              const L = ae(Z);
-              L.uuid = [
+          const V = i[g.uuid];
+          V.addedComponents || (V.addedComponents = []);
+          const P = g.type === "repeater" ? g.properties.initialData : void 0, $ = g.type === "repeater" ? g.properties.minIterations : void 0, B = P ? P.length : g.type === "repeater" && $ && $ > 1 ? $ : 1;
+          for (let j = 0; j < B; j++) {
+            const Z = g.components.map((X, ne) => {
+              const G = le(X);
+              G.uuid = [
                 g.uuid,
-                $.addedComponents.length,
-                ue
-              ].join(":"), B && B[j] && Z.uuid in B[j] && (L.value = B[j][Z.uuid]), g.type === "group" && (d[L.uuid] = Z.uuid), j === 0 && (c[Z.uuid] = L.uuid);
-              const W = Le(L.conditions);
-              W && (L.conditions = W, pe(
+                V.addedComponents.length,
+                ne
+              ].join(":"), P && P[j] && X.uuid in P[j] && (G.value = P[j][X.uuid]), g.type === "group" && (d[G.uuid] = X.uuid), j === 0 && (c[X.uuid] = G.uuid);
+              const ce = Oe(G.conditions);
+              ce && (G.conditions = ce, me(
                 u,
-                L.uuid,
-                W,
+                G.uuid,
+                ce,
                 "component"
               ));
-              const X = oe(L);
-              X && Ne(
+              const L = ae(G);
+              L && Se(
                 p,
-                L.uuid,
-                X
+                G.uuid,
+                L
               );
-              const Q = ee(L);
-              return L.valid = Q.length === 0, Q.length > 0 && (m[L.uuid] = Q), L;
+              const q = ee(G);
+              return G.valid = q.length === 0, q.length > 0 && (m[G.uuid] = q), G;
             });
-            $.addedComponents.push(J);
+            V.addedComponents.push(Z);
           }
         }
       });
@@ -767,44 +760,44 @@ const Ge = () => {
               );
               for (let I = 0; I < _; I++)
                 if (k != null && k.components) {
-                  const $ = k.components.map(
-                    (B, V) => {
-                      const P = ae(B);
-                      P.uuid = [
+                  const V = k.components.map(
+                    (P, $) => {
+                      const B = le(P);
+                      B.uuid = [
                         g.uuid,
                         g.addedComponents.length,
-                        V
-                      ].join(":"), g.type === "group" && (d[P.uuid] = B.uuid), c[B.uuid] || (c[B.uuid] = P.uuid);
-                      const j = Le(
-                        P.conditions
+                        $
+                      ].join(":"), g.type === "group" && (d[B.uuid] = P.uuid), c[P.uuid] || (c[P.uuid] = B.uuid);
+                      const j = Oe(
+                        B.conditions
                       );
-                      j && (P.conditions = j, pe(
+                      j && (B.conditions = j, me(
                         u,
-                        P.uuid,
+                        B.uuid,
                         j,
                         "component"
                       ));
-                      const J = oe(P);
-                      J && Ne(
+                      const Z = ae(B);
+                      Z && Se(
                         p,
-                        P.uuid,
-                        J
+                        B.uuid,
+                        Z
                       );
-                      const Z = ee(P);
-                      return P.valid = Z.length === 0, Z.length > 0 && (m[P.uuid] = Z), P;
+                      const X = ee(B);
+                      return B.valid = X.length === 0, X.length > 0 && (m[B.uuid] = X), B;
                     }
                   );
-                  g.addedComponents.push($);
+                  g.addedComponents.push(V);
                 }
             }
             R.components.forEach((h) => {
               h.forEach((_) => {
                 for (const k of g.addedComponents) {
-                  const I = k.find(($) => $.uuid === _.uuid);
+                  const I = k.find((V) => V.uuid === _.uuid);
                   if (I) {
                     I.value = _.value;
-                    const $ = ee(I);
-                    I.valid = $.length === 0, m[I.uuid] = $;
+                    const V = ee(I);
+                    I.valid = V.length === 0, m[I.uuid] = V;
                     break;
                   }
                 }
@@ -819,7 +812,7 @@ const Ge = () => {
     });
     for (const D of Object.keys(i)) {
       const T = i[D];
-      if (!(T.type === "group" || T.type === "repeater") && oe(T) && !(D in m)) {
+      if (!(T.type === "group" || T.type === "repeater") && ae(T) && !(D in m)) {
         const R = ee(T);
         T.valid = R.length === 0, R.length > 0 && (m[D] = R);
       }
@@ -836,21 +829,21 @@ const Ge = () => {
       conditionResults: {},
       validationErrors: m,
       validationsByDependency: p
-    }, y = Pn(v);
+    }, y = Un(v);
     v.conditionResults = y, n.forEach((D) => {
-      f[D] = me(v, D);
+      f[D] = be(v, D);
     });
-    const b = On(i), C = {
+    const b = Vn(i), C = {
       ...v,
       computedByDependency: b,
       calculationResults: {},
       screenValidity: f
     };
-    ut(C);
-    const x = r.calculations ?? [], N = Mn(x), E = {
+    pt(C);
+    const x = r.calculations ?? [], N = On(x), S = {
       ...C,
       calculations: x
-    }, S = dt(E);
+    }, E = ut(S);
     e({
       flowUUID: r.uuid,
       metadata: r.metadata,
@@ -867,7 +860,7 @@ const Ge = () => {
       validationErrors: m,
       validationsByDependency: p,
       calculations: x,
-      calculationResults: S,
+      calculationResults: E,
       calculationsByDependency: N,
       computedByDependency: b
     });
@@ -888,20 +881,20 @@ const Ge = () => {
         for (const p of u) {
           if (d.has(p.target)) continue;
           d.add(p.target);
-          const m = { ...s, externalContext: r }, f = qe(m, p.config);
+          const m = { ...s, externalContext: r }, f = Je(m, p.config);
           n[p.target] !== f && (n[p.target] = f, i = !0);
         }
     }
     if (i) {
       const c = { ...s, conditionResults: n }, u = {};
       for (const p of s.screenOrder)
-        u[p] = me(c, p);
+        u[p] = be(c, p);
       e({ externalContext: r, conditionResults: n, screenValidity: u });
     } else
       e({ externalContext: r });
   },
-  ...An(e, t),
-  getFlowData: () => Un(t()),
+  ...Bn(e, t),
+  getFlowData: () => jn(t()),
   getScreenByIndex: (r) => {
     const s = t();
     return r < 0 || r >= s.screenOrder.length ? null : s.screens[s.screenOrder[r]];
@@ -910,35 +903,35 @@ const Ge = () => {
     const s = t();
     return r < 0 || r >= s.screenOrder.length ? !0 : s.screenValidity[s.screenOrder[r]] ?? !0;
   },
-  getValidationErrors: (r) => t().validationErrors[r] ?? Fn,
+  getValidationErrors: (r) => t().validationErrors[r] ?? Hn,
   evaluateFlowValidation: () => {
     const r = t(), s = {};
     let o = !0;
     return r.screenOrder.forEach((l) => {
-      const n = me(r, l);
+      const n = be(r, l);
       s[l] = n, n || (o = !1);
     }), e({ screenValidity: s }), o;
   },
-  getMaxScreenCount: () => t().screenOrder.length - 1,
+  getMaxScreenIndex: () => t().screenOrder.length - 1,
   getCalculationResult: (r) => t().calculationResults[r] ?? null
-})), Hn = ({ uuid: e }) => {
+})), zn = ({ uuid: e }) => {
   var i;
   const t = U((d) => d.components[e]), r = U((d) => d.conditionResults[e]);
   if (!t) return null;
   const s = t.conditions && "when" in t.conditions ? t.conditions : void 0;
-  if (se(s, r)) return null;
-  const o = en(t.type);
+  if (ie(s, r)) return null;
+  const o = Qt(t.type);
   if (!o)
     return console.warn(`FBRE: No renderer for component type "${t.type}"`), null;
   const l = (i = t.properties) == null ? void 0 : i.width, n = l && l !== "full" ? `fbre-component fbre-width-${l}` : "fbre-component";
   return /* @__PURE__ */ a("div", { className: n, "data-uuid": e, children: /* @__PURE__ */ a(o, { uuid: e }) });
-}, ft = ({ screenIndex: e }) => {
+}, mt = ({ screenIndex: e }) => {
   const t = U((r) => {
     const s = r.screenOrder[e];
     return s ? r.screens[s] : null;
   });
-  return t ? /* @__PURE__ */ a("div", { className: "fbre-screen", children: t.components.map((r) => /* @__PURE__ */ a(Hn, { uuid: r.uuid }, r.uuid)) }) : null;
-}, ne = ({ size: e = 14 }) => /* @__PURE__ */ a(
+  return t ? /* @__PURE__ */ a("div", { className: "fbre-screen", children: t.components.map((r) => /* @__PURE__ */ a(zn, { uuid: r.uuid }, r.uuid)) }) : null;
+}, oe = ({ size: e = 14 }) => /* @__PURE__ */ a(
   "svg",
   {
     width: e,
@@ -951,7 +944,7 @@ const Ge = () => {
     strokeLinejoin: "round",
     children: /* @__PURE__ */ a("polyline", { points: "4,12 9.5,17.5 20,7" })
   }
-), _e = ({ size: e = 14 }) => /* @__PURE__ */ w(
+), Ce = ({ size: e = 14 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -967,7 +960,7 @@ const Ge = () => {
       /* @__PURE__ */ a("line", { x1: "11", y1: "1", x2: "11", y2: "4" })
     ]
   }
-), mt = ({ size: e = 14 }) => /* @__PURE__ */ w(
+), ht = ({ size: e = 14 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -982,7 +975,7 @@ const Ge = () => {
       /* @__PURE__ */ a("line", { x1: "8", y1: "8", x2: "11", y2: "10" })
     ]
   }
-), Ee = ({ size: e = 12 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M7 10l5 5 5-5z" }) }), Kn = ({ size: e = 18 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" }) }), zn = ({ size: e = 18 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z" }) }), Yn = ({ size: e = 16 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) }), qn = ({ size: e = 16 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) }), Wn = ({ size: e = 20 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z" }) }), gt = ({ size: e = 28 }) => /* @__PURE__ */ a("svg", { viewBox: "0 0 24 24", width: e, height: e, children: /* @__PURE__ */ a("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) }), Gn = ({ size: e = 16 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z" }) }), Jn = ({ size: e = 18 }) => /* @__PURE__ */ w(
+), Le = ({ size: e = 12 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M7 10l5 5 5-5z" }) }), Yn = ({ size: e = 18 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" }) }), qn = ({ size: e = 18 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z" }) }), Wn = ({ size: e = 16 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) }), Gn = ({ size: e = 16 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) }), Jn = ({ size: e = 20 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z" }) }), yt = ({ size: e = 28 }) => /* @__PURE__ */ a("svg", { viewBox: "0 0 24 24", width: e, height: e, children: /* @__PURE__ */ a("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) }), Xn = ({ size: e = 16 }) => /* @__PURE__ */ a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z" }) }), Qn = ({ size: e = 18 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -999,7 +992,7 @@ const Ge = () => {
       /* @__PURE__ */ a("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
     ]
   }
-), Xn = ({ size: e = 18 }) => /* @__PURE__ */ w(
+), Zn = ({ size: e = 18 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -1015,7 +1008,7 @@ const Ge = () => {
       /* @__PURE__ */ a("polyline", { points: "9,12 11.5,14.5 16,9.5" })
     ]
   }
-), Qn = ({ size: e = 18 }) => /* @__PURE__ */ w(
+), er = ({ size: e = 18 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -1032,7 +1025,7 @@ const Ge = () => {
       /* @__PURE__ */ a("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
     ]
   }
-), Zn = ({ size: e = 16 }) => /* @__PURE__ */ w(
+), tr = ({ size: e = 16 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -1048,7 +1041,7 @@ const Ge = () => {
       /* @__PURE__ */ a("path", { d: "M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" })
     ]
   }
-), er = ({ size: e = 18 }) => /* @__PURE__ */ w(
+), nr = ({ size: e = 18 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -1065,7 +1058,7 @@ const Ge = () => {
       /* @__PURE__ */ a("path", { d: "M12 2a7 7 0 00-4 12.7V17h8v-2.3A7 7 0 0012 2z" })
     ]
   }
-), tr = ({ size: e = 18 }) => /* @__PURE__ */ w(
+), rr = ({ size: e = 18 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -1081,7 +1074,7 @@ const Ge = () => {
       /* @__PURE__ */ a("path", { d: "M11.6 16.8a3 3 0 11-5.8-1.6" })
     ]
   }
-), nr = ({ size: e = 18 }) => /* @__PURE__ */ w(
+), or = ({ size: e = 18 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -1097,7 +1090,7 @@ const Ge = () => {
       /* @__PURE__ */ a("path", { d: "M13.73 21a2 2 0 01-3.46 0" })
     ]
   }
-), rr = ({ size: e = 18 }) => /* @__PURE__ */ a(
+), sr = ({ size: e = 18 }) => /* @__PURE__ */ a(
   "svg",
   {
     width: e,
@@ -1110,7 +1103,7 @@ const Ge = () => {
     strokeLinejoin: "round",
     children: /* @__PURE__ */ a("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" })
   }
-), or = ({ size: e = 18 }) => /* @__PURE__ */ w(
+), ar = ({ size: e = 18 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -1139,7 +1132,7 @@ const Ge = () => {
     strokeLinejoin: "round",
     children: /* @__PURE__ */ a("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z" })
   }
-), sr = ({ size: e = 18 }) => /* @__PURE__ */ w(
+), lr = ({ size: e = 18 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -1155,7 +1148,7 @@ const Ge = () => {
       /* @__PURE__ */ a("line", { x1: "4", y1: "22", x2: "4", y2: "15" })
     ]
   }
-), ar = ({ size: e = 18 }) => /* @__PURE__ */ a(
+), ir = ({ size: e = 18 }) => /* @__PURE__ */ a(
   "svg",
   {
     width: e,
@@ -1168,7 +1161,7 @@ const Ge = () => {
     strokeLinejoin: "round",
     children: /* @__PURE__ */ a("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2z" })
   }
-), lr = ({ size: e = 18 }) => /* @__PURE__ */ a(
+), cr = ({ size: e = 18 }) => /* @__PURE__ */ a(
   "svg",
   {
     width: e,
@@ -1181,7 +1174,7 @@ const Ge = () => {
     strokeLinejoin: "round",
     children: /* @__PURE__ */ a("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10 13,2" })
   }
-), ir = ({ size: e = 18 }) => /* @__PURE__ */ w(
+), dr = ({ size: e = 18 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -1197,7 +1190,7 @@ const Ge = () => {
       /* @__PURE__ */ a("path", { d: "M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z" })
     ]
   }
-), cr = ({ size: e = 18 }) => /* @__PURE__ */ w(
+), ur = ({ size: e = 18 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -1214,7 +1207,7 @@ const Ge = () => {
       /* @__PURE__ */ a("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
     ]
   }
-), dr = ({ size: e = 18 }) => /* @__PURE__ */ w(
+), pr = ({ size: e = 18 }) => /* @__PURE__ */ w(
   "svg",
   {
     width: e,
@@ -1230,7 +1223,7 @@ const Ge = () => {
       /* @__PURE__ */ a("path", { d: "M7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3" })
     ]
   }
-), ur = ({ size: e = 18 }) => /* @__PURE__ */ a(
+), fr = ({ size: e = 18 }) => /* @__PURE__ */ a(
   "svg",
   {
     width: e,
@@ -1243,7 +1236,7 @@ const Ge = () => {
     strokeLinejoin: "round",
     children: /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" })
   }
-), pr = ({ size: e = 18 }) => /* @__PURE__ */ a(
+), mr = ({ size: e = 18 }) => /* @__PURE__ */ a(
   "svg",
   {
     width: e,
@@ -1256,29 +1249,29 @@ const Ge = () => {
     strokeLinejoin: "round",
     children: /* @__PURE__ */ a("rect", { x: "12", y: "1", width: "15.56", height: "15.56", rx: "2", transform: "rotate(45 12 1)" })
   }
-), ot = {
-  info: Jn,
-  check: Xn,
-  warning: Qn,
-  question: cr,
-  lightbulb: er,
-  megaphone: tr,
-  bell: nr,
-  shield: rr,
-  lock: or,
+), st = {
+  info: Qn,
+  check: Zn,
+  warning: er,
+  question: ur,
+  lightbulb: nr,
+  megaphone: rr,
+  bell: or,
+  shield: sr,
+  lock: ar,
   heart: on,
-  flag: sr,
-  bookmark: ar,
-  zap: lr,
-  pencil: ir,
-  star: gt
-}, fr = {
-  star: gt,
+  flag: lr,
+  bookmark: ir,
+  zap: cr,
+  pencil: dr,
+  star: yt
+}, hr = {
+  star: yt,
   heart: on,
-  thumbsUp: dr,
-  circle: ur,
-  diamond: pr
-}, Re = ({
+  thumbsUp: pr,
+  circle: fr,
+  diamond: mr
+}, Ve = ({
   position: e,
   screenIndex: t,
   maxScreenIndex: r,
@@ -1304,7 +1297,7 @@ const Ge = () => {
         disabled: t === 0 && !n || v,
         onClick: m,
         children: [
-          /* @__PURE__ */ a(Yn, {}),
+          /* @__PURE__ */ a(Wn, {}),
           c || "Back"
         ]
       }
@@ -1321,7 +1314,7 @@ const Ge = () => {
       },
       children: [
         d || (l ? n ? "Complete" : "Review" : "Complete"),
-        v ? /* @__PURE__ */ a("span", { className: "fbre-btn__spinner" }) : /* @__PURE__ */ a(ne, { size: 16 })
+        v ? /* @__PURE__ */ a("span", { className: "fbre-btn__spinner" }) : /* @__PURE__ */ a(oe, { size: 16 })
       ]
     }
   ) : /* @__PURE__ */ w(
@@ -1335,14 +1328,14 @@ const Ge = () => {
       },
       children: [
         d || b,
-        v ? /* @__PURE__ */ a("span", { className: "fbre-btn__spinner" }) : y ? /* @__PURE__ */ a(ne, { size: 16 }) : /* @__PURE__ */ a(qn, {})
+        v ? /* @__PURE__ */ a("span", { className: "fbre-btn__spinner" }) : y ? /* @__PURE__ */ a(oe, { size: 16 }) : /* @__PURE__ */ a(Gn, {})
       ]
     }
   );
-}, mr = ({ current: e, total: t, stepperStyle: r }) => {
+}, br = ({ current: e, total: t, stepperStyle: r }) => {
   if (t <= 1) return null;
   const s = t > 1 ? e / (t - 1) * 100 : 100, l = !!r && r !== "default" || t <= 6;
-  return /* @__PURE__ */ w(ie, { children: [
+  return /* @__PURE__ */ w(ue, { children: [
     l && /* @__PURE__ */ a("div", { className: "fbre-stepper fbre-stepper--dots", children: Array.from({ length: t }, (n, i) => /* @__PURE__ */ a(
       "div",
       {
@@ -1372,14 +1365,14 @@ const Ge = () => {
       }
     ) })
   ] });
-}, hr = ({ current: e, total: t }) => t <= 1 ? null : /* @__PURE__ */ w("div", { className: "fbre-stepper-text", children: [
+}, vr = ({ current: e, total: t }) => t <= 1 ? null : /* @__PURE__ */ w("div", { className: "fbre-stepper-text", children: [
   "Step ",
   e + 1,
   " of ",
   t
-] }), br = (e) => {
+] }), gr = (e) => {
   const t = e.controlsLayout ?? "default", s = e.showStepper !== !1 && (e.stepperStyle ?? "default") !== "text" && e.maxScreenIndex > 0, o = e.screenIndex > 0 || e.summaryActive, l = o ? 2 : 1, n = s ? /* @__PURE__ */ a(
-    mr,
+    br,
     {
       current: e.screenIndex,
       total: e.maxScreenIndex + 1,
@@ -1393,9 +1386,9 @@ const Ge = () => {
       "data-button-count": l,
       "data-solo": !o && !s ? "true" : void 0,
       children: [
-        o ? /* @__PURE__ */ a(Re, { position: "back", ...e }) : /* @__PURE__ */ a("div", {}),
+        o ? /* @__PURE__ */ a(Ve, { position: "back", ...e }) : /* @__PURE__ */ a("div", {}),
         n ?? /* @__PURE__ */ a("div", {}),
-        /* @__PURE__ */ a(Re, { position: "next", ...e })
+        /* @__PURE__ */ a(Ve, { position: "next", ...e })
       ]
     }
   ) : /* @__PURE__ */ w(
@@ -1406,8 +1399,8 @@ const Ge = () => {
       children: [
         n && /* @__PURE__ */ a("div", { className: "fbre-controls__stepper", children: n }),
         /* @__PURE__ */ w("div", { className: "fbre-controls__row", children: [
-          o && /* @__PURE__ */ a(Re, { position: "back", ...e }),
-          /* @__PURE__ */ a(Re, { position: "next", ...e })
+          o && /* @__PURE__ */ a(Ve, { position: "back", ...e }),
+          /* @__PURE__ */ a(Ve, { position: "next", ...e })
         ] })
       ]
     }
@@ -1470,17 +1463,17 @@ const Ge = () => {
       ]
     }
   );
-}, st = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), we = (e, t) => {
-  const r = e.replace(Xt, (s, o) => {
+}, at = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), xe = (e, t) => {
+  const r = e.replace(Gt, (s, o) => {
     const l = t.resolveCalculation(o);
-    if (l !== null) return st(l);
+    if (l !== null) return at(l);
     const n = t.resolveComponentValue(o);
-    if (n !== null) return st(n);
+    if (n !== null) return at(n);
     const i = t.resolveContext(o);
-    return i !== null ? st(i) : "";
+    return i !== null ? at(i) : "";
   });
-  return Qt(r);
-}, be = (e, t) => e.replace(Xt, (r, s) => {
+  return Jt(r);
+}, ge = (e, t) => e.replace(Gt, (r, s) => {
   const o = t.resolveCalculation(s);
   if (o !== null) return o;
   const l = t.resolveComponentValue(s);
@@ -1488,9 +1481,9 @@ const Ge = () => {
   const n = t.resolveContext(s);
   return n !== null ? n : "";
 });
-function ve() {
+function ye() {
   const e = U((l) => l.components), t = U((l) => l.templateComponentMap), r = U((l) => l.calculations), s = U((l) => l.calculationResults), o = U((l) => l.externalContext);
-  return De(() => {
+  return Te(() => {
     const l = new Map(r.map((i) => [i.uuid, i])), n = (i) => {
       var m, f;
       const d = e[i];
@@ -1511,7 +1504,7 @@ function ve() {
         const d = l.get(i);
         if (!d) return null;
         const c = s[i] ?? null;
-        return vt(
+        return gt(
           c,
           d.format,
           d.decimalPlaces,
@@ -1531,8 +1524,8 @@ function ve() {
     o
   ]);
 }
-const vr = ({ screen: e, showToggle: t }) => {
-  const r = ve(), [s, o] = O(!0);
+const yr = ({ screen: e, showToggle: t }) => {
+  const r = ye(), [s, o] = M(!0);
   return /* @__PURE__ */ w("div", { children: [
     /* @__PURE__ */ w(
       "div",
@@ -1540,12 +1533,12 @@ const vr = ({ screen: e, showToggle: t }) => {
         className: "fbre-summary__screen-header",
         onClick: () => t && o(!s),
         children: [
-          e.label && /* @__PURE__ */ a("span", { className: "fbre-summary__screen-label", children: be(e.label, r) }),
+          e.label && /* @__PURE__ */ a("span", { className: "fbre-summary__screen-label", children: ge(e.label, r) }),
           t && /* @__PURE__ */ a(
             "span",
             {
               className: `fbre-summary__screen-toggle${s ? "" : " collapsed"}`,
-              children: /* @__PURE__ */ a(Ee, { size: 20 })
+              children: /* @__PURE__ */ a(Le, { size: 20 })
             }
           )
         ]
@@ -1559,15 +1552,15 @@ const vr = ({ screen: e, showToggle: t }) => {
       }
     )
   ] });
-}, At = () => {
-  const e = Ge(), t = U((o) => o.components), r = De(
+}, Vt = () => {
+  const e = Xe(), t = U((o) => o.components), r = Te(
     () => e.getState().getFlowData(),
     [e, t]
   ), s = r.screens.length;
   return /* @__PURE__ */ w("div", { className: "fbre-summary", children: [
     /* @__PURE__ */ a("h2", { className: "fbre-summary__title", children: "Review" }),
     /* @__PURE__ */ a("div", { className: "fbre-summary__body", children: r.screens.map((o) => /* @__PURE__ */ a(
-      vr,
+      yr,
       {
         screen: o,
         showToggle: s > 1
@@ -1575,18 +1568,18 @@ const vr = ({ screen: e, showToggle: t }) => {
       o.uuid
     )) })
   ] });
-}, gr = ({
+}, an = ({
   title: e,
   body: t
 }) => {
-  const r = ve();
+  const r = ye();
   return /* @__PURE__ */ w("div", { className: "fbre-confirmation", children: [
     e && /* @__PURE__ */ a(
       "h2",
       {
         className: "fbre-confirmation__title",
         dangerouslySetInnerHTML: {
-          __html: we(e, r)
+          __html: xe(e, r)
         }
       }
     ),
@@ -1595,55 +1588,55 @@ const vr = ({ screen: e, showToggle: t }) => {
       {
         className: "fbre-confirmation__body",
         dangerouslySetInnerHTML: {
-          __html: we(t, r)
+          __html: xe(t, r)
         }
       }
     )
   ] });
-}, an = (e, t, r) => t ? !se(t, r[e]) : !0, je = (e, t) => {
+}, ln = (e, t, r) => t ? !ie(t, r[e]) : !0, ze = (e, t) => {
   const r = e.screenOrder.length - 1;
   let s = t + 1;
   for (; s <= r; ) {
     const o = e.screenOrder[s], l = e.screens[o], n = l != null && l.conditions && "when" in l.conditions ? l.conditions : void 0;
-    if (an(o, n, e.conditionResults)) return s;
+    if (ln(o, n, e.conditionResults)) return s;
     s++;
   }
   return null;
-}, yr = (e, t) => {
+}, _r = (e, t) => {
   let r = t - 1;
   for (; r >= 0; ) {
     const s = e.screenOrder[r], o = e.screens[s], l = o != null && o.conditions && "when" in o.conditions ? o.conditions : void 0;
-    if (an(s, l, e.conditionResults)) return r;
+    if (ln(s, l, e.conditionResults)) return r;
     r--;
   }
   return 0;
 };
-function G(e, t, r) {
+function J(e, t, r) {
   return `color-mix(in srgb, ${e} ${t}%, ${r})`;
 }
-const te = "var(--fbre-bg)", Me = "var(--fbre-text)";
-function ln(e) {
+const te = "var(--fbre-bg)", $e = "var(--fbre-text)";
+function cn(e) {
   const t = {};
   if (!e) return t;
   if (e.color) {
     const r = "var(--fbre-theme-color)";
-    t["--fbre-theme-color"] = e.color, t["--fbre-theme-light"] = G(r, 14, te), t["--fbre-theme-dark"] = G(r, 82, "#000");
+    t["--fbre-theme-color"] = e.color, t["--fbre-theme-light"] = J(r, 14, te), t["--fbre-theme-dark"] = J(r, 82, "#000");
   }
   if (e.background && (t["--fbre-bg"] = e.background), e.surface) {
     const r = "var(--fbre-surface)";
-    t["--fbre-surface"] = e.surface, t["--fbre-surface-hover"] = G(r, 96, Me), t["--fbre-surface-subtle"] = G(r, 90, Me), t["--fbre-surface-alt"] = G(r, 82, Me), t["--fbre-control-surface"] = r, t["--fbre-input-bg"] = r, t["--fbre-input-bg-focus"] = G(r, 60, te);
+    t["--fbre-surface"] = e.surface, t["--fbre-surface-hover"] = J(r, 96, $e), t["--fbre-surface-subtle"] = J(r, 90, $e), t["--fbre-surface-alt"] = J(r, 82, $e), t["--fbre-control-surface"] = r, t["--fbre-input-bg"] = r, t["--fbre-input-bg-focus"] = J(r, 60, te);
   }
   if (e.text) {
     const r = "var(--fbre-text)";
-    t["--fbre-text"] = e.text, t["--fbre-text-secondary"] = G(r, 64, te), t["--fbre-label"] = G(r, 64, te), t["--fbre-text-placeholder"] = G(r, 42, te), t["--fbre-text-disabled"] = G(r, 34, te);
+    t["--fbre-text"] = e.text, t["--fbre-text-secondary"] = J(r, 64, te), t["--fbre-label"] = J(r, 64, te), t["--fbre-text-placeholder"] = J(r, 42, te), t["--fbre-text-disabled"] = J(r, 34, te);
   }
   if (e.border) {
     const r = "var(--fbre-border)";
-    t["--fbre-border"] = e.border, t["--fbre-border-hover"] = G(r, 70, Me), t["--fbre-border-light"] = G(r, 60, te), t["--fbre-border-subtle"] = G(r, 35, te);
+    t["--fbre-border"] = e.border, t["--fbre-border-hover"] = J(r, 70, $e), t["--fbre-border-light"] = J(r, 60, te), t["--fbre-border-subtle"] = J(r, 35, te);
   }
-  return e.radius && (t["--fbre-radius"] = e.radius), e.fontFamily && (t["--fbre-font"] = e.fontFamily), e.error && (t["--fbre-error"] = e.error, t["--fbre-error-light"] = G("var(--fbre-error)", 14, te)), e.success && (t["--fbre-success"] = e.success, t["--fbre-success-bg"] = G("var(--fbre-success)", 14, te), t["--fbre-success-border"] = G("var(--fbre-success)", 40, te)), e.warning && (t["--fbre-warning"] = e.warning, t["--fbre-warning-bg"] = G("var(--fbre-warning)", 14, te), t["--fbre-warning-border"] = G("var(--fbre-warning)", 40, te)), t;
+  return e.radius && (t["--fbre-radius"] = e.radius), e.fontFamily && (t["--fbre-font"] = e.fontFamily), e.error && (t["--fbre-error"] = e.error, t["--fbre-error-light"] = J("var(--fbre-error)", 14, te)), e.success && (t["--fbre-success"] = e.success, t["--fbre-success-bg"] = J("var(--fbre-success)", 14, te), t["--fbre-success-border"] = J("var(--fbre-success)", 40, te)), e.warning && (t["--fbre-warning"] = e.warning, t["--fbre-warning-bg"] = J("var(--fbre-warning)", 14, te), t["--fbre-warning-border"] = J("var(--fbre-warning)", 40, te)), t;
 }
-const _r = /* @__PURE__ */ new Set([
+const wr = /* @__PURE__ */ new Set([
   "text",
   "header",
   "callout",
@@ -1651,7 +1644,7 @@ const _r = /* @__PURE__ */ new Set([
   "table",
   "computed"
 ]);
-function cn(e, t) {
+function dn(e, t) {
   const r = e.screenOrder[t];
   if (!r) return 0;
   const s = e.screens[r];
@@ -1659,39 +1652,39 @@ function cn(e, t) {
   let o = 0;
   for (const l of s.components) {
     const n = e.components[l.uuid];
-    if (!n || _r.has(n.type)) continue;
+    if (!n || wr.has(n.type)) continue;
     const i = n.conditions && "when" in n.conditions ? n.conditions : void 0;
-    se(i, e.conditionResults[l.uuid]) || (o += 1);
+    ie(i, e.conditionResults[l.uuid]) || (o += 1);
   }
   return o;
 }
-const yt = /* @__PURE__ */ new Set([
+const _t = /* @__PURE__ */ new Set([
   "radio",
   "yesNo",
   "cardSelect",
   "dropDown"
-]), wr = 500;
-function dn(e, t, r) {
-  const s = Ge(), o = M(null), l = M(""), n = M(0);
+]), Cr = 500;
+function un(e, t, r) {
+  const s = Xe(), o = O(null), l = O(""), n = O(0);
   K(() => {
     if (!e) return;
-    const i = s.getState(), d = Bt(i, t);
-    d && (l.current = Pt(i.components, d)), n.current = i.selectionTick;
+    const i = s.getState(), d = $t(i, t);
+    d && (l.current = At(i.components, d)), n.current = i.selectionTick;
   }, [e, t, s]), K(() => {
     if (!e) return;
     const i = s.subscribe((d) => {
-      const c = Bt(d, t);
+      const c = $t(d, t);
       if (!c) return;
       const u = d.selectionTick, p = u !== n.current;
       p && (n.current = u);
-      const m = Pt(d.components, c);
+      const m = At(d.components, c);
       if (m === l.current && !p) return;
       const f = l.current;
-      if (l.current = m, !(m !== f ? Cr(d.components, c, f) : p && xr(d.components, c)) || je(d, t) === null) return;
+      if (l.current = m, !(m !== f ? xr(d.components, c, f) : p && Nr(d.components, c)) || ze(d, t) === null) return;
       const b = d.screenOrder[t];
-      b && d.screenValidity[b] === !1 || cn(d, t) === 1 && (o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+      b && d.screenValidity[b] === !1 || dn(d, t) === 1 && (o.current && clearTimeout(o.current), o.current = setTimeout(() => {
         o.current = null, r();
-      }, wr));
+      }, Cr));
     });
     return () => {
       i(), o.current && (clearTimeout(o.current), o.current = null);
@@ -1700,21 +1693,21 @@ function dn(e, t, r) {
     o.current && (clearTimeout(o.current), o.current = null);
   }, [t]);
 }
-function Bt(e, t) {
+function $t(e, t) {
   const r = e.screenOrder[t];
   if (!r) return null;
   const s = e.screens[r];
   return s ? s.components.map((o) => o.uuid) : null;
 }
-function Pt(e, t) {
+function At(e, t) {
   const r = [];
   for (const s of t) {
     const o = e[s];
-    !o || !yt.has(o.type) || r.push(`${s}=${JSON.stringify(o.value ?? null)}`);
+    !o || !_t.has(o.type) || r.push(`${s}=${JSON.stringify(o.value ?? null)}`);
   }
   return r.join("|");
 }
-function Cr(e, t, r) {
+function xr(e, t, r) {
   const s = /* @__PURE__ */ new Map();
   for (const o of r.split("|")) {
     const l = o.indexOf("=");
@@ -1722,22 +1715,22 @@ function Cr(e, t, r) {
   }
   for (const o of t) {
     const l = e[o];
-    if (!l || !yt.has(l.type)) continue;
+    if (!l || !_t.has(l.type)) continue;
     const n = JSON.stringify(l.value ?? null), i = s.get(o) ?? "null";
     if (n !== i && n !== "null") return !0;
   }
   return !1;
 }
-function xr(e, t) {
+function Nr(e, t) {
   for (const r of t) {
     const s = e[r];
-    if (!(!s || !yt.has(s.type)) && s.value !== null && s.value !== void 0)
+    if (!(!s || !_t.has(s.type)) && s.value !== null && s.value !== void 0)
       return !0;
   }
   return !1;
 }
-function un(e, t, r) {
-  const s = Ge();
+function pn(e, t, r) {
+  const s = Xe();
   K(() => {
     if (!e) return;
     const o = (l) => {
@@ -1745,15 +1738,15 @@ function un(e, t, r) {
       const n = l.target;
       if (n.tagName !== "INPUT" || !n.closest(".fbre-container")) return;
       const i = s.getState();
-      if (je(i, t) === null) return;
+      if (ze(i, t) === null) return;
       const c = i.screenOrder[t];
-      c && i.screenValidity[c] === !1 || cn(i, t) === 1 && (l.preventDefault(), r());
+      c && i.screenValidity[c] === !1 || dn(i, t) === 1 && (l.preventDefault(), r());
     };
     return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
   }, [e, t, r, s]);
 }
-const pn = bt(null), Ut = [], z = (e) => {
-  const t = Ye(pn), r = U((i) => {
+const fn = vt(null), Bt = [], z = (e) => {
+  const t = Ge(fn), r = U((i) => {
     var d;
     return (d = i.components[e]) == null ? void 0 : d.value;
   }), s = U((i) => {
@@ -1763,13 +1756,13 @@ const pn = bt(null), Ut = [], z = (e) => {
     var d;
     return (d = i.components[e]) == null ? void 0 : d.valid;
   }), l = U(
-    (i) => i.validationErrors[e] ?? Ut
+    (i) => i.validationErrors[e] ?? Bt
   ), n = U((i) => i.updateComponentValue);
   return t ? {
     value: t.value,
     properties: t.properties,
     valid: t.valid,
-    validationErrors: Ut,
+    validationErrors: Bt,
     updateValue: n
   } : {
     value: r,
@@ -1778,72 +1771,72 @@ const pn = bt(null), Ut = [], z = (e) => {
     validationErrors: l,
     updateValue: n
   };
-}, Ce = (e, t) => z(e), Nr = ({ uuid: e }) => {
-  const { properties: t } = Ce(e), r = ve(), s = t == null ? void 0 : t.value;
+}, Ne = (e, t) => z(e), kr = ({ uuid: e }) => {
+  const { properties: t } = Ne(e), r = ye(), s = t == null ? void 0 : t.value;
   if (!s) return null;
-  const o = be(s, r);
+  const o = ge(s, r);
   return /* @__PURE__ */ a("h2", { className: "fbre-header", children: o });
 };
-F("header", Nr);
-const kr = ({ uuid: e }) => {
-  const { properties: t } = Ce(e), r = ve(), s = t == null ? void 0 : t.value;
+F("header", kr);
+const Sr = ({ uuid: e }) => {
+  const { properties: t } = Ne(e), r = ye(), s = t == null ? void 0 : t.value;
   return s == null ? null : /* @__PURE__ */ a(
     "div",
     {
       className: "fbre-text",
       dangerouslySetInnerHTML: {
-        __html: we(s, r)
+        __html: xe(s, r)
       }
     }
   );
 };
-F("text", kr);
-const Sr = ({ uuid: e }) => {
-  const { properties: t } = Ce(e), r = (t == null ? void 0 : t.textAlign) ?? "center";
-  return /* @__PURE__ */ a("div", { className: `fbre-divider${r === "left" ? " fbre-divider--left" : r === "right" ? " fbre-divider--right" : ""}`, children: t != null && t.value ? /* @__PURE__ */ w(ie, { children: [
+F("text", Sr);
+const Dr = ({ uuid: e }) => {
+  const { properties: t } = Ne(e), r = (t == null ? void 0 : t.textAlign) ?? "center";
+  return /* @__PURE__ */ a("div", { className: `fbre-divider${r === "left" ? " fbre-divider--left" : r === "right" ? " fbre-divider--right" : ""}`, children: t != null && t.value ? /* @__PURE__ */ w(ue, { children: [
     /* @__PURE__ */ a("div", { className: "fbre-divider__line" }),
     /* @__PURE__ */ a("span", { className: "fbre-divider__label", children: t.value }),
     /* @__PURE__ */ a("div", { className: "fbre-divider__line" })
   ] }) : /* @__PURE__ */ a("div", { className: "fbre-divider__line" }) });
 };
-F("divider", Sr);
-const Dr = {
+F("divider", Dr);
+const Er = {
   info: "info",
   success: "check",
   warning: "warning",
   neutral: void 0
-}, Er = ({ uuid: e }) => {
-  const { properties: t } = Ce(e), r = ve(), s = t == null ? void 0 : t.value, o = t == null ? void 0 : t.title, l = (t == null ? void 0 : t.variant) ?? "info", n = t == null ? void 0 : t.icon;
+}, Tr = ({ uuid: e }) => {
+  const { properties: t } = Ne(e), r = ye(), s = t == null ? void 0 : t.value, o = t == null ? void 0 : t.title, l = (t == null ? void 0 : t.variant) ?? "info", n = t == null ? void 0 : t.icon;
   if (!s && !o) return null;
   let i;
   if (n === "none")
     i = void 0;
-  else if (n && ot[n])
-    i = ot[n];
+  else if (n && st[n])
+    i = st[n];
   else {
-    const c = Dr[l];
-    i = c ? ot[c] : void 0;
+    const c = Er[l];
+    i = c ? st[c] : void 0;
   }
   const d = `fbre-callout fbre-callout--${l}`;
   return /* @__PURE__ */ w("div", { className: d, children: [
     i && /* @__PURE__ */ a("span", { className: "fbre-callout__icon", children: /* @__PURE__ */ a(i, {}) }),
     /* @__PURE__ */ w("div", { className: "fbre-callout__content", children: [
-      o && /* @__PURE__ */ a("div", { className: "fbre-callout__title", children: be(o, r) }),
+      o && /* @__PURE__ */ a("div", { className: "fbre-callout__title", children: ge(o, r) }),
       s && /* @__PURE__ */ a(
         "div",
         {
           className: "fbre-callout__body",
           dangerouslySetInnerHTML: {
-            __html: we(s, r)
+            __html: xe(s, r)
           }
         }
       )
     ] })
   ] });
 };
-F("callout", Er);
-const Tr = ({ uuid: e }) => {
-  const { properties: t } = Ce(e), r = t == null ? void 0 : t.label, s = t == null ? void 0 : t.columns, o = t == null ? void 0 : t.rows, l = t == null ? void 0 : t.highlightColumn, n = l ? l - 1 : -1;
+F("callout", Tr);
+const Ir = ({ uuid: e }) => {
+  const { properties: t } = Ne(e), r = t == null ? void 0 : t.label, s = t == null ? void 0 : t.columns, o = t == null ? void 0 : t.rows, l = t == null ? void 0 : t.highlightColumn, n = l ? l - 1 : -1;
   return !s || !o || s.length === 0 ? null : /* @__PURE__ */ w("div", { className: "fbre-table", children: [
     r && /* @__PURE__ */ a("div", { className: "fbre-table__label", children: r }),
     /* @__PURE__ */ w("table", { children: [
@@ -1872,9 +1865,9 @@ const Tr = ({ uuid: e }) => {
     ] })
   ] });
 };
-F("table", Tr);
-const Ir = ({ uuid: e }) => {
-  const { properties: t, value: r } = Ce(e), s = t == null ? void 0 : t.label, o = (t == null ? void 0 : t.showLabel) !== !1, l = t == null ? void 0 : t.detail, n = t == null ? void 0 : t.format, i = t == null ? void 0 : t.decimalPlaces, d = t == null ? void 0 : t.currencySymbol, c = vt(
+F("table", Ir);
+const Lr = ({ uuid: e }) => {
+  const { properties: t, value: r } = Ne(e), s = t == null ? void 0 : t.label, o = (t == null ? void 0 : t.showLabel) !== !1, l = t == null ? void 0 : t.detail, n = t == null ? void 0 : t.format, i = t == null ? void 0 : t.decimalPlaces, d = t == null ? void 0 : t.currencySymbol, c = gt(
     typeof r == "number" ? r : null,
     n,
     i,
@@ -1886,10 +1879,10 @@ const Ir = ({ uuid: e }) => {
     l && /* @__PURE__ */ a("div", { className: "fbre-computed__detail", children: l })
   ] });
 };
-F("computed", Ir);
-const fn = ({ text: e }) => {
+F("computed", Lr);
+const mn = ({ text: e }) => {
   var d;
-  const [t, r] = O(!1), s = M(null), o = M(null), [l, n] = O(null), i = H(() => {
+  const [t, r] = M(!1), s = O(null), o = O(null), [l, n] = M(null), i = H(() => {
     if (!s.current) return;
     const c = s.current.getBoundingClientRect();
     n({
@@ -1907,7 +1900,7 @@ const fn = ({ text: e }) => {
     return document.addEventListener("mousedown", c), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
       document.removeEventListener("mousedown", c), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
     };
-  }, [t, i]), /* @__PURE__ */ w(ie, { children: [
+  }, [t, i]), /* @__PURE__ */ w(ue, { children: [
     /* @__PURE__ */ a(
       "button",
       {
@@ -1916,10 +1909,10 @@ const fn = ({ text: e }) => {
         className: "fbre-tooltip-trigger",
         onClick: () => r(!t),
         "aria-label": "Help",
-        children: /* @__PURE__ */ a(Wn, {})
+        children: /* @__PURE__ */ a(Jn, {})
       }
     ),
-    t && l && In(
+    t && l && Ln(
       /* @__PURE__ */ a(
         "div",
         {
@@ -1929,7 +1922,7 @@ const fn = ({ text: e }) => {
           children: /* @__PURE__ */ a(
             "span",
             {
-              dangerouslySetInnerHTML: { __html: Qt(e) }
+              dangerouslySetInnerHTML: { __html: Jt(e) }
             }
           )
         }
@@ -1937,7 +1930,7 @@ const fn = ({ text: e }) => {
       ((d = s.current) == null ? void 0 : d.closest(".fbre-container")) ?? document.body
     )
   ] });
-}, q = ({
+}, W = ({
   label: e,
   detail: t,
   showLabel: r,
@@ -1950,7 +1943,7 @@ const fn = ({ text: e }) => {
   errorMessages: c,
   children: u
 }) => {
-  const p = ve(), [m, f] = O(!1);
+  const p = ye(), [m, f] = M(!1);
   K(() => {
     i !== void 0 && f(i);
   }, [i]);
@@ -1965,18 +1958,18 @@ const fn = ({ text: e }) => {
       {
         className: "fbre-field__prompt",
         dangerouslySetInnerHTML: {
-          __html: we(t, p)
+          __html: xe(t, p)
         }
       }
     ),
     /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "flex-start" }, children: [
       /* @__PURE__ */ w("div", { style: { flex: 1 }, children: [
         e && (!t || t.length === 0 || r) && /* @__PURE__ */ w("label", { className: "fbre-field__label", htmlFor: n, children: [
-          be(e, p),
+          ge(e, p),
           s && /* @__PURE__ */ a("span", { className: "required", children: "*" })
         ] }),
         u({ focused: m, setFocused: f }),
-        o && /* @__PURE__ */ a("div", { className: "fbre-field__helper", children: be(o, p) }),
+        o && /* @__PURE__ */ a("div", { className: "fbre-field__helper", children: ge(o, p) }),
         (() => {
           const y = c == null ? void 0 : c.filter((b) => b);
           return d && y && y.length > 0 && /* @__PURE__ */ w("div", { className: "fbre-field__errors", children: [
@@ -1989,21 +1982,21 @@ const fn = ({ text: e }) => {
           ] });
         })()
       ] }),
-      l && /* @__PURE__ */ a(fn, { text: l })
+      l && /* @__PURE__ */ a(mn, { text: l })
     ] })
   ] });
-}, Lr = ({ uuid: e }) => {
+}, Rr = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, i = M(null), [d, c] = O(!1);
+  } = z(e), n = r, i = O(null), [d, c] = M(!1);
   if (!n) return null;
   const u = t != null && s === !1, p = n.inputType === "password", m = p && d ? "text" : n.inputType ?? "text", f = `fbre-input-${e}`;
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -2040,15 +2033,15 @@ const fn = ({ text: e }) => {
             className: "fbre-field__password-toggle",
             onClick: () => c(!d),
             tabIndex: -1,
-            children: d ? /* @__PURE__ */ a(Kn, {}) : /* @__PURE__ */ a(zn, {})
+            children: d ? /* @__PURE__ */ a(Yn, {}) : /* @__PURE__ */ a(qn, {})
           }
         )
       ] })
     }
   );
 };
-F("inputText", Lr);
-const Rr = ({ uuid: e }) => {
+F("inputText", Rr);
+const Mr = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
@@ -2059,7 +2052,7 @@ const Rr = ({ uuid: e }) => {
   if (!n) return null;
   const i = t != null && s === !1, d = `fbre-input-${e}`;
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -2088,15 +2081,15 @@ const Rr = ({ uuid: e }) => {
     }
   );
 };
-F("inputTextArea", Rr);
-const Mr = ({ uuid: e }) => {
+F("inputTextArea", Mr);
+const Or = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, [i, d] = O(t ?? "");
+  } = z(e), n = r, [i, d] = M(t ?? "");
   if (!n) return null;
   const c = t != null && s === !1, u = n.decimalPlaces, p = `fbre-input-${e}`, m = (v) => {
     if (v === "") return v;
@@ -2128,7 +2121,7 @@ const Mr = ({ uuid: e }) => {
       N !== String(i) && (d(N), l(e, N));
     };
     return /* @__PURE__ */ a(
-      q,
+      W,
       {
         label: n.label,
         detail: n.detail,
@@ -2168,7 +2161,7 @@ const Mr = ({ uuid: e }) => {
     b !== v.target.value && (v.target.value = b, l(e, b));
   };
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -2202,8 +2195,8 @@ const Mr = ({ uuid: e }) => {
     }
   );
 };
-F("inputNumber", Mr);
-function Je(e, t, r) {
+F("inputNumber", Or);
+function Qe(e, t, r) {
   K(() => {
     if (!t) return;
     const s = (o) => {
@@ -2212,7 +2205,7 @@ function Je(e, t, r) {
     return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
   }, [t, e, r]);
 }
-function mn(e) {
+function hn(e) {
   let t = e.parentElement;
   for (; t; ) {
     const { overflow: r, overflowY: s } = getComputedStyle(t);
@@ -2222,52 +2215,52 @@ function mn(e) {
   }
   return document.documentElement;
 }
-function Ft(e, t) {
-  const r = mn(e), s = r === document.documentElement ? { top: 0, bottom: window.innerHeight } : r.getBoundingClientRect(), o = e.getBoundingClientRect(), l = s.bottom - o.bottom, n = o.top - s.top;
+function Pt(e, t) {
+  const r = hn(e), s = r === document.documentElement ? { top: 0, bottom: window.innerHeight } : r.getBoundingClientRect(), o = e.getBoundingClientRect(), l = s.bottom - o.bottom, n = o.top - s.top;
   return l < t && n > l;
 }
-function Xe(e, t, r = 300) {
-  const [s, o] = O(!1);
-  return qt(() => {
+function Ze(e, t, r = 300) {
+  const [s, o] = M(!1);
+  return zt(() => {
     if (!t || !e.current) {
       o(!1);
       return;
     }
     const l = e.current.offsetParent;
-    l && o(Ft(l, r));
+    l && o(Pt(l, r));
   }, [t, r]), K(() => {
     if (!t || !e.current) return;
     const l = () => {
       var i;
       const n = (i = e.current) == null ? void 0 : i.offsetParent;
-      n && o(Ft(n, r));
+      n && o(Pt(n, r));
     };
     return window.addEventListener("scroll", l, !0), window.addEventListener("resize", l), () => {
       window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
     };
   }, [t, r]), s;
 }
-const Or = ({ uuid: e }) => {
+const Vr = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, [i, d] = O(!1), [c, u] = O(-1), p = M(null), m = M(null), f = M(null), v = M([]);
-  Je(
+  } = z(e), n = r, [i, d] = M(!1), [c, u] = M(-1), p = O(null), m = O(null), f = O(null), v = O([]);
+  Qe(
     p,
     i,
     H(() => d(!1), [])
   );
-  const y = Xe(f, i, 200);
+  const y = Ze(f, i, 200);
   if (K(() => {
     var h;
     i && c >= 0 && ((h = v.current[c]) == null || h.focus());
   }, [i, c]), !n) return null;
   const b = n.readOnly === !0, C = n.options, x = t != null && s === !1, N = C.findIndex(
     (h) => h.value.toString() === (t == null ? void 0 : t.toString())
-  ), E = N >= 0 ? C[N] : void 0, S = () => {
+  ), S = N >= 0 ? C[N] : void 0, E = () => {
     b || (u(N >= 0 ? N : 0), d(!0));
   }, D = (h) => {
     var _;
@@ -2275,7 +2268,7 @@ const Or = ({ uuid: e }) => {
   }, T = (h) => {
     l(e, C[h].value), D(!0);
   }, R = (h) => {
-    b || (h.key === "ArrowDown" || h.key === "ArrowUp" || h.key === "Enter" || h.key === " " ? (h.preventDefault(), S()) : h.key === "Escape" && i && (h.preventDefault(), D(!1)));
+    b || (h.key === "ArrowDown" || h.key === "ArrowUp" || h.key === "Enter" || h.key === " " ? (h.preventDefault(), E()) : h.key === "Escape" && i && (h.preventDefault(), D(!1)));
   }, g = (h) => {
     switch (h.key) {
       case "ArrowDown":
@@ -2303,7 +2296,7 @@ const Or = ({ uuid: e }) => {
     }
   };
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -2324,11 +2317,11 @@ const Or = ({ uuid: e }) => {
             disabled: b,
             "aria-haspopup": "listbox",
             "aria-expanded": i,
-            onClick: () => i ? D(!1) : S(),
+            onClick: () => i ? D(!1) : E(),
             onKeyDown: R,
             children: [
-              E ? /* @__PURE__ */ a("span", { className: "fbre-dropdown__selected-text", children: E.label }) : /* @__PURE__ */ a("span", { className: "fbre-dropdown__placeholder", children: "Select..." }),
-              /* @__PURE__ */ a("span", { className: `fbre-dropdown__arrow${i ? " open" : ""}`, children: /* @__PURE__ */ a(Ee, {}) })
+              S ? /* @__PURE__ */ a("span", { className: "fbre-dropdown__selected-text", children: S.label }) : /* @__PURE__ */ a("span", { className: "fbre-dropdown__placeholder", children: "Select..." }),
+              /* @__PURE__ */ a("span", { className: `fbre-dropdown__arrow${i ? " open" : ""}`, children: /* @__PURE__ */ a(Le, {}) })
             ]
           }
         ),
@@ -2355,7 +2348,7 @@ const Or = ({ uuid: e }) => {
                   onClick: () => T(_),
                   children: [
                     /* @__PURE__ */ a("span", { children: h.label }),
-                    k && /* @__PURE__ */ a("span", { className: "fbre-dropdown__option-check", children: /* @__PURE__ */ a(ne, {}) })
+                    k && /* @__PURE__ */ a("span", { className: "fbre-dropdown__option-check", children: /* @__PURE__ */ a(oe, {}) })
                   ]
                 },
                 `${e}-${_}`
@@ -2367,29 +2360,29 @@ const Or = ({ uuid: e }) => {
     }
   );
 };
-F("dropDown", Or);
-const Vr = ({ uuid: e }) => {
+F("dropDown", Vr);
+const $r = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, [i, d] = O(!1), [c, u] = O(-1), p = M(null), m = M(null), f = M(null), v = M([]);
-  Je(
+  } = z(e), n = r, [i, d] = M(!1), [c, u] = M(-1), p = O(null), m = O(null), f = O(null), v = O([]);
+  Qe(
     p,
     i,
     H(() => d(!1), [])
   );
-  const y = Xe(f, i, 200);
+  const y = Ze(f, i, 200);
   if (K(() => {
     var h;
     i && c >= 0 && ((h = v.current[c]) == null || h.focus());
   }, [i, c]), !n) return null;
-  const b = n.readOnly === !0, C = n.options, x = t ?? [], N = t != null && s === !1, E = (h) => {
+  const b = n.readOnly === !0, C = n.options, x = t ?? [], N = t != null && s === !1, S = (h) => {
     const _ = h.toString(), k = x.includes(_) ? x.filter((I) => I !== _) : [...x, _];
     l(e, k);
-  }, S = (h, _) => {
+  }, E = (h, _) => {
     _.stopPropagation(), l(
       e,
       x.filter((k) => k !== h)
@@ -2417,7 +2410,7 @@ const Vr = ({ uuid: e }) => {
         break;
       case "Enter":
       case " ":
-        h.preventDefault(), c >= 0 && E(C[c].value);
+        h.preventDefault(), c >= 0 && S(C[c].value);
         break;
       case "Escape":
         h.preventDefault(), T(!0);
@@ -2428,7 +2421,7 @@ const Vr = ({ uuid: e }) => {
     }
   };
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -2462,13 +2455,13 @@ const Vr = ({ uuid: e }) => {
                       type: "button",
                       className: "fbre-dropdown__tag-remove",
                       "aria-label": `Remove ${(_ == null ? void 0 : _.label) ?? h}`,
-                      onClick: (k) => S(h, k),
+                      onClick: (k) => E(h, k),
                       children: "×"
                     }
                   )
                 ] }, h);
               }) }) : /* @__PURE__ */ a("span", { className: "fbre-dropdown__placeholder", children: "Select..." }),
-              /* @__PURE__ */ a("span", { className: `fbre-dropdown__arrow${i ? " open" : ""}`, children: /* @__PURE__ */ a(Ee, {}) })
+              /* @__PURE__ */ a("span", { className: `fbre-dropdown__arrow${i ? " open" : ""}`, children: /* @__PURE__ */ a(Le, {}) })
             ]
           }
         ),
@@ -2493,14 +2486,14 @@ const Vr = ({ uuid: e }) => {
                   "aria-selected": k,
                   tabIndex: i && _ === c ? 0 : -1,
                   className: "fbre-dropdown__option",
-                  onClick: () => E(h.value),
+                  onClick: () => S(h.value),
                   children: [
                     /* @__PURE__ */ a(
                       "span",
                       {
                         className: "fbre-option-item__box fbre-option-item__box--checkbox",
                         style: { width: 16, height: 16 },
-                        children: k && /* @__PURE__ */ a(ne, { size: 12 })
+                        children: k && /* @__PURE__ */ a(oe, { size: 12 })
                       }
                     ),
                     /* @__PURE__ */ a("span", { children: h.label })
@@ -2515,8 +2508,8 @@ const Vr = ({ uuid: e }) => {
     }
   );
 };
-F("dropDownMulti", Vr);
-const hn = ({
+F("dropDownMulti", $r);
+const bn = ({
   label: e,
   detail: t,
   showLabel: r,
@@ -2527,25 +2520,25 @@ const hn = ({
   errorMessages: i,
   children: d
 }) => {
-  const c = ve(), u = ["fbre-option-group", n && "fbre-option-group--error"].filter(Boolean).join(" ");
+  const c = ye(), u = ["fbre-option-group", n && "fbre-option-group--error"].filter(Boolean).join(" ");
   return /* @__PURE__ */ w("div", { className: u, children: [
     t && /* @__PURE__ */ a(
       "div",
       {
         className: "fbre-field__prompt",
         dangerouslySetInnerHTML: {
-          __html: we(t, c)
+          __html: xe(t, c)
         }
       }
     ),
     /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "flex-start" }, children: [
       /* @__PURE__ */ w("div", { style: { flex: 1 }, children: [
         r !== !1 && (!t || t.length === 0) && /* @__PURE__ */ w("div", { className: "fbre-option-group__label", children: [
-          be(e, c),
+          ge(e, c),
           s && /* @__PURE__ */ a("span", { className: "required", children: "*" })
         ] }),
         /* @__PURE__ */ a("div", { className: "fbre-option-group__items", children: d }),
-        o && /* @__PURE__ */ a("div", { className: "fbre-option-group__helper", children: be(o, c) }),
+        o && /* @__PURE__ */ a("div", { className: "fbre-option-group__helper", children: ge(o, c) }),
         (() => {
           const p = i == null ? void 0 : i.filter((m) => m);
           return n && p && p.length > 0 && /* @__PURE__ */ w("div", { className: "fbre-field__errors", children: [
@@ -2558,10 +2551,10 @@ const hn = ({
           ] });
         })()
       ] }),
-      l && /* @__PURE__ */ a(fn, { text: l })
+      l && /* @__PURE__ */ a(mn, { text: l })
     ] })
   ] });
-}, $r = ({ uuid: e }) => {
+}, Ar = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
@@ -2575,7 +2568,7 @@ const hn = ({
     l(e, f);
   };
   return /* @__PURE__ */ a(
-    hn,
+    bn,
     {
       label: n.label,
       detail: n.detail,
@@ -2597,15 +2590,15 @@ const hn = ({
               onChange: () => u(p.value)
             }
           ),
-          /* @__PURE__ */ a("span", { className: "fbre-option-item__box fbre-option-item__box--checkbox", children: /* @__PURE__ */ a(ne, {}) }),
+          /* @__PURE__ */ a("span", { className: "fbre-option-item__box fbre-option-item__box--checkbox", children: /* @__PURE__ */ a(oe, {}) }),
           /* @__PURE__ */ a("span", { className: "fbre-option-item__text", children: p.label })
         ] }, `${e}-${m}`);
       })
     }
   );
 };
-F("checkbox", $r);
-const Ar = ({ uuid: e }) => {
+F("checkbox", Ar);
+const Br = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
@@ -2621,7 +2614,7 @@ const Ar = ({ uuid: e }) => {
   if (!n) return null;
   const d = n.readOnly === !0, c = t, u = t != null && s === !1;
   return /* @__PURE__ */ a(
-    hn,
+    bn,
     {
       label: n.label,
       detail: n.detail,
@@ -2652,7 +2645,7 @@ const Ar = ({ uuid: e }) => {
                   onChange: (v) => l(e, v.target.value)
                 }
               ),
-              /* @__PURE__ */ a("span", { className: "fbre-option-item__box fbre-option-item__box--radio", children: i ? /* @__PURE__ */ a(ne, {}) : /* @__PURE__ */ a(
+              /* @__PURE__ */ a("span", { className: "fbre-option-item__box fbre-option-item__box--radio", children: i ? /* @__PURE__ */ a(oe, {}) : /* @__PURE__ */ a(
                 "svg",
                 {
                   width: "10",
@@ -2671,8 +2664,8 @@ const Ar = ({ uuid: e }) => {
     }
   );
 };
-F("radio", Ar);
-const Br = ({ uuid: e }) => {
+F("radio", Br);
+const Pr = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
@@ -2718,46 +2711,46 @@ const Br = ({ uuid: e }) => {
     }
   );
 };
-F("cardSelect", Br);
-const Pr = ({ uuid: e }) => {
+F("cardSelect", Pr);
+const Ur = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = t, i = r, [d, c] = O(null);
+  } = z(e), n = t, i = r, [d, c] = M(null);
   if (!i) return null;
-  const u = i.max ?? 5, p = i.precision ?? 1, m = d ?? n ?? 0, f = n != null && s === !1, v = i.icon && fr[i.icon] || gt, y = (S, D) => {
-    const T = D && p <= 0.5 ? S + 0.5 : S + 1;
+  const u = i.max ?? 5, p = i.precision ?? 1, m = d ?? n ?? 0, f = n != null && s === !1, v = i.icon && hr[i.icon] || yt, y = (E, D) => {
+    const T = D && p <= 0.5 ? E + 0.5 : E + 1;
     l(e, T);
-  }, b = (S, D) => {
-    const T = D.currentTarget.getBoundingClientRect(), g = D.clientX - T.left < T.width / 2 && p <= 0.5 ? S + 0.5 : S + 1;
+  }, b = (E, D) => {
+    const T = D.currentTarget.getBoundingClientRect(), g = D.clientX - T.left < T.width / 2 && p <= 0.5 ? E + 0.5 : E + 1;
     c(g);
   }, C = [];
-  for (let S = 0; S < u; S++) {
-    const D = m >= S + 1, T = !D && m >= S + 0.5, R = `fbre-rating__star${D ? " fbre-rating__star--full" : T ? " fbre-rating__star--half" : ""}`;
+  for (let E = 0; E < u; E++) {
+    const D = m >= E + 1, T = !D && m >= E + 0.5, R = `fbre-rating__star${D ? " fbre-rating__star--full" : T ? " fbre-rating__star--half" : ""}`;
     C.push(
       /* @__PURE__ */ a(
         "div",
         {
           className: R,
-          onMouseMove: (g) => b(S, g),
+          onMouseMove: (g) => b(E, g),
           onMouseLeave: () => c(null),
           onClick: (g) => {
             const h = g.currentTarget.getBoundingClientRect(), _ = g.clientX - h.left < h.width / 2;
-            y(S, _);
+            y(E, _);
           },
           children: /* @__PURE__ */ a(v, {})
         },
-        S
+        E
       )
     );
   }
-  const x = p <= 0.5 ? 0.5 : 1, N = (S) => Math.max(0, Math.min(u, S)), E = (S) => {
+  const x = p <= 0.5 ? 0.5 : 1, N = (E) => Math.max(0, Math.min(u, E)), S = (E) => {
     const D = n ?? 0;
     let T = null;
-    switch (S.key) {
+    switch (E.key) {
       case "ArrowRight":
       case "ArrowUp":
         T = N(D + x);
@@ -2773,10 +2766,10 @@ const Pr = ({ uuid: e }) => {
         T = u;
         break;
     }
-    T !== null && (S.preventDefault(), l(e, T));
+    T !== null && (E.preventDefault(), l(e, T));
   };
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: i.label,
       detail: i.detail,
@@ -2796,7 +2789,7 @@ const Pr = ({ uuid: e }) => {
             "aria-valuemin": 0,
             "aria-valuemax": u,
             "aria-valuenow": n ?? 0,
-            onKeyDown: E,
+            onKeyDown: S,
             children: C
           }
         ),
@@ -2809,8 +2802,8 @@ const Pr = ({ uuid: e }) => {
     }
   );
 };
-F("rating", Pr);
-const Ur = ({ uuid: e }) => {
+F("rating", Ur);
+const Fr = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
@@ -2821,7 +2814,7 @@ const Ur = ({ uuid: e }) => {
   if (!i) return null;
   const d = i.readOnly === !0, c = i.min ?? 0, u = i.max ?? 100, p = i.steps ?? 1, m = (n - c) / (u - c) * 100, f = s === !1;
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: i.label,
       detail: i.detail,
@@ -2856,8 +2849,8 @@ const Ur = ({ uuid: e }) => {
     }
   );
 };
-F("slider", Ur);
-const Fr = ({ uuid: e }) => {
+F("slider", Fr);
+const jr = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
@@ -2868,7 +2861,7 @@ const Fr = ({ uuid: e }) => {
   if (!n) return null;
   const i = s === !1;
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       detail: n.detail,
       helperText: n.helperText,
@@ -2889,44 +2882,44 @@ const Fr = ({ uuid: e }) => {
     }
   );
 };
-F("toggleSwitch", Fr);
-const ke = /* @__PURE__ */ new Map(), Po = (e, t) => {
-  ke.has(e) || ke.set(e, /* @__PURE__ */ new Set()), ke.get(e).add(t);
-}, Uo = (e, t) => {
+F("toggleSwitch", jr);
+const De = /* @__PURE__ */ new Map(), Uo = (e, t) => {
+  De.has(e) || De.set(e, /* @__PURE__ */ new Set()), De.get(e).add(t);
+}, Fo = (e, t) => {
   var r;
-  (r = ke.get(e)) == null || r.delete(t);
-}, jt = (e, t, r) => {
+  (r = De.get(e)) == null || r.delete(t);
+}, Ut = (e, t, r) => {
   var s;
-  (s = ke.get(e)) == null || s.forEach((o) => {
+  (s = De.get(e)) == null || s.forEach((o) => {
     o(t, r);
   });
-}, bn = bt(null);
-function jr() {
-  return Ye(bn);
+}, vn = vt(null);
+function Hr() {
+  return Ge(vn);
 }
-class He extends Error {
+class Ye extends Error {
   constructor(t, r, s, o) {
     super(t), this.name = "ApiError", this.status = r, this.code = s, this.validationErrors = o;
   }
 }
-class Hr extends He {
+class Kr extends Ye {
   constructor(t, r) {
     super(`Request timed out after ${r}ms: ${t}`, 0, "TIMEOUT"), this.name = "TimeoutError";
   }
 }
-const Kr = /* @__PURE__ */ new Set([502, 503, 504]), Oe = 2, zr = [500, 1500];
-function Yr(e) {
+const zr = /* @__PURE__ */ new Set([502, 503, 504]), Ae = 2, Yr = [500, 1500];
+function qr(e) {
   return new Promise((t) => setTimeout(t, e));
 }
-async function de(e, t, r = {}) {
+async function fe(e, t, r = {}) {
   const o = `${e.apiEndpoint || ""}${t}`, l = e.timeout ?? 3e4, n = {
     ...r.body ? { "Content-Type": "application/json" } : {},
     ...r.headers
   };
   e.apiKey && (n.Authorization = `Bearer ${e.apiKey}`);
   let i;
-  for (let d = 0; d <= Oe; d++) {
-    d > 0 && await Yr(zr[d - 1]);
+  for (let d = 0; d <= Ae; d++) {
+    d > 0 && await qr(Yr[d - 1]);
     try {
       const c = new AbortController(), u = setTimeout(() => c.abort(), l);
       let p;
@@ -2940,13 +2933,13 @@ async function de(e, t, r = {}) {
         clearTimeout(u);
       }
       if (!p.ok) {
-        const m = await p.json().catch(() => ({})), f = new He(
+        const m = await p.json().catch(() => ({})), f = new Ye(
           m.error || `HTTP ${p.status}`,
           p.status,
           m.code,
           m.validationErrors
         );
-        if (d < Oe && Kr.has(p.status) && f.code !== "INTEGRATION_HOOK_FAILED") {
+        if (d < Ae && zr.has(p.status) && f.code !== "INTEGRATION_HOOK_FAILED") {
           i = f;
           continue;
         }
@@ -2954,17 +2947,17 @@ async function de(e, t, r = {}) {
       }
       return p.json();
     } catch (c) {
-      if (c instanceof He)
+      if (c instanceof Ye)
         throw c;
       if (c instanceof DOMException && c.name === "AbortError") {
-        const u = new Hr(o, l);
-        if (d < Oe) {
+        const u = new Kr(o, l);
+        if (d < Ae) {
           i = u;
           continue;
         }
         throw u;
       }
-      if (c instanceof TypeError && d < Oe) {
+      if (c instanceof TypeError && d < Ae) {
         i = c;
         continue;
       }
@@ -2973,11 +2966,11 @@ async function de(e, t, r = {}) {
   }
   throw i;
 }
-async function qr(e, t) {
-  return de(e, `/api/v1/public/flows/${t}`);
+async function Wr(e, t) {
+  return fe(e, `/api/v1/public/flows/${t}`);
 }
-async function Wr(e, t, r, s, o, l) {
-  return de(
+async function Gr(e, t, r, s, o, l) {
+  return fe(
     e,
     `/api/v1/public/flows/${t}/files/presign`,
     {
@@ -2986,22 +2979,22 @@ async function Wr(e, t, r, s, o, l) {
     }
   );
 }
-async function Gr(e, t, r) {
-  return de(
+async function Jr(e, t, r) {
+  return fe(
     e,
     `/api/v1/public/flows/${t}/files/${r}/confirm`,
     { method: "POST" }
   );
 }
-async function Jr(e, t, r) {
+async function Xr(e, t, r) {
   const s = { flowId: t };
-  return r && Object.keys(r).length > 0 && (s.context = r), de(e, "/api/v1/public/sessions", {
+  return r && Object.keys(r).length > 0 && (s.context = r), fe(e, "/api/v1/public/sessions", {
     method: "POST",
     body: JSON.stringify(s)
   });
 }
-async function Xr(e, t, r) {
-  return de(
+async function Qr(e, t, r) {
+  return fe(
     e,
     `/api/v1/public/sessions/${t}/next`,
     {
@@ -3010,8 +3003,8 @@ async function Xr(e, t, r) {
     }
   );
 }
-async function Qr(e, t, r) {
-  return de(
+async function Zr(e, t, r) {
+  return fe(
     e,
     `/api/v1/public/sessions/${t}/prev`,
     {
@@ -3020,8 +3013,8 @@ async function Qr(e, t, r) {
     }
   );
 }
-async function Zr(e, t, r) {
-  return de(
+async function eo(e, t, r) {
+  return fe(
     e,
     `/api/v1/public/sessions/${t}/complete`,
     {
@@ -3030,20 +3023,20 @@ async function Zr(e, t, r) {
     }
   );
 }
-async function eo(e, t) {
-  return de(
+async function to(e, t) {
+  return fe(
     e,
     `/api/v1/public/sessions/${t}`
   );
 }
-const to = ({ uuid: e }) => {
+const no = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, [i, d] = O(!1), [c, u] = O(!1), p = M(null), m = jr();
+  } = z(e), n = r, [i, d] = M(!1), [c, u] = M(!1), p = O(null), m = Hr();
   if (!n) return null;
   const f = t != null && s === !1, v = async (y) => {
     if (y.preventDefault(), !y.target.files) return;
@@ -3056,7 +3049,7 @@ const to = ({ uuid: e }) => {
     if (d(!1), m) {
       u(!0);
       try {
-        const { fileId: x, uploadUrl: N } = await Wr(
+        const { fileId: x, uploadUrl: N } = await Gr(
           m.config,
           m.flowId,
           b.name,
@@ -3068,15 +3061,15 @@ const to = ({ uuid: e }) => {
           method: "PUT",
           headers: { "Content-Type": b.type },
           body: b
-        }), await Gr(m.config, m.flowId, x);
-        const E = {
+        }), await Jr(m.config, m.flowId, x);
+        const S = {
           mode: "s3",
           fileId: x,
           name: b.name,
           type: b.type,
           size: b.size
         };
-        l(e, E), jt("file-upload", e, E);
+        l(e, S), Ut("file-upload", e, S);
       } catch (x) {
         console.error("File upload failed:", x), d(!0), setTimeout(() => d(!1), 5e3);
       } finally {
@@ -3092,12 +3085,12 @@ const to = ({ uuid: e }) => {
         size: b.size,
         lastModified: b.lastModified,
         data: C.result
-      };
-      "lastModifiedDate" in b && (x.lastModifiedDate = b.lastModifiedDate), l(e, x), jt("file-upload", e, x);
+      }, N = b.lastModifiedDate;
+      N instanceof Date && !Number.isNaN(N.getTime()) ? x.lastModifiedDate = N.toISOString() : typeof N == "string" && (x.lastModifiedDate = N), l(e, x), Ut("file-upload", e, x);
     }), C.readAsDataURL(b);
   };
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -3112,11 +3105,11 @@ const to = ({ uuid: e }) => {
             "label",
             {
               className: `fbre-file__btn${c ? " fbre-file__btn--uploading" : ""}`,
-              children: c ? /* @__PURE__ */ w(ie, { children: [
+              children: c ? /* @__PURE__ */ w(ue, { children: [
                 /* @__PURE__ */ a("div", { className: "fbre-spinner fbre-spinner--sm" }),
                 "Uploading..."
-              ] }) : /* @__PURE__ */ w(ie, { children: [
-                /* @__PURE__ */ a(Gn, {}),
+              ] }) : /* @__PURE__ */ w(ue, { children: [
+                /* @__PURE__ */ a(Xn, {}),
                 "Upload file",
                 /* @__PURE__ */ a(
                   "input",
@@ -3149,8 +3142,8 @@ const to = ({ uuid: e }) => {
     }
   );
 };
-F("fileUpload", to);
-const no = ({ uuid: e }) => {
+F("fileUpload", no);
+const ro = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
@@ -3161,7 +3154,7 @@ const no = ({ uuid: e }) => {
   if (!n) return null;
   const i = t != null && s === !1, d = n.labelYes ?? "Yes", c = n.labelNo ?? "No";
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -3194,8 +3187,8 @@ const no = ({ uuid: e }) => {
     }
   );
 };
-F("yesNo", no);
-const ro = ({ uuid: e }) => {
+F("yesNo", ro);
+const oo = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
@@ -3206,7 +3199,7 @@ const ro = ({ uuid: e }) => {
   if (!n) return null;
   const i = s === !1, d = t === !0;
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       detail: n.detail,
       helperText: n.helperText,
@@ -3229,79 +3222,79 @@ const ro = ({ uuid: e }) => {
     }
   );
 };
-F("confirm", ro);
-const Ht = (e) => {
+F("confirm", oo);
+const Ft = (e) => {
   const { h: t, s: r, b: s } = e, o = r / 100, l = s / 100, n = l * o, i = n * (1 - Math.abs(t / 60 % 2 - 1)), d = l - n;
   let c = 0, u = 0, p = 0;
   t < 60 ? (c = n, u = i, p = 0) : t < 120 ? (c = i, u = n, p = 0) : t < 180 ? (c = 0, u = n, p = i) : t < 240 ? (c = 0, u = i, p = n) : t < 300 ? (c = i, u = 0, p = n) : (c = n, u = 0, p = i);
   const m = (f) => Math.round((f + d) * 255).toString(16).padStart(2, "0");
   return `#${m(c)}${m(u)}${m(p)}`;
-}, Ve = (e) => {
+}, Be = (e) => {
   const t = e.replace("#", ""), r = parseInt(t.substring(0, 2), 16) / 255, s = parseInt(t.substring(2, 4), 16) / 255, o = parseInt(t.substring(4, 6), 16) / 255, l = Math.max(r, s, o), n = Math.min(r, s, o), i = l - n;
   let d = 0;
   i !== 0 && (l === r ? d = 60 * ((s - o) / i % 6) : l === s ? d = 60 * ((o - r) / i + 2) : d = 60 * ((r - s) / i + 4)), d < 0 && (d += 360);
   const c = l === 0 ? 0 : i / l * 100, u = l * 100;
   return { h: d, s: c, b: u };
-}, at = (e) => /^#[0-9a-fA-F]{6}$/.test(e), oo = ({ uuid: e }) => {
+}, lt = (e) => /^#[0-9a-fA-F]{6}$/.test(e), so = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, [i, d] = O(!1), c = M(null), u = M(null), p = M(null), m = M(null), f = M(null), [v, y] = O(""), b = typeof t == "string" && at(t) ? t : "#1976d2", [C, x] = O(() => Ve(b));
-  Je(
+  } = z(e), n = r, [i, d] = M(!1), c = O(null), u = O(null), p = O(null), m = O(null), f = O(null), [v, y] = M(""), b = typeof t == "string" && lt(t) ? t : "#1976d2", [C, x] = M(() => Be(b));
+  Qe(
     c,
     i,
     H(() => d(!1), [])
   );
-  const N = Xe(p, i, 320);
+  const N = Ze(p, i, 320);
   if (K(() => {
-    typeof t == "string" && at(t) && (y(t), x(Ve(t)));
+    typeof t == "string" && lt(t) && (y(t), x(Be(t)));
   }, [t]), !n) return null;
-  const E = t != null && s === !1, S = (h) => {
+  const S = t != null && s === !1, E = (h) => {
     x(h);
-    const _ = Ht(h);
+    const _ = Ft(h);
     y(_), l(e, _);
   }, D = (h) => {
     h.preventDefault();
-    const _ = ($, B) => {
-      const V = m.current.getBoundingClientRect(), P = Math.max(
+    const _ = (V, P) => {
+      const $ = m.current.getBoundingClientRect(), B = Math.max(
         0,
-        Math.min(100, ($ - V.left) / V.width * 100)
+        Math.min(100, (V - $.left) / $.width * 100)
       ), j = Math.max(
         0,
-        Math.min(100, (1 - (B - V.top) / V.height) * 100)
+        Math.min(100, (1 - (P - $.top) / $.height) * 100)
       );
-      S({ ...C, s: P, b: j });
+      E({ ...C, s: B, b: j });
     };
     _(h.clientX, h.clientY);
-    const k = ($) => _($.clientX, $.clientY), I = () => {
+    const k = (V) => _(V.clientX, V.clientY), I = () => {
       document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", I);
     };
     document.addEventListener("mousemove", k), document.addEventListener("mouseup", I);
   }, T = (h) => {
     h.preventDefault();
-    const _ = ($) => {
-      const B = f.current.getBoundingClientRect(), V = Math.max(
+    const _ = (V) => {
+      const P = f.current.getBoundingClientRect(), $ = Math.max(
         0,
-        Math.min(360, ($ - B.left) / B.width * 360)
+        Math.min(360, (V - P.left) / P.width * 360)
       );
-      S({ ...C, h: V });
+      E({ ...C, h: $ });
     };
     _(h.clientX);
-    const k = ($) => _($.clientX), I = () => {
+    const k = (V) => _(V.clientX), I = () => {
       document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", I);
     };
     document.addEventListener("mousemove", k), document.addEventListener("mouseup", I);
   }, R = (h) => {
-    if (y(h), at(h)) {
-      const _ = Ve(h);
+    if (y(h), lt(h)) {
+      const _ = Be(h);
       x(_), l(e, h.toLowerCase());
     }
-  }, g = Ht({ h: C.h, s: 100, b: 100 });
+  }, g = Ft({ h: C.h, s: 100, b: 100 });
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -3309,8 +3302,8 @@ const Ht = (e) => {
       helperText: n.helperText,
       tooltip: n.tooltip,
       externalFocused: i,
-      error: E,
-      errorMessages: E ? o : void 0,
+      error: S,
+      errorMessages: S ? o : void 0,
       children: () => /* @__PURE__ */ w("div", { className: "fbre-colorpicker", ref: c, children: [
         /* @__PURE__ */ w(
           "button",
@@ -3403,7 +3396,7 @@ const Ht = (e) => {
                   style: { background: h },
                   onClick: () => {
                     const k = h.toLowerCase();
-                    y(k), x(Ve(k)), l(e, k);
+                    y(k), x(Be(k)), l(e, k);
                   }
                 },
                 _
@@ -3415,17 +3408,17 @@ const Ht = (e) => {
     }
   );
 };
-F("colorPicker", oo);
-const so = ({ uuid: e }) => {
+F("colorPicker", so);
+const ao = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, i = (n == null ? void 0 : n.mode) ?? "draw", [d, c] = O(
+  } = z(e), n = r, i = (n == null ? void 0 : n.mode) ?? "draw", [d, c] = M(
     i === "type" ? "type" : "draw"
-  ), u = M(null), p = M(null), m = M(!1), f = M(null), v = M(!1), y = t != null && s === !1, b = H(() => {
+  ), u = O(null), p = O(null), m = O(!1), f = O(null), v = O(!1), y = t != null && s === !1, b = H(() => {
     const g = u.current, h = p.current;
     if (!g || !h) return;
     const _ = h.getBoundingClientRect(), k = window.devicePixelRatio || 1;
@@ -3455,14 +3448,14 @@ const so = ({ uuid: e }) => {
       h && (h.setPointerCapture(g.pointerId), m.current = !0, f.current = C(g.nativeEvent), v.current = !0);
     },
     []
-  ), E = H(
+  ), S = H(
     (g) => {
       if (!m.current || !f.current) return;
       const h = C(g.nativeEvent);
       x(f.current, h), f.current = h;
     },
     [x]
-  ), S = H(() => {
+  ), E = H(() => {
     if (!m.current) return;
     m.current = !1, f.current = null;
     const g = u.current;
@@ -3484,7 +3477,7 @@ const so = ({ uuid: e }) => {
     c(g), l(e, null), v.current = !1;
   };
   return n ? /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label ?? "Signature",
       detail: n.detail,
@@ -3522,9 +3515,9 @@ const so = ({ uuid: e }) => {
               ref: u,
               className: "fbre-signature__canvas",
               onPointerDown: N,
-              onPointerMove: E,
-              onPointerUp: S,
-              onPointerLeave: S
+              onPointerMove: S,
+              onPointerUp: E,
+              onPointerLeave: E
             }
           ),
           /* @__PURE__ */ a(
@@ -3554,39 +3547,39 @@ const so = ({ uuid: e }) => {
     }
   ) : null;
 };
-F("signature", so);
-function Kt(e) {
+F("signature", ao);
+function jt(e) {
   const t = e.offsetParent;
   if (!t) return 0;
-  const r = mn(t), s = r === document.documentElement ? { left: 0, right: window.innerWidth } : r.getBoundingClientRect(), o = t.getBoundingClientRect(), l = e.offsetWidth, n = o.left + l;
+  const r = hn(t), s = r === document.documentElement ? { left: 0, right: window.innerWidth } : r.getBoundingClientRect(), o = t.getBoundingClientRect(), l = e.offsetWidth, n = o.left + l;
   if (n <= s.right - 8) return 0;
   let i = -(n - s.right + 8);
   return o.left + i < s.left + 8 && (i = s.left + 8 - o.left), i;
 }
-const xe = ({
+const ke = ({
   open: e,
   onClose: t,
   children: r,
   estimatedHeight: s = 300,
   triggerRef: o
 }) => {
-  const l = M(null);
-  Je(
+  const l = O(null);
+  Qe(
     l,
     e,
     H(() => t(), [t])
   );
-  const n = Xe(l, e, s), [i, d] = O(0);
-  if (qt(() => {
+  const n = Ze(l, e, s), [i, d] = M(0);
+  if (zt(() => {
     if (!e || !l.current) {
       d(0);
       return;
     }
-    d(Kt(l.current));
+    d(jt(l.current));
   }, [e]), K(() => {
     if (!e || !l.current) return;
     const p = () => {
-      l.current && d(Kt(l.current));
+      l.current && d(jt(l.current));
     };
     return window.addEventListener("scroll", p, !0), window.addEventListener("resize", p), () => {
       window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p);
@@ -3607,41 +3600,41 @@ const xe = ({
       children: r
     }
   );
-}, Pe = (e, t) => new Date(e, t + 1, 0).getDate(), ao = (e, t) => new Date(e, t, 1).getDay(), fe = (e, t, r) => `${e}-${String(t + 1).padStart(2, "0")}-${String(r).padStart(2, "0")}`, lo = (e) => {
+}, je = (e, t) => new Date(e, t + 1, 0).getDate(), lo = (e, t) => new Date(e, t, 1).getDay(), he = (e, t, r) => `${e}-${String(t + 1).padStart(2, "0")}-${String(r).padStart(2, "0")}`, io = (e) => {
   const t = e.split("-");
   if (t.length !== 3) return null;
   const r = parseInt(t[0], 10), s = parseInt(t[1], 10) - 1, o = parseInt(t[2], 10);
   return isNaN(r) || isNaN(s) || isNaN(o) ? null : { year: r, month: s, day: o };
-}, Ke = (e, t) => {
-  const r = lo(e);
+}, qe = (e, t) => {
+  const r = io(e);
   if (!r) return e;
   const s = String(r.month + 1).padStart(2, "0"), o = String(r.day).padStart(2, "0"), l = String(r.year);
   return t === "DD/MM/YYYY" ? `${o}/${s}/${l}` : t === "YYYY-MM-DD" ? `${l}-${s}-${o}` : `${s}/${o}/${l}`;
-}, ze = (e) => {
+}, We = (e) => {
   const t = e.split(":");
   if (t.length !== 2) return e;
   let r = parseInt(t[0], 10);
   const s = t[1], o = r >= 12 ? "PM" : "AM";
   return r === 0 ? r = 12 : r > 12 && (r -= 12), `${r}:${s} ${o}`;
-}, ht = (e, t) => {
+}, bt = (e, t) => {
   const r = e.indexOf("T");
   if (r === -1) return e;
   const s = e.substring(0, r), o = e.substring(r + 1);
-  return `${Ke(s, t)} ${ze(o)}`;
-}, io = (e, t, r) => {
+  return `${qe(s, t)} ${We(o)}`;
+}, co = (e, t, r) => {
   let s = e;
   return r === "AM" && s === 12 ? s = 0 : r === "PM" && s !== 12 && (s += 12), `${String(s).padStart(2, "0")}:${String(t).padStart(2, "0")}`;
-}, co = (e) => {
+}, uo = (e) => {
   const t = e.split(":");
   let r = parseInt(t[0], 10);
   const s = parseInt(t[1], 10), o = r >= 12 ? "PM" : "AM";
   return r === 0 ? r = 12 : r > 12 && (r -= 12), { hour: r, minute: s, ampm: o };
-}, uo = (e, t, r) => e >= t && e <= r, ce = (e) => {
+}, po = (e, t, r) => e >= t && e <= r, pe = (e) => {
   if (!e) return;
   if (!e.startsWith("today")) return e;
   const t = e === "today" ? 0 : parseInt(e.slice(5), 10), r = /* @__PURE__ */ new Date();
-  return r.setDate(r.getDate() + (isNaN(t) ? 0 : t)), fe(r.getFullYear(), r.getMonth(), r.getDate());
-}, po = [
+  return r.setDate(r.getDate() + (isNaN(t) ? 0 : t)), he(r.getFullYear(), r.getMonth(), r.getDate());
+}, fo = [
   "January",
   "February",
   "March",
@@ -3654,21 +3647,21 @@ const xe = ({
   "October",
   "November",
   "December"
-], fo = (e) => po[e], mo = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Se = (e) => [
+], mo = (e) => fo[e], ho = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Ee = (e) => [
   parseInt(e.substring(0, 4), 10),
   parseInt(e.substring(5, 7), 10) - 1,
   parseInt(e.substring(8, 10), 10)
-], ge = (e, t) => {
-  const [r, s, o] = Se(e), l = new Date(r, s, o + t);
-  return fe(l.getFullYear(), l.getMonth(), l.getDate());
-}, $e = (e, t) => {
-  let [r, s, o] = Se(e);
+], _e = (e, t) => {
+  const [r, s, o] = Ee(e), l = new Date(r, s, o + t);
+  return he(l.getFullYear(), l.getMonth(), l.getDate());
+}, Pe = (e, t) => {
+  let [r, s, o] = Ee(e);
   for (s += t; s < 0; )
     s += 12, r--;
   for (; s > 11; )
     s -= 12, r++;
-  return fe(r, s, Math.min(o, Pe(r, s)));
-}, Qe = ({
+  return he(r, s, Math.min(o, je(r, s)));
+}, et = ({
   selectedDate: e,
   min: t,
   max: r,
@@ -3677,65 +3670,65 @@ const xe = ({
   rangeEnd: l,
   rangeHover: n
 }) => {
-  const i = /* @__PURE__ */ new Date(), d = fe(
+  const i = /* @__PURE__ */ new Date(), d = he(
     i.getFullYear(),
     i.getMonth(),
     i.getDate()
-  ), [c, u] = O(e || d), p = M({}), m = M(!1);
+  ), [c, u] = M(e || d), p = O({}), m = O(!1);
   K(() => {
     var _;
     m.current && ((_ = p.current[c]) == null || _.focus(), m.current = !1);
   }, [c]);
   const f = (_) => {
     m.current = !0, u(_);
-  }, [v, y] = Se(c), b = () => u($e(c, -1)), C = () => u($e(c, 1)), x = (_) => {
+  }, [v, y] = Ee(c), b = () => u(Pe(c, -1)), C = () => u(Pe(c, 1)), x = (_) => {
     let k = null;
     switch (_.key) {
       case "ArrowLeft":
-        k = ge(c, -1);
+        k = _e(c, -1);
         break;
       case "ArrowRight":
-        k = ge(c, 1);
+        k = _e(c, 1);
         break;
       case "ArrowUp":
-        k = ge(c, -7);
+        k = _e(c, -7);
         break;
       case "ArrowDown":
-        k = ge(c, 7);
+        k = _e(c, 7);
         break;
       case "Home": {
-        const [I, $, B] = Se(c);
-        k = ge(c, -new Date(I, $, B).getDay());
+        const [I, V, P] = Ee(c);
+        k = _e(c, -new Date(I, V, P).getDay());
         break;
       }
       case "End": {
-        const [I, $, B] = Se(c);
-        k = ge(c, 6 - new Date(I, $, B).getDay());
+        const [I, V, P] = Ee(c);
+        k = _e(c, 6 - new Date(I, V, P).getDay());
         break;
       }
       case "PageUp":
-        k = $e(c, -1);
+        k = Pe(c, -1);
         break;
       case "PageDown":
-        k = $e(c, 1);
+        k = Pe(c, 1);
         break;
     }
     k && (_.preventDefault(), f(k));
-  }, N = Pe(v, y), E = ao(v, y), S = [], D = y === 0 ? Pe(v - 1, 11) : Pe(v, y - 1);
-  for (let _ = E - 1; _ >= 0; _--) {
-    const k = D - _, I = y === 0 ? 11 : y - 1, $ = y === 0 ? v - 1 : v;
-    S.push({ day: k, iso: fe($, I, k), outside: !0 });
+  }, N = je(v, y), S = lo(v, y), E = [], D = y === 0 ? je(v - 1, 11) : je(v, y - 1);
+  for (let _ = S - 1; _ >= 0; _--) {
+    const k = D - _, I = y === 0 ? 11 : y - 1, V = y === 0 ? v - 1 : v;
+    E.push({ day: k, iso: he(V, I, k), outside: !0 });
   }
   for (let _ = 1; _ <= N; _++)
-    S.push({
+    E.push({
       day: _,
-      iso: fe(v, y, _),
+      iso: he(v, y, _),
       outside: !1
     });
-  const T = 42 - S.length;
+  const T = 42 - E.length;
   for (let _ = 1; _ <= T; _++) {
     const k = y === 11 ? 0 : y + 1, I = y === 11 ? v + 1 : v;
-    S.push({ day: _, iso: fe(I, k, _), outside: !0 });
+    E.push({ day: _, iso: he(I, k, _), outside: !0 });
   }
   const R = n ?? l, g = o && R && o <= R ? o : R, h = o && R && o <= R ? R : o;
   return /* @__PURE__ */ w("div", { className: "fbre-calendar", children: [
@@ -3751,7 +3744,7 @@ const xe = ({
         }
       ),
       /* @__PURE__ */ w("span", { className: "fbre-calendar__nav-title", children: [
-        fo(y),
+        mo(y),
         " ",
         v
       ] }),
@@ -3766,38 +3759,38 @@ const xe = ({
         }
       )
     ] }),
-    /* @__PURE__ */ a("div", { className: "fbre-calendar__weekdays", children: mo.map((_) => /* @__PURE__ */ a("div", { className: "fbre-calendar__weekday", children: _ }, _)) }),
+    /* @__PURE__ */ a("div", { className: "fbre-calendar__weekdays", children: ho.map((_) => /* @__PURE__ */ a("div", { className: "fbre-calendar__weekday", children: _ }, _)) }),
     /* @__PURE__ */ a(
       "div",
       {
         className: "fbre-calendar__grid",
         role: "grid",
         onKeyDown: x,
-        children: S.map((_, k) => {
-          const I = _.iso === e, $ = _.iso === d, B = t && _.iso < t || r && _.iso > r, V = g && h && uo(_.iso, g, h), P = _.iso === g, j = _.iso === h, J = [
+        children: E.map((_, k) => {
+          const I = _.iso === e, V = _.iso === d, P = t && _.iso < t || r && _.iso > r, $ = g && h && po(_.iso, g, h), B = _.iso === g, j = _.iso === h, Z = [
             "fbre-calendar__day",
             _.outside && "fbre-calendar__day--outside",
             I && "fbre-calendar__day--selected",
-            $ && "fbre-calendar__day--today",
-            B && "fbre-calendar__day--disabled",
-            V && "fbre-calendar__day--range",
-            P && "fbre-calendar__day--range-start",
+            V && "fbre-calendar__day--today",
+            P && "fbre-calendar__day--disabled",
+            $ && "fbre-calendar__day--range",
+            B && "fbre-calendar__day--range-start",
             j && "fbre-calendar__day--range-end"
           ].filter(Boolean).join(" ");
           return /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              ref: (Z) => {
-                p.current[_.iso] = Z;
+              ref: (X) => {
+                p.current[_.iso] = X;
               },
-              className: J,
+              className: Z,
               role: "gridcell",
               "aria-selected": I || void 0,
-              "aria-current": $ ? "date" : void 0,
-              "aria-disabled": B ? !0 : void 0,
+              "aria-current": V ? "date" : void 0,
+              "aria-disabled": P ? !0 : void 0,
               tabIndex: !_.outside && _.iso === c ? 0 : -1,
-              onClick: () => !_.outside && !B && s(_.iso),
+              onClick: () => !_.outside && !P && s(_.iso),
               children: _.day
             },
             k
@@ -3806,18 +3799,18 @@ const xe = ({
       }
     )
   ] });
-}, ho = ({ uuid: e }) => {
+}, bo = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, [i, d] = O(!1), c = M(null);
+  } = z(e), n = r, [i, d] = M(!1), c = O(null);
   if (!n) return null;
   const u = n.readOnly === !0, p = t != null && s === !1, m = typeof t == "string" ? t : "";
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -3842,17 +3835,17 @@ const xe = ({
               f.key === "Escape" && i && (f.preventDefault(), d(!1));
             },
             children: [
-              m ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: Ke(m, n.dateFormat) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholder ?? "Select date..." }),
-              /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(_e, {}) })
+              m ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: qe(m, n.dateFormat) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholder ?? "Select date..." }),
+              /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(Ce, {}) })
             ]
           }
         ),
-        /* @__PURE__ */ a(xe, { open: i, onClose: () => d(!1), triggerRef: c, children: /* @__PURE__ */ a(
-          Qe,
+        /* @__PURE__ */ a(ke, { open: i, onClose: () => d(!1), triggerRef: c, children: /* @__PURE__ */ a(
+          et,
           {
             selectedDate: m,
-            min: ce(n.min),
-            max: ce(n.max),
+            min: pe(n.min),
+            max: pe(n.max),
             onSelect: (f) => {
               l(e, f), d(!1);
             }
@@ -3862,50 +3855,50 @@ const xe = ({
     }
   );
 };
-F("date", ho);
-const zt = (e) => {
+F("date", bo);
+const Ht = (e) => {
   if (!e) return null;
   const t = e.split(":");
   if (t.length !== 2) return null;
   const r = parseInt(t[0], 10), s = parseInt(t[1], 10);
   return isNaN(r) || isNaN(s) ? null : r * 60 + s;
-}, lt = (e, t) => t === "AM" && e === 12 ? 0 : t === "PM" && e !== 12 ? e + 12 : e, Ze = ({
+}, it = (e, t) => t === "AM" && e === 12 ? 0 : t === "PM" && e !== 12 ? e + 12 : e, tt = ({
   value: e,
   min: t,
   max: r,
   step: s = 15,
   onChange: o
 }) => {
-  const l = M(null), n = M(null), i = e ? co(e) : { hour: 12, minute: 0, ampm: "AM" }, {
+  const l = O(null), n = O(null), i = e ? uo(e) : { hour: 12, minute: 0, ampm: "AM" }, {
     hour: d,
     minute: c,
     ampm: u
   } = i, p = Array.from({ length: 12 }, (g, h) => h + 1), m = [];
   for (let g = 0; g < 60; g += s)
     m.push(g);
-  const f = ["AM", "PM"], v = De(() => zt(t), [t]), y = De(() => zt(r), [r]), b = v !== null || y !== null, C = (g, h) => {
+  const f = ["AM", "PM"], v = Te(() => Ht(t), [t]), y = Te(() => Ht(r), [r]), b = v !== null || y !== null, C = (g, h) => {
     const _ = g * 60 + h;
     return !(v !== null && _ < v || y !== null && _ > y);
   }, x = (g, h) => {
     if (!b) return !1;
-    const _ = lt(g, h);
+    const _ = it(g, h);
     for (let k = 0; k < 60; k += s)
       if (C(_, k)) return !1;
     return !0;
   }, N = (g) => {
     if (!b) return !1;
-    const h = lt(d, u);
+    const h = it(d, u);
     return !C(h, g);
-  }, E = (g) => {
+  }, S = (g) => {
     if (!b) return !1;
     for (const h of p) {
-      const _ = lt(h, g);
+      const _ = it(h, g);
       for (let k = 0; k < 60; k += s)
         if (C(_, k)) return !1;
     }
     return !0;
-  }, S = (g, h, _) => {
-    o(io(g, h, _));
+  }, E = (g, h, _) => {
+    o(co(g, h, _));
   };
   K(() => {
     const g = (h) => {
@@ -3933,9 +3926,9 @@ const zt = (e) => {
     const k = Array.from(
       _.querySelectorAll(".fbre-time-selector__cell")
     ), I = g.key === "ArrowDown" ? 1 : -1;
-    for (let $ = k.indexOf(h) + I; $ >= 0 && $ < k.length; $ += I)
-      if (k[$].getAttribute("aria-disabled") !== "true") {
-        k[$].focus();
+    for (let V = k.indexOf(h) + I; V >= 0 && V < k.length; V += I)
+      if (k[V].getAttribute("aria-disabled") !== "true") {
+        k[V].focus();
         break;
       }
   };
@@ -3960,7 +3953,7 @@ const zt = (e) => {
               "aria-disabled": h ? !0 : void 0,
               "aria-pressed": g === d,
               tabIndex: g === d ? 0 : -1,
-              onClick: () => !h && S(g, c, u),
+              onClick: () => !h && E(g, c, u),
               children: g
             },
             g
@@ -3988,7 +3981,7 @@ const zt = (e) => {
               "aria-disabled": h ? !0 : void 0,
               "aria-pressed": g === c,
               tabIndex: g === T ? 0 : -1,
-              onClick: () => !h && S(d, g, u),
+              onClick: () => !h && E(d, g, u),
               children: String(g).padStart(2, "0")
             },
             g
@@ -4002,7 +3995,7 @@ const zt = (e) => {
         className: "fbre-time-selector__column fbre-time-selector__column--ampm",
         onKeyDown: R,
         children: f.map((g) => {
-          const h = E(g);
+          const h = S(g);
           return /* @__PURE__ */ a(
             "button",
             {
@@ -4015,7 +4008,7 @@ const zt = (e) => {
               "aria-disabled": h ? !0 : void 0,
               "aria-pressed": g === u,
               tabIndex: g === u ? 0 : -1,
-              onClick: () => !h && S(d, c, g),
+              onClick: () => !h && E(d, c, g),
               children: g
             },
             g
@@ -4024,18 +4017,18 @@ const zt = (e) => {
       }
     )
   ] });
-}, bo = ({ uuid: e }) => {
+}, vo = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, [i, d] = O(!1), c = M(null);
+  } = z(e), n = r, [i, d] = M(!1), c = O(null);
   if (!n) return null;
   const u = n.readOnly === !0, p = t != null && s === !1, m = typeof t == "string" ? t : "";
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -4060,12 +4053,12 @@ const zt = (e) => {
               f.key === "Escape" && i && (f.preventDefault(), d(!1));
             },
             children: [
-              m ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: ze(m) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholder ?? "Select time..." }),
-              /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(mt, {}) })
+              m ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: We(m) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholder ?? "Select time..." }),
+              /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(ht, {}) })
             ]
           }
         ),
-        /* @__PURE__ */ w(xe, { open: i, onClose: () => d(!1), triggerRef: c, children: [
+        /* @__PURE__ */ w(ke, { open: i, onClose: () => d(!1), triggerRef: c, children: [
           /* @__PURE__ */ w("div", { className: "fbre-picker-phase-header", children: [
             /* @__PURE__ */ a("span", { className: "fbre-picker-phase-header__label", children: "Select Time" }),
             /* @__PURE__ */ a(
@@ -4074,12 +4067,12 @@ const zt = (e) => {
                 type: "button",
                 className: "fbre-picker-phase-header__confirm",
                 onClick: () => d(!1),
-                children: /* @__PURE__ */ a(ne, { size: 12 })
+                children: /* @__PURE__ */ a(oe, { size: 12 })
               }
             )
           ] }),
           /* @__PURE__ */ a(
-            Ze,
+            tt,
             {
               value: m || void 0,
               step: n.step,
@@ -4095,34 +4088,34 @@ const zt = (e) => {
     }
   );
 };
-F("time", bo);
-const vo = ({ uuid: e }) => {
+F("time", vo);
+const go = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, [i, d] = O(!1), [c, u] = O("date"), p = M(null);
+  } = z(e), n = r, [i, d] = M(!1), [c, u] = M("date"), p = O(null);
   if (!n) return null;
   const m = n.readOnly === !0, f = t != null && s === !1, v = typeof t == "string" ? t : "", y = v.indexOf("T"), b = y !== -1 ? v.substring(0, y) : "", C = y !== -1 ? v.substring(y + 1) : "", x = () => {
     u(b ? "time" : "date"), d(!0);
   }, N = () => {
     d(!1), u("date");
-  }, E = (g) => {
-    l(e, `${g}T${C || "12:00"}`), u("time");
   }, S = (g) => {
+    l(e, `${g}T${C || "12:00"}`), u("time");
+  }, E = (g) => {
     const h = b || (/* @__PURE__ */ new Date()).toISOString().substring(0, 10);
     l(e, `${h}T${g}`);
   }, D = () => {
     u("date");
-  }, T = ce(
+  }, T = pe(
     n.min && n.min.includes("T") ? n.min.split("T")[0] : n.min
-  ), R = ce(
+  ), R = pe(
     n.max && n.max.includes("T") ? n.max.split("T")[0] : n.max
   );
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -4147,20 +4140,20 @@ const vo = ({ uuid: e }) => {
               g.key === "Escape" && i && (g.preventDefault(), N());
             },
             children: [
-              v ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: ht(v, n.dateFormat) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholder ?? "Select date & time..." }),
-              /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(_e, {}) })
+              v ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: bt(v, n.dateFormat) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholder ?? "Select date & time..." }),
+              /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(Ce, {}) })
             ]
           }
         ),
-        /* @__PURE__ */ a(xe, { open: i, onClose: N, triggerRef: p, children: c === "date" ? /* @__PURE__ */ a(
-          Qe,
+        /* @__PURE__ */ a(ke, { open: i, onClose: N, triggerRef: p, children: c === "date" ? /* @__PURE__ */ a(
+          et,
           {
             selectedDate: b,
             min: T,
             max: R,
-            onSelect: E
+            onSelect: S
           }
-        ) : /* @__PURE__ */ w(ie, { children: [
+        ) : /* @__PURE__ */ w(ue, { children: [
           /* @__PURE__ */ w("div", { className: "fbre-picker-phase-header", children: [
             /* @__PURE__ */ a(
               "button",
@@ -4178,18 +4171,18 @@ const vo = ({ uuid: e }) => {
                 type: "button",
                 className: "fbre-picker-phase-header__confirm",
                 onClick: N,
-                children: /* @__PURE__ */ a(ne, { size: 12 })
+                children: /* @__PURE__ */ a(oe, { size: 12 })
               }
             )
           ] }),
           /* @__PURE__ */ a(
-            Ze,
+            tt,
             {
               value: C || void 0,
               step: n.step,
               min: n.minTime,
               max: n.maxTime,
-              onChange: S
+              onChange: E
             }
           )
         ] }) })
@@ -4197,31 +4190,31 @@ const vo = ({ uuid: e }) => {
     }
   );
 };
-F("dateTime", vo);
-const go = ({ uuid: e }) => {
+F("dateTime", go);
+const yo = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, [i, d] = O(null), [c, u] = O(), p = M(null), m = M(null);
+  } = z(e), n = r, [i, d] = M(null), [c, u] = M(), p = O(null), m = O(null);
   if (!n) return null;
   const f = t != null && s === !1, v = t && typeof t == "object" && "start" in t ? t : null, y = (v == null ? void 0 : v.start) ?? "", b = (v == null ? void 0 : v.end) ?? "", C = (N) => {
     if (i === "start") {
-      const E = b && N > b ? "" : b;
-      l(e, { start: N, end: E }), d(E ? null : "end");
+      const S = b && N > b ? "" : b;
+      l(e, { start: N, end: S }), d(S ? null : "end");
     } else if (i === "end") {
-      const E = y && N < y ? N : y, S = N < E ? E : N;
+      const S = y && N < y ? N : y, E = N < S ? S : N;
       l(e, {
-        start: E || N,
-        end: E ? S : ""
-      }), E && S && d(null);
+        start: S || N,
+        end: S ? E : ""
+      }), S && E && d(null);
     }
     u(void 0);
   }, x = i !== null;
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -4246,8 +4239,8 @@ const go = ({ uuid: e }) => {
                 N.key === "Escape" && x && (N.preventDefault(), d(null), u(void 0));
               },
               children: [
-                y ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: Ke(y, n.dateFormat) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholderStart ?? "Start date" }),
-                /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(_e, { size: 12 }) })
+                y ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: qe(y, n.dateFormat) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholderStart ?? "Start date" }),
+                /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(Ce, { size: 12 }) })
               ]
             }
           ) }),
@@ -4265,14 +4258,14 @@ const go = ({ uuid: e }) => {
                 N.key === "Escape" && x && (N.preventDefault(), d(null), u(void 0));
               },
               children: [
-                b ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: Ke(b, n.dateFormat) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholderEnd ?? "End date" }),
-                /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(_e, { size: 12 }) })
+                b ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: qe(b, n.dateFormat) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholderEnd ?? "End date" }),
+                /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(Ce, { size: 12 }) })
               ]
             }
           ) })
         ] }),
         /* @__PURE__ */ a(
-          xe,
+          ke,
           {
             open: x,
             triggerRef: i === "start" ? p : m,
@@ -4280,11 +4273,11 @@ const go = ({ uuid: e }) => {
               d(null), u(void 0);
             },
             children: /* @__PURE__ */ a(
-              Qe,
+              et,
               {
                 selectedDate: i === "start" ? y : b,
-                min: ce(n.min),
-                max: ce(n.max),
+                min: pe(n.min),
+                max: pe(n.max),
                 onSelect: C,
                 rangeStart: y,
                 rangeEnd: b,
@@ -4297,15 +4290,15 @@ const go = ({ uuid: e }) => {
     }
   );
 };
-F("dateRange", go);
-const yo = ({ uuid: e }) => {
+F("dateRange", yo);
+const _o = ({ uuid: e }) => {
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, [i, d] = O(null), c = M(null), u = M(null);
+  } = z(e), n = r, [i, d] = M(null), c = O(null), u = O(null);
   if (!n) return null;
   const p = t != null && s === !1, m = t && typeof t == "object" && "start" in t ? t : null, f = (m == null ? void 0 : m.start) ?? "", v = (m == null ? void 0 : m.end) ?? "", y = (x) => {
     if (i === "start") {
@@ -4319,7 +4312,7 @@ const yo = ({ uuid: e }) => {
     d(null);
   }, C = i !== null;
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -4344,8 +4337,8 @@ const yo = ({ uuid: e }) => {
                 x.key === "Escape" && C && (x.preventDefault(), b());
               },
               children: [
-                f ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: ze(f) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholderStart ?? "Start time" }),
-                /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(mt, { size: 12 }) })
+                f ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: We(f) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholderStart ?? "Start time" }),
+                /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(ht, { size: 12 }) })
               ]
             }
           ) }),
@@ -4363,14 +4356,14 @@ const yo = ({ uuid: e }) => {
                 x.key === "Escape" && C && (x.preventDefault(), b());
               },
               children: [
-                v ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: ze(v) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholderEnd ?? "End time" }),
-                /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(mt, { size: 12 }) })
+                v ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: We(v) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholderEnd ?? "End time" }),
+                /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(ht, { size: 12 }) })
               ]
             }
           ) })
         ] }),
         /* @__PURE__ */ w(
-          xe,
+          ke,
           {
             open: C,
             triggerRef: i === "start" ? c : u,
@@ -4384,12 +4377,12 @@ const yo = ({ uuid: e }) => {
                     type: "button",
                     className: "fbre-picker-phase-header__confirm",
                     onClick: b,
-                    children: /* @__PURE__ */ a(ne, { size: 12 })
+                    children: /* @__PURE__ */ a(oe, { size: 12 })
                   }
                 )
               ] }),
               /* @__PURE__ */ a(
-                Ze,
+                tt,
                 {
                   value: i === "start" ? f || void 0 : v || void 0,
                   step: n.step,
@@ -4405,40 +4398,40 @@ const yo = ({ uuid: e }) => {
     }
   );
 };
-F("timeRange", yo);
-const _o = ({ uuid: e }) => {
-  var $, B;
+F("timeRange", _o);
+const wo = ({ uuid: e }) => {
+  var V, P;
   const {
     value: t,
     properties: r,
     valid: s,
     validationErrors: o,
     updateValue: l
-  } = z(e), n = r, [i, d] = O(null), [c, u] = O("date"), p = M(null), m = M(null);
+  } = z(e), n = r, [i, d] = M(null), [c, u] = M("date"), p = O(null), m = O(null);
   if (!n) return null;
-  const f = t != null && s === !1, v = t && typeof t == "object" && "start" in t ? t : null, y = (v == null ? void 0 : v.start) ?? "", b = (v == null ? void 0 : v.end) ?? "", C = (V) => {
-    const P = V.indexOf("T");
-    return P !== -1 ? { date: V.substring(0, P), time: V.substring(P + 1) } : { date: "", time: "12:00" };
-  }, x = y ? C(y) : { date: "", time: "12:00" }, N = b ? C(b) : { date: "", time: "12:00" }, E = i === "start" ? x : N, S = (V, P) => {
-    const j = V && P && P < V ? "" : P;
-    l(e, { start: V, end: j });
-  }, D = (V) => {
-    u((V === "start" ? x : N).date ? "time" : "date"), d(V);
+  const f = t != null && s === !1, v = t && typeof t == "object" && "start" in t ? t : null, y = (v == null ? void 0 : v.start) ?? "", b = (v == null ? void 0 : v.end) ?? "", C = ($) => {
+    const B = $.indexOf("T");
+    return B !== -1 ? { date: $.substring(0, B), time: $.substring(B + 1) } : { date: "", time: "12:00" };
+  }, x = y ? C(y) : { date: "", time: "12:00" }, N = b ? C(b) : { date: "", time: "12:00" }, S = i === "start" ? x : N, E = ($, B) => {
+    const j = $ && B && B < $ ? "" : B;
+    l(e, { start: $, end: j });
+  }, D = ($) => {
+    u(($ === "start" ? x : N).date ? "time" : "date"), d($);
   }, T = () => {
     d(null), u("date");
-  }, R = (V) => {
-    const P = E.time || "12:00", j = `${V}T${P}`;
-    i === "start" ? S(j, b) : S(y, j), u("time");
-  }, g = (V) => {
-    const P = E.date;
-    if (!P) return;
-    const j = `${P}T${V}`;
-    i === "start" ? S(j, b) : S(y, j);
+  }, R = ($) => {
+    const B = S.time || "12:00", j = `${$}T${B}`;
+    i === "start" ? E(j, b) : E(y, j), u("time");
+  }, g = ($) => {
+    const B = S.date;
+    if (!B) return;
+    const j = `${B}T${$}`;
+    i === "start" ? E(j, b) : E(y, j);
   }, h = () => {
     u("date");
-  }, _ = i !== null, k = ce(($ = n.min) == null ? void 0 : $.split("T")[0]), I = ce((B = n.max) == null ? void 0 : B.split("T")[0]);
+  }, _ = i !== null, k = pe((V = n.min) == null ? void 0 : V.split("T")[0]), I = pe((P = n.max) == null ? void 0 : P.split("T")[0]);
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
       label: n.label,
       detail: n.detail,
@@ -4459,12 +4452,12 @@ const _o = ({ uuid: e }) => {
               "aria-haspopup": "dialog",
               "aria-expanded": i === "start",
               onClick: () => D("start"),
-              onKeyDown: (V) => {
-                V.key === "Escape" && _ && (V.preventDefault(), T());
+              onKeyDown: ($) => {
+                $.key === "Escape" && _ && ($.preventDefault(), T());
               },
               children: [
-                y ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: ht(y, n.dateFormat) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholderStart ?? "Start" }),
-                /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(_e, { size: 12 }) })
+                y ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: bt(y, n.dateFormat) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholderStart ?? "Start" }),
+                /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(Ce, { size: 12 }) })
               ]
             }
           ) }),
@@ -4478,31 +4471,31 @@ const _o = ({ uuid: e }) => {
               "aria-haspopup": "dialog",
               "aria-expanded": i === "end",
               onClick: () => D("end"),
-              onKeyDown: (V) => {
-                V.key === "Escape" && _ && (V.preventDefault(), T());
+              onKeyDown: ($) => {
+                $.key === "Escape" && _ && ($.preventDefault(), T());
               },
               children: [
-                b ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: ht(b, n.dateFormat) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholderEnd ?? "End" }),
-                /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(_e, { size: 12 }) })
+                b ? /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-text", children: bt(b, n.dateFormat) }) : /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-placeholder", children: n.placeholderEnd ?? "End" }),
+                /* @__PURE__ */ a("span", { className: "fbre-datetime__trigger-icon", children: /* @__PURE__ */ a(Ce, { size: 12 }) })
               ]
             }
           ) })
         ] }),
         /* @__PURE__ */ a(
-          xe,
+          ke,
           {
             open: _,
             triggerRef: i === "start" ? p : m,
             onClose: T,
             children: c === "date" ? /* @__PURE__ */ a(
-              Qe,
+              et,
               {
-                selectedDate: E.date,
+                selectedDate: S.date,
                 min: k,
                 max: I,
                 onSelect: R
               }
-            ) : /* @__PURE__ */ w(ie, { children: [
+            ) : /* @__PURE__ */ w(ue, { children: [
               /* @__PURE__ */ w("div", { className: "fbre-picker-phase-header", children: [
                 /* @__PURE__ */ a(
                   "button",
@@ -4520,14 +4513,14 @@ const _o = ({ uuid: e }) => {
                     type: "button",
                     className: "fbre-picker-phase-header__confirm",
                     onClick: T,
-                    children: /* @__PURE__ */ a(ne, { size: 12 })
+                    children: /* @__PURE__ */ a(oe, { size: 12 })
                   }
                 )
               ] }),
               /* @__PURE__ */ a(
-                Ze,
+                tt,
                 {
-                  value: E.time || void 0,
+                  value: S.time || void 0,
                   step: n.step,
                   min: n.minTime,
                   max: n.maxTime,
@@ -4541,8 +4534,8 @@ const _o = ({ uuid: e }) => {
     }
   );
 };
-F("dateTimeRange", _o);
-const vn = ({ uuid: e }) => {
+F("dateTimeRange", wo);
+const gn = ({ uuid: e }) => {
   var u;
   const t = e.split(":")[0], r = parseInt(e.split(":")[1]), s = parseInt(e.split(":")[2]), o = U(
     (p) => {
@@ -4552,12 +4545,12 @@ const vn = ({ uuid: e }) => {
   ), l = U((p) => p.conditionResults[e]);
   if (!o) return null;
   const n = o.conditions && "when" in o.conditions ? o.conditions : void 0;
-  if (se(n, l)) return null;
-  const i = en(o.type);
+  if (ie(n, l)) return null;
+  const i = Qt(o.type);
   if (!i) return null;
   const d = (u = o.properties) == null ? void 0 : u.width, c = d && d !== "full" ? `fbre-component fbre-width-${d}` : "fbre-component";
-  return /* @__PURE__ */ a("div", { className: c, children: /* @__PURE__ */ a(pn.Provider, { value: o, children: /* @__PURE__ */ a(i, { uuid: e }) }) });
-}, wo = ({ uuid: e }) => {
+  return /* @__PURE__ */ a("div", { className: c, children: /* @__PURE__ */ a(fn.Provider, { value: o, children: /* @__PURE__ */ a(i, { uuid: e }) }) });
+}, Co = ({ uuid: e }) => {
   const t = U(
     (i) => {
       var d;
@@ -4568,7 +4561,7 @@ const vn = ({ uuid: e }) => {
       var d;
       return (d = i.components[e]) == null ? void 0 : d.addedComponents;
     }
-  ), [s, o] = O(!0);
+  ), [s, o] = M(!0);
   if (!t) return null;
   const l = r ?? [], n = [
     "fbre-group",
@@ -4585,12 +4578,12 @@ const vn = ({ uuid: e }) => {
           className: `fbre-group__collapse-btn${s ? "" : " collapsed"}`,
           onClick: () => o(!s),
           "aria-label": "Toggle group",
-          children: /* @__PURE__ */ a(Ee, { size: 20 })
+          children: /* @__PURE__ */ a(Le, { size: 20 })
         }
       )
     ] }),
     /* @__PURE__ */ a("div", { className: `fbre-group__body${s ? "" : " collapsed"}`, children: /* @__PURE__ */ a("div", { className: "fbre-group__content", children: i.map((c) => /* @__PURE__ */ a(
-      vn,
+      gn,
       {
         uuid: c.uuid
       },
@@ -4598,8 +4591,8 @@ const vn = ({ uuid: e }) => {
     )) }) })
   ] }, `${e}-${d}`)) });
 };
-F("group", wo);
-const Co = ({ uuid: e }) => {
+F("group", Co);
+const xo = ({ uuid: e }) => {
   const t = U(
     (f) => {
       var v;
@@ -4612,7 +4605,7 @@ const Co = ({ uuid: e }) => {
     }
   ), s = U((f) => f.addRepeaterIteration), o = U(
     (f) => f.removeRepeaterIteration
-  ), [l, n] = O(
+  ), [l, n] = M(
     /* @__PURE__ */ new Set([0])
   );
   if (!t) return null;
@@ -4655,7 +4648,7 @@ const Co = ({ uuid: e }) => {
               onClick: () => u(v),
               title: "Remove",
               "aria-label": "Remove iteration",
-              children: /* @__PURE__ */ a(Zn, { size: 14 })
+              children: /* @__PURE__ */ a(tr, { size: 14 })
             }
           ),
           t.collapsible && /* @__PURE__ */ a(
@@ -4665,7 +4658,7 @@ const Co = ({ uuid: e }) => {
               className: `fbre-group__collapse-btn${y ? "" : " collapsed"}`,
               onClick: () => p(v),
               "aria-label": "Toggle repeater",
-              children: /* @__PURE__ */ a(Ee, { size: 20 })
+              children: /* @__PURE__ */ a(Le, { size: 20 })
             }
           )
         ] }),
@@ -4674,7 +4667,7 @@ const Co = ({ uuid: e }) => {
           {
             className: `fbre-group__body${!y && t.collapsible ? " collapsed" : ""}`,
             children: /* @__PURE__ */ a("div", { className: "fbre-group__content", children: f.map((b) => /* @__PURE__ */ a(
-              vn,
+              gn,
               {
                 uuid: b.uuid
               },
@@ -4695,8 +4688,8 @@ const Co = ({ uuid: e }) => {
     )
   ] });
 };
-F("repeater", Co);
-const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e : null, xo = {
+F("repeater", xo);
+const Kt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e : null, No = {
   clean: "dots",
   outlined: "dots",
   "refined-clean": "pill",
@@ -4707,18 +4700,18 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
   "stacked-cards": "dots",
   "soft-float": "glow",
   "bold-statement": "bar"
-}, No = ({
+}, ko = ({
   screenIndex: e,
   onFlowComplete: t,
   onScreenChange: r
 }) => {
-  var kt, St, Dt, Et, Tt, It, Lt, Rt, Mt, Ot;
-  const s = U((A) => A.config), o = U((A) => A.screenOrder.length), l = U((A) => Object.keys(A.components).length > 0), n = Ge(), i = Math.max(
+  var Nt, kt, St, Dt, Et, Tt, It, Lt, Rt, Mt;
+  const s = U((A) => A.config), o = U((A) => A.screenOrder.length), l = U((A) => Object.keys(A.components).length > 0), n = Xe(), i = Math.max(
     0,
     Math.min(e, o - 1)
-  ), [d, c] = O(i), [u, p] = O(
+  ), [d, c] = M(i), [u, p] = M(
     !!(s != null && s.summary && e >= o)
-  ), m = ((kt = s == null ? void 0 : s.navigation) == null ? void 0 : kt.transition) ?? "none", f = m !== "none", [v, y] = O(null), [b, C] = O(!1), [x, N] = O("forward"), [E, S] = O(!1), D = M(null), T = M(null), R = M(!1), g = H((A) => {
+  ), m = ((Nt = s == null ? void 0 : s.navigation) == null ? void 0 : Nt.transition) ?? "none", f = m !== "none", [v, y] = M(null), [b, C] = M(!1), [x, N] = M("forward"), [S, E] = M(!1), D = O(null), T = O(null), R = O(!1), g = H((A) => {
     A && (A.inert = !0);
   }, []);
   K(() => {
@@ -4730,8 +4723,8 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
       R.current = !0;
       return;
     }
-    E || (A = T.current) == null || A.focus({ preventScroll: !0 });
-  }, [d, u, E]);
+    S || (A = T.current) == null || A.focus({ preventScroll: !0 });
+  }, [d, u, S]);
   const h = U((A) => A.screenOrder[d]), _ = U(
     (A) => {
       var Y;
@@ -4744,143 +4737,143 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
       var Y;
       return h ? (Y = A.screens[h]) == null ? void 0 : Y.nextButtonLabel : void 0;
     }
-  ), $ = U(
+  ), V = U(
     (A) => {
       var Y;
       return h ? (Y = A.screens[h]) == null ? void 0 : Y.backButtonLabel : void 0;
     }
-  ), B = H(
+  ), P = H(
     (A) => {
       r && r(A, n.getState().getFlowData());
     },
     [r, n]
-  ), V = H(
+  ), $ = H(
     (A) => {
-      y(d), C(u), N(A), S(!0), D.current && (D.current.scrollTop = 0);
+      y(d), C(u), N(A), E(!0), D.current && (D.current.scrollTop = 0);
     },
     [d, u]
-  ), P = H(() => {
-    S(!1), y(null);
+  ), B = H(() => {
+    E(!1), y(null);
   }, []), j = H(() => {
-    if (!E)
+    if (!S)
       if (u)
-        f && V("back"), p(!1), B(d);
+        f && $("back"), p(!1), P(d);
       else {
-        const A = n.getState(), Y = yr(A, d);
-        Y !== d && (f && V("back"), c(Y), B(Y));
+        const A = n.getState(), Y = _r(A, d);
+        Y !== d && (f && $("back"), c(Y), P(Y));
       }
   }, [
-    E,
+    S,
     u,
     d,
     f,
-    V,
-    B,
+    $,
+    P,
     n
-  ]), J = H(() => {
-    if (E) return;
-    const A = n.getState(), Y = je(A, d);
-    Y !== null ? (f && V("forward"), c(Y), B(Y)) : s != null && s.summary && (f && V("forward"), p(!0), B(d + 1));
+  ]), Z = H(() => {
+    if (S) return;
+    const A = n.getState(), Y = ze(A, d);
+    Y !== null ? (f && $("forward"), c(Y), P(Y)) : s != null && s.summary && (f && $("forward"), p(!0), P(d + 1));
   }, [
-    E,
+    S,
     d,
     s,
     f,
-    V,
-    B,
+    $,
+    P,
     n
-  ]), [Z, ue] = O(!1), [L, W] = O(null), [X, Q] = O(!1), [_t, wt] = O(null), yn = H(() => {
-    W(null);
+  ]), [X, ne] = M(!1), [G, ce] = M(null), [L, q] = M(!1), [Q, re] = M(null), _n = H(() => {
+    ce(null);
     const A = t(n.getState().getFlowData());
-    A && typeof A.then == "function" ? (ue(!0), A.then((Y) => {
-      ue(!1), wt(Yt(Y)), Q(!0);
+    A && typeof A.then == "function" ? (ne(!0), A.then((Y) => {
+      ne(!1), re(Kt(Y)), q(!0);
     }).catch((Y) => {
-      ue(!1), W(Y instanceof Error ? Y.message : String(Y));
-    })) : (wt(
-      Yt(A)
-    ), Q(!0));
-  }, [t, n]), _n = U((A) => je(A, d) === null), wn = ((St = s == null ? void 0 : s.theme) == null ? void 0 : St.colorScheme) ?? "light", et = ((s == null ? void 0 : s.mode) ?? "standard") === "conversational";
-  dn(
-    et && !u,
+      ne(!1), ce(Y instanceof Error ? Y.message : String(Y));
+    })) : (re(
+      Kt(A)
+    ), q(!0));
+  }, [t, n]), wn = U((A) => ze(A, d) === null), Cn = ((kt = s == null ? void 0 : s.theme) == null ? void 0 : kt.colorScheme) ?? "light", nt = ((s == null ? void 0 : s.mode) ?? "standard") === "conversational";
+  un(
+    nt && !u,
     d,
-    J
-  ), un(
-    et && !u,
+    Z
+  ), pn(
+    nt && !u,
     d,
-    J
+    Z
   );
-  const Ct = ((Dt = s == null ? void 0 : s.theme) == null ? void 0 : Dt.style) ?? "clean", xt = ((Et = s == null ? void 0 : s.controls) == null ? void 0 : Et.stepperStyle) ?? "default", tt = xt === "default" ? xo[Ct] ?? "dots" : xt, Cn = ((Tt = s == null ? void 0 : s.controls) == null ? void 0 : Tt.showStepper) !== !1 && tt === "text", Nt = ln(s == null ? void 0 : s.theme), Te = s == null ? void 0 : s.confirmation, re = _t ?? Te ?? null, xn = _t ? !0 : (Te == null ? void 0 : Te.show) !== !1, Ie = X && !!re && xn && !!(re.title || re.body), Nn = () => b ? /* @__PURE__ */ a(At, {}) : v !== null ? /* @__PURE__ */ a(ft, { screenIndex: v }) : null, kn = E ? "fbre-screen-wrapper fbre-screen-wrapper--transitioning" : "fbre-screen-wrapper";
+  const wt = ((St = s == null ? void 0 : s.theme) == null ? void 0 : St.style) ?? "clean", Ct = ((Dt = s == null ? void 0 : s.controls) == null ? void 0 : Dt.stepperStyle) ?? "default", rt = Ct === "default" ? No[wt] ?? "dots" : Ct, xn = ((Et = s == null ? void 0 : s.controls) == null ? void 0 : Et.showStepper) !== !1 && rt === "text", xt = cn(s == null ? void 0 : s.theme), Re = s == null ? void 0 : s.confirmation, se = Q ?? Re ?? null, Nn = Q ? !0 : (Re == null ? void 0 : Re.show) !== !1, Me = L && !!se && Nn && !!(se.title || se.body), kn = () => b ? /* @__PURE__ */ a(Vt, {}) : v !== null ? /* @__PURE__ */ a(mt, { screenIndex: v }) : null, Sn = S ? "fbre-screen-wrapper fbre-screen-wrapper--transitioning" : "fbre-screen-wrapper";
   return /* @__PURE__ */ w(
     "div",
     {
       className: "fbre-container",
-      "data-style": Ct,
-      "data-mode": wn,
-      "data-form-mode": et ? "conversational" : void 0,
-      "data-stepper": tt !== "text" ? tt : void 0,
+      "data-style": wt,
+      "data-mode": Cn,
+      "data-form-mode": nt ? "conversational" : void 0,
+      "data-stepper": rt !== "text" ? rt : void 0,
       "data-transition": f ? m : void 0,
-      style: Object.keys(Nt).length > 0 ? Nt : void 0,
+      style: Object.keys(xt).length > 0 ? xt : void 0,
       children: [
-        Cn && !Ie && /* @__PURE__ */ a(hr, { current: d, total: o }),
-        /* @__PURE__ */ w("div", { className: kn, ref: D, children: [
-          E && /* @__PURE__ */ a(
+        xn && !Me && /* @__PURE__ */ a(vr, { current: d, total: o }),
+        /* @__PURE__ */ w("div", { className: Sn, ref: D, children: [
+          S && /* @__PURE__ */ a(
             "div",
             {
               ref: g,
               className: "fbre-screen-slot fbre-screen--exiting",
               "data-direction": x,
-              onAnimationEnd: P,
-              children: Nn()
+              onAnimationEnd: B,
+              children: kn()
             }
           ),
           /* @__PURE__ */ a(
             "div",
             {
               ref: T,
-              className: E ? "fbre-screen-slot fbre-screen--entering" : "fbre-screen-slot",
-              "data-direction": E ? x : void 0,
+              className: S ? "fbre-screen-slot fbre-screen--entering" : "fbre-screen-slot",
+              "data-direction": S ? x : void 0,
               tabIndex: -1,
               role: "group",
-              "aria-label": Ie ? "Confirmation" : u ? "Summary" : _ ?? `Step ${d + 1} of ${o}`,
-              children: Ie ? /* @__PURE__ */ a(
-                gr,
+              "aria-label": Me ? "Confirmation" : u ? "Summary" : _ ?? `Step ${d + 1} of ${o}`,
+              children: Me ? /* @__PURE__ */ a(
+                an,
                 {
-                  title: re == null ? void 0 : re.title,
-                  body: re == null ? void 0 : re.body
+                  title: se == null ? void 0 : se.title,
+                  body: se == null ? void 0 : se.body
                 }
-              ) : /* @__PURE__ */ w(ie, { children: [
-                !u && /* @__PURE__ */ a(ft, { screenIndex: d }),
-                u && /* @__PURE__ */ a(At, {})
+              ) : /* @__PURE__ */ w(ue, { children: [
+                !u && /* @__PURE__ */ a(mt, { screenIndex: d }),
+                u && /* @__PURE__ */ a(Vt, {})
               ] })
             }
           )
         ] }),
-        L && /* @__PURE__ */ a("div", { className: "fbre-completion-error", children: L }),
-        ((It = s == null ? void 0 : s.controls) == null ? void 0 : It.show) !== !1 && l && !Ie && /* @__PURE__ */ a(
-          br,
+        G && /* @__PURE__ */ a("div", { className: "fbre-completion-error", children: G }),
+        ((Tt = s == null ? void 0 : s.controls) == null ? void 0 : Tt.show) !== !1 && l && !Me && /* @__PURE__ */ a(
+          gr,
           {
             screenIndex: d,
             maxScreenIndex: o - 1,
-            allowInvalidTransition: (Lt = s == null ? void 0 : s.navigation) == null ? void 0 : Lt.allowInvalidTransition,
+            allowInvalidTransition: (It = s == null ? void 0 : s.navigation) == null ? void 0 : It.allowInvalidTransition,
             screenValidity: k,
             summaryEnabled: (s == null ? void 0 : s.summary) ?? !1,
             summaryActive: u,
-            atMaxScreen: _n,
+            atMaxScreen: wn,
             nextButtonLabel: I,
-            backButtonLabel: $,
-            completionLoading: Z,
-            showStepper: (Rt = s == null ? void 0 : s.controls) == null ? void 0 : Rt.showStepper,
-            stepperStyle: (Mt = s == null ? void 0 : s.controls) == null ? void 0 : Mt.stepperStyle,
-            controlsLayout: (Ot = s == null ? void 0 : s.controls) == null ? void 0 : Ot.layout,
-            nextScreen: J,
+            backButtonLabel: V,
+            completionLoading: X,
+            showStepper: (Lt = s == null ? void 0 : s.controls) == null ? void 0 : Lt.showStepper,
+            stepperStyle: (Rt = s == null ? void 0 : s.controls) == null ? void 0 : Rt.stepperStyle,
+            controlsLayout: (Mt = s == null ? void 0 : s.controls) == null ? void 0 : Mt.layout,
+            nextScreen: Z,
             prevScreen: j,
-            onFlowComplete: yn
+            onFlowComplete: _n
           }
         )
       ]
     }
   );
-}, ko = [], So = () => Wt((e, t) => ({
+}, So = [], Do = () => Yt((e, t) => ({
   // Identity (minimal — server drives the flow)
   flowUUID: "",
   metadata: {},
@@ -4940,7 +4933,7 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
       const u = r.split(":"), p = u[0], m = parseInt(u[1]), f = parseInt(u[2]), v = o.components[p];
       if (!((c = (d = v == null ? void 0 : v.addedComponents) == null ? void 0 : d[m]) != null && c[f])) return;
       v.addedComponents[m][f] = { ...v.addedComponents[m][f], value: s };
-      const y = o.groupComponentMap[r] ?? r, b = pt(e, t, y), C = ct(
+      const y = o.groupComponentMap[r] ?? r, b = ft(e, t, y), C = dt(
         o,
         r,
         v.addedComponents[m][f]
@@ -4963,7 +4956,7 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
       return;
     }
     l.value = s;
-    const n = pt(e, t, r), i = ct(
+    const n = ft(e, t, r), i = dt(
       o,
       r,
       l
@@ -4980,7 +4973,7 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
       return;
     o.addedComponents || (o.addedComponents = []);
     const l = o.components.map((n, i) => {
-      const d = ae(n);
+      const d = le(n);
       d.uuid = [r, o.addedComponents.length, i].join(
         ":"
       ), s.groupComponentMap[d.uuid] = n.uuid;
@@ -4998,7 +4991,7 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
       return;
     o.addedComponents || (o.addedComponents = []);
     const l = o.components.map((n, i) => {
-      const d = ae(n);
+      const d = le(n);
       d.uuid = [
         r,
         o.addedComponents.length,
@@ -5033,7 +5026,7 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
     const o = s.screenOrder[0];
     return o ? s.screenValidity[o] ?? !0 : !0;
   },
-  getValidationErrors: (r) => t().validationErrors[r] ?? ko,
+  getValidationErrors: (r) => t().validationErrors[r] ?? So,
   evaluateFlowValidation: () => {
     const r = t(), s = r.screenOrder[0];
     if (!s) return !0;
@@ -5077,27 +5070,27 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
       screenValidity: d
     }), l;
   },
-  getMaxScreenCount: () => 0,
+  getMaxScreenIndex: () => 0,
   getCalculationResult: (r) => t().calculationResults[r] ?? null
-})), Ae = (e, t) => {
+})), Ue = (e, t) => {
   const r = {}, s = {}, o = {}, l = {}, n = {}, i = {}, d = t.screen.uuid;
   for (const b of t.screen.components) {
-    const C = ae(b);
+    const C = le(b);
     if (r[C.uuid] = C, (C.type === "group" || C.type === "repeater") && b.components) {
       C.addedComponents || (C.addedComponents = []);
-      const N = b.components.map((E, S) => {
-        const D = ae(E);
-        D.uuid = [C.uuid, 0, S].join(":"), C.type === "group" && (s[D.uuid] = E.uuid), o[E.uuid] = D.uuid;
-        const T = oe(D);
-        return T && T.rules && T.rules.length > 0 && Ne(n, D.uuid, T), D;
+      const N = b.components.map((S, E) => {
+        const D = le(S);
+        D.uuid = [C.uuid, 0, E].join(":"), C.type === "group" && (s[D.uuid] = S.uuid), o[S.uuid] = D.uuid;
+        const T = ae(D);
+        return T && T.rules && T.rules.length > 0 && Se(n, D.uuid, T), D;
       });
       C.addedComponents.push(N);
     }
-    const x = oe(C);
-    x && x.rules && x.rules.length > 0 && Ne(n, C.uuid, x);
+    const x = ae(C);
+    x && x.rules && x.rules.length > 0 && Se(n, C.uuid, x);
   }
   for (const { targetUUID: b, config: C } of t.conditions)
-    pe(l, b, C, b === d ? "screen" : "component");
+    me(l, b, C, b === d ? "screen" : "component");
   if (t.previousData)
     for (const b of t.previousData) {
       const C = r[b.uuid];
@@ -5109,13 +5102,13 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
     if (C.type === "group" || C.type === "repeater") {
       if (C.addedComponents)
         for (const N of C.addedComponents)
-          for (const E of N) {
-            const S = ee(E, c);
-            E.valid = S.length === 0, S.length > 0 && (i[E.uuid] = S);
+          for (const S of N) {
+            const E = ee(S, c);
+            S.valid = E.length === 0, E.length > 0 && (i[S.uuid] = E);
           }
       continue;
     }
-    if (!oe(C)) continue;
+    if (!ae(C)) continue;
     const x = ee(C, c);
     C.valid = x.length === 0, x.length > 0 && (i[b] = x);
   }
@@ -5124,7 +5117,7 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
   }, m = /* @__PURE__ */ new Set();
   for (const b of Object.values(l))
     for (const C of b)
-      m.has(C.target) || (m.add(C.target), u[C.target] = qe(
+      m.has(C.target) || (m.add(C.target), u[C.target] = Je(
         p,
         C.config
       ));
@@ -5185,7 +5178,7 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
     // Config
     config: t.config ?? {}
   });
-}, it = (e) => {
+}, ct = (e) => {
   const t = e.getState(), r = t.screenOrder[0];
   if (!r) return [];
   const s = t.screens[r];
@@ -5193,14 +5186,14 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
   const o = [];
   for (const l of s.components) {
     const n = t.components[l.uuid];
-    if (!n || Ue(n.type)) continue;
+    if (!n || He(n.type)) continue;
     const i = {
       uuid: n.uuid,
       type: n.type,
       value: n.value
     };
     "label" in n.properties && typeof n.properties.label == "string" && (i.label = n.properties.label), (n.type === "group" || n.type === "repeater") && n.addedComponents && (i.components = n.addedComponents.map(
-      (d) => d.filter((c) => !Ue(c.type)).map((c) => ({
+      (d) => d.filter((c) => !He(c.type)).map((c) => ({
         uuid: c.uuid,
         type: c.type,
         value: c.value
@@ -5208,7 +5201,7 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
     )), o.push(i);
   }
   return o;
-}, Do = 6e4, Eo = ({
+}, Eo = 6e4, To = ({
   sessionEndpoint: e,
   flowId: t,
   apiKey: r,
@@ -5218,39 +5211,39 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
   onFlowComplete: n,
   onScreenChange: i
 }) => {
-  const d = M(null);
-  d.current || (d.current = So());
-  const c = d.current, u = le(c, (L) => L.loading), p = le(c, (L) => L.error), m = le(c, (L) => L.navigation), f = le(c, (L) => L.config), v = le(c, (L) => {
-    var W;
-    return (W = L.config) == null ? void 0 : W.mode;
-  }), y = le(c, (L) => L.screenOrder), b = le(c, (L) => L.screens), [C, x] = O(""), N = M(null), E = M(Date.now()), S = De(
+  const d = O(null);
+  d.current || (d.current = Do());
+  const c = d.current, u = de(c, (L) => L.loading), p = de(c, (L) => L.error), m = de(c, (L) => L.navigation), f = de(c, (L) => L.config), v = de(c, (L) => {
+    var q;
+    return (q = L.config) == null ? void 0 : q.mode;
+  }), y = de(c, (L) => L.screenOrder), b = de(c, (L) => L.screens), [C, x] = M(!1), [N, S] = M(""), E = O(null), D = O(Date.now()), T = Te(
     () => ({ apiEndpoint: e, apiKey: r }),
     [e, r]
-  ), D = H((L) => {
-    x(L), N.current && clearTimeout(N.current), N.current = setTimeout(() => x(""), 8e3);
-  }, []), T = H(() => {
-    x(""), N.current && (clearTimeout(N.current), N.current = null);
-  }, []), R = H(async () => {
+  ), R = H((L) => {
+    S(L), E.current && clearTimeout(E.current), E.current = setTimeout(() => S(""), 8e3);
+  }, []), g = H(() => {
+    S(""), E.current && (clearTimeout(E.current), E.current = null);
+  }, []), h = H(async () => {
     c.setState({ loading: !0, error: "" });
     try {
-      const L = await Jr(S, t, l);
-      Ae(c, L);
+      const L = await Xr(T, t, l);
+      Ue(c, L);
     } catch (L) {
       c.setState({ loading: !1, error: L.message });
     }
   }, [t, e, r, l]);
   K(() => {
-    R();
-  }, [R]), K(() => {
+    h();
+  }, [h]), K(() => {
     const L = async () => {
       if (document.visibilityState !== "visible") return;
-      const W = c.getState();
-      if (!(!W.sessionId || Date.now() - E.current < Do))
+      const q = c.getState();
+      if (!(!q.sessionId || Date.now() - D.current < Eo))
         try {
-          const Q = await eo(S, W.sessionId);
-          Ae(c, Q);
-        } catch (Q) {
-          Q instanceof He && Q.status === 404 && c.setState({
+          const re = await to(T, q.sessionId);
+          Ue(c, re);
+        } catch (re) {
+          re instanceof Ye && re.status === 404 && c.setState({
             loading: !1,
             error: "Session expired. Please start over.",
             screenOrder: [],
@@ -5260,92 +5253,115 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
     };
     return document.addEventListener("visibilitychange", L), () => document.removeEventListener("visibilitychange", L);
   }, [e, r]);
-  const g = H(async () => {
+  const _ = H(async () => {
     const L = c.getState();
     if (!(L.loading || !L.evaluateFlowValidation())) {
-      c.setState({ loading: !0 }), c.getState().clearError(), T();
+      c.setState({ loading: !0 }), c.getState().clearError(), g();
       try {
-        const X = it(c), Q = await Xr(S, L.sessionId, X);
-        Ae(c, Q), E.current = Date.now(), i == null || i(Q.navigation.screenNumber);
-      } catch (X) {
-        c.setState({ loading: !1 }), D(X.message);
+        const Q = ct(c), re = await Qr(T, L.sessionId, Q);
+        Ue(c, re), D.current = Date.now(), i == null || i(re.navigation.screenNumber);
+      } catch (Q) {
+        c.setState({ loading: !1 }), R(Q.message);
       }
     }
-  }, [S, c, i, D, T]), h = H(async () => {
+  }, [T, c, i, R, g]), k = H(async () => {
     const L = c.getState();
     if (!L.loading) {
-      c.setState({ loading: !0 }), c.getState().clearError(), T();
+      c.setState({ loading: !0 }), c.getState().clearError(), g();
       try {
-        const W = it(c), X = await Qr(S, L.sessionId, W);
-        Ae(c, X), E.current = Date.now(), i == null || i(X.navigation.screenNumber);
-      } catch (W) {
-        c.setState({ loading: !1 }), D(W.message);
+        const q = ct(c), Q = await Zr(T, L.sessionId, q);
+        Ue(c, Q), D.current = Date.now(), i == null || i(Q.navigation.screenNumber);
+      } catch (q) {
+        c.setState({ loading: !1 }), R(q.message);
       }
     }
-  }, [S, c, i, D, T]), _ = H(async () => {
+  }, [T, c, i, R, g]), I = H(async () => {
     const L = c.getState();
     if (!(L.loading || !L.evaluateFlowValidation())) {
-      c.setState({ loading: !0 }), c.getState().clearError(), T();
+      c.setState({ loading: !0 }), c.getState().clearError(), g();
       try {
-        const X = it(c), Q = await Zr(S, L.sessionId, X);
-        E.current = Date.now(), n(Q);
-      } catch (X) {
-        c.setState({ loading: !1 }), D(X.message);
+        const Q = ct(c), re = await eo(T, L.sessionId, Q);
+        D.current = Date.now(), c.setState({ loading: !1 }), x(!0), n(re);
+      } catch (Q) {
+        c.setState({ loading: !1 }), R(Q.message);
       }
     }
-  }, [S, c, n, D, T]), k = { ...f == null ? void 0 : f.theme, ...o }, $ = (s ?? v ?? "standard") === "conversational", B = $ && !m.isLastScreen;
-  dn(B, 0, g), un(B, 0, g);
-  const V = k.colorScheme ?? "light", P = ln(k), j = y[0], J = j ? b[j] : void 0, Z = J == null ? void 0 : J.nextButtonLabel, ue = J == null ? void 0 : J.backButtonLabel;
-  return u && y.length === 0 ? /* @__PURE__ */ a("div", { className: "fbre-container", children: /* @__PURE__ */ w("div", { className: "fbre-remote-loading", children: [
-    /* @__PURE__ */ a("div", { className: "fbre-spinner" }),
-    /* @__PURE__ */ a("p", { children: "Loading form..." })
-  ] }) }) : p && y.length === 0 ? /* @__PURE__ */ a("div", { className: "fbre-container", children: /* @__PURE__ */ w("div", { className: "fbre-remote-error", children: [
-    /* @__PURE__ */ a("p", { children: "Failed to load form" }),
-    /* @__PURE__ */ a("p", { className: "fbre-remote-error__detail", children: p }),
-    /* @__PURE__ */ a(
-      "button",
+  }, [T, c, n, R, g]), V = { ...f == null ? void 0 : f.theme, ...o }, $ = (s ?? v ?? "standard") === "conversational", B = $ && !m.isLastScreen;
+  un(B, 0, _), pn(B, 0, _);
+  const j = V.colorScheme ?? "light", Z = cn(V), X = y[0], ne = X ? b[X] : void 0, G = ne == null ? void 0 : ne.nextButtonLabel, ce = ne == null ? void 0 : ne.backButtonLabel;
+  if (u && y.length === 0)
+    return /* @__PURE__ */ a("div", { className: "fbre-container", children: /* @__PURE__ */ w("div", { className: "fbre-remote-loading", children: [
+      /* @__PURE__ */ a("div", { className: "fbre-spinner" }),
+      /* @__PURE__ */ a("p", { children: "Loading form..." })
+    ] }) });
+  if (p && y.length === 0)
+    return /* @__PURE__ */ a("div", { className: "fbre-container", children: /* @__PURE__ */ w("div", { className: "fbre-remote-error", children: [
+      /* @__PURE__ */ a("p", { children: "Failed to load form" }),
+      /* @__PURE__ */ a("p", { className: "fbre-remote-error__detail", children: p }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "fbre-btn fbre-btn--next",
+          onClick: h,
+          style: { marginTop: 12 },
+          children: "Retry"
+        }
+      )
+    ] }) });
+  if (C) {
+    const L = f == null ? void 0 : f.confirmation, q = (L == null ? void 0 : L.show) !== !1 && (L != null && L.title) ? L.title : "Thank you", Q = (L == null ? void 0 : L.show) !== !1 ? L == null ? void 0 : L.body : void 0;
+    return /* @__PURE__ */ a(
+      Ie.Provider,
       {
-        type: "button",
-        className: "fbre-btn fbre-btn--next",
-        onClick: R,
-        style: { marginTop: 12 },
-        children: "Retry"
+        value: c,
+        children: /* @__PURE__ */ a(
+          "div",
+          {
+            className: "fbre-container",
+            "data-style": V.style ?? "clean",
+            "data-mode": j,
+            style: Object.keys(Z).length > 0 ? Z : void 0,
+            children: /* @__PURE__ */ a("div", { className: "fbre-screen-wrapper", children: /* @__PURE__ */ a(an, { title: q, body: Q }) })
+          }
+        )
       }
-    )
-  ] }) }) : y.length === 0 ? null : /* @__PURE__ */ a(
-    We.Provider,
+    );
+  }
+  return y.length === 0 ? null : /* @__PURE__ */ a(
+    Ie.Provider,
     {
       value: c,
       children: /* @__PURE__ */ w(
         "div",
         {
           className: "fbre-container",
-          "data-style": k.style ?? "clean",
-          "data-mode": V,
+          "data-style": V.style ?? "clean",
+          "data-mode": j,
           "data-form-mode": $ ? "conversational" : void 0,
-          style: Object.keys(P).length > 0 ? P : void 0,
+          style: Object.keys(Z).length > 0 ? Z : void 0,
           children: [
-            /* @__PURE__ */ a("div", { className: "fbre-screen-wrapper", children: /* @__PURE__ */ a(ft, { screenIndex: 0 }) }),
+            /* @__PURE__ */ a("div", { className: "fbre-screen-wrapper", children: /* @__PURE__ */ a(mt, { screenIndex: 0 }) }),
             /* @__PURE__ */ a(
-              To,
+              Io,
               {
                 navigation: m,
                 loading: u,
-                onPrev: h,
-                onNext: g,
-                onComplete: _,
-                nextButtonLabel: Z,
-                backButtonLabel: ue
+                onPrev: k,
+                onNext: _,
+                onComplete: I,
+                nextButtonLabel: G,
+                backButtonLabel: ce
               }
             ),
-            /* @__PURE__ */ w("div", { className: `fbre-toast${C ? " visible" : ""}`, children: [
-              /* @__PURE__ */ a("span", { children: C }),
+            /* @__PURE__ */ w("div", { className: `fbre-toast${N ? " visible" : ""}`, children: [
+              /* @__PURE__ */ a("span", { children: N }),
               /* @__PURE__ */ a(
                 "button",
                 {
                   type: "button",
                   className: "fbre-toast__close",
-                  onClick: T,
+                  onClick: g,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
@@ -5356,7 +5372,7 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
       )
     }
   );
-}, To = ({
+}, Io = ({
   navigation: e,
   loading: t,
   onPrev: r,
@@ -5400,7 +5416,7 @@ const Yt = (e) => e && typeof e == "object" && ("title" in e || "body" in e) ? e
     }
   ) })
 ] });
-function Io(e, t, r, s, o) {
+function Lo(e, t, r, s, o) {
   return !t && !r && !s && !o ? e : {
     ...e,
     ...o && { mode: o },
@@ -5409,7 +5425,7 @@ function Io(e, t, r, s, o) {
     ...s && { controls: { ...e.controls, ...s } }
   };
 }
-const gn = ({
+const yn = ({
   flow: e,
   data: t,
   mode: r,
@@ -5421,33 +5437,31 @@ const gn = ({
   storeRef: d,
   onFlowComplete: c,
   onScreenChange: u,
-  onScreenValidationChange: p,
-  apiCtx: m
+  apiCtx: p
 }) => {
-  const f = M(null);
-  f.current || (f.current = jn(), f.current.getState().loadFlow(e, t, i)), d && (d.current = f.current), K(() => {
-    f.current && f.current.getState().loadFlow(e, t, i);
+  const m = O(null);
+  m.current || (m.current = Kn(), m.current.getState().loadFlow(e, t, i)), d && (d.current = m.current), K(() => {
+    m.current && m.current.getState().loadFlow(e, t, i);
   }, [e.uuid]), K(() => {
-    if (f.current) {
-      const b = f.current.getState(), C = Io(b.config, s, o, l, r);
-      C !== b.config && f.current.setState({ config: C });
+    if (m.current) {
+      const y = m.current.getState(), b = Lo(y.config, s, o, l, r);
+      b !== y.config && m.current.setState({ config: b });
     }
   }, [r, s, o, l]);
-  const v = i ? JSON.stringify(i) : "";
+  const f = i ? JSON.stringify(i) : "";
   K(() => {
-    f.current && i && f.current.getState().updateContext(i);
-  }, [v]);
-  const y = /* @__PURE__ */ a(We.Provider, { value: f.current, children: /* @__PURE__ */ a(
-    No,
+    m.current && i && m.current.getState().updateContext(i);
+  }, [f]);
+  const v = /* @__PURE__ */ a(Ie.Provider, { value: m.current, children: /* @__PURE__ */ a(
+    ko,
     {
       screenIndex: n ?? 0,
       onFlowComplete: c,
-      onScreenChange: u,
-      onScreenValidationChange: p
+      onScreenChange: u
     }
   ) });
-  return m ? /* @__PURE__ */ a(bn.Provider, { value: m, children: y }) : y;
-}, Lo = ({
+  return p ? /* @__PURE__ */ a(vn.Provider, { value: p, children: v }) : v;
+}, Ro = ({
   flowId: e,
   apiEndpoint: t,
   apiKey: r,
@@ -5460,31 +5474,30 @@ const gn = ({
   context: c,
   storeRef: u,
   onFlowComplete: p,
-  onScreenChange: m,
-  onScreenValidationChange: f
+  onScreenChange: m
 }) => {
-  const [v, y] = O(null), [b, C] = O(""), [x, N] = O(null);
+  const [f, v] = M(null), [y, b] = M(""), [C, x] = M(null);
   return K(() => {
-    y(null), C("");
-    const E = { apiEndpoint: t, apiKey: r };
-    qr(E, e).then((S) => {
-      y(S.data), N({
-        config: E,
+    v(null), b("");
+    const N = { apiEndpoint: t, apiKey: r };
+    Wr(N, e).then((S) => {
+      v(S.data), x({
+        config: N,
         flowId: S.id,
         flowVersionId: S.versionId,
         tenantId: S.tenantId
       });
-    }).catch((S) => C(S.message));
-  }, [e, t, r]), b ? /* @__PURE__ */ a("div", { className: "fbre-container", children: /* @__PURE__ */ w("div", { className: "fbre-remote-error", children: [
+    }).catch((S) => b(S.message));
+  }, [e, t, r]), y ? /* @__PURE__ */ a("div", { className: "fbre-container", children: /* @__PURE__ */ w("div", { className: "fbre-remote-error", children: [
     /* @__PURE__ */ a("p", { children: "Failed to load form" }),
-    /* @__PURE__ */ a("p", { className: "fbre-remote-error__detail", children: b })
-  ] }) }) : !v || !x ? /* @__PURE__ */ a("div", { className: "fbre-container", children: /* @__PURE__ */ w("div", { className: "fbre-remote-loading", children: [
+    /* @__PURE__ */ a("p", { className: "fbre-remote-error__detail", children: y })
+  ] }) }) : !f || !C ? /* @__PURE__ */ a("div", { className: "fbre-container", children: /* @__PURE__ */ w("div", { className: "fbre-remote-loading", children: [
     /* @__PURE__ */ a("div", { className: "fbre-spinner" }),
     /* @__PURE__ */ a("p", { children: "Loading form..." })
   ] }) }) : /* @__PURE__ */ a(
-    gn,
+    yn,
     {
-      flow: v,
+      flow: f,
       data: s,
       mode: o,
       theme: l,
@@ -5495,18 +5508,17 @@ const gn = ({
       storeRef: u,
       onFlowComplete: p,
       onScreenChange: m,
-      onScreenValidationChange: f,
-      apiCtx: x
+      apiCtx: C
     }
   );
-}, Fo = (e) => "sessionEndpoint" in e ? /* @__PURE__ */ a(Eo, { ...e }) : "flowId" in e && e.flowId ? /* @__PURE__ */ a(Lo, { ...e }) : /* @__PURE__ */ a(gn, { ...e });
+}, jo = (e) => "sessionEndpoint" in e ? /* @__PURE__ */ a(To, { ...e }) : "flowId" in e && e.flowId ? /* @__PURE__ */ a(Ro, { ...e }) : /* @__PURE__ */ a(yn, { ...e });
 export {
-  He as ApiError,
-  Fo as FBRE,
-  Hr as TimeoutError,
-  Po as addFBREEventListener,
-  Uo as removeFBREEventListener,
-  jr as useFBREApi,
+  Ye as ApiError,
+  jo as FBRE,
+  Kr as TimeoutError,
+  Uo as addFBREEventListener,
+  Fo as removeFBREEventListener,
+  Hr as useFBREApi,
   U as useFBREStore,
-  Ge as useFBREStoreApi
+  Xe as useFBREStoreApi
 };