@fanfare-io/fanfare-sdk-react 0.7.1 → 0.8.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();
@@ -85,7 +85,7 @@ 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), b = X(
     () => ({
       organizationId: f,
       publishableKey: c,
@@ -103,29 +103,29 @@ function $o({
   );
   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({ ...b, 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);
 }
 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>"
@@ -177,11 +177,11 @@ function Sa(e, a) {
     i.current = p, g(p), x(p.snapshot$.get()), v(p.view$.get());
     const D = p.snapshot$.listen((T) => {
       x(T);
-    }), E = p.view$.listen((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,9 +204,9 @@ 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();
@@ -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, {
@@ -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) => {
@@ -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,
@@ -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,7 +920,7 @@ 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(
+    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, V = E(
       rn({ styleVariant: x }),
       y && "ff:border-danger ff:focus:border-danger ff:focus:ring-danger",
       // Extra padding for floating label
@@ -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",
@@ -1007,7 +1007,7 @@ 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 })
           ),
@@ -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
           }
         ),
@@ -1064,7 +1064,7 @@ const Ea = s.forwardRef(
     disabled: d,
     ...x
   }, 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, b] = s.useState(
       () => w === "phone" ? Dt(a) : a
     ), N = i === "auto";
     s.useEffect(() => {
@@ -1075,17 +1075,17 @@ const Ea = s.forwardRef(
     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);
@@ -1100,9 +1100,9 @@ const Ea = s.forwardRef(
       L.key === "Enter" && o && (L.preventDefault(), o()), x.onKeyDown?.(L);
     }, O = () => {
       const L = w === "email" ? "phone" : "email";
-      y(L), b(""), p(null), l(!1), E(!1), r("", L), n?.(!1);
+      y(L), b(""), p(null), l(!1), V(!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,
+      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,
@@ -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,7 +1164,7 @@ 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,
@@ -1263,10 +1263,10 @@ 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[b] = M, y(A);
       const I = A.join("");
-      a?.(I), V && b < n - 1 && C(b + 1), I.length === n && !I.includes("") && r?.(I);
+      a?.(I), M && b < n - 1 && C(b + 1), I.length === n && !I.includes("") && r?.(I);
     }, h = (b, N) => {
       switch (N.key) {
         case "Backspace":
@@ -1286,21 +1286,21 @@ const on = te(
       b.preventDefault();
       const N = b.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;
+    }, V = i || !!o, T = !!o && !i;
     return /* @__PURE__ */ u(
       "div",
       {
         ref: x,
-        className: M("fanfare-otp-input", "ff:space-y-1.5", d),
+        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",
@@ -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 }),
@@ -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(
             "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
           ] })
         ]
@@ -2120,7 +2120,7 @@ function pe({
   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,20 +2141,20 @@ 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),
+          V(T.value),
           T.shortLabel,
           b < D.length - 1 && " "
         ] }, T.label))
@@ -2164,7 +2164,7 @@ 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,
@@ -2172,10 +2172,10 @@ function pe({
       "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: x }),
         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
@@ -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"), b = c ?? p("auth.description"), N = d ?? p("auth.submit"), S = x ?? 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,15 +2367,15 @@ 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__ */ u(Me, { 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",
@@ -2510,19 +2510,19 @@ function ja({
   defaultError: x,
   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, b] = s.useState(x ?? null), N = async (S) => {
     if (S?.preventDefault(), !!h.trim()) {
-      E(!0), b(null);
+      V(!0), b(null);
       try {
         await e?.(h.trim());
-      } catch (V) {
-        b(V instanceof Error ? V.message : v("accessCode.invalid"));
+      } catch (M) {
+        b(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: [
@@ -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,
@@ -2596,7 +2596,7 @@ function za({
   retryLabel: d,
   className: x
 }) {
-  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, b] = 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,24 +2623,24 @@ 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), b(!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 () => {
+        b(!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);
           }
@@ -2650,16 +2650,16 @@ function za({
       b(!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), b(!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", x), "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,26 +2716,26 @@ 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, {
     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 } }) })
       ] }),
-      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, {})
   ] }) });
@@ -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: [
+  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: x }),
     /* @__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, {})
       ]
@@ -2883,7 +2883,7 @@ function We({
   return /* @__PURE__ */ t(U.div, { ...x, 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, {})
       ]
@@ -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,7 +2931,7 @@ 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,
@@ -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);
@@ -3099,7 +3099,7 @@ 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
     ] }) }),
