@fanfare-io/fanfare-sdk-solid 0.7.2 → 0.9.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { createComponent as n, Dynamic as Qr, spread as he, mergeProps as ie, memo as Q, insert as i, effect as A, setAttribute as H, className as M, template as u, use as ft, setStyleProperty as bt, delegateEvents as Et } from "solid-js/web";
-import { createContext as Vt, useContext as Dt, createMemo as d, createSignal as D, createEffect as te, onCleanup as Se, untrack as Ye, Show as x, splitProps as Z, children as Xr, Switch as Re, Match as J, Index as st, onMount as en, For as At, on as xt } from "solid-js";
+import { createContext as Vt, useContext as Dt, createMemo as d, createSignal as D, createEffect as te, onCleanup as Se, untrack as Ye, Show as y, splitProps as Z, children as Xr, Switch as Re, Match as J, Index as st, onMount as en, For as At, on as xt } from "solid-js";
 import { createTranslateFunction as wr, en as tn, getLocaleMessages as rn, mergeTranslations as Kt, isRTLLocale as nn, resolveLocaleMapValue as an, normalizeLocale as on } from "@fanfare-io/fanfare-sdk-i18n";
 import { RTL_LOCALES as $f, isRTLLocale as Cf } from "@fanfare-io/fanfare-sdk-i18n";
 import { customElement as fn } from "solid-element";
