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

package/dist/index.js

@@ -2,7 +2,7 @@
 import { jsx as t, Fragment as Me, jsxs as u } from "react/jsx-runtime";
 import lr from "@fanfare-io/fanfare-sdk-core";
 import * as s from "react";
-import { createContext as jt, useMemo as X, useContext as zt, useState as ve, useRef as bt, useEffect as $e, useCallback as B, useSyncExternalStore as cr, forwardRef as kt, useLayoutEffect as dr } from "react";
+import { createContext as zt, useMemo as X, useContext as jt, useState as ve, useRef as bt, useEffect as $e, useCallback as B, useSyncExternalStore as cr, forwardRef as kt, useLayoutEffect as dr } from "react";
 import { getLocaleMessages as ur, mergeTranslations as aa, createTranslateFunction as ba, isRTLLocale as pr, en as gr, resolveLocaleMapValue as mr, normalizeLocale as hr } from "@fanfare-io/fanfare-sdk-i18n";
 import { RTL_LOCALES as Zo, isRTLLocale as Yo } from "@fanfare-io/fanfare-sdk-i18n";
 import { ensureFanfareError as mt, toDisplay as ra, classify as wr } from "@fanfare-io/fanfare-sdk-core/errors";
@@ -17,7 +17,7 @@ import Cr from "canvas-confetti";
 import { atom as qe } from "nanostores";
 import { bucketFromEtaSeconds as Dr, bucketI18nKey as Vr } from "@fanfare-io/fanfare-sdk-core/queues";
 import { createPortal as Er } from "react-dom";