@@ -3108,7 +3108,7 @@ function Wa({
       /* @__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",
@@ -3133,9 +3133,9 @@ 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") }),
+      /* @__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") })
       ]
     }
   );
@@ -3359,25 +3359,25 @@ function Ya({
     () => 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;
+    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(() => {
     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,12 +3389,12 @@ 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) => {
@@ -3405,7 +3405,7 @@ function Ya({
     /* @__PURE__ */ t(
       Za,
       {
-        slots: E,
+        slots: V,
         isLoading: v,
         selectedSlotId: p,
         onSelect: b
@@ -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, b] = 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), b(!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,
@@ -3531,7 +3531,7 @@ function wa({
   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,
@@ -3557,11 +3557,11 @@ function wa({
           }
         ) }),
         /* @__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
@@ -3631,13 +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: b } = K(), N = ze(e ?? ro), S = s.useMemo(
     () => no(a, N),
     [a, N]
-  ), V = s.useMemo(
+  ), M = s.useMemo(
     () => x ?? (S.closeAt ? new Date(S.closeAt) : void 0),
     [x, S.closeAt]
   ), A = s.useMemo(() => {
@@ -3664,18 +3664,18 @@ 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__ */ u(Z, { children: [
-            V && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
+            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: b("auction.endsIn") }),
-              /* @__PURE__ */ t(pe, { targetDate: V, showDays: !1 })
+              /* @__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") })
+            c ? /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: ce, children: b("auction.bidAction") }) : n && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: i, disabled: g, loading: g, children: b("auction.enter") })
           ] }),
           /* @__PURE__ */ t(H, {})
         ]
@@ -3686,15 +3686,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": "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: [
+            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: b("auction.endsIn") }),
-              /* @__PURE__ */ t(pe, { targetDate: V, showDays: !1 })
+              /* @__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: [
@@ -3707,9 +3707,9 @@ function tt({
               ] })
             ] }),
             /* @__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: b("auction.bidAction") }),
               o && /* @__PURE__ */ t(
-                z,
+                j,
                 {
                   className: "ff:w-full",
                   variant: "outline",
@@ -3731,7 +3731,7 @@ 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: [
@@ -3764,7 +3764,7 @@ function tt({
       outcomeReason: p ?? "ended",
       participationType: "auction",
       onReenter: D,
-      isReentering: E,
+      isReentering: V,
       className: T
     }
   ) : null;
@@ -3790,29 +3790,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(() => {
+  ), V = s.useMemo(() => {
     if (x)
       return x instanceof Date ? x : new Date(x);
   }, [x]), T = we(), b = () => {
     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 +3825,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 +3839,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,7 +3849,7 @@ function at({
       label: h("draw.wonTitle"),
       fallbackMessage: h("granted.description"),
       ctaLabel: h("granted.cta"),
-      expiresAt: E,
+      expiresAt: V,
       onCtaClick: b,
       className: l
     }
@@ -3885,30 +3885,30 @@ function wt({
   isReentering: C,
   className: l
 }) {
-  const { t: h } = K(), p = je(e ?? fo), D = s.useMemo(() => {
+  const { t: h } = K(), p = ze(e ?? fo), D = s.useMemo(() => {
     if (x)
       return x instanceof Date ? x : new Date(x);
-  }, [x]), E = we(), T = () => {
+  }, [x]), 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 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 } }), M = b != null ? Dr(b) : 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 +3921,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",
@@ -3980,7 +3980,7 @@ 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 = () => {
@@ -3989,7 +3989,7 @@ function vt({
   return a === "enterable" ? /* @__PURE__ */ t(U.div, { ...b, 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,7 +4000,7 @@ 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, {})
       ]
@@ -4008,7 +4008,7 @@ function vt({
   ) }) : a === "participating" ? /* @__PURE__ */ t(U.div, { ...b, 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 +4020,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 +4031,7 @@ function vt({
               }
             ),
             n && /* @__PURE__ */ t(
-              z,
+              j,
               {
                 className: "ff:w-full",
                 variant: "outline",
@@ -4052,7 +4052,7 @@ function vt({
       label: p("timedRelease.granted"),
       fallbackMessage: p("granted.description"),
       ctaLabel: p("granted.cta"),
-      expiresAt: E,
+      expiresAt: V,
       onCtaClick: N,
       className: h
     }
@@ -4080,7 +4080,7 @@ function Ga({
   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: [
+  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: x }),
     /* @__PURE__ */ u(Z, { children: [
       v && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
@@ -4095,7 +4095,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 +4161,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 })
       ]
     }
   );
@@ -4183,7 +4183,7 @@ function Ja({
   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: [
+  return /* @__PURE__ */ t(U.div, { ...m, children: /* @__PURE__ */ u(Y, { className: E("fanfare-start-view", d), "data-slot": "start-view", children: [
     /* @__PURE__ */ t(
       G,
       {
@@ -4199,7 +4199,7 @@ function Ja({
         /* @__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 ?? x("start.cta") })
     ] }),
     /* @__PURE__ */ t(H, {})
   ] }) });
@@ -4215,7 +4215,7 @@ function Qa({
   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: [
+  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: [
@@ -4230,7 +4230,7 @@ function Qa({
         )
       ] }),
       o && /* @__PURE__ */ t(
-        z,
+        j,
         {
           className: "ff:mt-auto ff:w-full",
           variant: "outline",
@@ -4326,11 +4326,11 @@ function ko({
   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, b] = 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 +4346,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);
@@ -4363,21 +4363,21 @@ function ko({
   const Le = B(async () => {
     b(!0), L(null);
     try {
-      await E();
+      await V();
     } catch {
     } finally {
       b(!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 +4385,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 +4396,7 @@ function ko({
           F(R);
         }
     },
-    [ze, F, w, l, Ae]
+    [je, F, w, l, Ae]
   ), Ke = B(
     async (k) => {
       if (l) {
@@ -4575,7 +4575,7 @@ 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]);
@@ -4590,10 +4590,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 +4605,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 +4650,7 @@ function ko({
         onVerifyToken: Yt,
         onRetry: Gt
       }) : /* @__PURE__ */ t(
-        za,
+        ja,
         {
           challenge: _,
           botMitigation: R,
@@ -4664,15 +4664,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 +4688,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 +4806,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 +4852,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 +4884,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 +4939,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,
@@ -4990,18 +4990,18 @@ function So({
 }
 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 +5038,6 @@ export {
   Nt as useFanfare,
   qo as useFanfareAuth,
   Wo as useJourneySnapshot,
-  je as useNanostore,
+  ze as useNanostore,
   K as useTranslations
 };