@@ -40,17 +40,17 @@ function fe() {
 }
 function bn(e, t, r, a, o) {
   const f = d(() => t() ?? e.locale()), s = d(() => {
-    const y = t();
-    return y && y !== e.locale() ? rn(y) : e.messages();
+    const x = t();
+    return x && x !== e.locale() ? rn(x) : e.messages();
   }), l = d(() => a() ?? e.experienceTranslations()), c = d(() => {
-    const y = Kt(s(), l() ?? void 0);
-    return Kt(y, r());
+    const x = Kt(s(), l() ?? void 0);
+    return Kt(x, r());
   }), v = d(() => wr(c(), f())), w = d(() => nn(f()) ? "rtl" : "ltr");
   return {
     locale: f,
     messages: c,
     isRoot: !1,
-    t: (...y) => v()(...y),
+    t: (...x) => v()(...x),
     dir: w,
     experienceTranslations: l,
     setExperienceTranslations: o
@@ -128,40 +128,40 @@ function kn(e) {
   return typeof e == "function" ? e : () => e;
 }
 function _n(e, t) {
-  const r = ct(), { locale: a, setExperienceTranslations: o } = Nt(), f = kn(e), [s, l] = D(null), [c, v] = D(null), [w, b] = D(null), [y, _] = D(null);
+  const r = ct(), { locale: a, setExperienceTranslations: o } = Nt(), f = kn(e), [s, l] = D(null), [c, v] = D(null), [w, b] = D(null), [x, _] = D(null);
   te(() => {
     const T = f();
     if (!T) {
       l(null), v(null), b(null), _(null);
       return;
     }
-    const h = r.journeys.get(T);
-    l(h), v(h.snapshot$.get()), b(h.view$.get());
-    const m = h.snapshot$.listen(v), k = h.view$.listen(b);
+    const m = r.journeys.get(T);
+    l(m), v(m.snapshot$.get()), b(m.view$.get());
+    const h = m.snapshot$.listen(v), k = m.view$.listen(b);
     Se(() => {
-      m(), k();
+      h(), k();
     });
   }), te(() => {
     if (!f()) {
       o(null);
       return;
     }
-    let h = !1;
-    const m = a(), k = c()?.experience?.experience?.i18n;
+    let m = !1;
+    const h = a(), k = c()?.experience?.experience?.i18n;
     if (k) {
-      const z = an(k, m);
+      const z = an(k, h);
       o(z ?? null);
-    } else h || o(null);
+    } else m || o(null);
     Se(() => {
-      h = !0, o(null);
+      m = !0, o(null);
     });
   });
   const V = async (T) => {
-    const h = f();
-    if (!h)
+    const m = f();
+    if (!m)
       throw new Error("experienceId is required to start an experience journey");
-    const m = s(), k = m ?? r.journeys.get(h);
-    m || (l(k), v(k.snapshot$.get()), b(k.view$.get())), _(null);
+    const h = s(), k = h ?? r.journeys.get(m);
+    h || (l(k), v(k.snapshot$.get()), b(k.view$.get())), _(null);
     const z = {
       accessCode: Ke(T?.accessCode) ?? Ke(t?.accessCode),
       autoEnterWaitlist: Ke(T?.autoEnterWaitlist) ?? Ke(t?.autoEnterWaitlist)
@@ -187,7 +187,7 @@ function _n(e, t) {
     journey: s,
     view: w,
     snapshot: c,
-    error: y,
+    error: x,
     start: V
   };
 }
@@ -303,7 +303,7 @@ function yt(e) {
   return n(kr.Provider, {
     value: r,
     get children() {
-      return n(x, {
+      return n(y, {
         get when() {
           return o();
         },
@@ -364,11 +364,11 @@ const Jt = ["default", "rounded"], Nn = de(["ff:flex ff:w-full ff:rounded-md ff:
   }
 });
 function lt(e) {
-  const t = $e(), [r, a] = Z(e, ["class", "className", "type", "label", "error", "hasError", "inlineLabel", "inlineError", "id", "name", "placeholder"]), o = d(() => r.id ?? r.name), f = d(() => r.inlineLabel ?? Jt.includes(t())), s = d(() => r.inlineError ?? Jt.includes(t())), l = d(() => !!r.hasError || !!r.error), c = d(() => !!r.error && !r.hasError), v = d(() => !!(f() && r.label)), w = d(() => !!(!f() && r.label)), b = d(() => !!(s() && c())), y = d(() => !!(!s() && c())), _ = d(() => $(Nn({
+  const t = $e(), [r, a] = Z(e, ["class", "className", "type", "label", "error", "hasError", "inlineLabel", "inlineError", "id", "name", "placeholder"]), o = d(() => r.id ?? r.name), f = d(() => r.inlineLabel ?? Jt.includes(t())), s = d(() => r.inlineError ?? Jt.includes(t())), l = d(() => !!r.hasError || !!r.error), c = d(() => !!r.error && !r.hasError), v = d(() => !!(f() && r.label)), w = d(() => !!(!f() && r.label)), b = d(() => !!(s() && c())), x = d(() => !!(!s() && c())), _ = d(() => $(Nn({
     styleVariant: t()
   }), l() && "ff:border-danger ff:focus:border-danger ff:focus:ring-danger", v() && "ff:pt-5 ff:pb-1", r.class, r.className));
   return v() ? (() => {
-    var V = Vn(), T = V.firstChild, h = T.nextSibling;
+    var V = Vn(), T = V.firstChild, m = T.nextSibling;
     return he(T, ie({
       get type() {
         return r.type ?? "text";
@@ -391,51 +391,51 @@ function lt(e) {
       get class() {
         return $(_(), "ff:peer ff:placeholder:opacity-0 ff:placeholder:transition-opacity ff:placeholder:duration-200", "ff:focus:placeholder:opacity-100");
       }
-    }, a), !1, !1), i(h, () => r.label), i(V, n(x, {
+    }, a), !1, !1), i(m, () => r.label), i(V, n(y, {
       get when() {
         return b();
       },
       get children() {
-        var m = Ht();
-        return i(m, () => r.error), A(() => H(m, "id", `${o()}-error`)), m;
+        var h = Ht();
+        return i(h, () => r.error), A(() => H(h, "id", `${o()}-error`)), h;
       }
-    }), null), i(V, n(x, {
+    }), null), i(V, n(y, {
       get when() {
-        return y();
+        return x();
       },
       get children() {
-        var m = Gt();
-        return i(m, () => r.error), A(() => H(m, "id", `${o()}-error`)), m;
+        var h = Gt();
+        return i(h, () => r.error), A(() => H(h, "id", `${o()}-error`)), h;
       }
-    }), null), A((m) => {
+    }), null), A((h) => {
       var k = l() || void 0, z = o(), C = $("ff:absolute ff:left-3 ff:top-3 ff:z-10 ff:origin-top-left ff:select-none", "ff:text-sm ff:font-medium ff:transition-all ff:duration-150 ff:ease-out", "ff:pointer-events-none", "ff:text-muted ff:-translate-y-2 ff:scale-75", "ff:peer-placeholder-shown:text-muted ff:peer-placeholder-shown:translate-y-0 ff:peer-placeholder-shown:scale-100 ff:peer-placeholder-shown:font-normal", "ff:peer-focus:text-primary ff:peer-focus:-translate-y-2 ff:peer-focus:scale-75 ff:peer-focus:font-medium", "ff:peer-disabled:text-muted ff:peer-disabled:opacity-50", l() && "ff:text-danger ff:peer-focus:text-danger", Zt({
         styleVariant: t()
       }));
-      return k !== m.e && H(V, "data-error", m.e = k), z !== m.t && H(h, "for", m.t = z), C !== m.a && M(h, m.a = C), m;
+      return k !== h.e && H(V, "data-error", h.e = k), z !== h.t && H(m, "for", h.t = z), C !== h.a && M(m, h.a = C), h;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
     }), V;
   })() : (() => {
-    var V = An(), T = V.firstChild, h = T.firstChild;
-    return i(V, n(x, {
+    var V = An(), T = V.firstChild, m = T.firstChild;
+    return i(V, n(y, {
       get when() {
         return w();
       },
       get children() {
-        var m = Dn();
-        return i(m, () => r.label), A((k) => {
+        var h = Dn();
+        return i(h, () => r.label), A((k) => {
           var z = o(), C = $("ff:text-foreground ff:mb-1.5 ff:block ff:text-sm ff:font-medium", Zt({
             styleVariant: t()
           }));
-          return z !== k.e && H(m, "for", k.e = z), C !== k.t && M(m, k.t = C), k;
+          return z !== k.e && H(h, "for", k.e = z), C !== k.t && M(h, k.t = C), k;
         }, {
           e: void 0,
           t: void 0
-        }), m;
+        }), h;
       }
-    }), T), he(h, ie({
+    }), T), he(m, ie({
       get type() {
         return r.type ?? "text";
       },
@@ -457,21 +457,21 @@ function lt(e) {
       get class() {
         return _();
       }
-    }, a), !1, !1), i(T, n(x, {
+    }, a), !1, !1), i(T, n(y, {
       get when() {
         return b();
       },
       get children() {
-        var m = Ht();
-        return i(m, () => r.error), A(() => H(m, "id", `${o()}-error`)), m;
+        var h = Ht();
+        return i(h, () => r.error), A(() => H(h, "id", `${o()}-error`)), h;
       }
-    }), null), i(T, n(x, {
+    }), null), i(T, n(y, {
       get when() {
-        return y();
+        return x();
       },
       get children() {
-        var m = Gt();
-        return i(m, () => r.error), A(() => H(m, "id", `${o()}-error`)), m;
+        var h = Gt();
+        return i(h, () => r.error), A(() => H(h, "id", `${o()}-error`)), h;
       }
     }), null), A(() => H(V, "data-error", !!r.error || void 0)), V;
   })();
@@ -566,7 +566,7 @@ function De(e) {
           tone: a()
         }), t.class, t.className);
       }
-    }, r), !1, !0), i(s, () => t.icon ?? o()), i(l, n(x, {
+    }, r), !1, !0), i(s, () => t.icon ?? o()), i(l, n(y, {
       get when() {
         return t.title;
       },
@@ -576,7 +576,7 @@ function De(e) {
           tone: a()
         })))), c;
       }
-    }), null), i(l, n(x, {
+    }), null), i(l, n(y, {
       get when() {
         return t.description;
       },
@@ -819,7 +819,7 @@ function Cr(e) {
           styleVariant: t()
         }), r.class, r.className);
       }
-    }, a), !1, !0), i(l, n(x, {
+    }, a), !1, !0), i(l, n(y, {
       get when() {
         return s();
       },
@@ -840,7 +840,7 @@ function ae(e) {
       get class() {
         return $("ff:flex ff:flex-col ff:gap-4", t.class, t.className);
       }
-    }, r), !1, !0), i(a, n(x, {
+    }, r), !1, !0), i(a, n(y, {
       get when() {
         return t.label;
       },
@@ -856,13 +856,13 @@ function ae(e) {
           }
         })), o;
       }
-    }), null), i(a, n(x, {
+    }), null), i(a, n(y, {
       get when() {
         return t.title || t.description;
       },
       get children() {
         var o = Yn();
-        return i(o, n(x, {
+        return i(o, n(y, {
           get when() {
             return t.title;
           },
@@ -870,7 +870,7 @@ function ae(e) {
             var f = Jn();
             return i(f, () => t.title), f;
           }
-        }), null), i(o, n(x, {
+        }), null), i(o, n(y, {
           get when() {
             return t.description;
           },
@@ -1018,7 +1018,7 @@ function ee(e) {
       get class() {
         return $("ff:flex ff:items-center ff:justify-between ff:gap-2 ff:border-t ff:border-border-light ff:px-5 ff:py-2.5 ff:text-xxs ff:text-muted-foreground", f() && "ff:font-mono", a.class, a.className);
       }
-    }, o), !1, !0), i(s, n(x, {
+    }, o), !1, !0), i(s, n(y, {
       get when() {
         return a.children;
       },
@@ -1059,7 +1059,7 @@ function ne(e) {
       return [(() => {
         var f = ma();
         return i(f, () => o().mainChildren), f;
-      })(), n(x, {
+      })(), n(y, {
         get when() {
           return o().footerChildren.length > 0;
         },
@@ -1233,7 +1233,7 @@ function O(e) {
       get disabled() {
         return o();
       }
-    }, a), !1, !0), i(f, n(x, {
+    }, a), !1, !0), i(f, n(y, {
       get when() {
         return r.loading;
       },
@@ -1341,7 +1341,7 @@ function er(e) {
 function La(e) {
   return (() => {
     var t = xa();
-    return i(t, n(x, {
+    return i(t, n(y, {
       get when() {
         return e.value;
       },
@@ -1417,31 +1417,31 @@ function ye(e) {
     timeRemaining: o,
     isClient: f,
     isPast: s
-  } = za(() => a.targetDate, () => a.onComplete), l = () => a.layout ?? "swiss", c = () => a.showDays ?? !0, v = () => a.showHours ?? !0, w = () => a.showMinutes ?? !0, b = () => a.showSeconds ?? !0, y = d(() => {
-    const h = o();
+  } = za(() => a.targetDate, () => a.onComplete), l = () => a.layout ?? "swiss", c = () => a.showDays ?? !0, v = () => a.showHours ?? !0, w = () => a.showMinutes ?? !0, b = () => a.showSeconds ?? !0, x = d(() => {
+    const m = o();
     return [{
-      value: h.days,
+      value: m.days,
       label: t("countdown.days"),
       shortLabel: t("countdown.daysShort"),
-      show: c() && h.days > 0
+      show: c() && m.days > 0
     }, {
-      value: h.hours,
+      value: m.hours,
       label: t("countdown.hours"),
       shortLabel: t("countdown.hoursShort"),
       show: v()
     }, {
-      value: h.minutes,
+      value: m.minutes,
       label: t("countdown.minutes"),
       shortLabel: t("countdown.minutesShort"),
       show: w()
     }, {
-      value: h.seconds,
+      value: m.seconds,
       label: t("countdown.seconds"),
       shortLabel: t("countdown.secondsShort"),
       show: b()
-    }].filter((m) => m.show);
-  }), _ = d(() => l() === "swiss" ? y().slice(0, 3) : y()), V = d(() => s() ? "ff:opacity-50" : void 0), T = (h) => h.toString().padStart(2, "0");
-  return n(x, {
+    }].filter((h) => h.show);
+  }), _ = d(() => l() === "swiss" ? x().slice(0, 3) : x()), V = d(() => s() ? "ff:opacity-50" : void 0), T = (m) => m.toString().padStart(2, "0");
+  return n(y, {
     get when() {
       return f();
     },
@@ -1454,53 +1454,53 @@ function ye(e) {
               return Q(() => !!s())() && a.expiredLabel !== void 0;
             },
             get children() {
-              var h = $a();
-              return i(h, () => a.expiredLabel), A(() => M(h, $("ff:text-muted ff:font-heading", a.class, a.className))), h;
+              var m = $a();
+              return i(m, () => a.expiredLabel), A(() => M(m, $("ff:text-muted ff:font-heading", a.class, a.className))), m;
             }
           }), n(J, {
             get when() {
               return l() === "compact";
             },
             get children() {
-              var h = Ca();
-              return i(h, n(st, {
+              var m = Ca();
+              return i(m, n(st, {
                 get each() {
                   return _();
                 },
-                children: (m, k) => [Q(() => T(m().value)), Q(() => m().shortLabel), n(x, {
+                children: (h, k) => [Q(() => T(h().value)), Q(() => h().shortLabel), n(y, {
                   get when() {
                     return k < _().length - 1;
                   },
                   children: " "
                 })]
-              })), A((m) => {
+              })), A((h) => {
                 var k = $("ff:tabular-nums ff:font-heading", V(), a.class, a.className), z = s() || void 0, C = s() ? "off" : "polite";
-                return k !== m.e && M(h, m.e = k), z !== m.t && H(h, "data-past", m.t = z), C !== m.a && H(h, "aria-live", m.a = C), m;
+                return k !== h.e && M(m, h.e = k), z !== h.t && H(m, "data-past", h.t = z), C !== h.a && H(m, "aria-live", h.a = C), h;
               }, {
                 e: void 0,
                 t: void 0,
                 a: void 0
-              }), h;
+              }), m;
             }
           }), n(J, {
             get when() {
               return l() === "swiss";
             },
             get children() {
-              var h = Sa();
-              return i(h, n(st, {
+              var m = Sa();
+              return i(m, n(st, {
                 get each() {
                   return _();
                 },
-                children: (m, k) => [n(Ma, {
+                children: (h, k) => [n(Ma, {
                   get value() {
-                    return m().value;
+                    return h().value;
                   },
                   get label() {
-                    return m().label;
+                    return h().label;
                   },
                   styleVariant: r
-                }), n(x, {
+                }), n(y, {
                   get when() {
                     return k < _().length - 1;
                   },
@@ -1510,16 +1510,16 @@ function ye(e) {
                     });
                   }
                 })]
-              })), A((m) => {
+              })), A((h) => {
                 var k = $(Ta({
                   styleVariant: r()
                 }), V(), a.class, a.className), z = s() || void 0, C = s() ? "off" : "polite";
-                return k !== m.e && M(h, m.e = k), z !== m.t && H(h, "data-past", m.t = z), C !== m.a && H(h, "aria-live", m.a = C), m;
+                return k !== h.e && M(m, h.e = k), z !== h.t && H(m, "data-past", h.t = z), C !== h.a && H(m, "aria-live", h.a = C), h;
               }, {
                 e: void 0,
                 t: void 0,
                 a: void 0
-              }), h;
+              }), m;
             }
           })];
         }
@@ -1558,7 +1558,7 @@ const Xe = () => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-
 var Ba = /* @__PURE__ */ u("<div data-slot=fade-presence>");
 function kt(e) {
   const t = d(() => Xe() ? "" : "ff:animate-fade-in");
-  return n(x, {
+  return n(y, {
     get when() {
       return e.show;
     },
@@ -1624,16 +1624,16 @@ function Qe(e) {
       fill: "forwards"
     });
     s = w;
-    const y = () => {
+    const x = () => {
       c.style.height = "", c.style.overflow = "";
     };
-    b.finished.then(y).catch(() => {
+    b.finished.then(x).catch(() => {
     }), Se(() => {
-      b.cancel(), y();
+      b.cancel(), x();
     });
   }), (() => {
     var c = Fa();
-    return ft((v) => o = v, c), i(c, n(x, {
+    return ft((v) => o = v, c), i(c, n(y, {
       get when() {
         return a();
       },
@@ -1641,8 +1641,8 @@ function Qe(e) {
       children: (v) => (() => {
         var w = Pa();
         return ft((b) => f = b, w), i(w, () => e.children), A((b) => {
-          var y = v.key, _ = $(l());
-          return y !== b.e && H(w, "data-transition-key", b.e = y), _ !== b.t && M(w, b.t = _), b;
+          var x = v.key, _ = $(l());
+          return x !== b.e && H(w, "data-transition-key", b.e = x), _ !== b.t && M(w, b.t = _), b;
         }, {
           e: void 0,
           t: void 0
@@ -1696,7 +1696,7 @@ function Dr(e) {
 function Ar(e) {
   const {
     t
-  } = fe(), [r, a] = Z(e, ["class", "className", "value", "onValueChange", "onValidChange", "onSubmit", "type", "error", "hasError", "label", "disabled", "placeholder"]), o = d(() => (r.type ?? "auto") === "auto"), [f, s] = D(o() ? Dr(r.value) : r.type), [l, c] = D(!1), [v, w] = D(null), [b, y] = D(!1), [_, V] = D(f() === "phone" ? ht(r.value) : r.value);
+  } = fe(), [r, a] = Z(e, ["class", "className", "value", "onValueChange", "onValidChange", "onSubmit", "type", "error", "hasError", "label", "disabled", "placeholder"]), o = d(() => (r.type ?? "auto") === "auto"), [f, s] = D(o() ? Dr(r.value) : r.type), [l, c] = D(!1), [v, w] = D(null), [b, x] = D(!1), [_, V] = D(f() === "phone" ? ht(r.value) : r.value);
   te(() => {
     o() || s(r.type);
   }), te(() => {
@@ -1704,15 +1704,15 @@ function Ar(e) {
   });
   const T = (R, X) => {
     if (!R) {
-      w(null), y(!1), r.onValidChange?.(!1);
+      w(null), x(!1), r.onValidChange?.(!1);
       return;
     }
-    X === "email" ? at.safeParse(Ga, R).success ? (w(null), y(!0), r.onValidChange?.(!0)) : (w(t("auth.invalidEmail")), y(!1), r.onValidChange?.(!1)) : Wa(R) ? (w(null), y(!0), r.onValidChange?.(!0)) : (w(t("auth.invalidPhone")), y(!1), r.onValidChange?.(!1));
+    X === "email" ? at.safeParse(Ga, R).success ? (w(null), x(!0), r.onValidChange?.(!0)) : (w(t("auth.invalidEmail")), x(!1), r.onValidChange?.(!1)) : Wa(R) ? (w(null), x(!0), r.onValidChange?.(!0)) : (w(t("auth.invalidPhone")), x(!1), r.onValidChange?.(!1));
   };
   te(() => {
     T(r.value, f());
   });
-  const h = (R) => {
+  const m = (R) => {
     const X = R.currentTarget.value;
     if (f() === "phone") {
       const W = ht(X);
@@ -1722,13 +1722,13 @@ function Ar(e) {
     } else
       V(X), r.onValueChange(X, f());
     typeof a.onInput == "function" && a.onInput(R);
-  }, m = (R) => {
+  }, h = (R) => {
     c(!0), typeof a.onBlur == "function" && a.onBlur(R);
   }, k = (R) => {
     R.key === "Enter" && r.onSubmit && (R.preventDefault(), r.onSubmit()), typeof a.onKeyDown == "function" && a.onKeyDown(R);
   }, z = () => {
     const R = f() === "email" ? "phone" : "email";
-    s(R), V(""), w(null), c(!1), y(!1), r.onValueChange("", R), r.onValidChange?.(!1);
+    s(R), V(""), w(null), c(!1), x(!1), r.onValueChange("", R), r.onValidChange?.(!1);
   }, C = d(() => r.error || (l() && !b() ? v() : null)), I = d(() => r.placeholder || (f() === "email" ? t("auth.emailPlaceholder") : t("auth.phonePlaceholder"))), U = () => o() ? n(O, {
     type: "button",
     variant: "link",
@@ -1763,8 +1763,8 @@ function Ar(e) {
       get value() {
         return _();
       },
-      onInput: h,
-      onBlur: m,
+      onInput: m,
+      onBlur: h,
       onKeyDown: k,
       get placeholder() {
         return I();
@@ -1802,8 +1802,8 @@ function Ar(e) {
     get value() {
       return _();
     },
-    onInput: h,
-    onBlur: m,
+    onInput: m,
+    onBlur: h,
     onKeyDown: k,
     get placeholder() {
       return I();
@@ -1872,58 +1872,58 @@ const Qa = de(["ff:h-12 ff:w-full ff:min-w-0 ff:text-center ff:text-lg ff:font-s
 function Nr(e) {
   const t = $e(), r = () => e.length ?? 6, a = () => !!e.hasError || !!e.error, o = () => !!e.error && !e.hasError, f = (e.value ?? "").split("").slice(0, r()), [s, l] = D([...f, ...Array(Math.max(0, r() - f.length)).fill("")]);
   let c = [];
-  const v = (h) => {
-    h >= 0 && h < r() && c[h]?.focus();
-  }, w = (h) => {
-    const m = h.split("").slice(0, r());
-    l([...m, ...Array(Math.max(0, r() - m.length)).fill("")]);
+  const v = (m) => {
+    m >= 0 && m < r() && c[m]?.focus();
+  }, w = (m) => {
+    const h = m.split("").slice(0, r());
+    l([...h, ...Array(Math.max(0, r() - h.length)).fill("")]);
   };
   te(() => {
     w(e.value ?? "");
   }), en(() => {
     e.autoFocus && queueMicrotask(() => v(0));
   });
-  const b = (h) => {
-    const m = h.join("");
-    e.onChange?.(m), m.length === r() && !m.includes("") && e.onComplete?.(m);
-  }, y = (h, m) => {
-    const k = m.replace(/\D/g, "");
+  const b = (m) => {
+    const h = m.join("");
+    e.onChange?.(h), h.length === r() && !h.includes("") && e.onComplete?.(h);
+  }, x = (m, h) => {
+    const k = h.replace(/\D/g, "");
     if (k.length > 1) {
       const I = k.slice(0, r()).split(""), U = [...I, ...Array(Math.max(0, r() - I.length)).fill("")];
       l(U), b(U), U.length === r() && !U.includes("") ? v(r() - 1) : v(I.length);
       return;
     }
     const z = k.slice(-1), C = [...s()];
-    C[h] = z, l(C), b(C), z && h < r() - 1 && v(h + 1);
-  }, _ = (h, m) => {
-    switch (m.key) {
+    C[m] = z, l(C), b(C), z && m < r() - 1 && v(m + 1);
+  }, _ = (m, h) => {
+    switch (h.key) {
       case "Backspace":
-        m.preventDefault(), s()[h] ? y(h, "") : h > 0 && (v(h - 1), y(h - 1, ""));
+        h.preventDefault(), s()[m] ? x(m, "") : m > 0 && (v(m - 1), x(m - 1, ""));
         break;
       case "ArrowLeft":
-        m.preventDefault(), v(h - 1);
+        h.preventDefault(), v(m - 1);
         break;
       case "ArrowRight":
-        m.preventDefault(), v(h + 1);
+        h.preventDefault(), v(m + 1);
         break;
       case "Delete":
-        m.preventDefault(), y(h, "");
+        h.preventDefault(), x(m, "");
         break;
     }
-  }, V = (h) => {
-    h.preventDefault();
-    const m = h.clipboardData;
-    if (!m) return;
-    const k = m.getData("text").replace(/\D/g, "").slice(0, r());
+  }, V = (m) => {
+    m.preventDefault();
+    const h = m.clipboardData;
+    if (!h) return;
+    const k = h.getData("text").replace(/\D/g, "").slice(0, r());
     if (!k) return;
     const z = k.split(""), C = [...z, ...Array(Math.max(0, r() - z.length)).fill("")];
     l(C), b(C), C.length === r() && !C.includes("") ? v(r() - 1) : v(z.length);
-  }, T = (h) => {
-    h.currentTarget.select();
+  }, T = (m) => {
+    m.currentTarget.select();
   };
   return (() => {
-    var h = Za(), m = h.firstChild;
-    return m.addEventListener("paste", V), i(m, n(At, {
+    var m = Za(), h = m.firstChild;
+    return h.addEventListener("paste", V), i(h, n(At, {
       get each() {
         return Array.from({
           length: r()
@@ -1931,7 +1931,7 @@ function Nr(e) {
       },
       children: (k, z) => (() => {
         var C = Ya();
-        return C.addEventListener("focus", T), C.$$keydown = (I) => _(z(), I), C.$$input = (I) => y(z(), I.currentTarget.value), ft((I) => {
+        return C.addEventListener("focus", T), C.$$keydown = (I) => _(z(), I), C.$$input = (I) => x(z(), I.currentTarget.value), ft((I) => {
           c[z()] = I;
         }, C), A((I) => {
           var U = z() === 0 ? "one-time-code" : "off", R = e.disabled, X = `Digit ${z() + 1} of ${r()}`, W = a() || void 0, le = Qa({
@@ -1947,7 +1947,7 @@ function Nr(e) {
           i: void 0
         }), A(() => C.value = s()[z()]), C;
       })()
-    })), i(h, n(x, {
+    })), i(m, n(y, {
       get when() {
         return o();
       },
@@ -1957,12 +1957,12 @@ function Nr(e) {
       }
     }), null), A((k) => {
       var z = $("fanfare-otp-input", "ff:space-y-1.5", e.class, e.className), C = a() || void 0, I = `repeat(${r()}, minmax(0, 1fr))`;
-      return z !== k.e && M(h, k.e = z), C !== k.t && H(h, "data-error", k.t = C), I !== k.a && bt(m, "grid-template-columns", k.a = I), k;
+      return z !== k.e && M(m, k.e = z), C !== k.t && H(m, "data-error", k.t = C), I !== k.a && bt(h, "grid-template-columns", k.a = I), k;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), h;
+    }), m;
   })();
 }
 Nr.displayName = "OTPInput";
@@ -1976,7 +1976,7 @@ function fo(e) {
 function Tr(e) {
   const {
     t
-  } = fe(), r = () => e.label ?? t("auth.badgeLabel"), a = () => e.variant ?? "default", o = () => e.title ?? t("auth.title"), f = () => e.description ?? t("auth.description"), s = () => e.submitLabel ?? t("auth.submit"), l = () => e.verifyLabel ?? t("auth.verify"), c = e.defaultStep ?? "credential", v = e.defaultCredential ?? "", [w, b] = D(c), [y, _] = D(v), [V, T] = D(e.defaultCredentialType ?? Dr(v)), [h, m] = D(!1), [k, z] = D(""), [C, I] = D(!1), [U, R] = D(e.defaultError ?? null), [X, W] = D(c === "verify" && v.length > 0 ? Date.now() + mt : null), [le, _e] = D(Date.now()), [L, P] = D(!1), [q, K] = D(!1), Ee = d(() => V() === "email" ? t("auth.email") : t("auth.phone"));
+  } = fe(), r = () => e.label ?? t("auth.badgeLabel"), a = () => e.variant ?? "default", o = () => e.title ?? t("auth.title"), f = () => e.description ?? t("auth.description"), s = () => e.submitLabel ?? t("auth.submit"), l = () => e.verifyLabel ?? t("auth.verify"), c = e.defaultStep ?? "credential", v = e.defaultCredential ?? "", [w, b] = D(c), [x, _] = D(v), [V, T] = D(e.defaultCredentialType ?? Dr(v)), [m, h] = D(!1), [k, z] = D(""), [C, I] = D(!1), [U, R] = D(e.defaultError ?? null), [X, W] = D(c === "verify" && v.length > 0 ? Date.now() + mt : null), [le, _e] = D(Date.now()), [L, P] = D(!1), [q, K] = D(!1), Ee = d(() => V() === "email" ? t("auth.email") : t("auth.phone"));
   te(xt(w, (F) => {
     if (F !== "verify") return;
     const B = setInterval(() => _e(Date.now()), 1e3);
@@ -1992,10 +1992,10 @@ function Tr(e) {
   }), ke = d(() => Ve() > 0), qe = (F, B) => {
     _(F), T(B), R(null);
   }, N = async (F) => {
-    if (F?.preventDefault(), !(!h() || !y())) {
+    if (F?.preventDefault(), !(!m() || !x())) {
       I(!0), R(null);
       try {
-        await e.onSubmit?.(y(), V()), b("verify"), W(Date.now() + mt);
+        await e.onSubmit?.(x(), V()), b("verify"), W(Date.now() + mt);
       } catch (B) {
         R(B instanceof Error ? B.message : t("auth.sendFailed"));
       } finally {
@@ -2020,10 +2020,10 @@ function Tr(e) {
   }, ue = () => {
     b("credential"), z(""), R(null), W(null), P(!1);
   }, ve = async () => {
-    if (!(!y() || q())) {
+    if (!(!x() || q())) {
       K(!0), R(null), z("");
       try {
-        await e.onSubmit?.(y(), V()), W(Date.now() + mt), _e(Date.now()), P(!0);
+        await e.onSubmit?.(x(), V()), W(Date.now() + mt), _e(Date.now()), P(!0);
       } catch (F) {
         R(F instanceof Error ? F.message : t("auth.sendFailed"));
       } finally {
@@ -2044,7 +2044,7 @@ function Tr(e) {
             var F = Xa(), B = F.firstChild, ce = B.nextSibling;
             return i(ce, () => t("auth.success")), A(() => M(B, $("ff:flex ff:h-12 ff:w-12 ff:items-center ff:justify-center ff:rounded-full", "ff:bg-success/10 ff:text-success"))), F;
           }
-        }), n(x, {
+        }), n(y, {
           get when() {
             return Y();
           },
@@ -2075,7 +2075,7 @@ function Tr(e) {
         }
       }), n(re, {
         get children() {
-          return [n(x, {
+          return [n(y, {
             get when() {
               return e.countdownTo;
             },
@@ -2096,7 +2096,7 @@ function Tr(e) {
               },
               mode: "fade",
               get children() {
-                return n(x, {
+                return n(y, {
                   get when() {
                     return w() === "credential";
                   },
@@ -2104,9 +2104,9 @@ function Tr(e) {
                     return [(() => {
                       var B = tr();
                       return i(B, Ne), B;
-                    })(), n(x, {
+                    })(), n(y, {
                       get when() {
-                        return y();
+                        return x();
                       },
                       get fallback() {
                         return (() => {
@@ -2120,7 +2120,7 @@ function Tr(e) {
                       },
                       get children() {
                         var B = no(), ce = B.firstChild, Ce = ce.nextSibling;
-                        return Ce.nextSibling, i(B, () => t("auth.sentTo"), ce), i(Ce, y), i(B, n(O, {
+                        return Ce.nextSibling, i(B, () => t("auth.sentTo"), ce), i(Ce, x), i(B, n(O, {
                           type: "button",
                           variant: "link",
                           size: "xs",
@@ -2154,7 +2154,7 @@ function Tr(e) {
                 return w();
               },
               get children() {
-                return n(x, {
+                return n(y, {
                   get when() {
                     return w() === "credential";
                   },
@@ -2179,10 +2179,10 @@ function Tr(e) {
                   get children() {
                     return n(Ar, {
                       get value() {
-                        return y();
+                        return x();
                       },
                       onValueChange: qe,
-                      onValidChange: m,
+                      onValidChange: h,
                       onSubmit: () => {
                         N();
                       },
@@ -2209,14 +2209,14 @@ function Tr(e) {
                   mode: "fade",
                   layout: !1,
                   get children() {
-                    return n(x, {
+                    return n(y, {
                       get when() {
                         return L();
                       },
                       get fallback() {
                         return (() => {
                           var ce = oo(), Ce = ce.firstChild;
-                          return i(Ce, () => t("auth.didntGetIt")), i(ce, n(x, {
+                          return i(Ce, () => t("auth.didntGetIt")), i(ce, n(y, {
                             get when() {
                               return ke();
                             },
@@ -2229,7 +2229,7 @@ function Tr(e) {
                                   ve();
                                 },
                                 get disabled() {
-                                  return q() || !y();
+                                  return q() || !x();
                                 },
                                 get children() {
                                   return t("auth.resendCode");
@@ -2271,10 +2271,10 @@ function Tr(e) {
               type: "submit",
               class: "ff:w-full",
               get disabled() {
-                return C() || q() || (w() === "credential" ? !h() : k().length < 6);
+                return C() || q() || (w() === "credential" ? !m() : k().length < 6);
               },
               get children() {
-                return n(x, {
+                return n(y, {
                   get when() {
                     return C();
                   },
@@ -2288,7 +2288,7 @@ function Tr(e) {
                   }
                 });
               }
-            }), null), i(B, n(x, {
+            }), null), i(B, n(y, {
               get when() {
                 return Q(() => !!e.allowSkip)() && w() === "credential";
               },
@@ -2311,7 +2311,7 @@ function Tr(e) {
             }), null), F;
           })()];
         }
-      }), n(x, {
+      }), n(y, {
         get when() {
           return Y();
         },
@@ -2355,13 +2355,13 @@ var co = /* @__PURE__ */ u('<div data-slot=access-code-form-heading><h2 class="f
 function Lr(e) {
   const {
     t
-  } = fe(), [r] = Z(e, ["onSubmit", "onSkip", "variant", "label", "title", "description", "countdownTo", "submitLabel", "allowSkip", "autoUppercase", "defaultError", "class", "className"]), a = d(() => r.label ?? t("accessCode.badgeLabel")), o = d(() => r.variant ?? "secondary"), f = d(() => r.title ?? t("accessCode.title")), s = d(() => r.description ?? t("accessCode.description")), l = d(() => r.submitLabel ?? t("accessCode.submit")), [c, v] = D(""), [w, b] = D(!1), [y, _] = D(r.defaultError ?? null), V = d(() => !!c().trim() && !w()), T = async (h) => {
-    if (h?.preventDefault(), !!c().trim()) {
+  } = fe(), [r] = Z(e, ["onSubmit", "onSkip", "variant", "label", "title", "description", "countdownTo", "submitLabel", "allowSkip", "autoUppercase", "defaultError", "class", "className"]), a = d(() => r.label ?? t("accessCode.badgeLabel")), o = d(() => r.variant ?? "secondary"), f = d(() => r.title ?? t("accessCode.title")), s = d(() => r.description ?? t("accessCode.description")), l = d(() => r.submitLabel ?? t("accessCode.submit")), [c, v] = D(""), [w, b] = D(!1), [x, _] = D(r.defaultError ?? null), V = d(() => !!c().trim() && !w()), T = async (m) => {
+    if (m?.preventDefault(), !!c().trim()) {
       b(!0), _(null);
       try {
         await r.onSubmit?.(c().trim());
-      } catch (m) {
-        _(m instanceof Error ? m.message : t("accessCode.invalid"));
+      } catch (h) {
+        _(h instanceof Error ? h.message : t("accessCode.invalid"));
       } finally {
         b(!1);
       }
@@ -2382,27 +2382,27 @@ function Lr(e) {
         }
       }), n(re, {
         get children() {
-          return [n(x, {
+          return [n(y, {
             get when() {
               return r.countdownTo;
             },
-            children: (h) => (() => {
-              var m = go(), k = m.firstChild;
-              return i(k, () => t("time.opensIn")), i(m, n(ye, {
+            children: (m) => (() => {
+              var h = go(), k = h.firstChild;
+              return i(k, () => t("time.opensIn")), i(h, n(ye, {
                 get targetDate() {
-                  return h();
+                  return m();
                 },
                 showDays: !1
-              }), null), m;
+              }), null), h;
             })()
           }), (() => {
-            var h = co(), m = h.firstChild, k = m.nextSibling;
-            return i(m, f), i(k, s), h;
+            var m = co(), h = m.firstChild, k = h.nextSibling;
+            return i(h, f), i(k, s), m;
           })(), (() => {
-            var h = uo(), m = h.firstChild;
-            return h.addEventListener("submit", (k) => {
+            var m = uo(), h = m.firstChild;
+            return m.addEventListener("submit", (k) => {
               T(k);
-            }), i(h, n($r, {
+            }), i(m, n($r, {
               get value() {
                 return c();
               },
@@ -2413,7 +2413,7 @@ function Lr(e) {
                 T();
               },
               get hasError() {
-                return !!y();
+                return !!x();
               },
               get autoUppercase() {
                 return r.autoUppercase ?? !0;
@@ -2422,9 +2422,9 @@ function Lr(e) {
               get disabled() {
                 return w();
               }
-            }), m), i(h, n(x, {
+            }), h), i(m, n(y, {
               get when() {
-                return y();
+                return x();
               },
               children: (k) => n(De, {
                 tone: "danger",
@@ -2432,7 +2432,7 @@ function Lr(e) {
                   return k();
                 }
               })
-            }), m), i(m, n(O, {
+            }), h), i(h, n(O, {
               type: "submit",
               class: "ff:w-full",
               get disabled() {
@@ -2443,7 +2443,7 @@ function Lr(e) {
                   size: "sm"
                 }) : l();
               }
-            }), null), i(m, (() => {
+            }), null), i(h, (() => {
               var k = Q(() => !!r.allowSkip);
               return () => k() && n(O, {
                 type: "button",
@@ -2459,7 +2459,7 @@ function Lr(e) {
                   return t("common.skip");
                 }
               });
-            })(), null), h;
+            })(), null), m;
           })()];
         }
       }), n(ee, {})];
@@ -2498,7 +2498,7 @@ function Mr(e) {
   const {
     t,
     locale: r
-  } = fe(), [a] = Z(e, ["challenge", "botMitigation", "onVerifyToken", "onRetry", "variant", "label", "title", "description", "countdownTo", "retryLabel", "class", "className"]), [o, f] = D(0), [s, l] = D(!1), [c, v] = D(!1), [w, b] = D(null), [y, _] = D(!1), [V, T] = D("reload"), [h, m] = D(Date.now()), k = d(() => {
+  } = fe(), [a] = Z(e, ["challenge", "botMitigation", "onVerifyToken", "onRetry", "variant", "label", "title", "description", "countdownTo", "retryLabel", "class", "className"]), [o, f] = D(0), [s, l] = D(!1), [c, v] = D(!1), [w, b] = D(null), [x, _] = D(!1), [V, T] = D("reload"), [m, h] = D(Date.now()), k = d(() => {
     const L = a.challenge?.iframeUrl;
     if (!L) return null;
     try {
@@ -2518,17 +2518,17 @@ function Mr(e) {
   });
   te(() => {
     const L = a.botMitigation?.blockedUntil, P = Date.now();
-    if (m(P), !L) return;
+    if (h(P), !L) return;
     const q = Date.parse(L);
     if (!Number.isFinite(q) || q <= P) return;
-    const K = window.setTimeout(() => m(Date.now()), Math.min(q - P + 1, 2147483647));
+    const K = window.setTimeout(() => h(Date.now()), Math.min(q - P + 1, 2147483647));
     Se(() => window.clearTimeout(K));
   });
-  const C = d(() => xo(a.botMitigation, h())), I = d(() => typeof a.botMitigation?.attemptsRemaining == "number" ? a.botMitigation.attemptsRemaining : void 0);
+  const C = d(() => xo(a.botMitigation, m())), I = d(() => typeof a.botMitigation?.attemptsRemaining == "number" ? a.botMitigation.attemptsRemaining : void 0);
   te(xt(() => a.challenge?.id, () => {
     f(0), l(!1), v(!1), b(null), _(!1), T("reload");
   })), te(() => {
-    y() && a.botMitigation?.message && b(a.botMitigation.message);
+    x() && a.botMitigation?.message && b(a.botMitigation.message);
   }), te(() => {
     const L = a.challenge?.id, P = k();
     if (!L || !P) return;
@@ -2583,7 +2583,7 @@ function Mr(e) {
         }
       }), n(re, {
         get children() {
-          return [n(x, {
+          return [n(y, {
             get when() {
               return a.countdownTo;
             },
@@ -2599,12 +2599,12 @@ function Mr(e) {
           }), (() => {
             var L = ho(), P = L.firstChild, q = P.nextSibling;
             return i(P, U), i(q, R), L;
-          })(), n(x, {
+          })(), n(y, {
             get when() {
               return C().blocked;
             },
             get fallback() {
-              return n(x, {
+              return n(y, {
                 get when() {
                   return !!z();
                 },
@@ -2618,7 +2618,7 @@ function Mr(e) {
                 },
                 get children() {
                   var L = wo(), P = L.firstChild;
-                  return i(L, n(x, {
+                  return i(L, n(y, {
                     get when() {
                       return !s();
                     },
@@ -2628,7 +2628,7 @@ function Mr(e) {
                         size: "lg"
                       })), q;
                     }
-                  }), P), i(L, n(x, {
+                  }), P), i(L, n(y, {
                     get when() {
                       return c();
                     },
@@ -2663,7 +2663,7 @@ function Mr(e) {
                 }
               });
             }
-          }), n(x, {
+          }), n(y, {
             get when() {
               return w();
             },
@@ -2680,7 +2680,7 @@ function Mr(e) {
                 }) : void 0;
               }
             })
-          }), n(x, {
+          }), n(y, {
             get when() {
               return !C().blocked;
             },
@@ -2735,7 +2735,7 @@ function Rr(e) {
                 return [(() => {
                   var l = ko();
                   return i(l, o), l;
-                })(), n(x, {
+                })(), n(y, {
                   get when() {
                     return f();
                   },
@@ -2749,7 +2749,7 @@ function Rr(e) {
                   })()
                 })];
               }
-            }), n(x, {
+            }), n(y, {
               get when() {
                 return Q(() => !!e.ctaLabel)() && e.onCtaClick;
               },
@@ -2777,7 +2777,7 @@ var Co = /* @__PURE__ */ u("<div>");
 function Ge(e) {
   const {
     t
-  } = fe(), r = $e(), [a] = Z(e, ["error", "onRetry", "title", "label", "info", "ctaLabel", "class", "className"]), [o, f] = D(!1), s = d(() => a.error instanceof Error ? a.error.message : a.error), l = d(() => a.label ?? t("error.label")), c = d(() => a.title ?? t("error.title")), v = d(() => s() ?? t("error.description")), w = d(() => a.ctaLabel ?? t("error.retry")), b = d(() => Vr(r())), y = async () => {
+  } = fe(), r = $e(), [a] = Z(e, ["error", "onRetry", "title", "label", "info", "ctaLabel", "class", "className"]), [o, f] = D(!1), s = d(() => a.error instanceof Error ? a.error.message : a.error), l = d(() => a.label ?? t("error.label")), c = d(() => a.title ?? t("error.title")), v = d(() => s() ?? t("error.description")), w = d(() => a.ctaLabel ?? t("error.retry")), b = d(() => Vr(r())), x = async () => {
     if (a.onRetry) {
       f(!0);
       try {
@@ -2811,7 +2811,7 @@ function Ge(e) {
               get description() {
                 return v();
               }
-            }), n(x, {
+            }), n(y, {
               get when() {
                 return a.info;
               },
@@ -2822,7 +2822,7 @@ function Ge(e) {
                   }
                 });
               }
-            }), n(x, {
+            }), n(y, {
               get when() {
                 return a.onRetry;
               },
@@ -2830,7 +2830,7 @@ function Ge(e) {
                 return n(O, {
                   class: "ff:mt-auto",
                   onClick: () => {
-                    y();
+                    x();
                   },
                   get loading() {
                     return o();
@@ -2926,7 +2926,7 @@ function et(e) {
           get children() {
             return [(() => {
               var f = Do();
-              return ft(a, f), i(f, n(x, {
+              return ft(a, f), i(f, n(y, {
                 get when() {
                   return e.expiresAt;
                 },
@@ -3123,7 +3123,7 @@ function je(e) {
                 var l = Lo();
                 return i(l, () => t(a().body)), l;
               }
-            }), n(x, {
+            }), n(y, {
               get when() {
                 return o();
               },
@@ -3234,7 +3234,7 @@ function qr(e) {
           }
         }), n(re, {
           get children() {
-            return [n(x, {
+            return [n(y, {
               get when() {
                 return e.countdownTo;
               },
@@ -3247,7 +3247,7 @@ function qr(e) {
                   showDays: !1
                 }), null), o;
               })()
-            }), n(x, {
+            }), n(y, {
               get when() {
                 return e.info;
               },
@@ -3303,7 +3303,7 @@ function Br(e) {
           }
         }), n(re, {
           get children() {
-            return [n(x, {
+            return [n(y, {
               get when() {
                 return s();
               },
@@ -3325,7 +3325,7 @@ function Br(e) {
                   })];
                 }
               })
-            }), n(x, {
+            }), n(y, {
               get when() {
                 return r.onLeave;
               },
@@ -3426,8 +3426,8 @@ function Xo(e) {
           return o.$$click = () => {
             r.isClosed || e.onSelect(r.date);
           }, i(f, () => r.weekdayLabel), i(s, () => r.dayNumber), A((c) => {
-            var v = a(), w = r.isClosed, b = r.isClosed, y = $("ff:flex ff:shrink-0 ff:flex-col ff:items-center ff:rounded ff:px-2 ff:py-1 ff:transition-colors", a() ? "ff:bg-primary ff:text-primary-foreground" : r.isClosed ? "ff:cursor-not-allowed ff:bg-transparent ff:opacity-40" : "ff:bg-transparent ff:text-foreground ff:hover:bg-secondary"), _ = $("ff:mt-0.5 ff:size-1 ff:rounded-full", r.hasAvailability ? a() ? "ff:bg-primary-foreground" : "ff:bg-success" : "ff:bg-transparent");
-            return v !== c.e && H(o, "aria-selected", c.e = v), w !== c.t && H(o, "aria-disabled", c.t = w), b !== c.a && (o.disabled = c.a = b), y !== c.o && M(o, c.o = y), _ !== c.i && M(l, c.i = _), c;
+            var v = a(), w = r.isClosed, b = r.isClosed, x = $("ff:flex ff:shrink-0 ff:flex-col ff:items-center ff:rounded ff:px-2 ff:py-1 ff:transition-colors", a() ? "ff:bg-primary ff:text-primary-foreground" : r.isClosed ? "ff:cursor-not-allowed ff:bg-transparent ff:opacity-40" : "ff:bg-transparent ff:text-foreground ff:hover:bg-secondary"), _ = $("ff:mt-0.5 ff:size-1 ff:rounded-full", r.hasAvailability ? a() ? "ff:bg-primary-foreground" : "ff:bg-success" : "ff:bg-transparent");
+            return v !== c.e && H(o, "aria-selected", c.e = v), w !== c.t && H(o, "aria-disabled", c.t = w), b !== c.a && (o.disabled = c.a = b), x !== c.o && M(o, c.o = x), _ !== c.i && M(l, c.i = _), c;
           }, {
             e: void 0,
             t: void 0,
@@ -3464,7 +3464,7 @@ function ii(e) {
   const {
     t
   } = fe();
-  return n(x, {
+  return n(y, {
     get when() {
       return !e.isLoading;
     },
@@ -3484,7 +3484,7 @@ function ii(e) {
       })();
     },
     get children() {
-      return n(x, {
+      return n(y, {
         get when() {
           return e.slots.length > 0;
         },
@@ -3567,14 +3567,14 @@ function wi(e, t) {
 function $t(e) {
   const t = ct(), {
     t: r
-  } = fe(), a = ze(() => e.display$ ?? hi), [o, f] = D([]), [s, l] = D(!1), [c, v] = D(null), [w, b] = D(null), [y, _] = D(!1), V = d(() => o().filter((N) => N.available > 0)), T = d(() => V().find((N) => N.id === w()) ?? null), h = d(() => {
+  } = fe(), a = ze(() => e.display$ ?? hi), [o, f] = D([]), [s, l] = D(!1), [c, v] = D(null), [w, b] = D(null), [x, _] = D(!1), V = d(() => o().filter((N) => N.available > 0)), T = d(() => V().find((N) => N.id === w()) ?? null), m = d(() => {
     const N = T();
     return N ? r("appointment.continueWithTime", {
       values: {
         time: Fr(N)
       }
     }) : r("appointment.selectATime");
-  }), m = d(() => {
+  }), h = d(() => {
     const N = /* @__PURE__ */ new Map();
     for (const G of o()) {
       const me = G.startTime ? vt(new Date(G.startTime), G.timezone ?? e.timezone) : G.id.slice(0, 10), ue = N.get(me);
@@ -3585,7 +3585,7 @@ function $t(e) {
     const N = Date.now(), G = e.bookingWindowOpenAt ? new Date(e.bookingWindowOpenAt).getTime() : N;
     return vt(new Date(Math.max(N, G)), e.timezone);
   }), z = d(() => e.bookingWindowCloseAt ? vt(new Date(e.bookingWindowCloseAt), e.timezone) : void 0), C = d(() => {
-    const N = k(), G = z(), me = m(), ue = s(), ve = [];
+    const N = k(), G = z(), me = h(), ue = s(), ve = [];
     for (let Y = 0; Y < mi; Y += 1) {
       const be = Go(N, Y);
       if (G && be > G) break;
@@ -3608,14 +3608,14 @@ function $t(e) {
   });
   const R = d(() => {
     const N = I();
-    return N ? m().get(N) ?? [] : [];
+    return N ? h().get(N) ?? [] : [];
   }), X = (N) => {
     U(N), b(null);
   }, W = (N) => {
     b((G) => G === N ? null : N);
   }, le = () => $("ff:w-full ff:max-w-sm", e.class, e.className);
   te(() => {
-    if (e.sequencePhase !== "enterable" && !y()) return;
+    if (e.sequencePhase !== "enterable" && !x()) return;
     const N = Date.now(), G = e.bookingWindowOpenAt ? new Date(e.bookingWindowOpenAt).getTime() : N, me = e.bookingWindowCloseAt ? new Date(e.bookingWindowCloseAt).getTime() : N + or * 6, ue = ir(new Date(Math.max(N, G))), ve = ir(new Date(Math.min(me, N + or * 6)));
     let Y = !1;
     Se(() => {
@@ -3635,13 +3635,13 @@ function $t(e) {
   const _e = async () => {
     const N = T();
     if (N) {
-      if (y()) {
+      if (x()) {
         await e.onReschedule(N.id, N.locationId ?? e.defaultLocationId), _(!1), b(null);
         return;
       }
       await e.onBook(N.id, N.locationId ?? e.defaultLocationId);
     }
-  }, L = d(() => a().booking), P = d(() => L()?.consumerStatus), q = d(() => P() === "checked_in"), K = d(() => P() === "completed"), Ee = d(() => K() ? r("appointment.completedTitle") : q() ? r("appointment.checkedIn") : r("appointment.bookedTitle")), Ve = d(() => K() ? "completed" : q() ? "checked_in" : "booked"), ke = () => y() ? e.isRescheduling : e.isBooking, qe = () => e.bookError ?? c();
+  }, L = d(() => a().booking), P = d(() => L()?.consumerStatus), q = d(() => P() === "checked_in"), K = d(() => P() === "completed"), Ee = d(() => K() ? r("appointment.completedTitle") : q() ? r("appointment.checkedIn") : r("appointment.bookedTitle")), Ve = d(() => K() ? "completed" : q() ? "checked_in" : "booked"), ke = () => x() ? e.isRescheduling : e.isBooking, qe = () => e.bookError ?? c();
   return n(Re, {
     fallback: null,
     get children() {
@@ -3665,7 +3665,7 @@ function $t(e) {
         }
       }), n(J, {
         get when() {
-          return Q(() => e.sequencePhase === "participating")() && !y();
+          return Q(() => e.sequencePhase === "participating")() && !x();
         },
         get children() {
           return n(ne, {
@@ -3685,7 +3685,7 @@ function $t(e) {
                 }
               }), n(re, {
                 get children() {
-                  return n(x, {
+                  return n(y, {
                     get when() {
                       return L();
                     },
@@ -3695,14 +3695,14 @@ function $t(e) {
                         return i(N, () => r("appointment.loadingBooking")), N;
                       })();
                     },
-                    children: (N) => n(x, {
+                    children: (N) => n(y, {
                       get when() {
                         return N().consumerStatus === "checked_in";
                       },
                       get fallback() {
                         return (() => {
                           var G = li(), me = G.firstChild, ue = me.firstChild, ve = ue.nextSibling;
-                          return i(ue, () => vi(N().startTime, e.timezone)), i(ve, () => N().locationName ?? r("appointment.online")), i(G, n(x, {
+                          return i(ue, () => vi(N().startTime, e.timezone)), i(ve, () => N().locationName ?? r("appointment.online")), i(G, n(y, {
                             get when() {
                               return e.cancelError;
                             },
@@ -3712,7 +3712,7 @@ function $t(e) {
                                 return Y();
                               }
                             })
-                          }), null), i(G, n(x, {
+                          }), null), i(G, n(y, {
                             get when() {
                               return N().consumerStatus !== "completed";
                             },
@@ -3762,7 +3762,7 @@ function $t(e) {
         }
       }), n(J, {
         get when() {
-          return e.sequencePhase === "enterable" || y();
+          return e.sequencePhase === "enterable" || x();
         },
         get children() {
           return n(ne, {
@@ -3771,13 +3771,13 @@ function $t(e) {
             },
             "data-slot": "appointment-module",
             get "data-stage"() {
-              return y() ? "participating" : "enterable";
+              return x() ? "participating" : "enterable";
             },
             get children() {
               return [n(ae, {
                 variant: "default",
                 get label() {
-                  return Q(() => !!y())() ? r("appointment.rescheduleTitle") : r("appointment.title");
+                  return Q(() => !!x())() ? r("appointment.rescheduleTitle") : r("appointment.title");
                 }
               }), n(re, {
                 class: "ff:gap-2",
@@ -3801,7 +3801,7 @@ function $t(e) {
                       return w();
                     },
                     onSelect: W
-                  }), n(x, {
+                  }), n(y, {
                     get when() {
                       return qe();
                     },
@@ -3821,7 +3821,7 @@ function $t(e) {
                     },
                     onClick: _e,
                     get children() {
-                      return h();
+                      return m();
                     }
                   })];
                 }
@@ -3845,40 +3845,40 @@ function bi(e) {
     e.booking.joinUrl && window.open(e.booking.joinUrl, "_blank", "noopener,noreferrer");
   };
   return (() => {
-    var l = ci(), c = l.firstChild, v = c.nextSibling, w = v.nextSibling, b = w.firstChild, y = b.firstChild, _ = y.nextSibling;
+    var l = ci(), c = l.firstChild, v = c.nextSibling, w = v.nextSibling, b = w.firstChild, x = b.firstChild, _ = x.nextSibling;
     return i(c, () => t("appointment.youreUpAt", {
       values: {
         time: a()
       }
-    })), i(v, f), i(y, () => t("appointment.time")), i(_, a), i(w, n(x, {
+    })), i(v, f), i(x, () => t("appointment.time")), i(_, a), i(w, n(y, {
       get when() {
         return o();
       },
       children: (V) => (() => {
-        var T = di(), h = T.firstChild, m = h.nextSibling;
-        return i(h, () => t("appointment.duration")), i(m, () => t("appointment.minutes", {
+        var T = di(), m = T.firstChild, h = m.nextSibling;
+        return i(m, () => t("appointment.duration")), i(h, () => t("appointment.minutes", {
           values: {
             count: V()
           }
         })), T;
       })()
-    }), null), i(w, n(x, {
+    }), null), i(w, n(y, {
       get when() {
         return Q(() => !r())() && e.booking.locationName;
       },
       children: (V) => (() => {
-        var T = ui(), h = T.firstChild, m = h.nextSibling;
-        return i(h, () => t("appointment.location")), i(m, V), T;
+        var T = ui(), m = T.firstChild, h = m.nextSibling;
+        return i(m, () => t("appointment.location")), i(h, V), T;
       })()
-    }), null), i(w, n(x, {
+    }), null), i(w, n(y, {
       get when() {
         return e.booking.confirmationCode;
       },
       children: (V) => (() => {
-        var T = gi(), h = T.firstChild, m = h.nextSibling;
-        return i(h, () => t("appointment.confirmationCode")), i(m, V), T;
+        var T = gi(), m = T.firstChild, h = m.nextSibling;
+        return i(m, () => t("appointment.confirmationCode")), i(h, V), T;
       })()
-    }), null), i(l, n(x, {
+    }), null), i(l, n(y, {
       get when() {
         return r();
       },
@@ -3955,19 +3955,21 @@ function Je(e) {
   const {
     t
   } = fe(), r = ze(() => e.display$ ?? $i), a = d(() => Ci(e.fallbackState, r())), o = d(() => {
+    const b = a().settleAt;
+    if (b) return new Date(b);
     if (e.countdownTo) return e.countdownTo;
-    const b = a().closeAt;
-    return b ? new Date(b) : void 0;
+    const x = a().closeAt;
+    return x ? new Date(x) : void 0;
   }), f = d(() => {
     const b = e.expiresAt;
     if (b)
       return b instanceof Date ? b : new Date(b);
   }), s = () => a().currencyCode ?? e.currencyCode, l = (b) => {
     if (b === void 0) return;
-    const y = parseFloat(b);
-    if (Number.isNaN(y)) return b;
+    const x = parseFloat(b);
+    if (Number.isNaN(x)) return b;
     const _ = s();
-    return yi(y, _ ? {
+    return yi(x, _ ? {
       currencyCode: _,
       locale: e.locale
     } : {
@@ -4004,30 +4006,30 @@ function Je(e) {
                 }
               }), n(re, {
                 get children() {
-                  return [n(x, {
+                  return [n(y, {
                     get when() {
                       return o();
                     },
-                    children: (y) => (() => {
+                    children: (x) => (() => {
                       var _ = sr(), V = _.firstChild;
                       return i(V, () => t("auction.endsIn")), i(_, n(ye, {
                         get targetDate() {
-                          return y();
+                          return x();
                         },
                         showDays: !1
                       }), null), _;
                     })()
                   }), n(we, {
                     get children() {
-                      var y = fr();
-                      return i(y, () => t("auction.description")), y;
+                      var x = fr();
+                      return i(x, () => t("auction.description")), x;
                     }
-                  }), n(x, {
+                  }), n(y, {
                     get when() {
                       return e.onBid;
                     },
                     get fallback() {
-                      return n(x, {
+                      return n(y, {
                         get when() {
                           return e.canEnter;
                         },
@@ -4087,45 +4089,45 @@ function Je(e) {
                 }
               }), n(re, {
                 get children() {
-                  return [n(x, {
+                  return [n(y, {
                     get when() {
                       return o();
                     },
-                    children: (y) => (() => {
+                    children: (x) => (() => {
                       var _ = sr(), V = _.firstChild;
                       return i(V, () => t("auction.endsIn")), i(_, n(ye, {
                         get targetDate() {
-                          return y();
+                          return x();
                         },
                         showDays: !1
                       }), null), _;
                     })()
                   }), n(we, {
                     get children() {
-                      return [n(x, {
+                      return [n(y, {
                         get when() {
                           return l(a().highestBid);
                         },
-                        children: (y) => (() => {
+                        children: (x) => (() => {
                           var _ = lr(), V = _.firstChild, T = V.nextSibling;
-                          return i(V, () => t("auction.currentBid")), i(T, y), _;
+                          return i(V, () => t("auction.currentBid")), i(T, x), _;
                         })()
-                      }), n(x, {
+                      }), n(y, {
                         get when() {
                           return l(a().currentBid);
                         },
-                        children: (y) => (() => {
+                        children: (x) => (() => {
                           var _ = lr(), V = _.firstChild, T = V.nextSibling;
                           return i(V, (() => {
-                            var h = Q(() => a().status === "winning");
-                            return () => h() ? t("auction.yourWinningBid") : t("auction.yourBidLabel");
-                          })()), i(T, y), _;
+                            var m = Q(() => a().status === "winning");
+                            return () => m() ? t("auction.yourWinningBid") : t("auction.yourBidLabel");
+                          })()), i(T, x), _;
                         })()
                       })];
                     }
                   }), (() => {
-                    var y = ki();
-                    return i(y, n(x, {
+                    var x = ki();
+                    return i(x, n(y, {
                       get when() {
                         return e.onBid;
                       },
@@ -4138,7 +4140,7 @@ function Je(e) {
                           }
                         });
                       }
-                    }), null), i(y, n(x, {
+                    }), null), i(x, n(y, {
                       get when() {
                         return e.canLeave;
                       },
@@ -4160,7 +4162,7 @@ function Je(e) {
                           }
                         });
                       }
-                    }), null), y;
+                    }), null), x;
                   })()];
                 }
               }), n(ee, {})];
@@ -4190,15 +4192,15 @@ function Je(e) {
                   return n(we, {
                     get children() {
                       return [(() => {
-                        var y = fr();
-                        return i(y, () => t("auction.settlingDescription")), y;
-                      })(), n(x, {
+                        var x = fr();
+                        return i(x, () => t("auction.settlingDescription")), x;
+                      })(), n(y, {
                         get when() {
                           return l(a().highestBid);
                         },
-                        children: (y) => (() => {
+                        children: (x) => (() => {
                           var _ = _i(), V = _.firstChild, T = V.nextSibling;
-                          return i(V, () => t("auction.currentBid")), i(T, y), _;
+                          return i(V, () => t("auction.currentBid")), i(T, x), _;
                         })()
                       })];
                     }
@@ -4303,7 +4305,7 @@ function Ze(e) {
                 }
               }), n(re, {
                 get children() {
-                  return [n(x, {
+                  return [n(y, {
                     get when() {
                       return a();
                     },
@@ -4316,7 +4318,7 @@ function Ze(e) {
                         showDays: !1
                       }), null), v;
                     })()
-                  }), n(x, {
+                  }), n(y, {
                     get when() {
                       return e.canEnter;
                     },
@@ -4363,7 +4365,7 @@ function Ze(e) {
                 }
               }), n(re, {
                 get children() {
-                  return [n(x, {
+                  return [n(y, {
                     get when() {
                       return r().entryNumber;
                     },
@@ -4371,7 +4373,7 @@ function Ze(e) {
                       var v = Si();
                       return i(v, c), v;
                     })()
-                  }), n(x, {
+                  }), n(y, {
                     get when() {
                       return a();
                     },
@@ -4392,7 +4394,7 @@ function Ze(e) {
                         return () => v() ? t("draw.goodLuck") : t("draw.stayTuned");
                       })()), c;
                     }
-                  }), n(x, {
+                  }), n(y, {
                     get when() {
                       return e.canLeave;
                     },
@@ -4542,7 +4544,7 @@ function ot(e) {
                 }
               }), n(re, {
                 get children() {
-                  return [n(x, {
+                  return [n(y, {
                     get when() {
                       return e.closeAt;
                     },
@@ -4555,7 +4557,7 @@ function ot(e) {
                         showDays: !1
                       }), null), c;
                     })()
-                  }), n(x, {
+                  }), n(y, {
                     get when() {
                       return e.canEnter;
                     },
@@ -4604,7 +4606,7 @@ function ot(e) {
                 get children() {
                   return [(() => {
                     var l = Di(), c = l.firstChild, v = c.nextSibling;
-                    return i(c, () => t("queue.estimatedWaitLabel")), i(v, n(x, {
+                    return i(c, () => t("queue.estimatedWaitLabel")), i(v, n(y, {
                       get when() {
                         return r().estimatedWaitTime != null;
                       },
@@ -4619,7 +4621,7 @@ function ot(e) {
                           });
                         })();
                       }
-                    })), i(l, n(x, {
+                    })), i(l, n(y, {
                       get when() {
                         return r().estimatedWaitTime != null;
                       },
@@ -4633,7 +4635,7 @@ function ot(e) {
                       var l = Ai();
                       return i(l, () => t("queue.qualitativeReassurance")), l;
                     }
-                  }), n(x, {
+                  }), n(y, {
                     get when() {
                       return e.canLeave;
                     },
@@ -4757,7 +4759,7 @@ function it(e) {
                 }
               }), n(re, {
                 get children() {
-                  return [n(x, {
+                  return [n(y, {
                     get when() {
                       return e.countdownTo;
                     },
@@ -4775,7 +4777,7 @@ function it(e) {
                       var c = gr();
                       return i(c, () => t("timedRelease.description")), c;
                     }
-                  }), n(x, {
+                  }), n(y, {
                     get when() {
                       return e.canEnter;
                     },
@@ -4822,7 +4824,7 @@ function it(e) {
                 }
               }), n(re, {
                 get children() {
-                  return [n(x, {
+                  return [n(y, {
                     get when() {
                       return e.countdownTo;
                     },
@@ -4842,7 +4844,7 @@ function it(e) {
                     }
                   }), (() => {
                     var c = Ii();
-                    return i(c, n(x, {
+                    return i(c, n(y, {
                       get when() {
                         return o();
                       },
@@ -4855,7 +4857,7 @@ function it(e) {
                           }
                         });
                       }
-                    }), null), i(c, n(x, {
+                    }), null), i(c, n(y, {
                       get when() {
                         return e.onComplete;
                       },
@@ -4873,7 +4875,7 @@ function it(e) {
                           }
                         });
                       }
-                    }), null), i(c, n(x, {
+                    }), null), i(c, n(y, {
                       get when() {
                         return e.canLeave;
                       },
@@ -4978,7 +4980,7 @@ function Pr(e) {
           }
         }), n(re, {
           get children() {
-            return [n(x, {
+            return [n(y, {
               get when() {
                 return o();
               },
@@ -5001,7 +5003,7 @@ function Pr(e) {
                 var s = Mi();
                 return i(s, a), s;
               }
-            }), n(x, {
+            }), n(y, {
               get when() {
                 return Q(() => !!e.canEnter)() && e.onEnter;
               },
@@ -5077,7 +5079,7 @@ function jr(e) {
     autoStart: () => a.autoStart ?? !1,
     accessCode: () => a.accessCode,
     autoEnterWaitlist: () => a.autoEnterWaitlist ?? !1
-  }), [f, s] = D(!1), [l, c] = D(!1), [v, w] = D(!1), [b, y] = D(!1), [_, V] = D(!1), [T, h] = D(!1), [m, k] = D(!1), [z, C] = D(!1), [I, U] = D(null), R = d(() => o.snapshot()), X = d(() => o.view()), W = d(() => X()?.journeyStage ?? null), le = d(() => {
+  }), [f, s] = D(!1), [l, c] = D(!1), [v, w] = D(!1), [b, x] = D(!1), [_, V] = D(!1), [T, m] = D(!1), [h, k] = D(!1), [z, C] = D(!1), [I, U] = D(null), R = d(() => o.snapshot()), X = d(() => o.view()), W = d(() => X()?.journeyStage ?? null), le = d(() => {
     const g = X();
     return g?.journeyStage === "routed" ? g : void 0;
   }), _e = d(() => dt(R())), L = d(() => _e()?.phase ?? le()?.sequence.phase ?? null), P = d(() => I() ?? o.error());
@@ -5180,13 +5182,13 @@ function jr(e) {
     const p = g.view$.get();
     p.journeyStage === "routed" && p.sequence.phase === "enterable" && "enter" in p.sequence && await p.sequence.enter();
   }, ve = async () => {
-    y(!0), U(null);
+    x(!0), U(null);
     try {
       await ue();
     } catch (g) {
       q(g);
     } finally {
-      y(!1);
+      x(!1);
     }
   }, Y = async () => {
     const g = o.journey();
@@ -5226,14 +5228,14 @@ function jr(e) {
   }, F = async (g, p) => {
     const S = o.journey();
     if (S) {
-      U(null), h(!0);
+      U(null), m(!0);
       try {
         const E = S.view$.get();
         E.journeyStage === "routed" && E.sequence.phase === "enterable" && "book" in E.sequence && await E.sequence.book(g, p);
       } catch (E) {
         q(E);
       } finally {
-        h(!1);
+        m(!1);
       }
     }
   }, B = async (g) => {
@@ -5666,7 +5668,7 @@ function jr(e) {
                   return T();
                 },
                 get isCancelling() {
-                  return m();
+                  return h();
                 },
                 get isRescheduling() {
                   return z();
@@ -5893,26 +5895,29 @@ function Or(e) {
       r(null), o(!1), s(v ?? "Missing required configuration. Set organization-id and publishable-key (or pass defaults to registerWebComponents()).");
       return;
     }
-    const y = c;
+    const x = c;
     let _ = !1, V = null;
     o(!0), s(null), r(null);
     async function T() {
       try {
-        const h = await sn(y);
-        if (V = h, _) {
-          h.destroy();
+        const m = await sn({
+          ...x,
+          autoResume: w && b
+        });
+        if (V = m, _) {
+          m.destroy();
           return;
         }
-        w && h.auth.getSession() && b && await h.journeys.resumeAll(), _ || (r(h), o(!1));
-      } catch (h) {
-        const m = h instanceof Error ? h.message : "Failed to initialize Fanfare SDK";
-        _ || (s(m), o(!1));
+        _ || (r(m), o(!1));
+      } catch (m) {
+        const h = m instanceof Error ? m.message : "Failed to initialize Fanfare SDK";
+        _ || (s(h), o(!1));
       }
     }
     T(), Se(() => {
       _ = !0, V && V.destroy();
     });
-  }), [n(Ur, {}), n(x, {
+  }), [n(Ur, {}), n(y, {
     get when() {
       return l();
     },
@@ -5920,7 +5925,7 @@ function Or(e) {
     get fallback() {
       return (() => {
         var c = Zi();
-        return i(c, n(x, {
+        return i(c, n(y, {
           get when() {
             return f();
           },