-const ya = jt(null), ka = gr, Mr = ba(ka, "en"), Tr = {
+const ya = zt(null), ka = gr, Mr = ba(ka, "en"), Tr = {
   locale: "en",
   messages: ka,
   isRoot: !0,
@@ -26,9 +26,9 @@ const ya = jt(null), ka = gr, Mr = ba(ka, "en"), Tr = {
   experienceTranslations: null,
   setExperienceTranslations: () => {
   }
-}, _a = jt(Tr);
+}, _a = zt(Tr);
 function Ft() {
-  return zt(_a);
+  return jt(_a);
 }
 function K() {
   const { t: e, locale: a, dir: r } = Ft();
@@ -40,13 +40,13 @@ function Rr(e, a, r, n) {
     const i = e ?? o.locale, f = e && e !== o.locale ? ur(e) : o.messages, c = aa(
       f,
       r ?? o.experienceTranslations ?? void 0
-    ), g = aa(c, a), d = ba(g, i), x = pr(i) ? "rtl" : "ltr";
+    ), g = aa(c, a), d = ba(g, i), b = pr(i) ? "rtl" : "ltr";
     return {
       locale: i,
       messages: g,
       isRoot: !1,
       t: d,
-      dir: x,
+      dir: b,
       experienceTranslations: r ?? o.experienceTranslations,
       setExperienceTranslations: n ?? o.setExperienceTranslations
     };
@@ -77,7 +77,7 @@ function $o({
   publishableKey: c,
   environment: g,
   apiUrl: d,
-  credentials: x,
+  credentials: b,
   debug: m,
   auth: v,
   logging: w,
@@ -85,13 +85,13 @@ function $o({
   features: C,
   beacon: l
 }) {
-  const [h, p] = ve(null), [D, E] = ve(!0), T = bt(null), b = X(
+  const [h, p] = ve(null), [D, V] = ve(!0), T = bt(null), x = X(
     () => ({
       organizationId: f,
       publishableKey: c,
       environment: g,
       apiUrl: d,
-      credentials: x,
+      credentials: b,
       debug: m,
       auth: v,
       logging: w,
@@ -99,33 +99,33 @@ function $o({
       features: C,
       beacon: l
     }),
-    [f, c, g, d, x, m, v, w, y, C, l]
+    [f, c, g, d, b, m, v, w, y, C, l]
   );
   return $e(() => {
     let N = !0;
-    p(null), E(!0);
+    p(null), V(!0);
     async function S() {
       if (N)
         try {
-          const V = await lr(b);
+          const M = await lr({ ...x, autoResume: a && r });
           if (!N) {
-            await V.destroy();
+            await M.destroy();
             return;
           }
-          T.current = V, a && V.auth.getSession() && r && await V.journeys.resumeAll(), N && (p(V), E(!1));
-        } catch (V) {
-          console.error("Failed to initialize Fanfare SDK:", V), N && E(!1);
+          T.current = M, N && (p(M), V(!1));
+        } catch (M) {
+          console.error("Failed to initialize Fanfare SDK:", M), N && V(!1);
         }
     }
     return oa(S), () => {
       N = !1;
-      const V = T.current;
-      T.current = null, V && oa(() => V.destroy());
+      const M = T.current;
+      T.current = null, M && oa(() => M.destroy());
     };
-  }, [b, a, r]), D ? /* @__PURE__ */ t(Me, { children: n }) : h ? /* @__PURE__ */ t(ya.Provider, { value: h, children: /* @__PURE__ */ t(Na, { locale: o, translations: i, children: e }) }) : (console.error("Fanfare SDK failed to initialize"), null);
+  }, [x, a, r]), D ? /* @__PURE__ */ t(Me, { children: n }) : h ? /* @__PURE__ */ t(ya.Provider, { value: h, children: /* @__PURE__ */ t(Na, { locale: o, translations: i, children: e }) }) : (console.error("Fanfare SDK failed to initialize"), null);
 }
 function Nt() {
-  const e = zt(ya);
+  const e = jt(ya);
   if (!e)
     throw new Error(
       "useFanfare must be used within a FanfareProvider. Make sure your component is wrapped with <FanfareProvider>"
@@ -165,23 +165,23 @@ function qo() {
   };
 }
 function Sa(e, a) {
-  const r = Nt(), { locale: n, setExperienceTranslations: o } = Ft(), i = bt(null), f = bt(a), [c, g] = ve(null), [d, x] = ve(null), [m, v] = ve(null), [w, y] = ve(null), [C, l] = ve(null);
+  const r = Nt(), { locale: n, setExperienceTranslations: o } = Ft(), i = bt(null), f = bt(a), [c, g] = ve(null), [d, b] = ve(null), [m, v] = ve(null), [w, y] = ve(null), [C, l] = ve(null);
   $e(() => {
     f.current = a;
   }, [a]), $e(() => {
     if (!e) {
-      i.current = null, g(null), x(null), v(null), y(null), l(null);
+      i.current = null, g(null), b(null), v(null), y(null), l(null);
       return;
     }
     const p = r.journeys.get(e);
-    i.current = p, g(p), x(p.snapshot$.get()), v(p.view$.get());
+    i.current = p, g(p), b(p.snapshot$.get()), v(p.view$.get());
     const D = p.snapshot$.listen((T) => {
-      x(T);
-    }), E = p.view$.listen((T) => {
+      b(T);
+    }), V = p.view$.listen((T) => {
       v(T);
     });
     return () => {
-      D(), E();
+      D(), V();
     };
   }, [e, r]), $e(() => {
     if (!e) {
@@ -191,8 +191,8 @@ function Sa(e, a) {
     let p = !1;
     const D = d?.experience?.experience?.i18n;
     if (D) {
-      const E = mr(D, n);
-      o(E ?? null);
+      const V = mr(D, n);
+      o(V ?? null);
     } else p || o(null);
     return () => {
       p = !0, o(null);
@@ -204,23 +204,23 @@ function Sa(e, a) {
         throw new Error("experienceId is required to start an experience journey");
       const D = i.current ?? r.journeys.get(e);
       i.current = D, g(D), y(null), l(null);
-      const E = f.current, T = {
-        accessCode: p?.accessCode ?? E?.accessCode,
-        autoEnterWaitlist: p?.autoEnterWaitlist ?? E?.autoEnterWaitlist
+      const V = f.current, T = {
+        accessCode: p?.accessCode ?? V?.accessCode,
+        autoEnterWaitlist: p?.autoEnterWaitlist ?? V?.autoEnterWaitlist
       };
       try {
-        const b = D.view$.get();
-        if (b.journeyStage === "ready") {
+        const x = D.view$.get();
+        if (x.journeyStage === "ready") {
           const N = T.accessCode ? { accessCode: T.accessCode } : void 0;
-          await b.start(N);
+          await x.start(N);
         }
         if (T.autoEnterWaitlist) {
           const N = D.view$.get();
           N.journeyStage === "routed" && N.sequence.phase === "scheduled" && N.sequence.waitlist?.status === "not_waitlisted" && await N.sequence.waitlist.join();
         }
         return D.view$.get();
-      } catch (b) {
-        throw y(b instanceof Error ? b.message : "Unknown error"), l(mt(b)), b;
+      } catch (x) {
+        throw y(x instanceof Error ? x.message : "Unknown error"), l(mt(x)), x;
       }
     },
     [e, r]
@@ -236,12 +236,12 @@ function Sa(e, a) {
     start: h
   };
 }
-function je(e) {
+function ze(e) {
   const a = B((n) => e.listen(n), [e]), r = B(() => e.get(), [e]);
   return cr(a, r, r);
 }
 function Wo(e) {
-  return je(e.snapshot$);
+  return ze(e.snapshot$);
 }
 function Lr({ experienceId: e, autoStart: a, children: r }) {
   const n = Sa(e, {
@@ -257,7 +257,7 @@ function Uo({ experienceId: e, autoStart: a, renderHeader: r }) {
       const v = o.sequence;
       v.phase === "scheduled" && v.waitlist?.status === "not_waitlisted" && d.push("joinAttachment"), v.phase === "scheduled" && v.waitlist && v.waitlist.status !== "not_waitlisted" && d.push("leaveAttachment"), v.phase === "enterable" && d.push("enter"), v.phase === "participating" && "leave" in v && d.push("leave"), v.phase === "participating" && "complete" in v && d.push("complete"), "bid" in v && d.push("bid"), "book" in v && d.push("book"), "cancel" in v && d.push("cancel"), "reschedule" in v && d.push("reschedule"), "claim" in v && d.push("claim");
     }
-    const x = i ? {
+    const b = i ? {
       experienceId: i.experienceId,
       accessCode: i.accessCode,
       sequenceId: xr(i),
@@ -374,7 +374,7 @@ function Uo({ experienceId: e, autoStart: a, renderHeader: r }) {
           d.includes("reschedule") && /* @__PURE__ */ t("button", { type: "button", onClick: () => m("reschedule"), children: "Reschedule" }),
           d.includes("claim") && /* @__PURE__ */ t("button", { type: "button", onClick: () => m("claim"), children: "Claim" })
         ] }),
-        /* @__PURE__ */ t("pre", { children: JSON.stringify(x, null, 2) })
+        /* @__PURE__ */ t("pre", { children: JSON.stringify(b, null, 2) })
       ] })
     ] });
   } });
@@ -413,22 +413,22 @@ function Ir(e) {
   const a = e.replace(/\D/g, "");
   return e.startsWith("+") ? a.length >= 10 && a.length <= 15 : a.length === 10;
 }
-const jr = _r({
+const zr = _r({
   extend: {
     classGroups: {
       "font-size": ["text-xxs"]
     }
   }
 });
-function M(...e) {
-  return jr(kr(e));
+function E(...e) {
+  return zr(kr(e));
 }
 function fa(e, a) {
   if (typeof e == "function")
     return e(a);
   e != null && (e.current = a);
 }
-function zr(...e) {
+function jr(...e) {
   return (a) => {
     let r = !1;
     const n = e.map((o) => {
@@ -458,8 +458,8 @@ function Br(e) {
     Ca(i) && typeof xt == "function" && (i = xt(i._payload));
     const c = s.Children.toArray(i), g = c.find(Wr);
     if (g) {
-      const d = g.props.children, x = c.map((m) => m === g ? s.Children.count(d) > 1 ? s.Children.only(null) : s.isValidElement(d) ? d.props.children : null : m);
-      return /* @__PURE__ */ t(a, { ...f, ref: o, children: s.isValidElement(d) ? s.cloneElement(d, void 0, x) : null });
+      const d = g.props.children, b = c.map((m) => m === g ? s.Children.count(d) > 1 ? s.Children.only(null) : s.isValidElement(d) ? d.props.children : null : m);
+      return /* @__PURE__ */ t(a, { ...f, ref: o, children: s.isValidElement(d) ? s.cloneElement(d, void 0, b) : null });
     }
     return /* @__PURE__ */ t(a, { ...f, ref: o, children: i });
   });
@@ -472,7 +472,7 @@ function $r(e) {
     let { children: o, ...i } = r;
     if (Ca(o) && typeof xt == "function" && (o = xt(o._payload)), s.isValidElement(o)) {
       const f = Hr(o), c = Ur(i, o.props);
-      return o.type !== s.Fragment && (c.ref = n ? zr(n, f) : f), s.cloneElement(o, c);
+      return o.type !== s.Fragment && (c.ref = n ? jr(n, f) : f), s.cloneElement(o, c);
     }
     return s.Children.count(o) > 1 ? s.Children.only(null) : null;
   });
@@ -536,9 +536,9 @@ const ot = () => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-
   theme: Sr,
   variant: "default",
   isRoot: !0
-}, Tt = jt(Yr);
+}, Tt = zt(Yr);
 function ft() {
-  return zt(Tt);
+  return jt(Tt);
 }
 function Gr(e, a) {
   const r = ft();
@@ -590,7 +590,7 @@ function Rt({ theme: e, variant: a, as: r = "div", className: n, children: o })
   return e !== void 0 || a !== void 0 || i.isRoot ? /* @__PURE__ */ t(Tt.Provider, { value: f, children: /* @__PURE__ */ t(
     r,
     {
-      className: M("fanfare-themed", n),
+      className: E("fanfare-themed", n),
       style: c,
       "data-fanfare-themed": !0,
       "data-fanfare-variant": f.variant,
@@ -627,7 +627,7 @@ const Jr = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.
       ref: n,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
-      className: M(tn({ size: a, styleVariant: o }), e),
+      className: E(tn({ size: a, styleVariant: o }), e),
       "data-slot": "spinner",
       "data-size": a,
       "aria-hidden": "true",
@@ -790,7 +790,7 @@ const an = te(
       styleVariant: "default"
     }
   }
-), z = s.forwardRef(
+), j = s.forwardRef(
   ({
     className: e,
     variant: a,
@@ -802,7 +802,7 @@ const an = te(
     disabled: c,
     children: g,
     ...d
-  }, x) => {
+  }, b) => {
     const m = o ? Or : "button", v = ge(), [w, y] = s.useState(void 0);
     s.useImperativeHandle(i, () => ({
       success: () => y("success"),
@@ -817,7 +817,7 @@ const an = te(
     return /* @__PURE__ */ u(
       m,
       {
-        ref: x,
+        ref: b,
         "data-slot": "button",
         "data-variant": a,
         "data-size": r,
@@ -825,7 +825,7 @@ const an = te(
         "data-status": w || void 0,
         "aria-busy": n || void 0,
         "aria-disabled": C || void 0,
-        className: M(an({ variant: a, size: r, styleVariant: v, className: e })),
+        className: E(an({ variant: a, size: r, styleVariant: v, className: e })),
         disabled: C,
         ...d,
         children: [
@@ -842,7 +842,7 @@ const an = te(
             "span",
             {
               "data-slot": "button-content",
-              className: M(
+              className: E(
                 "ff:gap-inherit ff:flex ff:items-center",
                 (n || w) && "ff:opacity-0",
                 f
@@ -855,7 +855,7 @@ const an = te(
     );
   }
 );
-z.displayName = "Button";
+j.displayName = "Button";
 const sa = ["default", "rounded"], rn = te(
   [
     "ff:flex ff:w-full ff:rounded-md ff:px-3 ff:py-2",
@@ -920,8 +920,8 @@ const sa = ["default", "rounded"], rn = te(
   }
 }), yt = s.forwardRef(
   ({ className: e, type: a = "text", label: r, error: n, hasError: o, inlineLabel: i, inlineError: f, ...c }, g) => {
-    const { variant: d } = ft(), x = ge(), m = c.id || c.name, v = i ?? sa.includes(d), w = f ?? sa.includes(d), y = o || !!n, C = !!n && !o, l = v && r, h = !v && r, p = w && C, D = !w && C, E = M(
-      rn({ styleVariant: x }),
+    const { variant: d } = ft(), b = ge(), m = c.id || c.name, v = i ?? sa.includes(d), w = f ?? sa.includes(d), y = o || !!n, C = !!n && !o, l = v && r, h = !v && r, p = w && C, D = !w && C, V = E(
+      rn({ styleVariant: b }),
       y && "ff:border-danger ff:focus:border-danger ff:focus:ring-danger",
       // Extra padding for floating label
       l && "ff:pt-5 ff:pb-1",
@@ -945,8 +945,8 @@ const sa = ["default", "rounded"], rn = te(
               "aria-invalid": y,
               "aria-describedby": C ? `${m}-error` : void 0,
               placeholder: c.placeholder || " ",
-              className: M(
-                E,
+              className: E(
+                V,
                 // Placeholder shown state for label positioning
                 "ff:peer ff:placeholder:opacity-0 ff:placeholder:transition-opacity ff:placeholder:duration-200",
                 "ff:focus:placeholder:opacity-100"
@@ -959,7 +959,7 @@ const sa = ["default", "rounded"], rn = te(
             {
               htmlFor: m,
               "data-slot": "input-label",
-              className: M(
+              className: E(
                 "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",
@@ -974,7 +974,7 @@ const sa = ["default", "rounded"], rn = te(
                 // Error state
                 y && "ff:text-danger ff:peer-focus:text-danger",
                 // Style variant
-                la({ styleVariant: x })
+                la({ styleVariant: b })
               ),
               children: r
             }
@@ -1007,9 +1007,9 @@ const sa = ["default", "rounded"], rn = te(
         {
           htmlFor: m,
           "data-slot": "input-label",
-          className: M(
+          className: E(
             "ff:text-foreground ff:mb-1.5 ff:block ff:text-sm ff:font-medium",
-            la({ styleVariant: x })
+            la({ styleVariant: b })
           ),
           children: r
         }
@@ -1024,7 +1024,7 @@ const sa = ["default", "rounded"], rn = te(
             "data-slot": "input-field",
             "aria-invalid": y,
             "aria-describedby": C ? `${m}-error` : void 0,
-            className: E,
+            className: V,
             ...c
           }
         ),
@@ -1062,47 +1062,47 @@ const Ea = s.forwardRef(
     hasError: c,
     label: g,
     disabled: d,
-    ...x
+    ...b
   }, m) => {
-    const { t: v } = K(), [w, y] = s.useState(() => i === "auto" ? Va(a) : i), [C, l] = s.useState(!1), [h, p] = s.useState(null), [D, E] = s.useState(!1), [T, b] = s.useState(
+    const { t: v } = K(), [w, y] = s.useState(() => i === "auto" ? Va(a) : i), [C, l] = s.useState(!1), [h, p] = s.useState(null), [D, V] = s.useState(!1), [T, x] = s.useState(
       () => w === "phone" ? Dt(a) : a
     ), N = i === "auto";
     s.useEffect(() => {
       N || y(i);
     }, [i, N]), s.useEffect(() => {
-      b(w === "phone" ? Dt(a) : a);
+      x(w === "phone" ? Dt(a) : a);
     }, [a, w]);
     const S = s.useCallback(
       (L, J) => {
         if (!L) {
-          p(null), E(!1), n?.(!1);
+          p(null), V(!1), n?.(!1);
           return;
         }
-        J === "email" ? ht.safeParse(nn, L).success ? (p(null), E(!0), n?.(!0)) : (p(v("auth.invalidEmail")), E(!1), n?.(!1)) : Ir(L) ? (p(null), E(!0), n?.(!0)) : (p(v("auth.invalidPhone")), E(!1), n?.(!1));
+        J === "email" ? ht.safeParse(nn, L).success ? (p(null), V(!0), n?.(!0)) : (p(v("auth.invalidEmail")), V(!1), n?.(!1)) : Ir(L) ? (p(null), V(!0), n?.(!0)) : (p(v("auth.invalidPhone")), V(!1), n?.(!1));
       },
       [n]
     );
     s.useEffect(() => {
       S(a, w);
     }, [a, w, S]);
-    const V = (L) => {
+    const M = (L) => {
       const J = L.target.value;
       if (w === "phone") {
         const ne = Dt(J);
-        b(ne);
+        x(ne);
         const se = Ar(J);
         r(se || J, w);
       } else
-        b(J), r(J, w);
+        x(J), r(J, w);
     }, A = (L) => {
-      l(!0), x.onBlur?.(L);
+      l(!0), b.onBlur?.(L);
     }, I = (L) => {
-      L.key === "Enter" && o && (L.preventDefault(), o()), x.onKeyDown?.(L);
+      L.key === "Enter" && o && (L.preventDefault(), o()), b.onKeyDown?.(L);
     }, O = () => {
       const L = w === "email" ? "phone" : "email";
-      y(L), b(""), p(null), l(!1), E(!1), r("", L), n?.(!1);
-    }, $ = f || (C && !D ? h : null), fe = x.placeholder || v(w === "email" ? "auth.emailPlaceholder" : "auth.phonePlaceholder"), ce = N && /* @__PURE__ */ t(
-      z,
+      y(L), x(""), p(null), l(!1), V(!1), r("", L), n?.(!1);
+    }, $ = f || (C && !D ? h : null), fe = b.placeholder || v(w === "email" ? "auth.emailPlaceholder" : "auth.phonePlaceholder"), ce = N && /* @__PURE__ */ t(
+      j,
       {
         type: "button",
         variant: "link",
@@ -1116,7 +1116,7 @@ const Ea = s.forwardRef(
     return N ? /* @__PURE__ */ u(
       "div",
       {
-        className: M("fanfare-auth-input", e),
+        className: E("fanfare-auth-input", e),
         "data-slot": "auth-input",
         "data-mode": w,
         "data-valid": D || void 0,
@@ -1133,7 +1133,7 @@ const Ea = s.forwardRef(
               inputMode: w === "email" ? "email" : "tel",
               autoComplete: w === "email" ? "email" : "tel",
               value: T,
-              onChange: V,
+              onChange: M,
               onBlur: A,
               onKeyDown: I,
               placeholder: fe,
@@ -1143,7 +1143,7 @@ const Ea = s.forwardRef(
               inlineLabel: !1,
               inlineError: !1,
               "data-slot": "auth-input-field",
-              ...x
+              ...b
             }
           )
         ]
@@ -1156,7 +1156,7 @@ const Ea = s.forwardRef(
         inputMode: w === "email" ? "email" : "tel",
         autoComplete: w === "email" ? "email" : "tel",
         value: T,
-        onChange: V,
+        onChange: M,
         onBlur: A,
         onKeyDown: I,
         placeholder: fe,
@@ -1164,11 +1164,11 @@ const Ea = s.forwardRef(
         label: g,
         error: $ || void 0,
         hasError: c,
-        className: M("fanfare-auth-input", e),
+        className: E("fanfare-auth-input", e),
         "data-slot": "auth-input",
         "data-mode": w,
         "data-valid": D || void 0,
-        ...x
+        ...b
       }
     );
   }
@@ -1243,18 +1243,18 @@ const on = te(
     }
   }
 ), Ma = s.forwardRef(
-  ({ value: e = "", onChange: a, onComplete: r, length: n = 6, error: o, hasError: i, disabled: f, autoFocus: c, ariaDescribedBy: g, className: d }, x) => {
+  ({ value: e = "", onChange: a, onComplete: r, length: n = 6, error: o, hasError: i, disabled: f, autoFocus: c, ariaDescribedBy: g, className: d }, b) => {
     const m = ge(), v = s.useRef([]), [w, y] = s.useState(() => {
-      const b = e.split("").slice(0, n);
-      return [...b, ...Array(n - b.length).fill("")];
+      const x = e.split("").slice(0, n);
+      return [...x, ...Array(n - x.length).fill("")];
     });
     s.useEffect(() => {
-      const b = e.split("").slice(0, n);
-      y([...b, ...Array(n - b.length).fill("")]);
+      const x = e.split("").slice(0, n);
+      y([...x, ...Array(n - x.length).fill("")]);
     }, [e, n]);
-    const C = (b) => {
-      b >= 0 && b < n && v.current[b]?.focus();
-    }, l = (b, N) => {
+    const C = (x) => {
+      x >= 0 && x < n && v.current[x]?.focus();
+    }, l = (x, N) => {
       const S = N.replace(/\D/g, "");
       if (S.length > 1) {
         const O = S.slice(0, n).split(""), $ = [...O, ...Array(n - O.length).fill("")];
@@ -1263,44 +1263,44 @@ const on = te(
         a?.(fe), fe.length === n ? (r?.(fe), C(n - 1)) : C(O.length);
         return;
       }
-      const V = S.slice(-1), A = [...w];
-      A[b] = V, y(A);
+      const M = S.slice(-1), A = [...w];
+      A[x] = M, y(A);
       const I = A.join("");
-      a?.(I), V && b < n - 1 && C(b + 1), I.length === n && !I.includes("") && r?.(I);
-    }, h = (b, N) => {
+      a?.(I), M && x < n - 1 && C(x + 1), I.length === n && !I.includes("") && r?.(I);
+    }, h = (x, N) => {
       switch (N.key) {
         case "Backspace":
-          N.preventDefault(), w[b] ? l(b, "") : b > 0 && (C(b - 1), l(b - 1, ""));
+          N.preventDefault(), w[x] ? l(x, "") : x > 0 && (C(x - 1), l(x - 1, ""));
           break;
         case "ArrowLeft":
-          N.preventDefault(), C(b - 1);
+          N.preventDefault(), C(x - 1);
           break;
         case "ArrowRight":
-          N.preventDefault(), C(b + 1);
+          N.preventDefault(), C(x + 1);
           break;
         case "Delete":
-          N.preventDefault(), l(b, "");
+          N.preventDefault(), l(x, "");
           break;
       }
-    }, p = (b) => {
-      b.preventDefault();
-      const N = b.clipboardData.getData("text").replace(/\D/g, "").slice(0, n);
+    }, p = (x) => {
+      x.preventDefault();
+      const N = x.clipboardData.getData("text").replace(/\D/g, "").slice(0, n);
       if (N) {
-        const S = N.split(""), V = [...S, ...Array(n - S.length).fill("")];
-        y(V);
-        const A = V.join("");
+        const S = N.split(""), M = [...S, ...Array(n - S.length).fill("")];
+        y(M);
+        const A = M.join("");
         a?.(A), A.length === n ? (r?.(A), C(n - 1)) : C(S.length);
       }
-    }, D = (b) => {
-      b.target.select();
-    }, E = i || !!o, T = !!o && !i;
+    }, D = (x) => {
+      x.target.select();
+    }, V = i || !!o, T = !!o && !i;
     return /* @__PURE__ */ u(
       "div",
       {
-        ref: x,
-        className: M("fanfare-otp-input", "ff:space-y-1.5", d),
+        ref: b,
+        className: E("fanfare-otp-input", "ff:space-y-1.5", d),
         "data-slot": "otp-input",
-        "data-error": E || void 0,
+        "data-error": V || void 0,
         children: [
           /* @__PURE__ */ t(
             "div",
@@ -1309,7 +1309,7 @@ const on = te(
               className: "ff:grid ff:gap-2",
               style: { gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` },
               onPaste: p,
-              children: Array.from({ length: n }).map((b, N) => /* @__PURE__ */ t(
+              children: Array.from({ length: n }).map((x, N) => /* @__PURE__ */ t(
                 "input",
                 {
                   ref: (S) => {
@@ -1327,9 +1327,9 @@ const on = te(
                   disabled: f,
                   autoFocus: c && N === 0,
                   "aria-label": `Digit ${N + 1} of ${n}`,
-                  "aria-invalid": E,
-                  "aria-describedby": E ? g : void 0,
-                  className: on({ styleVariant: m, hasError: E })
+                  "aria-invalid": V,
+                  "aria-describedby": V ? g : void 0,
+                  className: on({ styleVariant: m, hasError: V })
                 },
                 N
               ))
@@ -1380,20 +1380,20 @@ const fn = te(["ff:rounded-lg ff:p-6", "ff:bg-background", "ff:text-foreground"]
       ref: n,
       "data-slot": "card",
       "data-variant": a,
-      className: M(fn({ variant: a, styleVariant: o, className: e })),
+      className: E(fn({ variant: a, styleVariant: o, className: e })),
       ...r
     }
   );
 });
 Ta.displayName = "Card";
-const sn = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, "data-slot": "card-header", className: M("fanfare-card-header ff:mb-4", e), ...a }));
+const sn = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, "data-slot": "card-header", className: E("fanfare-card-header ff:mb-4", e), ...a }));
 sn.displayName = "CardHeader";
 const ln = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
   "h3",
   {
     ref: r,
     "data-slot": "card-title",
-    className: M("ff:text-lg ff:font-heading ff:font-semibold ff:leading-none", "ff:text-foreground", e),
+    className: E("ff:text-lg ff:font-heading ff:font-semibold ff:leading-none", "ff:text-foreground", e),
     ...a
   }
 ));
@@ -1404,20 +1404,20 @@ const cn = s.forwardRef(
     {
       ref: r,
       "data-slot": "card-description",
-      className: M("ff:mt-1 ff:text-sm", "ff:text-muted", e),
+      className: E("ff:mt-1 ff:text-sm", "ff:text-muted", e),
       ...a
     }
   )
 );
 cn.displayName = "CardDescription";
-const dn = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, "data-slot": "card-content", className: M(e), ...a }));
+const dn = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, "data-slot": "card-content", className: E(e), ...a }));
 dn.displayName = "CardContent";
 const un = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
   "div",
   {
     ref: r,
     "data-slot": "card-footer",
-    className: M("ff:mt-4 ff:flex ff:items-center ff:gap-2", e),
+    className: E("ff:mt-4 ff:flex ff:items-center ff:gap-2", e),
     ...a
   }
 ));
@@ -1428,7 +1428,7 @@ const Ra = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ u(
     ref: r,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 5647 2166",
-    className: M("ff:h-5 ff:w-auto", e),
+    className: E("ff:h-5 ff:w-auto", e),
     "data-slot": "fanfare-logo",
     ...a,
     children: [
@@ -1558,7 +1558,7 @@ const Z = s.forwardRef(({ className: e, children: a, ...r }, n) => /* @__PURE__
   {
     ref: n,
     "data-slot": "panel-body",
-    className: M("ff:flex ff:flex-1 ff:flex-col ff:gap-5", e),
+    className: E("ff:flex ff:flex-1 ff:flex-col ff:gap-5", e),
     ...r,
     children: a
   }
@@ -1572,7 +1572,7 @@ const H = s.forwardRef(
       {
         ref: n,
         "data-slot": "panel-footer",
-        className: M(
+        className: E(
           "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",
           (i === "clean" || i === "retro") && "ff:font-mono",
           e
@@ -1601,7 +1601,7 @@ const Y = s.forwardRef(
       {
         ref: n,
         "data-slot": "panel-layout",
-        className: M("ff:flex ff:flex-col ff:overflow-hidden ff:p-0 ff:max-h-[24rem]", e),
+        className: E("ff:flex ff:flex-col ff:overflow-hidden ff:p-0 ff:max-h-[24rem]", e),
         ...r,
         children: [
           /* @__PURE__ */ t("div", { className: "ff:flex ff:flex-1 ff:flex-col ff:gap-5 ff:p-5", children: f }),
@@ -1734,7 +1734,7 @@ const pn = ["clean"], gn = te(["ff:inline-flex ff:items-center", "ff:text-xs ff:
   outline: "ff:bg-foreground/40"
 }, La = s.forwardRef(
   ({ className: e, variant: a = "default", solidBackground: r, children: n, ...o }, i) => {
-    const { variant: f } = ft(), c = ge(), g = a ?? "default", d = r ?? !pn.includes(f), x = !d && ca[g];
+    const { variant: f } = ft(), c = ge(), g = a ?? "default", d = r ?? !pn.includes(f), b = !d && ca[g];
     return /* @__PURE__ */ u(
       "span",
       {
@@ -1742,13 +1742,13 @@ const pn = ["clean"], gn = te(["ff:inline-flex ff:items-center", "ff:text-xs ff:
         "data-slot": "badge",
         "data-variant": g,
         "data-solid-background": d,
-        className: M(gn({ variant: g, solid: d, styleVariant: c, className: e })),
+        className: E(gn({ variant: g, solid: d, styleVariant: c, className: e })),
         ...o,
         children: [
-          x && /* @__PURE__ */ t(
+          b && /* @__PURE__ */ t(
             "span",
             {
-              className: M("ff:size-1.5 ff:shrink-0 ff:rounded-full", ca[g]),
+              className: E("ff:size-1.5 ff:shrink-0 ff:rounded-full", ca[g]),
               "aria-hidden": "true"
             }
           ),
@@ -1760,7 +1760,7 @@ const pn = ["clean"], gn = te(["ff:inline-flex ff:items-center", "ff:text-xs ff:
 );
 La.displayName = "Badge";
 const G = s.forwardRef(
-  ({ variant: e = "default", label: a, title: r, description: n, className: o, ...i }, f) => /* @__PURE__ */ u("div", { ref: f, "data-slot": "panel-header", className: M("ff:flex ff:flex-col ff:gap-4", o), ...i, children: [
+  ({ variant: e = "default", label: a, title: r, description: n, className: o, ...i }, f) => /* @__PURE__ */ u("div", { ref: f, "data-slot": "panel-header", className: E("ff:flex ff:flex-col ff:gap-4", o), ...i, children: [
     a ? /* @__PURE__ */ t("div", { className: "ff:flex", children: /* @__PURE__ */ t(La, { variant: e, solidBackground: !1, children: a }) }) : null,
     r || n ? /* @__PURE__ */ u("div", { children: [
       r ? /* @__PURE__ */ t("h2", { className: "ff:text-xl ff:font-semibold ff:text-foreground", children: r }) : null,
@@ -1783,7 +1783,7 @@ const mn = te(["ff:flex ff:flex-col ff:gap-2", "ff:p-4", "ff:text-xs ff:text-for
   }
 }), ie = s.forwardRef(({ className: e, children: a, ...r }, n) => {
   const o = ge();
-  return /* @__PURE__ */ t("div", { ref: n, "data-slot": "info-panel", className: M(mn({ styleVariant: o }), e), ...r, children: a });
+  return /* @__PURE__ */ t("div", { ref: n, "data-slot": "info-panel", className: E(mn({ styleVariant: o }), e), ...r, children: a });
 });
 ie.displayName = "InfoPanel";
 const hn = te(["ff:flex ff:items-start ff:gap-3", "ff:rounded-lg ff:p-4"], {
@@ -1862,12 +1862,12 @@ const be = s.forwardRef(
         "data-slot": "alert-panel",
         "data-tone": e,
         role: e === "success" ? "status" : "alert",
-        className: M(hn({ tone: e }), o),
+        className: E(hn({ tone: e }), o),
         ...i,
         children: [
-          /* @__PURE__ */ t("div", { className: M(wn({ tone: e })), "aria-hidden": "true", children: a ?? c }),
+          /* @__PURE__ */ t("div", { className: E(wn({ tone: e })), "aria-hidden": "true", children: a ?? c }),
           /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-1", children: [
-            r ? /* @__PURE__ */ t("p", { className: M(vn({ tone: e })), children: r }) : null,
+            r ? /* @__PURE__ */ t("p", { className: E(vn({ tone: e })), children: r }) : null,
             n ? /* @__PURE__ */ t("p", { className: "ff:text-xs ff:text-foreground/80", children: n }) : null
           ] })
         ]
@@ -2114,13 +2114,13 @@ function pe({
   showSeconds: c = !0,
   layout: g = "swiss",
   size: d = "default",
-  tone: x = "calm"
+  tone: b = "calm"
 }) {
   const { t: m } = K(), { timeRemaining: v, isClient: w, isPast: y } = Tn(e, a), C = ge();
   if (!w)
     return null;
   if (y && r)
-    return /* @__PURE__ */ t("span", { className: M("ff:text-muted ff:font-heading", n), "data-slot": "countdown", "data-past": "", children: r });
+    return /* @__PURE__ */ t("span", { className: E("ff:text-muted ff:font-heading", n), "data-slot": "countdown", "data-past": "", children: r });
   const l = y ? "ff:opacity-50" : void 0, p = [
     {
       value: v.days,
@@ -2141,22 +2141,22 @@ function pe({
       shortLabel: m("countdown.secondsShort"),
       show: c
     }
-  ].filter((E) => E.show), D = g === "swiss" ? p.slice(0, 3) : p;
+  ].filter((V) => V.show), D = g === "swiss" ? p.slice(0, 3) : p;
   if (g === "compact") {
-    const E = (T) => T.toString().padStart(2, "0");
+    const V = (T) => T.toString().padStart(2, "0");
     return /* @__PURE__ */ t(
       "span",
       {
-        className: M("ff:tabular-nums ff:font-heading", l, n),
+        className: E("ff:tabular-nums ff:font-heading", l, n),
         "data-slot": "countdown",
         "data-layout": "compact",
         "data-past": y || void 0,
         role: "timer",
         "aria-live": y ? "off" : "polite",
-        children: D.map((T, b) => /* @__PURE__ */ u(s.Fragment, { children: [
-          E(T.value),
+        children: D.map((T, x) => /* @__PURE__ */ u(s.Fragment, { children: [
+          V(T.value),
           T.shortLabel,
-          b < D.length - 1 && " "
+          x < D.length - 1 && " "
         ] }, T.label))
       }
     );
@@ -2164,18 +2164,18 @@ function pe({
   return /* @__PURE__ */ t(
     "div",
     {
-      className: M(Dn({ styleVariant: C, size: d }), l, n),
+      className: E(Dn({ styleVariant: C, size: d }), l, n),
       "data-slot": "countdown",
       "data-layout": "swiss",
       "data-size": d,
-      "data-tone": x,
+      "data-tone": b,
       "data-past": y || void 0,
       role: "timer",
       "aria-live": y ? "off" : "polite",
-      children: D.map((E, T) => /* @__PURE__ */ u(s.Fragment, { children: [
-        /* @__PURE__ */ t(En, { value: E.value, label: E.label, styleVariant: C, size: d, tone: x }),
+      children: D.map((V, T) => /* @__PURE__ */ u(s.Fragment, { children: [
+        /* @__PURE__ */ t(En, { value: V.value, label: V.label, styleVariant: C, size: d, tone: b }),
         T < D.length - 1 && /* @__PURE__ */ t(Mn, { styleVariant: C, size: d })
-      ] }, E.label))
+      ] }, V.label))
     }
   );
 }
@@ -2189,7 +2189,7 @@ function nt({ show: e, presenceKey: a, children: r, className: n }) {
       animate: { opacity: 1, y: 0 },
       exit: o ? { opacity: 0 } : { opacity: 0, y: -4 },
       transition: { duration: 0.18, ease: "easeOut" },
-      className: M(n),
+      className: E(n),
       children: r
     },
     a ?? "fade-presence"
@@ -2257,7 +2257,7 @@ function rt({ children: e, transitionKey: a, mode: r, layout: n = !0, className:
       transition: d.transition,
       layout: n && !f,
       "data-slot": "transition",
-      className: M(o),
+      className: E(o),
       children: e
     },
     a
@@ -2280,7 +2280,7 @@ function Aa({
   description: c,
   countdownTo: g,
   submitLabel: d,
-  verifyLabel: x,
+  verifyLabel: b,
   allowSkip: m = !1,
   showBranding: v = !0,
   defaultStep: w = "credential",
@@ -2289,23 +2289,23 @@ function Aa({
   defaultError: l,
   className: h
 }) {
-  const { t: p } = K(), D = s.useId(), E = i ?? p("auth.badgeLabel"), T = f ?? p("auth.title"), b = c ?? p("auth.description"), N = d ?? p("auth.submit"), S = x ?? p("auth.verify"), [V, A] = s.useState(w), [I, O] = s.useState(y ?? ""), [$, fe] = s.useState(
+  const { t: p } = K(), D = s.useId(), V = i ?? p("auth.badgeLabel"), T = f ?? p("auth.title"), x = c ?? p("auth.description"), N = d ?? p("auth.submit"), S = b ?? p("auth.verify"), [M, A] = s.useState(w), [I, O] = s.useState(y ?? ""), [$, fe] = s.useState(
     C ?? Va(y ?? "")
   ), [ce, L] = s.useState(!1), [J, ne] = s.useState(""), [se, de] = s.useState(!1), [ee, P] = s.useState(l ?? null), [ae, me] = s.useState(
     w === "verify" && (y ?? "").length > 0 ? Date.now() + Et : null
   ), [ke, Re] = s.useState(() => Date.now()), [ue, q] = s.useState(!1), [_e, Ne] = s.useState(!1), st = p($ === "email" ? "auth.email" : "auth.phone");
   s.useEffect(() => {
-    if (V !== "verify") return;
+    if (M !== "verify") return;
     const W = setInterval(() => Re(Date.now()), 1e3);
     return () => clearInterval(W);
-  }, [V]), s.useEffect(() => {
+  }, [M]), s.useEffect(() => {
     if (!ue) return;
     const W = setTimeout(() => q(!1), Ln);
     return () => clearTimeout(W);
   }, [ue]);
   const Ue = ae ? Math.max(0, ae - ke) : 0, lt = Ue > 0, xe = s.useRef(null);
   ee && (xe.current = ee);
-  const F = ee ?? xe.current ?? "", ze = (W, Se) => {
+  const F = ee ?? xe.current ?? "", je = (W, Se) => {
     O(W), fe(Se), P(null);
   }, Fe = async (W) => {
     if (W?.preventDefault(), !(!ce || !I)) {
@@ -2349,14 +2349,14 @@ function Aa({
       }
     }
   };
-  if (V === "success")
-    return /* @__PURE__ */ u(Y, { className: M("fanfare-auth-form", h), "data-slot": "auth-form", "data-step": "success", children: [
+  if (M === "success")
+    return /* @__PURE__ */ u(Y, { className: E("fanfare-auth-form", h), "data-slot": "auth-form", "data-step": "success", children: [
       /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-center ff:gap-3 ff:py-4", children: [
         /* @__PURE__ */ t(
           "div",
           {
             "data-slot": "auth-form-success-icon",
-            className: M(
+            className: E(
               "ff:flex ff:h-12 ff:w-12 ff:items-center ff:justify-center ff:rounded-full",
               "ff:bg-success/10 ff:text-success"
             ),
@@ -2367,17 +2367,17 @@ function Aa({
       ] }) }),
       v && /* @__PURE__ */ t(H, {})
     ] });
-  const Ke = V === "credential" ? T : p("auth.verifyTitle");
-  return /* @__PURE__ */ u(Y, { className: M("fanfare-auth-form", h), "data-slot": "auth-form", "data-step": V, children: [
-    /* @__PURE__ */ t(G, { variant: o, label: E }),
+  const Ke = M === "credential" ? T : p("auth.verifyTitle");
+  return /* @__PURE__ */ u(Y, { className: E("fanfare-auth-form", h), "data-slot": "auth-form", "data-step": M, children: [
+    /* @__PURE__ */ t(G, { variant: o, label: V }),
     /* @__PURE__ */ u(Z, { children: [
       g ? /* @__PURE__ */ u("div", { "data-slot": "auth-form-countdown", className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
         /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: p("time.opensIn") }),
         /* @__PURE__ */ t(pe, { targetDate: g, showDays: !1 })
       ] }) : null,
-      /* @__PURE__ */ t("div", { "data-slot": "auth-form-heading", children: /* @__PURE__ */ t(rt, { transitionKey: V, mode: "fade", children: V === "credential" ? /* @__PURE__ */ u(Me, { children: [
+      /* @__PURE__ */ t("div", { "data-slot": "auth-form-heading", children: /* @__PURE__ */ t(rt, { transitionKey: M, mode: "fade", children: M === "credential" ? /* @__PURE__ */ u(Me, { children: [
         /* @__PURE__ */ t("h2", { className: "ff:text-foreground ff:text-xl ff:font-semibold", children: Ke }),
-        /* @__PURE__ */ t("p", { className: "ff:text-muted-foreground ff:text-xs", children: b })
+        /* @__PURE__ */ t("p", { className: "ff:text-muted-foreground ff:text-xs", children: x })
       ] }) : /* @__PURE__ */ u(Me, { children: [
         /* @__PURE__ */ t("h2", { className: "ff:text-foreground ff:text-xl ff:font-semibold", children: Ke }),
         I ? /* @__PURE__ */ u("p", { className: "ff:text-muted-foreground ff:text-xxs", children: [
@@ -2385,7 +2385,7 @@ function Aa({
           " ",
           /* @__PURE__ */ t("strong", { className: "ff:text-foreground ff:font-semibold", children: I }),
           " · ",
-          /* @__PURE__ */ t(z, { type: "button", variant: "link", size: "xs", onClick: ct, disabled: se, children: p("auth.change") })
+          /* @__PURE__ */ t(j, { type: "button", variant: "link", size: "xs", onClick: ct, disabled: se, children: p("auth.change") })
         ] }) : /* @__PURE__ */ t("p", { className: "ff:text-muted-foreground ff:text-xs", children: p("auth.verifyDescription", { values: { type: st } }) })
       ] }) }) }),
       /* @__PURE__ */ u(
@@ -2393,14 +2393,14 @@ function Aa({
         {
           className: "ff:flex ff:flex-1 ff:flex-col ff:gap-5",
           onSubmit: (W) => {
-            W.preventDefault(), V === "credential" ? Fe(W) : He(W);
+            W.preventDefault(), M === "credential" ? Fe(W) : He(W);
           },
           children: [
-            /* @__PURE__ */ t(rt, { transitionKey: V, children: V === "credential" ? /* @__PURE__ */ t(
+            /* @__PURE__ */ t(rt, { transitionKey: M, children: M === "credential" ? /* @__PURE__ */ t(
               Ea,
               {
                 value: I,
-                onValueChange: ze,
+                onValueChange: je,
                 onValidChange: L,
                 onSubmit: () => {
                   Fe();
@@ -2423,10 +2423,10 @@ function Aa({
                 disabled: se
               }
             ) }),
-            /* @__PURE__ */ t(nt, { show: V === "verify", presenceKey: "resend-area", children: /* @__PURE__ */ t(rt, { transitionKey: ue ? "success" : "cooldown", mode: "fade", layout: !1, children: ue ? /* @__PURE__ */ t(be, { tone: "success", title: p("auth.newCodeSent") }) : /* @__PURE__ */ u("div", { "data-slot": "auth-form-resend", className: "ff:flex ff:items-center ff:justify-between", children: [
+            /* @__PURE__ */ t(nt, { show: M === "verify", presenceKey: "resend-area", children: /* @__PURE__ */ t(rt, { transitionKey: ue ? "success" : "cooldown", mode: "fade", layout: !1, children: ue ? /* @__PURE__ */ t(be, { tone: "success", title: p("auth.newCodeSent") }) : /* @__PURE__ */ u("div", { "data-slot": "auth-form-resend", className: "ff:flex ff:items-center ff:justify-between", children: [
               /* @__PURE__ */ t("span", { className: "ff:text-muted-foreground ff:text-xxs", children: p("auth.didntGetIt") }),
               lt ? /* @__PURE__ */ t("span", { className: "ff:text-muted-foreground ff:text-xxs ff:tabular-nums", children: An(Ue) }) : /* @__PURE__ */ t(
-                z,
+                j,
                 {
                   type: "button",
                   variant: "link",
@@ -2442,15 +2442,15 @@ function Aa({
             /* @__PURE__ */ t(nt, { show: !!ee, presenceKey: "error-alert", children: /* @__PURE__ */ t(be, { id: D, tone: "danger", title: F }) }),
             /* @__PURE__ */ u("div", { className: "ff:mt-auto ff:flex ff:flex-col ff:gap-2", children: [
               /* @__PURE__ */ t(
-                z,
+                j,
                 {
                   type: "submit",
                   className: "ff:w-full",
-                  disabled: se || _e || (V === "credential" ? !ce : J.length < 6),
-                  children: se ? /* @__PURE__ */ t(Te, { size: "sm" }) : V === "credential" ? N : S
+                  disabled: se || _e || (M === "credential" ? !ce : J.length < 6),
+                  children: se ? /* @__PURE__ */ t(Te, { size: "sm" }) : M === "credential" ? N : S
                 }
               ),
-              m && V === "credential" && /* @__PURE__ */ t(z, { type: "button", variant: "outline", className: "ff:w-full", onClick: r, disabled: se, children: p("common.skip") })
+              m && M === "credential" && /* @__PURE__ */ t(j, { type: "button", variant: "outline", className: "ff:w-full", onClick: r, disabled: se, children: p("common.skip") })
             ] })
           ]
         }
@@ -2489,14 +2489,14 @@ const Ia = s.forwardRef(
       placeholder: f,
       error: o,
       hasError: i,
-      className: M("fanfare-access-code-input", e),
+      className: E("fanfare-access-code-input", e),
       "data-slot": "access-code-input",
       ...g
     }
   )
 );
 Ia.displayName = "AccessCodeInput";
-function ja({
+function za({
   onSubmit: e,
   onSkip: a,
   variant: r = "secondary",
@@ -2507,22 +2507,22 @@ function ja({
   submitLabel: c,
   allowSkip: g = !1,
   autoUppercase: d = !0,
-  defaultError: x,
+  defaultError: b,
   className: m
 }) {
-  const { t: v } = K(), w = n ?? v("accessCode.badgeLabel"), y = o ?? v("accessCode.title"), C = i ?? v("accessCode.description"), l = c ?? v("accessCode.submit"), [h, p] = s.useState(""), [D, E] = s.useState(!1), [T, b] = s.useState(x ?? null), N = async (S) => {
+  const { t: v } = K(), w = n ?? v("accessCode.badgeLabel"), y = o ?? v("accessCode.title"), C = i ?? v("accessCode.description"), l = c ?? v("accessCode.submit"), [h, p] = s.useState(""), [D, V] = s.useState(!1), [T, x] = s.useState(b ?? null), N = async (S) => {
     if (S?.preventDefault(), !!h.trim()) {
-      E(!0), b(null);
+      V(!0), x(null);
       try {
         await e?.(h.trim());
-      } catch (V) {
-        b(V instanceof Error ? V.message : v("accessCode.invalid"));
+      } catch (M) {
+        x(M instanceof Error ? M.message : v("accessCode.invalid"));
       } finally {
-        E(!1);
+        V(!1);
       }
     }
   };
-  return /* @__PURE__ */ u(Y, { className: M("fanfare-access-code-form", m), "data-slot": "access-code-form", children: [
+  return /* @__PURE__ */ u(Y, { className: E("fanfare-access-code-form", m), "data-slot": "access-code-form", children: [
     /* @__PURE__ */ t(G, { variant: r, label: w }),
     /* @__PURE__ */ u(Z, { children: [
       f ? /* @__PURE__ */ u("div", { "data-slot": "access-code-form-countdown", className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
@@ -2541,7 +2541,7 @@ function ja({
           {
             value: h,
             onValueChange: (S) => {
-              p(S), b(null);
+              p(S), x(null);
             },
             onSubmit: () => {
               N();
@@ -2555,27 +2555,27 @@ function ja({
         ),
         T ? /* @__PURE__ */ t(be, { tone: "danger", title: T }) : null,
         /* @__PURE__ */ u("div", { className: "ff:mt-auto ff:flex ff:flex-col ff:gap-2", children: [
-          /* @__PURE__ */ t(z, { type: "submit", className: "ff:w-full", disabled: D || !h.trim(), children: D ? /* @__PURE__ */ t(Te, { size: "sm" }) : l }),
-          g && /* @__PURE__ */ t(z, { type: "button", variant: "outline", className: "ff:w-full", onClick: a, disabled: D, children: v("common.skip") })
+          /* @__PURE__ */ t(j, { type: "submit", className: "ff:w-full", disabled: D || !h.trim(), children: D ? /* @__PURE__ */ t(Te, { size: "sm" }) : l }),
+          g && /* @__PURE__ */ t(j, { type: "button", variant: "outline", className: "ff:w-full", onClick: a, disabled: D, children: v("common.skip") })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ t(H, {})
   ] });
 }
-ja.displayName = "AccessCodeForm";
+za.displayName = "AccessCodeForm";
 function In(e) {
   if (!e || typeof e != "object") return !1;
   const a = e;
   return typeof a.kind != "string" || typeof a.challengeId != "string" ? !1 : a.kind === "fanfare:challenge:turnstile" ? typeof a.token == "string" && a.token.length > 0 : a.kind === "fanfare:challenge:turnstile_error" || a.kind === "fanfare:challenge:turnstile_expired";
 }
-function jn(e, a) {
+function zn(e, a) {
   const r = e?.blockedUntil;
   if (!r) return { blocked: !1 };
   const n = Date.parse(r);
   return Number.isFinite(n) ? { blocked: a < n, blockedUntil: r } : { blocked: !1 };
 }
-function zn(e, a) {
+function jn(e, a) {
   const r = new Date(e);
   try {
     return r.toLocaleString(hr(a));
@@ -2583,7 +2583,7 @@ function zn(e, a) {
     return r.toLocaleString();
   }
 }
-function za({
+function ja({
   challenge: e,
   botMitigation: a,
   onVerifyToken: r,
@@ -2594,9 +2594,9 @@ function za({
   description: c,
   countdownTo: g,
   retryLabel: d,
-  className: x
+  className: b
 }) {
-  const { t: m, locale: v } = K(), [w, y] = s.useState(0), [C, l] = s.useState(!1), [h, p] = s.useState(!1), [D, E] = s.useState(null), [T, b] = s.useState(!1), [N, S] = s.useState("reload"), [V, A] = s.useState(() => Date.now()), I = X(() => {
+  const { t: m, locale: v } = K(), [w, y] = s.useState(0), [C, l] = s.useState(!1), [h, p] = s.useState(!1), [D, V] = s.useState(null), [T, x] = s.useState(!1), [N, S] = s.useState("reload"), [M, A] = s.useState(() => Date.now()), I = X(() => {
     if (!e?.iframeUrl) return null;
     try {
       return new URL(e.iframeUrl).origin;
@@ -2623,43 +2623,43 @@ function za({
     };
   }, [a?.blockedUntil]);
   const { blocked: $, blockedUntil: fe } = X(
-    () => jn(a, V),
-    [a, V]
+    () => zn(a, M),
+    [a, M]
   ), ce = typeof a?.attemptsRemaining == "number" ? a.attemptsRemaining : void 0;
   s.useEffect(() => {
-    y(0), l(!1), p(!1), E(null), b(!1), S("reload");
+    y(0), l(!1), p(!1), V(null), x(!1), S("reload");
   }, [e?.id]), s.useEffect(() => {
-    T && a?.message && E(a.message);
+    T && a?.message && V(a.message);
   }, [T, a?.message]), s.useEffect(() => {
     if (!e?.id || !I) return;
     const ee = (P) => {
       if (P.origin !== I || !In(P.data) || P.data.challengeId !== e.id) return;
       if (P.data.kind === "fanfare:challenge:turnstile") {
         const ke = P.data.token;
-        b(!0), p(!0), E(null), (async () => {
+        x(!0), p(!0), V(null), (async () => {
           try {
             await r(ke);
           } catch (Re) {
-            E(Re instanceof Error ? Re.message : m("challenge.verificationFailed"));
+            V(Re instanceof Error ? Re.message : m("challenge.verificationFailed"));
           } finally {
             p(!1);
           }
         })();
         return;
       }
-      b(!0);
+      x(!0);
       const ae = typeof P.data.reason == "string" ? P.data.reason : void 0, me = typeof P.data.message == "string" ? P.data.message : void 0;
       if (ae === "challenge_expired" || ae === "challenge_not_found") {
-        S("reroute"), E(
+        S("reroute"), V(
           me ?? (P.data.kind === "fanfare:challenge:turnstile_expired" ? m("challenge.expiredRefresh") : m("challenge.errorRefresh"))
         );
         return;
       }
       if (S("reload"), P.data.kind === "fanfare:challenge:turnstile_expired") {
-        E(me ?? m("challenge.expiredRetry")), y((ke) => ke + 1), l(!1);
+        V(me ?? m("challenge.expiredRetry")), y((ke) => ke + 1), l(!1);
         return;
       }
-      E(me ?? m("challenge.errorRetry")), y((ke) => ke + 1), l(!1);
+      V(me ?? m("challenge.errorRetry")), y((ke) => ke + 1), l(!1);
     };
     return window.addEventListener("message", ee), () => {
       window.removeEventListener("message", ee);
@@ -2667,13 +2667,13 @@ function za({
   }, [e?.id, I, r, m]);
   const L = f ?? m("challenge.title"), J = c ?? m("challenge.description"), ne = d ?? m("challenge.retry"), se = i ?? m("challenge.badgeLabel"), de = () => {
     const ee = N;
-    if (E(null), b(!1), n && (ee === "reroute" || !O || typeof ce == "number" && ce <= 0)) {
+    if (V(null), x(!1), n && (ee === "reroute" || !O || typeof ce == "number" && ce <= 0)) {
       S("reload"), n();
       return;
     }
     S("reload"), y((P) => P + 1), l(!1);
   };
-  return /* @__PURE__ */ u(Y, { className: M("fanfare-challenge-gate", x), "data-slot": "challenge-gate", children: [
+  return /* @__PURE__ */ u(Y, { className: E("fanfare-challenge-gate", b), "data-slot": "challenge-gate", children: [
     /* @__PURE__ */ t(G, { variant: o, label: se }),
     /* @__PURE__ */ u(Z, { children: [
       g ? /* @__PURE__ */ u("div", { "data-slot": "challenge-gate-countdown", className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
@@ -2689,7 +2689,7 @@ function za({
         {
           tone: "danger",
           title: a?.message ?? m("challenge.blockedDefault"),
-          description: fe ? m("challenge.blockedUntil", { values: { date: zn(fe, v) } }) : void 0
+          description: fe ? m("challenge.blockedUntil", { values: { date: jn(fe, v) } }) : void 0
         }
       ) : O ? /* @__PURE__ */ u("div", { className: "ff:relative ff:w-full ff:rounded-md ff:border ff:border-border ff:bg-background ff:overflow-hidden", children: [
         !C && /* @__PURE__ */ t("div", { className: "ff:absolute ff:inset-0 ff:flex ff:items-center ff:justify-center ff:bg-background/60", children: /* @__PURE__ */ t(Te, { size: "lg" }) }),
@@ -2716,33 +2716,33 @@ function za({
           description: ce !== void 0 ? m("challenge.attemptsRemaining", { values: { count: ce } }) : void 0
         }
       ),
-      !$ && /* @__PURE__ */ t(z, { className: "ff:mt-auto ff:w-full", variant: "secondary", onClick: de, disabled: h, children: ne })
+      !$ && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", variant: "secondary", onClick: de, disabled: h, children: ne })
     ] }),
     /* @__PURE__ */ t(H, {})
   ] });
 }
-za.displayName = "ChallengeGate";
+ja.displayName = "ChallengeGate";
 function Fa({ title: e, message: a, endedAt: r, ctaLabel: n, onCtaClick: o, className: i }) {
-  const { t: f, locale: c } = K(), g = e ?? f("ended.title"), d = a ?? f("ended.message"), x = s.useMemo(() => r ? (r instanceof Date ? r : new Date(r)).toLocaleDateString(c, {
+  const { t: f, locale: c } = K(), g = e ?? f("ended.title"), d = a ?? f("ended.message"), b = s.useMemo(() => r ? (r instanceof Date ? r : new Date(r)).toLocaleDateString(c, {
     month: "long",
     day: "numeric",
     year: "numeric"
   }) : null, [r, c]), m = we();
-  return /* @__PURE__ */ t(U.div, { ...m, children: /* @__PURE__ */ u(Y, { className: M("ff:w-full ff:max-w-sm", i), "data-slot": "ended-module", role: "status", children: [
+  return /* @__PURE__ */ t(U.div, { ...m, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", i), "data-slot": "ended-module", role: "status", children: [
     /* @__PURE__ */ t(G, { variant: "outline", label: g }),
     /* @__PURE__ */ u(Z, { children: [
       /* @__PURE__ */ u(ie, { children: [
         /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: d }),
-        x && /* @__PURE__ */ t("p", { className: "ff:text-xs ff:text-muted", children: f("ended.endedOn", { values: { date: x } }) })
+        b && /* @__PURE__ */ t("p", { className: "ff:text-xs ff:text-muted", children: f("ended.endedOn", { values: { date: b } }) })
       ] }),
-      n && o && /* @__PURE__ */ t(z, { className: "ff:mt-auto ff:w-full", variant: "outline", onClick: o, children: n })
+      n && o && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", variant: "outline", onClick: o, children: n })
     ] }),
     /* @__PURE__ */ t(H, {})
   ] }) });
 }
 Fa.displayName = "EndedModule";
 function et({ error: e, title: a, label: r, info: n, ctaLabel: o, onRetry: i, className: f }) {
-  const { t: c } = K(), [g, d] = s.useState(!1), x = r ?? c("error.label"), m = a ?? c("error.title"), w = (e instanceof Error ? e.message : e) ?? c("error.description"), y = o ?? c("error.retry"), C = async () => {
+  const { t: c } = K(), [g, d] = s.useState(!1), b = r ?? c("error.label"), m = a ?? c("error.title"), w = (e instanceof Error ? e.message : e) ?? c("error.description"), y = o ?? c("error.retry"), C = async () => {
     if (i) {
       d(!0);
       try {
@@ -2752,13 +2752,13 @@ function et({ error: e, title: a, label: r, info: n, ctaLabel: o, onRetry: i, cl
       }
     }
   }, l = we();
-  return /* @__PURE__ */ t(U.div, { ...l, children: /* @__PURE__ */ u(Y, { className: M("ff:w-full ff:max-w-sm", f), "data-slot": "error-view", role: "alert", children: [
-    /* @__PURE__ */ t(G, { variant: "danger", label: x }),
+  return /* @__PURE__ */ t(U.div, { ...l, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", f), "data-slot": "error-view", role: "alert", children: [
+    /* @__PURE__ */ t(G, { variant: "danger", label: b }),
     /* @__PURE__ */ u(Z, { children: [
       /* @__PURE__ */ t(be, { tone: "danger", title: m, description: w }),
       n ? /* @__PURE__ */ t(ie, { children: n }) : null,
       i ? /* @__PURE__ */ t(
-        z,
+        j,
         {
           className: "ff:mt-auto",
           onClick: () => {
@@ -2838,7 +2838,7 @@ function it({
   return /* @__PURE__ */ t(U.div, { ...g, children: /* @__PURE__ */ u(
     Y,
     {
-      className: M("ff:w-full ff:max-w-sm", i),
+      className: E("ff:w-full ff:max-w-sm", i),
       "data-slot": "granted-panel",
       "data-stage": "granted",
       role: "status",
@@ -2849,7 +2849,7 @@ function it({
             /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: f("granted.timeRemaining") }),
             /* @__PURE__ */ t(pe, { targetDate: n, showDays: !1 })
           ] }) : /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: a }) }),
-          /* @__PURE__ */ t(z, { className: "ff:mt-auto", onClick: o, children: r })
+          /* @__PURE__ */ t(j, { className: "ff:mt-auto", onClick: o, children: r })
         ] }),
         /* @__PURE__ */ t(H, {})
       ]
@@ -2879,11 +2879,11 @@ function We({
   isReentering: n,
   className: o
 }) {
-  const { t: i } = K(), f = e === "expired", c = pa[e] ?? pa.ended, g = f && typeof r == "function", d = i(a ? On[a] : "expired.reenter"), x = we();
-  return /* @__PURE__ */ t(U.div, { ...x, children: /* @__PURE__ */ u(
+  const { t: i } = K(), f = e === "expired", c = pa[e] ?? pa.ended, g = f && typeof r == "function", d = i(a ? On[a] : "expired.reenter"), b = we();
+  return /* @__PURE__ */ t(U.div, { ...b, children: /* @__PURE__ */ u(
     Y,
     {
-      className: M("ff:w-full ff:max-w-sm", o),
+      className: E("ff:w-full ff:max-w-sm", o),
       "data-slot": "outcome-panel",
       "data-stage": "ended",
       "data-reason": e,
@@ -2891,7 +2891,7 @@ function We({
         /* @__PURE__ */ t(G, { variant: c.variant, label: i(c.title) }),
         /* @__PURE__ */ u(Z, { children: [
           /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: i(c.body) }) }),
-          g && /* @__PURE__ */ t(z, { className: "ff:mt-auto", onClick: r, disabled: n, loading: n, children: d })
+          g && /* @__PURE__ */ t(j, { className: "ff:mt-auto", onClick: r, disabled: n, loading: n, children: d })
         ] }),
         /* @__PURE__ */ t(H, {})
       ]
@@ -2910,7 +2910,7 @@ function Pa({
   allowAuthSkip: c = !1,
   allowAccessCodeSkip: g = !1,
   authTitle: d,
-  authDescription: x,
+  authDescription: b,
   accessCodeTitle: m,
   accessCodeDescription: v,
   startsAt: w,
@@ -2920,7 +2920,7 @@ function Pa({
   return e === "none" ? /* @__PURE__ */ t(Me, { children: C }) : e === "loading" ? /* @__PURE__ */ t(
     "div",
     {
-      className: M(
+      className: E(
         "fanfare-journey-gate",
         "ff:flex ff:flex-col ff:items-center ff:justify-center ff:py-12",
         y
@@ -2931,11 +2931,11 @@ function Pa({
       "aria-busy": "true",
       children: /* @__PURE__ */ t(Te, { size: "lg", className: "ff:text-primary" })
     }
-  ) : e === "auth" ? /* @__PURE__ */ t("div", { className: M("fanfare-journey-gate", y), "data-slot": "journey-gate", children: /* @__PURE__ */ t(
+  ) : e === "auth" ? /* @__PURE__ */ t("div", { className: E("fanfare-journey-gate", y), "data-slot": "journey-gate", children: /* @__PURE__ */ t(
     Aa,
     {
       title: d,
-      description: x,
+      description: b,
       countdownTo: w,
       onSubmit: a,
       onVerify: r,
@@ -2943,8 +2943,8 @@ function Pa({
       onSuccess: o,
       allowSkip: c
     }
-  ) }) : e === "access_code" ? /* @__PURE__ */ t("div", { className: M("fanfare-journey-gate", y), "data-slot": "journey-gate", children: /* @__PURE__ */ t(
-    ja,
+  ) }) : e === "access_code" ? /* @__PURE__ */ t("div", { className: E("fanfare-journey-gate", y), "data-slot": "journey-gate", children: /* @__PURE__ */ t(
+    za,
     {
       title: m,
       description: v,
@@ -3051,7 +3051,7 @@ const Kn = te(["ff:animate-pulse ff:rounded-md", "ff:bg-secondary"], {
   }
 }), $a = s.forwardRef(({ className: e, ...a }, r) => {
   const n = ge();
-  return /* @__PURE__ */ t("div", { ref: r, "data-slot": "skeleton", className: M(Kn({ styleVariant: n }), e), ...a });
+  return /* @__PURE__ */ t("div", { ref: r, "data-slot": "skeleton", className: E(Kn({ styleVariant: n }), e), ...a });
 });
 $a.displayName = "Skeleton";
 const Zn = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ref: a, ...e, children: /* @__PURE__ */ t("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12zM12 15h.008v.008H12zm0 2.25h.008v.008H12zM9.75 15h.008v.008H9.75zm0 2.25h.008v.008H9.75zM7.5 15h.008v.008H7.5zm0 2.25h.008v.008H7.5zm6.75-4.5h.008v.008h-.008zm0 2.25h.008v.008h-.008zm0 2.25h.008v.008h-.008zm2.25-4.5h.008v.008H16.5zm0 2.25h.008v.008H16.5z" }) }), Yn = kt(Zn), Gn = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ref: a, ...e, children: /* @__PURE__ */ t("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m15.75 10.5l4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25" }) }), qa = kt(Gn);
@@ -3066,7 +3066,7 @@ function Wa({
   isCancelling: c,
   cancelError: g
 }) {
-  const { t: d } = K(), [x, m] = s.useState(!1), v = $n(e.startTime, a), w = qn(e.startTime, a), y = Bt(e.startTime, a), C = Ba(e.startTime, e.endTime), l = !e.locationName, h = l ? d("appointment.online") : e.locationName, p = l ? {
+  const { t: d } = K(), [b, m] = s.useState(!1), v = $n(e.startTime, a), w = qn(e.startTime, a), y = Bt(e.startTime, a), C = Ba(e.startTime, e.endTime), l = !e.locationName, h = l ? d("appointment.online") : e.locationName, p = l ? {
     label: d("appointment.joinCall"),
     onClick: () => {
       f ? f() : e.joinUrl && window.open(e.joinUrl, "_blank", "noopener,noreferrer");
@@ -3099,16 +3099,16 @@ function Wa({
         /* @__PURE__ */ t("span", { className: "ff:font-mono ff:font-semibold ff:text-foreground", children: e.confirmationCode })
       ] })
     ] }),
-    !r && /* @__PURE__ */ t(z, { size: "md", className: "ff:w-full", onClick: p.onClick, disabled: p.disabled, children: /* @__PURE__ */ u("span", { className: "ff:flex ff:items-center ff:gap-1.5", children: [
+    !r && /* @__PURE__ */ t(j, { size: "md", className: "ff:w-full", onClick: p.onClick, disabled: p.disabled, children: /* @__PURE__ */ u("span", { className: "ff:flex ff:items-center ff:gap-1.5", children: [
       p.icon,
       p.label
     ] }) }),
     /* @__PURE__ */ t(nt, { show: !!g, children: g && /* @__PURE__ */ t(be, { tone: "danger", description: g }) }),
-    /* @__PURE__ */ t(nt, { show: !r && x, children: !r && x && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-2", children: [
+    /* @__PURE__ */ t(nt, { show: !r && b, children: !r && b && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-2", children: [
       /* @__PURE__ */ t(be, { tone: "danger", title: d("appointment.cancelConfirm") }),
       /* @__PURE__ */ u("div", { className: "ff:flex ff:gap-2", children: [
         /* @__PURE__ */ t(
-          z,
+          j,
           {
             size: "sm",
             variant: "destructive",
@@ -3120,7 +3120,7 @@ function Wa({
           }
         ),
         /* @__PURE__ */ t(
-          z,
+          j,
           {
             size: "sm",
             variant: "outline",
@@ -3132,10 +3132,10 @@ function Wa({
         )
       ] })
     ] }) }),
-    !r && !x && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-center ff:justify-center ff:gap-3 ff:text-xs", children: [
-      /* @__PURE__ */ t(z, { variant: "link", size: "xs", onClick: o, children: d("appointment.reschedule") }),
+    !r && !b && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-center ff:justify-center ff:gap-3 ff:text-xs", children: [
+      /* @__PURE__ */ t(j, { variant: "link", size: "xs", onClick: o, children: d("appointment.reschedule") }),
       /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "ff:text-muted", children: "·" }),
-      /* @__PURE__ */ t(z, { variant: "link", size: "xs", onClick: () => m(!0), disabled: c, children: d("appointment.cancel") })
+      /* @__PURE__ */ t(j, { variant: "link", size: "xs", onClick: () => m(!0), disabled: c, children: d("appointment.cancel") })
     ] })
   ] });
 }
@@ -3170,7 +3170,7 @@ function Ua({ booking: e, timezone: a, onJoinCall: r, onShowPass: n }) {
           ] })
         ] }),
         i ? /* @__PURE__ */ t(
-          z,
+          j,
           {
             size: "md",
             className: "ff:w-full",
@@ -3183,7 +3183,7 @@ function Ua({ booking: e, timezone: a, onJoinCall: r, onShowPass: n }) {
               o("appointment.joinCall")
             ] })
           }
-        ) : /* @__PURE__ */ t(z, { size: "md", variant: "outline", className: "ff:w-full", onClick: () => n?.(), disabled: !n, children: o("appointment.showPass") })
+        ) : /* @__PURE__ */ t(j, { size: "md", variant: "outline", className: "ff:w-full", onClick: () => n?.(), disabled: !n, children: o("appointment.showPass") })
       ]
     }
   );
@@ -3194,7 +3194,7 @@ function ma(e, a, r, n) {
   return `${e}:${a}:${r}:${n ?? ""}`;
 }
 function Qn(e, a) {
-  const r = Nt(), [n, o] = s.useState([]), [i, f] = s.useState(!1), [c, g] = s.useState(null), [d, x] = s.useState(0), { startDate: m, endDate: v, timezone: w } = a;
+  const r = Nt(), [n, o] = s.useState([]), [i, f] = s.useState(!1), [c, g] = s.useState(null), [d, b] = s.useState(0), { startDate: m, endDate: v, timezone: w } = a;
   s.useEffect(() => {
     if (!e || !m || !v) {
       o([]), g(null), f(!1);
@@ -3217,7 +3217,7 @@ function Qn(e, a) {
     };
   }, [r, e, m, v, w, d]);
   const y = s.useCallback(() => {
-    e && m && v && Mt.delete(ma(e, m, v, w)), x((C) => C + 1);
+    e && m && v && Mt.delete(ma(e, m, v, w)), b((C) => C + 1);
   }, [e, m, v, w]);
   return { slots: n, isLoading: i, error: c, refresh: y };
 }
@@ -3325,13 +3325,13 @@ function Za({
       className: "ff:grid ff:grid-cols-3 ff:gap-1 ff:overflow-y-auto ff:max-h-44",
       "data-slot": "appointment-slot-grid",
       children: e.map((f) => {
-        const c = f.available <= 0, g = r === f.id, d = Oa(f), x = c ? i("appointment.slotFullAriaLabel", { values: { time: d } }) : d;
+        const c = f.available <= 0, g = r === f.id, d = Oa(f), b = c ? i("appointment.slotFullAriaLabel", { values: { time: d } }) : d;
         return /* @__PURE__ */ t(
           Ka,
           {
             slotId: f.id,
             timeLabel: d,
-            ariaLabel: x,
+            ariaLabel: b,
             isFull: c,
             isSelected: g,
             onSelect: n
@@ -3358,26 +3358,26 @@ function Ya({
   ), g = s.useMemo(
     () => r ? gt(new Date(r), n) : void 0,
     [r, n]
-  ), { startDate: d, endDate: x } = s.useMemo(() => {
-    const N = gt(/* @__PURE__ */ new Date(), n), S = c && c > N ? c : N, V = ga(S, ha - 1), A = g && g < V ? g : V;
+  ), { startDate: d, endDate: b } = s.useMemo(() => {
+    const N = gt(/* @__PURE__ */ new Date(), n), S = c && c > N ? c : N, M = ga(S, ha - 1), A = g && g < M ? g : M;
     return { startDate: S, endDate: A };
-  }, [c, g, n]), { slots: m, isLoading: v, error: w } = Qn(e, { startDate: d, endDate: x, timezone: n }), y = s.useMemo(() => {
+  }, [c, g, n]), { slots: m, isLoading: v, error: w } = Qn(e, { startDate: d, endDate: b, timezone: n }), y = s.useMemo(() => {
     const N = /* @__PURE__ */ new Map();
     for (const S of m) {
-      const V = S.startTime ? gt(new Date(S.startTime), S.timezone ?? n) : S.id.slice(0, 10), A = N.get(V);
-      A ? A.push(S) : N.set(V, [S]);
+      const M = S.startTime ? gt(new Date(S.startTime), S.timezone ?? n) : S.id.slice(0, 10), A = N.get(M);
+      A ? A.push(S) : N.set(M, [S]);
     }
     return N;
   }, [m, n]), C = s.useMemo(() => {
     const N = [];
     for (let S = 0; S < ha; S += 1) {
-      const V = ga(d, S);
-      if (g && V > g) break;
-      const A = y.get(V) ?? [], I = A.some(($) => $.available > 0), O = !v && A.length === 0;
+      const M = ga(d, S);
+      if (g && M > g) break;
+      const A = y.get(M) ?? [], I = A.some(($) => $.available > 0), O = !v && A.length === 0;
       N.push({
-        date: V,
-        weekdayLabel: Un(V),
-        dayNumber: Hn(V),
+        date: M,
+        weekdayLabel: Un(M),
+        dayNumber: Hn(M),
         hasAvailability: I,
         isClosed: O
       });
@@ -3389,15 +3389,15 @@ function Ya({
     const N = C.find((S) => !S.isClosed);
     N && (h(N.date), D(null));
   }, [C, l]);
-  const E = s.useMemo(() => l ? y.get(l) ?? [] : [], [l, y]);
+  const V = s.useMemo(() => l ? y.get(l) ?? [] : [], [l, y]);
   s.useEffect(() => {
     if (!o) return;
-    const N = E.find((S) => S.id === p) ?? null;
+    const N = V.find((S) => S.id === p) ?? null;
     o(N);
-  }, [E, p, o]);
+  }, [V, p, o]);
   const T = s.useCallback((N) => {
     h(N), D(null);
-  }, []), b = s.useCallback((N) => {
+  }, []), x = s.useCallback((N) => {
     D((S) => S === N ? null : N);
   }, []);
   return /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-2", children: [
@@ -3405,10 +3405,10 @@ function Ya({
     /* @__PURE__ */ t(
       Za,
       {
-        slots: E,
+        slots: V,
         isLoading: v,
         selectedSlotId: p,
-        onSelect: b
+        onSelect: x
       }
     ),
     (i || w) && /* @__PURE__ */ t(be, { tone: "danger", description: i ?? w?.message ?? f("appointment.bookingFailed") })
@@ -3427,7 +3427,7 @@ function At({
   onBook: c,
   onCancel: g,
   onReschedule: d,
-  isBooking: x,
+  isBooking: b,
   isCancelling: m,
   isRescheduling: v,
   bookError: w,
@@ -3437,7 +3437,7 @@ function At({
   isReentering: h,
   className: p
 }) {
-  const { t: D } = K(), E = je(a ?? eo), [T, b] = s.useState(!1), N = we();
+  const { t: D } = K(), V = ze(a ?? eo), [T, x] = s.useState(!1), N = we();
   if (r === "ended")
     return /* @__PURE__ */ t(We, { outcomeReason: C ?? "ended", participationType: "appointment", className: p });
   if (r === "participating" && T)
@@ -3455,8 +3455,8 @@ function At({
         idleLabelKey: "appointment.selectATime",
         isPending: v,
         error: w,
-        onConfirm: async (S, V) => {
-          await d(S, V), b(!1);
+        onConfirm: async (S, M) => {
+          await d(S, M), x(!1);
         },
         className: p,
         motionProps: N,
@@ -3465,11 +3465,11 @@ function At({
       }
     );
   if (r === "participating") {
-    const S = E.booking, V = S?.consumerStatus, A = V === "checked_in", I = V === "completed", O = I ? "completed" : A ? "checked_in" : "booked", $ = D(I ? "appointment.completedTitle" : A ? "appointment.checkedIn" : "appointment.bookedTitle");
+    const S = V.booking, M = S?.consumerStatus, A = M === "checked_in", I = M === "completed", O = I ? "completed" : A ? "checked_in" : "booked", $ = D(I ? "appointment.completedTitle" : A ? "appointment.checkedIn" : "appointment.bookedTitle");
     return /* @__PURE__ */ t(U.div, { ...N, children: /* @__PURE__ */ u(
       Y,
       {
-        className: M("ff:w-full ff:max-w-sm", p),
+        className: E("ff:w-full ff:max-w-sm", p),
         "data-slot": "appointment-module",
         "data-stage": "participating",
         "data-substage": O,
@@ -3482,7 +3482,7 @@ function At({
               timezone: i,
               readOnly: I,
               onCancel: () => g(),
-              onStartReschedule: () => b(!0),
+              onStartReschedule: () => x(!0),
               isCancelling: m,
               cancelError: y
             }
@@ -3503,7 +3503,7 @@ function At({
       headingVariant: "default",
       confirmLabelKey: "appointment.continueWithTime",
       idleLabelKey: "appointment.selectATime",
-      isPending: x,
+      isPending: b,
       error: w,
       onConfirm: c,
       className: p,
@@ -3524,14 +3524,14 @@ function wa({
   confirmLabelKey: c,
   idleLabelKey: g,
   isPending: d,
-  error: x,
+  error: b,
   onConfirm: m,
   className: v,
   motionProps: w,
   dataStage: y,
   dataMode: C
 }) {
-  const { t: l } = K(), [h, p] = s.useState(null), D = h ? l(c, { values: { time: Oa(h) } }) : l(g), E = s.useCallback(async () => {
+  const { t: l } = K(), [h, p] = s.useState(null), D = h ? l(c, { values: { time: Oa(h) } }) : l(g), V = s.useCallback(async () => {
     if (!h) return;
     const T = h.locationId ?? o;
     await m(h.id, T);
@@ -3539,7 +3539,7 @@ function wa({
   return /* @__PURE__ */ t(U.div, { ...w, children: /* @__PURE__ */ u(
     Y,
     {
-      className: M("ff:w-full ff:max-w-sm", v),
+      className: E("ff:w-full ff:max-w-sm", v),
       "data-slot": "appointment-module",
       "data-stage": y,
       "data-mode": C,
@@ -3553,15 +3553,15 @@ function wa({
             bookingWindowCloseAt: r,
             timezone: n,
             onSlotChange: p,
-            bookError: x
+            bookError: b
           }
         ) }),
         /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(
-          z,
+          j,
           {
             size: "sm",
             className: "ff:w-full",
-            onClick: E,
+            onClick: V,
             disabled: !h || d,
             loading: d,
             children: D
@@ -3621,7 +3621,7 @@ function tt({
   onBid: c,
   isEntering: g,
   isLeaving: d,
-  countdownTo: x,
+  countdownTo: b,
   defaultBidAmount: m,
   currencyCode: v,
   locale: w,
@@ -3631,16 +3631,13 @@ function tt({
   onCheckoutClick: h,
   outcomeReason: p,
   onReenter: D,
-  isReentering: E,
+  isReentering: V,
   className: T
 }) {
-  const { t: b } = K(), N = je(e ?? ro), S = s.useMemo(
+  const { t: x } = K(), N = ze(e ?? ro), S = s.useMemo(
     () => no(a, N),
     [a, N]
-  ), V = s.useMemo(
-    () => x ?? (S.closeAt ? new Date(S.closeAt) : void 0),
-    [x, S.closeAt]
-  ), A = s.useMemo(() => {
+  ), M = s.useMemo(() => S.settleAt ? new Date(S.settleAt) : b || (S.closeAt ? new Date(S.closeAt) : void 0), [b, S.settleAt, S.closeAt]), A = s.useMemo(() => {
     if (C)
       return C instanceof Date ? C : new Date(C);
   }, [C]), I = S.currencyCode ?? v, O = s.useCallback(
@@ -3664,59 +3661,59 @@ function tt({
     return /* @__PURE__ */ t(U.div, { ...$, children: /* @__PURE__ */ u(
       Y,
       {
-        className: M("ff:w-full ff:max-w-sm", T),
+        className: E("ff:w-full ff:max-w-sm", T),
         "data-slot": "auction-module",
         "data-stage": "enterable",
         children: [
-          /* @__PURE__ */ t(G, { variant: "default", label: b("auction.title") }),
+          /* @__PURE__ */ t(G, { variant: "default", label: x("auction.title") }),
           /* @__PURE__ */ u(Z, { children: [
-            V && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
-              /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: b("auction.endsIn") }),
-              /* @__PURE__ */ t(pe, { targetDate: V, showDays: !1 })
+            M && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
+              /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: x("auction.endsIn") }),
+              /* @__PURE__ */ t(pe, { targetDate: M, showDays: !1 })
             ] }),
-            /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: b("auction.description") }) }),
-            c ? /* @__PURE__ */ t(z, { className: "ff:mt-auto ff:w-full", onClick: ce, children: b("auction.bidAction") }) : n && /* @__PURE__ */ t(z, { className: "ff:mt-auto ff:w-full", onClick: i, disabled: g, loading: g, children: b("auction.enter") })
+            /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: x("auction.description") }) }),
+            c ? /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: ce, children: x("auction.bidAction") }) : n && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: i, disabled: g, loading: g, children: x("auction.enter") })
           ] }),
           /* @__PURE__ */ t(H, {})
         ]
       }
     ) });
   if (r === "participating") {
-    const L = S.status === "winning", J = L ? "default" : "success", ne = b(L ? "auction.winningTitle" : "auction.title"), se = O(S.highestBid), de = O(S.currentBid);
+    const L = S.status === "winning", J = L ? "default" : "success", ne = x(L ? "auction.winningTitle" : "auction.title"), se = O(S.highestBid), de = O(S.currentBid);
     return /* @__PURE__ */ t(U.div, { ...$, children: /* @__PURE__ */ u(
       Y,
       {
-        className: M("ff:w-full ff:max-w-sm", T),
+        className: E("ff:w-full ff:max-w-sm", T),
         "data-slot": "auction-module",
         "data-stage": "participating",
         children: [
           /* @__PURE__ */ t(G, { variant: J, label: ne }),
           /* @__PURE__ */ u(Z, { children: [
-            V && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
-              /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: b("auction.endsIn") }),
-              /* @__PURE__ */ t(pe, { targetDate: V, showDays: !1 })
+            M && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
+              /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: x("auction.endsIn") }),
+              /* @__PURE__ */ t(pe, { targetDate: M, showDays: !1 })
             ] }),
             /* @__PURE__ */ u(ie, { children: [
               se !== void 0 && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-center ff:justify-between", children: [
-                /* @__PURE__ */ t("span", { className: "ff:text-muted", children: b("auction.currentBid") }),
+                /* @__PURE__ */ t("span", { className: "ff:text-muted", children: x("auction.currentBid") }),
                 /* @__PURE__ */ t("span", { className: "ff:font-medium ff:tabular-nums", children: se })
               ] }),
               de !== void 0 && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-center ff:justify-between", children: [
-                /* @__PURE__ */ t("span", { className: "ff:text-muted", children: b(L ? "auction.yourWinningBid" : "auction.yourBidLabel") }),
+                /* @__PURE__ */ t("span", { className: "ff:text-muted", children: x(L ? "auction.yourWinningBid" : "auction.yourBidLabel") }),
                 /* @__PURE__ */ t("span", { className: "ff:font-medium ff:tabular-nums", children: de })
               ] })
             ] }),
             /* @__PURE__ */ u("div", { className: "ff:mt-auto ff:flex ff:flex-col ff:gap-2", children: [
-              c && /* @__PURE__ */ t(z, { className: "ff:w-full", onClick: ce, children: b("auction.bidAction") }),
+              c && /* @__PURE__ */ t(j, { className: "ff:w-full", onClick: ce, children: x("auction.bidAction") }),
               o && /* @__PURE__ */ t(
-                z,
+                j,
                 {
                   className: "ff:w-full",
                   variant: "outline",
                   onClick: f,
                   disabled: d,
                   loading: d,
-                  children: b("common.leave")
+                  children: x("common.leave")
                 }
               )
             ] })
@@ -3731,15 +3728,15 @@ function tt({
     return /* @__PURE__ */ t(U.div, { ...$, children: /* @__PURE__ */ u(
       Y,
       {
-        className: M("ff:w-full ff:max-w-sm", T),
+        className: E("ff:w-full ff:max-w-sm", T),
         "data-slot": "auction-module",
         "data-stage": "settling",
         children: [
-          /* @__PURE__ */ t(G, { variant: "default", label: b("auction.settlingTitle") }),
+          /* @__PURE__ */ t(G, { variant: "default", label: x("auction.settlingTitle") }),
           /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ u(ie, { children: [
-            /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: b("auction.settlingDescription") }),
+            /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: x("auction.settlingDescription") }),
             L !== void 0 && /* @__PURE__ */ u("div", { className: "ff:mt-3 ff:flex ff:items-center ff:justify-between", children: [
-              /* @__PURE__ */ t("span", { className: "ff:text-muted", children: b("auction.currentBid") }),
+              /* @__PURE__ */ t("span", { className: "ff:text-muted", children: x("auction.currentBid") }),
               /* @__PURE__ */ t("span", { className: "ff:font-medium ff:tabular-nums", children: L })
             ] })
           ] }) }),
@@ -3751,9 +3748,9 @@ function tt({
   return r === "granted" ? /* @__PURE__ */ t(
     it,
     {
-      label: b("auction.wonTitle"),
-      fallbackMessage: b("auction.wonDescription"),
-      ctaLabel: b("auction.proceedToCheckout"),
+      label: x("auction.wonTitle"),
+      fallbackMessage: x("auction.wonDescription"),
+      ctaLabel: x("auction.proceedToCheckout"),
       expiresAt: A,
       onCtaClick: fe,
       className: T
@@ -3764,7 +3761,7 @@ function tt({
       outcomeReason: p ?? "ended",
       participationType: "auction",
       onReenter: D,
-      isReentering: E,
+      isReentering: V,
       className: T
     }
   ) : null;
@@ -3782,7 +3779,7 @@ function at({
   isLeaving: c,
   countdownTo: g,
   grant: d,
-  expiresAt: x,
+  expiresAt: b,
   checkoutUrl: m,
   onCheckoutClick: v,
   outcomeReason: w,
@@ -3790,29 +3787,29 @@ function at({
   isReentering: C,
   className: l
 }) {
-  const { t: h } = K(), p = je(e ?? oo), D = s.useMemo(
+  const { t: h } = K(), p = ze(e ?? oo), D = s.useMemo(
     () => g ?? (p.drawTime ? new Date(p.drawTime) : void 0),
     [g, p.drawTime]
-  ), E = s.useMemo(() => {
-    if (x)
-      return x instanceof Date ? x : new Date(x);
-  }, [x]), T = we(), b = () => {
+  ), V = s.useMemo(() => {
+    if (b)
+      return b instanceof Date ? b : new Date(b);
+  }, [b]), T = we(), x = () => {
     v ? v() : m && window.open(m, "_blank", "noopener,noreferrer");
   };
-  return a === "enterable" ? /* @__PURE__ */ t(U.div, { ...T, children: /* @__PURE__ */ u(Y, { className: M("ff:w-full ff:max-w-sm", l), "data-slot": "draw-module", "data-stage": "enterable", children: [
+  return a === "enterable" ? /* @__PURE__ */ t(U.div, { ...T, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", l), "data-slot": "draw-module", "data-stage": "enterable", children: [
     /* @__PURE__ */ t(G, { variant: "default", label: h("draw.title") }),
     /* @__PURE__ */ u(Z, { children: [
       D && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
         /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: h("draw.drawClosesIn") }),
         /* @__PURE__ */ t(pe, { targetDate: D, showDays: !1 })
       ] }),
-      r && /* @__PURE__ */ t(z, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: f, loading: f, children: h("draw.enter") })
+      r && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: f, loading: f, children: h("draw.enter") })
     ] }),
     /* @__PURE__ */ t(H, {})
   ] }) }) : a === "participating" ? /* @__PURE__ */ t(U.div, { ...T, children: /* @__PURE__ */ u(
     Y,
     {
-      className: M("ff:w-full ff:max-w-sm", l),
+      className: E("ff:w-full ff:max-w-sm", l),
       "data-slot": "draw-module",
       "data-stage": "participating",
       children: [
@@ -3825,7 +3822,7 @@ function at({
           ] }) : null,
           /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: h(D ? "draw.goodLuck" : "draw.stayTuned") }) }),
           n && /* @__PURE__ */ t(
-            z,
+            j,
             {
               className: "ff:mt-auto ff:w-full",
               variant: "outline",
@@ -3839,7 +3836,7 @@ function at({
         /* @__PURE__ */ t(H, {})
       ]
     }
-  ) }) : a === "settling" ? /* @__PURE__ */ t(U.div, { ...T, children: /* @__PURE__ */ u(Y, { className: M("ff:w-full ff:max-w-sm", l), "data-slot": "draw-module", "data-stage": "settling", children: [
+  ) }) : a === "settling" ? /* @__PURE__ */ t(U.div, { ...T, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", l), "data-slot": "draw-module", "data-stage": "settling", children: [
     /* @__PURE__ */ t(G, { variant: "default", label: h("draw.settlingTitle") }),
     /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: h("draw.settlingDescription") }) }) }),
     /* @__PURE__ */ t(H, {})
@@ -3849,8 +3846,8 @@ function at({
       label: h("draw.wonTitle"),
       fallbackMessage: h("granted.description"),
       ctaLabel: h("granted.cta"),
-      expiresAt: E,
-      onCtaClick: b,
+      expiresAt: V,
+      onCtaClick: x,
       className: l
     }
   ) : a === "ended" ? /* @__PURE__ */ t(
@@ -3877,7 +3874,7 @@ function wt({
   isLeaving: c,
   closeAt: g,
   grant: d,
-  expiresAt: x,
+  expiresAt: b,
   checkoutUrl: m,
   onCheckoutClick: v,
   outcomeReason: w,
@@ -3885,30 +3882,30 @@ function wt({
   isReentering: C,
   className: l
 }) {
-  const { t: h } = K(), p = je(e ?? fo), D = s.useMemo(() => {
-    if (x)
-      return x instanceof Date ? x : new Date(x);
-  }, [x]), E = we(), T = () => {
+  const { t: h } = K(), p = ze(e ?? fo), D = s.useMemo(() => {
+    if (b)
+      return b instanceof Date ? b : new Date(b);
+  }, [b]), V = we(), T = () => {
     v ? v() : m && window.open(m, "_blank", "noopener,noreferrer");
   };
   if (a === "enterable")
-    return /* @__PURE__ */ t(U.div, { ...E, children: /* @__PURE__ */ u(Y, { className: M("ff:w-full ff:max-w-sm", l), "data-slot": "queue-module", "data-stage": "enterable", children: [
+    return /* @__PURE__ */ t(U.div, { ...V, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", l), "data-slot": "queue-module", "data-stage": "enterable", children: [
       /* @__PURE__ */ t(G, { variant: "default", label: h("queue.openingSoon") }),
       /* @__PURE__ */ u(Z, { children: [
         g && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
           /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: h("queue.queueClosesIn") }),
           /* @__PURE__ */ t(pe, { targetDate: g, showDays: !1 })
         ] }),
-        r && /* @__PURE__ */ t(z, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: f, loading: f, children: h("queue.enter") })
+        r && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: f, loading: f, children: h("queue.enter") })
       ] }),
       /* @__PURE__ */ t(H, {})
     ] }) });
   if (a === "participating") {
-    const b = p.estimatedWaitTime, N = b != null ? Math.ceil(b / 60) : null, S = (O) => O < 1 ? h("queue.waitLessThanMinute") : O === 1 ? h("queue.waitOneMinute") : h("queue.waitMinutes", { values: { count: O } }), V = b != null ? Dr(b) : null, A = V ? h(Vr(V)) : null, I = N !== null ? S(N) : "...";
-    return /* @__PURE__ */ t(U.div, { ...E, children: /* @__PURE__ */ u(
+    const x = p.estimatedWaitTime, N = x != null ? Math.ceil(x / 60) : null, S = (O) => O < 1 ? h("queue.waitLessThanMinute") : O === 1 ? h("queue.waitOneMinute") : h("queue.waitMinutes", { values: { count: O } }), M = x != null ? Dr(x) : null, A = M ? h(Vr(M)) : null, I = N !== null ? S(N) : "...";
+    return /* @__PURE__ */ t(U.div, { ...V, children: /* @__PURE__ */ u(
       Y,
       {
-        className: M("ff:w-full ff:max-w-sm", l),
+        className: E("ff:w-full ff:max-w-sm", l),
         "data-slot": "queue-module",
         "data-stage": "participating",
         children: [
@@ -3921,7 +3918,7 @@ function wt({
             ] }),
             /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-muted ff:text-xs", children: h("queue.qualitativeReassurance") }) }),
             n && /* @__PURE__ */ t(
-              z,
+              j,
               {
                 className: "ff:mt-auto ff:w-full",
                 variant: "outline",
@@ -3971,7 +3968,7 @@ function vt({
   isEntering: c,
   isLeaving: g,
   countdownTo: d,
-  checkoutUrl: x,
+  checkoutUrl: b,
   onCheckoutClick: m,
   grant: v,
   expiresAt: w,
@@ -3980,16 +3977,16 @@ function vt({
   isReentering: l,
   className: h
 }) {
-  const { t: p } = K(), D = je(e ?? io), E = s.useMemo(() => {
+  const { t: p } = K(), D = ze(e ?? io), V = s.useMemo(() => {
     if (w)
       return w instanceof Date ? w : new Date(w);
-  }, [w]), T = x ?? D.checkoutUrl, b = we(), N = () => {
+  }, [w]), T = b ?? D.checkoutUrl, x = we(), N = () => {
     m ? m() : T && window.open(T, "_blank", "noopener,noreferrer");
   };
-  return a === "enterable" ? /* @__PURE__ */ t(U.div, { ...b, children: /* @__PURE__ */ u(
+  return a === "enterable" ? /* @__PURE__ */ t(U.div, { ...x, children: /* @__PURE__ */ u(
     Y,
     {
-      className: M("ff:w-full ff:max-w-sm", h),
+      className: E("ff:w-full ff:max-w-sm", h),
       "data-slot": "timed-release-module",
       "data-stage": "enterable",
       children: [
@@ -4000,15 +3997,15 @@ function vt({
             /* @__PURE__ */ t(pe, { targetDate: d, showDays: !1 })
           ] }),
           /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: p("timedRelease.description") }) }),
-          r && /* @__PURE__ */ t(z, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: c, loading: c, children: p("timedRelease.enter") })
+          r && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: c, loading: c, children: p("timedRelease.enter") })
         ] }),
         /* @__PURE__ */ t(H, {})
       ]
     }
-  ) }) : a === "participating" ? /* @__PURE__ */ t(U.div, { ...b, children: /* @__PURE__ */ u(
+  ) }) : a === "participating" ? /* @__PURE__ */ t(U.div, { ...x, children: /* @__PURE__ */ u(
     Y,
     {
-      className: M("ff:w-full ff:max-w-sm", h),
+      className: E("ff:w-full ff:max-w-sm", h),
       "data-slot": "timed-release-module",
       "data-stage": "participating",
       children: [
@@ -4020,9 +4017,9 @@ function vt({
           ] }),
           /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: p("timedRelease.browseAndComplete") }) }),
           /* @__PURE__ */ u("div", { className: "ff:mt-auto ff:flex ff:flex-col ff:gap-2", children: [
-            T && /* @__PURE__ */ t(z, { className: "ff:w-full", onClick: N, children: p("timedRelease.shop") }),
+            T && /* @__PURE__ */ t(j, { className: "ff:w-full", onClick: N, children: p("timedRelease.shop") }),
             f && /* @__PURE__ */ t(
-              z,
+              j,
               {
                 className: "ff:w-full",
                 variant: T ? "secondary" : "primary",
@@ -4031,7 +4028,7 @@ function vt({
               }
             ),
             n && /* @__PURE__ */ t(
-              z,
+              j,
               {
                 className: "ff:w-full",
                 variant: "outline",
@@ -4052,7 +4049,7 @@ function vt({
       label: p("timedRelease.granted"),
       fallbackMessage: p("granted.description"),
       ctaLabel: p("granted.cta"),
-      expiresAt: E,
+      expiresAt: V,
       onCtaClick: N,
       className: h
     }
@@ -4079,9 +4076,9 @@ function Ga({
   isEntering: c = !1,
   className: g
 }) {
-  const { t: d } = K(), x = e ?? d("upcoming.title"), m = a ?? d("upcoming.description"), v = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), w = we();
-  return /* @__PURE__ */ t(U.div, { ...w, children: /* @__PURE__ */ u(Y, { className: M("ff:w-full ff:max-w-sm", g), "data-slot": "upcoming-module", children: [
-    /* @__PURE__ */ t(G, { variant: "secondary", label: x }),
+  const { t: d } = K(), b = e ?? d("upcoming.title"), m = a ?? d("upcoming.description"), v = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), w = we();
+  return /* @__PURE__ */ t(U.div, { ...w, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", g), "data-slot": "upcoming-module", children: [
+    /* @__PURE__ */ t(G, { variant: "secondary", label: b }),
     /* @__PURE__ */ u(Z, { children: [
       v && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
         /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: d("countdown.startingSoon") }),
@@ -4095,7 +4092,7 @@ function Ga({
         )
       ] }),
       /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: m }) }),
-      o && i && /* @__PURE__ */ t(z, { className: "ff:mt-auto ff:w-full", onClick: i, disabled: c, loading: c, children: f ?? d("waitlist.enter") })
+      o && i && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: i, disabled: c, loading: c, children: f ?? d("waitlist.enter") })
     ] }),
     /* @__PURE__ */ t(H, {})
   ] }) });
@@ -4161,10 +4158,10 @@ function It({ message: e, className: a }) {
       role: "status",
       "aria-live": "polite",
       "aria-busy": "true",
-      className: M("ff:flex ff:flex-col ff:items-center ff:justify-center ff:py-12", a),
+      className: E("ff:flex ff:flex-col ff:items-center ff:justify-center ff:py-12", a),
       children: [
-        /* @__PURE__ */ t("div", { className: M(co({ styleVariant: r })), children: /* @__PURE__ */ t(Te, { size: o }) }),
-        e && /* @__PURE__ */ t("p", { className: M(uo({ styleVariant: r })), children: e })
+        /* @__PURE__ */ t("div", { className: E(co({ styleVariant: r })), children: /* @__PURE__ */ t(Te, { size: o }) }),
+        e && /* @__PURE__ */ t("p", { className: E(uo({ styleVariant: r })), children: e })
       ]
     }
   );
@@ -4182,24 +4179,24 @@ function Ja({
   isLoading: g = !1,
   className: d
 }) {
-  const { t: x } = K(), m = we();
-  return /* @__PURE__ */ t(U.div, { ...m, children: /* @__PURE__ */ u(Y, { className: M("fanfare-start-view", d), "data-slot": "start-view", children: [
+  const { t: b } = K(), m = we();
+  return /* @__PURE__ */ t(U.div, { ...m, children: /* @__PURE__ */ u(Y, { className: E("fanfare-start-view", d), "data-slot": "start-view", children: [
     /* @__PURE__ */ t(
       G,
       {
         variant: e,
         label: a,
-        title: r ?? x("start.title"),
-        description: n ?? x("start.description")
+        title: r ?? b("start.title"),
+        description: n ?? b("start.description")
       }
     ),
     /* @__PURE__ */ u(Z, { children: [
       o ? /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
-        /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: x("time.opensIn") }),
+        /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: b("time.opensIn") }),
         /* @__PURE__ */ t(pe, { targetDate: o, showDays: !1 })
       ] }) : null,
       i ? /* @__PURE__ */ t(ie, { children: i }) : null,
-      /* @__PURE__ */ t(z, { className: "ff:mt-auto ff:w-full", onClick: c, disabled: g, loading: g, children: f ?? x("start.cta") })
+      /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: c, disabled: g, loading: g, children: f ?? b("start.cta") })
     ] }),
     /* @__PURE__ */ t(H, {})
   ] }) });
@@ -4214,12 +4211,12 @@ function Qa({
   isLeaving: i = !1,
   className: f
 }) {
-  const { t: c } = K(), g = e ?? c("waitlist.enteredTitle"), d = a ?? c("waitlist.enteredDescription"), x = c("time.opensIn"), m = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), v = we();
-  return /* @__PURE__ */ t(U.div, { ...v, children: /* @__PURE__ */ u(Y, { className: M("fanfare-waitlist-view", f), "data-slot": "waitlist-view", children: [
+  const { t: c } = K(), g = e ?? c("waitlist.enteredTitle"), d = a ?? c("waitlist.enteredDescription"), b = c("time.opensIn"), m = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), v = we();
+  return /* @__PURE__ */ t(U.div, { ...v, children: /* @__PURE__ */ u(Y, { className: E("fanfare-waitlist-view", f), "data-slot": "waitlist-view", children: [
     /* @__PURE__ */ t(G, { variant: "success", title: g, description: d }),
     /* @__PURE__ */ u(Z, { children: [
       m && /* @__PURE__ */ u(ie, { children: [
-        /* @__PURE__ */ t("p", { className: "ff:text-muted ff:text-xxs ff:font-heading ff:uppercase ff:tracking-widest", children: x }),
+        /* @__PURE__ */ t("p", { className: "ff:text-muted ff:text-xxs ff:font-heading ff:uppercase ff:tracking-widest", children: b }),
         /* @__PURE__ */ t(
           pe,
           {
@@ -4230,7 +4227,7 @@ function Qa({
         )
       ] }),
       o && /* @__PURE__ */ t(
-        z,
+        j,
         {
           className: "ff:mt-auto ff:w-full",
           variant: "outline",
@@ -4322,15 +4319,15 @@ function ko({
   children: c,
   checkoutUrl: g,
   onJourneyChange: d,
-  onGranted: x,
+  onGranted: b,
   onError: m,
   className: v
 }) {
-  const w = Nt(), { t: y } = K(), C = B((k, _) => y(k, _), [y]), { journey: l, view: h, snapshot: p, fanfareError: D, start: E } = Sa(e, {
+  const w = Nt(), { t: y } = K(), C = B((k, _) => y(k, _), [y]), { journey: l, view: h, snapshot: p, fanfareError: D, start: V } = Sa(e, {
     autoStart: a,
     accessCode: r,
     autoEnterWaitlist: n
-  }), [T, b] = s.useState(!1), [N, S] = s.useState(!1), [V, A] = s.useState(!1), [I, O] = s.useState(!1), [$, fe] = s.useState(!1), [ce, L] = s.useState(null), [J, ne] = s.useState(!1), [se, de] = s.useState(!1), [ee, P] = s.useState(!1), ae = h?.journeyStage ?? null, me = h?.journeyStage === "routed" ? h : void 0, ke = me?.offers.some((k) => k.gates.some((_) => _.type === "access_code")) ?? !1, Re = h?.journeyStage === "routed" ? ke || J : h?.journeyStage === "routing" && J, ue = St(p), q = ue?.phase ?? me?.sequence.phase ?? null, _e = ce, Ne = _e ? ra(_e, C) : null, st = p?.experience?.experience?.theme, Ue = o ?? st, lt = i ?? o?.variant ?? st?.variant, xe = X(() => p ? xa(p) : [], [p]);
+  }), [T, x] = s.useState(!1), [N, S] = s.useState(!1), [M, A] = s.useState(!1), [I, O] = s.useState(!1), [$, fe] = s.useState(!1), [ce, L] = s.useState(null), [J, ne] = s.useState(!1), [se, de] = s.useState(!1), [ee, P] = s.useState(!1), ae = h?.journeyStage ?? null, me = h?.journeyStage === "routed" ? h : void 0, ke = me?.offers.some((k) => k.gates.some((_) => _.type === "access_code")) ?? !1, Re = h?.journeyStage === "routed" ? ke || J : h?.journeyStage === "routing" && J, ue = St(p), q = ue?.phase ?? me?.sequence.phase ?? null, _e = ce, Ne = _e ? ra(_e, C) : null, st = p?.experience?.experience?.theme, Ue = o ?? st, lt = i ?? o?.variant ?? st?.variant, xe = X(() => p ? xa(p) : [], [p]);
   s.useEffect(() => {
     p && d && d(p);
   }, [p, d]), s.useEffect(() => {
@@ -4346,7 +4343,7 @@ function ko({
       L(_);
     },
     [l, m]
-  ), ze = B(
+  ), je = B(
     (k) => {
       const _ = mt(k), R = ra(_, C);
       throw R.disposition === "INLINE" || R.disposition === "STEP_RESET" ? m?.(_) : F(_), new Error(R.description);
@@ -4361,23 +4358,23 @@ function ko({
     D !== Fe.current && (Fe.current = D, F(D));
   }, [D, F]);
   const Le = B(async () => {
-    b(!0), L(null);
+    x(!0), L(null);
     try {
-      await E();
+      await V();
     } catch {
     } finally {
-      b(!1);
+      x(!1);
     }
-  }, [E]), [Ae, He] = s.useState(null), ct = B(
+  }, [V]), [Ae, He] = s.useState(null), ct = B(
     async (k, _) => {
       L(null);
       try {
         _ === "email" ? await w.auth.requestOtp({ email: k }) : await w.auth.requestOtp({ phone: k }), He({ value: k, type: _ });
       } catch (R) {
-        ze(R);
+        je(R);
       }
     },
-    [ze, w]
+    [je, w]
   ), dt = B(
     async (k) => {
       if (!l || !Ae) return;
@@ -4385,7 +4382,7 @@ function ko({
       try {
         Ae.type === "email" ? await w.auth.verifyOtp({ email: Ae.value, code: k }) : await w.auth.verifyOtp({ phone: Ae.value, code: k });
       } catch (R) {
-        ze(R);
+        je(R);
       }
       He(null);
       const _ = l.view$.get();
@@ -4396,7 +4393,7 @@ function ko({
           F(R);
         }
     },
-    [ze, F, w, l, Ae]
+    [je, F, w, l, Ae]
   ), Ke = B(
     async (k) => {
       if (l) {
@@ -4575,10 +4572,10 @@ function ko({
     L(null);
     const k = l.view$.get();
     k.journeyStage === "gated" && k.retry().catch(F);
-  }, [F, l]), j = X(() => h?.journeyStage === "routed" && "sequence" in h ? h.sequence : void 0, [h]), Ge = X(() => j?.phase === "scheduled" ? j.waitlist : void 0, [j]), Ce = vo(p, j), oe = bo(p), nr = xo(p), Jt = yo(nr, oe?.id), Ie = ue && "grant" in ue && ue.grant ? ue.grant : void 0, Je = ue && "outcome" in ue && ue.outcome ? ue.outcome : void 0;
+  }, [F, l]), z = X(() => h?.journeyStage === "routed" && "sequence" in h ? h.sequence : void 0, [h]), Ge = X(() => z?.phase === "scheduled" ? z.waitlist : void 0, [z]), Ce = vo(p, z), oe = bo(p), nr = xo(p), Jt = yo(nr, oe?.id), Ie = ue && "grant" in ue && ue.grant ? ue.grant : void 0, Je = ue && "outcome" in ue && ue.outcome ? ue.outcome : void 0;
   s.useEffect(() => {
-    Ie?.token && x && x(Ie.token);
-  }, [Ie?.token, x]);
+    Ie?.token && b && b(Ie.token);
+  }, [Ie?.token, b]);
   const or = X(() => Ee(Ce) ? Ce : Ee(oe?.type) ? oe.type : null, [oe?.type, Ce]), Ct = X(() => Ee(Ce) ? Ce : null, [Ce]), Qt = X(() => Ee(Ce) ? Ce : Ee(oe?.type) ? oe.type : null, [oe?.type, Ce]), Xt = X(() => Ge?.status === "not_waitlisted" && typeof Ge.join == "function", [Ge]), Qe = X(() => {
     if (ae === "routing") return "loading";
     if (ae === "gated" && xe.length > 0) {
@@ -4590,10 +4587,10 @@ function ko({
   }, [ae, xe]), ut = X(() => {
     if (ae === "routing") return y("experience.findingPlace");
   }, [ae, y]), Be = X(() => {
-    if (!(!l || q !== "participating" || !j || j.phase !== "participating" || !("display$" in j)))
-      return j.display$;
-  }, [l, q, j]), pt = je(Be ?? po), ea = X(() => {
-    const k = oe?.details?.type === "auction" ? oe.details : void 0, _ = j?.phase === "participating" && j.mechanism === "auction" ? j.consumer : void 0, R = pt;
+    if (!(!l || q !== "participating" || !z || z.phase !== "participating" || !("display$" in z)))
+      return z.display$;
+  }, [l, q, z]), pt = ze(Be ?? po), ea = X(() => {
+    const k = oe?.details?.type === "auction" ? oe.details : void 0, _ = z?.phase === "participating" && z.mechanism === "auction" ? z.consumer : void 0, R = pt;
     if (!(!k && !_ && !R))
       return {
         currentBid: R?.currentBid ?? _?.currentBid,
@@ -4605,12 +4602,12 @@ function ko({
         minNextBid: R?.minNextBid ?? k?.minNextBid,
         bidIncrement: R?.bidIncrement ?? k?.bidIncrement
       };
-  }, [pt, j, oe?.details]), Oe = X(() => j?.phase === "scheduled" && j.startsAt ? new Date(j.startsAt) : oe?.opensAt ? new Date(oe.opensAt) : void 0, [j, oe?.opensAt]), fr = X(() => {
+  }, [pt, z, oe?.details]), Oe = X(() => z?.phase === "scheduled" && z.startsAt ? new Date(z.startsAt) : oe?.opensAt ? new Date(oe.opensAt) : void 0, [z, oe?.opensAt]), fr = X(() => {
     if (!(q !== "participating" || Ct !== "queue"))
       return pt?.position;
   }, [pt, Ct, q]);
   if (c)
-    return /* @__PURE__ */ t(Rt, { theme: Ue, variant: lt, children: /* @__PURE__ */ t("div", { className: M("fanfare-experience-widget", v), "data-slot": "experience-widget", children: c({
+    return /* @__PURE__ */ t(Rt, { theme: Ue, variant: lt, children: /* @__PURE__ */ t("div", { className: E("fanfare-experience-widget", v), "data-slot": "experience-widget", children: c({
       journey: l,
       view: h,
       snapshot: p,
@@ -4650,7 +4647,7 @@ function ko({
         onVerifyToken: Yt,
         onRetry: Gt
       }) : /* @__PURE__ */ t(
-        za,
+        ja,
         {
           challenge: _,
           botMitigation: R,
@@ -4664,15 +4661,15 @@ function ko({
       if (q === "unavailable")
         return f?.ended ? f.ended({
           ...le,
-          reason: j?.phase === "unavailable" ? j.reason ?? "unavailable" : "unavailable"
+          reason: z?.phase === "unavailable" ? z.reason ?? "unavailable" : "unavailable"
         }) : /* @__PURE__ */ t(Fa, { title: y("experience.noSequenceTitle"), message: y("experience.noSequenceMessage") });
       if (q === "scheduled")
         return Ge && Ge.status !== "not_waitlisted" ? f?.waitlist ? f.waitlist({
           ...le,
           startsAt: Oe,
           onLeave: Pe,
-          isLeaving: V
-        }) : /* @__PURE__ */ t(Qa, { startsAt: Oe, onLeave: Pe, isLeaving: V }) : f?.upcoming ? f.upcoming({
+          isLeaving: M
+        }) : /* @__PURE__ */ t(Qa, { startsAt: Oe, onLeave: Pe, isLeaving: M }) : f?.upcoming ? f.upcoming({
           ...le,
           startsAt: Oe,
           canEnter: Xt,
@@ -4688,18 +4685,18 @@ function ko({
           }
         );
       if (q === "enterable" || q === "participating") {
-        const k = q === "enterable" ? or : Ct, _ = q === "participating" ? Jt : oe?.id, R = j?.phase === "enterable" && "enter" in j && typeof j.enter == "function", ye = j?.phase === "participating" && "leave" in j;
-        if (q === "enterable" && f?.enterable && mo(j))
+        const k = q === "enterable" ? or : Ct, _ = q === "participating" ? Jt : oe?.id, R = z?.phase === "enterable" && "enter" in z && typeof z.enter == "function", ye = z?.phase === "participating" && "leave" in z;
+        if (q === "enterable" && f?.enterable && mo(z))
           return f.enterable({
             ...le,
-            sequence: j,
-            participationType: j.mechanism
+            sequence: z,
+            participationType: z.mechanism
           });
-        if (q === "participating" && f?.participating && ho(j))
+        if (q === "participating" && f?.participating && ho(z))
           return f.participating({
             ...le,
-            sequence: j,
-            participationType: j.mechanism,
+            sequence: z,
+            participationType: z.mechanism,
             position: fr
           });
         const he = oe?.details;
@@ -4806,10 +4803,10 @@ function ko({
         return /* @__PURE__ */ t(et, { error: y("experience.unsupportedDistribution"), onRetry: Ye });
       }
       if (q === "settling") {
-        if (j?.phase !== "settling")
+        if (z?.phase !== "settling")
           return /* @__PURE__ */ t(It, { message: ut });
         const k = oe?.details;
-        switch (j.mechanism) {
+        switch (z.mechanism) {
           case "draw": {
             const _ = k?.type === "draw" ? k : void 0;
             return /* @__PURE__ */ t(
@@ -4852,10 +4849,10 @@ function ko({
       }
       if (q === "granted") {
         const k = Ie?.expiresAt ? new Date(Ie.expiresAt).getTime() : void 0;
-        if (f?.granted && wo(j))
+        if (f?.granted && wo(z))
           return f.granted({
             ...le,
-            sequence: j,
+            sequence: z,
             grant: Ie?.token,
             expiresAt: k
           });
@@ -4884,7 +4881,7 @@ function ko({
         return /* @__PURE__ */ t(et, { error: y("experience.unsupportedDistribution"), onRetry: Ye });
       }
       if (q === "ended") {
-        const k = Je?.type ?? (j?.phase === "ended" ? j.outcome.reason : void 0) ?? "unknown";
+        const k = Je?.type ?? (z?.phase === "ended" ? z.outcome.reason : void 0) ?? "unknown";
         if (k === "expired" && f?.expired) {
           const R = Je?.at ? new Date(Je.at) : void 0;
           return f.expired({
@@ -4939,7 +4936,7 @@ function ko({
     }
     return f?.loading ? f.loading({ ...le, message: ut }) : /* @__PURE__ */ t(It, { message: ut });
   }, sr = `${ae ?? "loading"}-${q ?? "unavailable"}`;
-  return /* @__PURE__ */ t(Rt, { theme: Ue, variant: lt, children: /* @__PURE__ */ u("div", { className: M("fanfare-experience-widget", v), "data-slot": "experience-widget", children: [
+  return /* @__PURE__ */ t(Rt, { theme: Ue, variant: lt, children: /* @__PURE__ */ u("div", { className: E("fanfare-experience-widget", v), "data-slot": "experience-widget", children: [
     /* @__PURE__ */ t(rt, { transitionKey: sr, children: ir() }),
     Re ? /* @__PURE__ */ t(
       Xa,
@@ -4976,32 +4973,32 @@ function So({
       d(m);
     }
   }, []);
-  const x = X(() => a ? Da(a) : {}, [a]);
+  const b = X(() => a ? Da(a) : {}, [a]);
   return /* @__PURE__ */ t("div", { ref: c, className: i, style: f, children: g && Er(
     /* @__PURE__ */ u(Me, { children: [
       /* @__PURE__ */ u("style", { "data-fanfare-styles": !0, children: [
         _o,
         No
       ] }),
-      /* @__PURE__ */ t(Na, { locale: n, translations: o, children: /* @__PURE__ */ t(Rt, { theme: a, variant: r, className: "ff:h-full ff:w-full", children: /* @__PURE__ */ t("div", { className: "fanfare-root ff:h-full ff:w-full", style: x, children: e }) }) })
+      /* @__PURE__ */ t(Na, { locale: n, translations: o, children: /* @__PURE__ */ t(Rt, { theme: a, variant: r, className: "ff:h-full ff:w-full", children: /* @__PURE__ */ t("div", { className: "fanfare-root ff:h-full ff:w-full", style: b, children: e }) }) })
     ] }),
     g
   ) });
 }
 So.displayName = "ShadowDOMPreview";
 export {
-  ja as AccessCodeForm,
+  za as AccessCodeForm,
   tt as AuctionModule,
   Aa as AuthForm,
   Ea as AuthInput,
-  z as Button,
+  j as Button,
   Ta as Card,
   dn as CardContent,
   cn as CardDescription,
   un as CardFooter,
   sn as CardHeader,
   ln as CardTitle,
-  za as ChallengeGate,
+  ja as ChallengeGate,
   at as DrawModule,
   Fa as EndedModule,
   et as ErrorView,
@@ -5038,6 +5035,6 @@ export {
   Nt as useFanfare,
   qo as useFanfareAuth,
   Wo as useJourneySnapshot,
-  je as useNanostore,
+  ze as useNanostore,
   K as useTranslations
 };