@skylabs-digital/react-identity-access 2.0.1 → 2.1.0

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { jsx as n, Fragment as N, jsxs as l } from "react/jsx-runtime";
-import { createContext as de, useMemo as Q, useState as v, useCallback as ne, useEffect as te, useContext as ue } from "react";
+import { jsx as n, Fragment as B, jsxs as a } from "react/jsx-runtime";
+import { createContext as he, useMemo as Q, useState as k, useCallback as ne, useEffect as te, useContext as ce } from "react";
 import { useLocation as we, Navigate as pe } from "react-router-dom";
 class re {
   // SessionManager instance
@@ -16,40 +16,40 @@ class re {
     return this.executeRequest(e, t, r, s, !1);
   }
   async executeRequest(e, t, r, s, o = !1) {
-    const p = `${this.baseUrl}${t.startsWith("/") ? t : `/${t}`}`, I = (s == null ? void 0 : s.timeout) || this.timeout;
+    const g = `${this.baseUrl}${t.startsWith("/") ? t : `/${t}`}`, y = (s == null ? void 0 : s.timeout) || this.timeout;
     let A = {
       "Content-Type": "application/json",
       ...s == null ? void 0 : s.headers
     };
     if (!(s != null && s.skipAuth) && this.sessionManager)
       try {
-        const b = await this.sessionManager.getAuthHeaders();
-        A = { ...A, ...b };
-      } catch (b) {
-        console.warn("Failed to inject auth headers:", b);
+        const f = await this.sessionManager.getAuthHeaders();
+        A = { ...A, ...f };
+      } catch (f) {
+        console.warn("Failed to inject auth headers:", f);
       }
-    const x = new AbortController(), T = setTimeout(() => x.abort(), I);
+    const w = new AbortController(), T = setTimeout(() => w.abort(), y);
     try {
-      const b = await fetch(p, {
+      const f = await fetch(g, {
         method: e,
         headers: A,
         body: r ? JSON.stringify(r) : void 0,
-        signal: x.signal
+        signal: w.signal
       });
-      if (clearTimeout(T), b.status === 401 && !(s != null && s.skipRetry) && !o && this.sessionManager)
+      if (clearTimeout(T), f.status === 401 && !(s != null && s.skipRetry) && !o && this.sessionManager)
         try {
           const h = this.sessionManager.getTokens();
           if (h != null && h.refreshToken)
             return await this.sessionManager.getAuthHeaders(), this.executeRequest(e, t, r, s, !0);
         } catch {
-          throw new Error(`HTTP ${b.status}: ${b.statusText}`);
+          throw new Error(`HTTP ${f.status}: ${f.statusText}`);
         }
-      if (!b.ok)
-        throw new Error(`HTTP ${b.status}: ${b.statusText}`);
-      const f = b.headers.get("content-type");
-      return !f || !f.includes("application/json") ? {} : await b.json();
-    } catch (b) {
-      throw clearTimeout(T), b instanceof Error && b.name === "AbortError" ? new Error(`Request timeout after ${I}ms`) : b;
+      if (!f.ok)
+        throw new Error(`HTTP ${f.status}: ${f.statusText}`);
+      const p = f.headers.get("content-type");
+      return !p || !p.includes("application/json") ? {} : await f.json();
+    } catch (f) {
+      throw clearTimeout(T), f instanceof Error && f.name === "AbortError" ? new Error(`Request timeout after ${y}ms`) : f;
     }
   }
   async get(e, t) {
@@ -65,7 +65,7 @@ class re {
     return this.request("DELETE", e, void 0, t);
   }
 }
-class be {
+class Se {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -124,76 +124,31 @@ class be {
     })).data;
   }
 }
-const Ae = de(null), De = () => /* @__PURE__ */ n(
-  "div",
-  {
-    style: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      height: "100vh",
-      fontFamily: "system-ui, sans-serif"
-    },
-    children: /* @__PURE__ */ n("div", { children: "Loading application..." })
-  }
-), He = ({ error: i, retry: e }) => /* @__PURE__ */ l(
-  "div",
-  {
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      alignItems: "center",
-      height: "100vh",
-      fontFamily: "system-ui, sans-serif",
-      textAlign: "center",
-      padding: "20px"
-    },
-    children: [
-      /* @__PURE__ */ n("h2", { style: { color: "#dc3545", marginBottom: "16px" }, children: "Application Error" }),
-      /* @__PURE__ */ n("p", { style: { color: "#6c757d", marginBottom: "24px" }, children: i.message || "Unable to load application" }),
-      /* @__PURE__ */ n(
-        "button",
-        {
-          onClick: e,
-          style: {
-            padding: "8px 16px",
-            backgroundColor: "#007bff",
-            color: "white",
-            border: "none",
-            borderRadius: "4px",
-            cursor: "pointer"
-          },
-          children: "Retry"
-        }
-      )
-    ]
-  }
-);
-function St({ config: i, children: e }) {
+const Te = he(null);
+function xt({ config: i, children: e }) {
   const t = Q(
     () => {
-      var f, h, S;
+      var p, h, m;
       return {
-        enabled: ((f = i.cache) == null ? void 0 : f.enabled) ?? !0,
+        enabled: ((p = i.cache) == null ? void 0 : p.enabled) ?? !0,
         ttl: ((h = i.cache) == null ? void 0 : h.ttl) ?? 3e5,
         // 5 minutes default
-        storageKey: ((S = i.cache) == null ? void 0 : S.storageKey) ?? `app_cache_${i.appId}`
+        storageKey: ((m = i.cache) == null ? void 0 : m.storageKey) ?? `app_cache_${i.appId}`
       };
     },
     [i.cache, i.appId]
-  ), [r, s] = v(() => {
+  ), [r, s] = k(() => {
     if (!t.enabled) return null;
     try {
-      const f = localStorage.getItem(t.storageKey);
-      if (!f) return null;
-      const h = JSON.parse(f);
+      const p = localStorage.getItem(t.storageKey);
+      if (!p) return null;
+      const h = JSON.parse(p);
       return Date.now() - h.timestamp < t.ttl && h.appId === i.appId ? h.data : (localStorage.removeItem(t.storageKey), null);
     } catch {
       return null;
     }
-  }), [o, p] = v(!r), [I, A] = v(null), x = Q(() => {
-    const f = () => {
+  }), [o, g] = k(!r), [y, A] = k(null), w = Q(() => {
+    const p = () => {
       T();
     };
     return {
@@ -202,71 +157,65 @@ function St({ config: i, children: e }) {
       // App info
       appInfo: r,
       isAppLoading: o,
-      appError: I,
-      retryApp: f
+      appError: y,
+      retryApp: p
     };
-  }, [i, r, o, I]), T = ne(
-    async (f = !1) => {
-      if (!(!f && t.enabled && r))
+  }, [i, r, o, y]), T = ne(
+    async (p = !1) => {
+      if (!(!p && t.enabled && r))
         try {
-          p(!0), A(null);
-          const h = new re(i.baseUrl), L = await new be(h, {}).getPublicAppInfo(i.appId);
-          if (s(L), t.enabled)
+          g(!0), A(null);
+          const h = new re(i.baseUrl), R = await new Se(h, {}).getPublicAppInfo(i.appId);
+          if (s(R), t.enabled)
             try {
-              const R = {
-                data: L,
+              const C = {
+                data: R,
                 timestamp: Date.now(),
                 appId: i.appId
               };
-              localStorage.setItem(t.storageKey, JSON.stringify(R));
-            } catch (R) {
-              console.warn("Failed to cache app info:", R);
+              localStorage.setItem(t.storageKey, JSON.stringify(C));
+            } catch (C) {
+              console.warn("Failed to cache app info:", C);
             }
         } catch (h) {
-          const S = h instanceof Error ? h : new Error("Failed to load app information");
-          A(S), s(null);
+          const m = h instanceof Error ? h : new Error("Failed to load app information");
+          A(m), s(null);
         } finally {
-          p(!1);
+          g(!1);
         }
     },
     [i.baseUrl, i.appId, t, r]
-  ), b = ne(async () => {
+  ), f = ne(async () => {
     if (!(!t.enabled || !r))
       try {
-        const f = localStorage.getItem(t.storageKey);
-        if (!f) return;
-        const h = JSON.parse(f);
+        const p = localStorage.getItem(t.storageKey);
+        if (!p) return;
+        const h = JSON.parse(p);
         if (Date.now() - h.timestamp > t.ttl * 0.5) {
-          const L = new re(i.baseUrl), q = await new be(L, {}).getPublicAppInfo(i.appId);
-          s(q);
-          const k = {
-            data: q,
+          const R = new re(i.baseUrl), U = await new Se(R, {}).getPublicAppInfo(i.appId);
+          s(U);
+          const P = {
+            data: U,
             timestamp: Date.now(),
             appId: i.appId
           };
-          localStorage.setItem(t.storageKey, JSON.stringify(k));
+          localStorage.setItem(t.storageKey, JSON.stringify(P));
         }
-      } catch (f) {
-        console.warn("Background app refresh failed:", f);
+      } catch (p) {
+        console.warn("Background app refresh failed:", p);
       }
   }, [i, t, r]);
-  if (te(() => {
-    r ? b() : T();
-  }, []), o)
-    return /* @__PURE__ */ n(N, { children: i.loadingFallback || /* @__PURE__ */ n(De, {}) });
-  if (I) {
-    const f = typeof i.errorFallback == "function" ? i.errorFallback(I, () => T()) : i.errorFallback || /* @__PURE__ */ n(He, { error: I, retry: () => T() });
-    return /* @__PURE__ */ n(N, { children: f });
-  }
-  return /* @__PURE__ */ n(Ae.Provider, { value: x, children: e });
+  return te(() => {
+    r ? f() : T();
+  }, []), /* @__PURE__ */ n(Te.Provider, { value: w, children: e });
 }
-function he() {
-  const i = ue(Ae);
+function oe() {
+  const i = ce(Te);
   if (!i)
     throw new Error("useApp must be used within an AppProvider");
   return i;
 }
-const vt = he;
+const kt = oe;
 class ye {
   constructor(e = {}) {
     this.refreshPromise = null, this.refreshQueue = [], e.tenantSlug !== void 0 ? this.storageKey = e.tenantSlug ? `auth_tokens_${e.tenantSlug}` : "auth_tokens" : this.storageKey = e.storageKey || "auth_tokens", this.autoRefresh = e.autoRefresh ?? !0, this.refreshThreshold = e.refreshThreshold || 3e5, this.onRefreshFailed = e.onRefreshFailed, this.baseUrl = e.baseUrl || "", this.tokenStorage = e.tokenStorage || this.createTokenStorage(this.storageKey);
@@ -420,7 +369,7 @@ class ye {
     return e !== null && !this.isTokenExpired(e);
   }
 }
-class Ne {
+class He {
   constructor(e) {
     this.httpService = e;
   }
@@ -465,7 +414,7 @@ class Ne {
     });
   }
 }
-class Se {
+class ve {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -532,16 +481,16 @@ class Se {
       throw new Error("SessionManager is required for private endpoints");
     const r = await this.sessionManager.getAuthHeaders(), s = new URLSearchParams();
     t != null && t.page && s.append("page", t.page.toString()), t != null && t.limit && s.append("limit", t.limit.toString()), t != null && t.sortBy && s.append("sortBy", t.sortBy), t != null && t.sortOrder && s.append("sortOrder", t.sortOrder);
-    const o = `/roles/user/${e}${s.toString() ? `?${s.toString()}` : ""}`, p = await this.httpService.get(o, {
+    const o = `/roles/user/${e}${s.toString() ? `?${s.toString()}` : ""}`, g = await this.httpService.get(o, {
       headers: r
     });
     return {
-      roles: p.data,
-      meta: p.meta
+      roles: g.data,
+      meta: g.meta
     };
   }
 }
-class Be {
+class Ne {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -581,7 +530,7 @@ class Be {
     });
   }
 }
-class ce {
+class ue {
   constructor(e, t, r) {
     this.httpService = e, this.appId = t, this.sessionManager = r;
   }
@@ -659,180 +608,155 @@ class ce {
     )).data;
   }
 }
-const Te = de(null), Ue = () => /* @__PURE__ */ n(
-  "div",
-  {
-    style: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      height: "100vh",
-      fontFamily: "system-ui, sans-serif"
-    },
-    children: /* @__PURE__ */ n("div", { children: "Loading tenant..." })
-  }
-), qe = ({ error: i, retry: e }) => /* @__PURE__ */ l(
-  "div",
-  {
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      alignItems: "center",
-      height: "100vh",
-      fontFamily: "system-ui, sans-serif",
-      textAlign: "center",
-      padding: "20px"
-    },
-    children: [
-      /* @__PURE__ */ n("h2", { style: { color: "#dc3545", marginBottom: "16px" }, children: "Tenant Error" }),
-      /* @__PURE__ */ n("p", { style: { color: "#6c757d", marginBottom: "24px" }, children: i.message || "Unable to load tenant" }),
-      /* @__PURE__ */ n(
-        "button",
-        {
-          onClick: e,
-          style: {
-            padding: "8px 16px",
-            backgroundColor: "#007bff",
-            color: "white",
-            border: "none",
-            borderRadius: "4px",
-            cursor: "pointer"
-          },
-          children: "Retry"
-        }
-      )
-    ]
-  }
-);
-function xt({ config: i, children: e }) {
-  const { baseUrl: t, appInfo: r, appId: s } = he(), o = ne(() => {
-    const a = i.tenantMode || "selector", g = "tenant";
-    if (typeof window > "u") return null;
-    if (a === "subdomain") {
-      const c = window.location.hostname.split(".");
-      if (c.length >= 3) {
-        const d = c[0];
-        return localStorage.setItem(g, d), d;
-      }
-      return localStorage.getItem(g);
-    } else if (a === "selector") {
-      const c = new URLSearchParams(window.location.search).get(i.selectorParam || "tenant");
-      return c ? (localStorage.setItem(g, c), c) : localStorage.getItem(g);
+function Be(i, e) {
+  if (i === "localhost" || i.startsWith("127.") || i.startsWith("192.168."))
+    return null;
+  if (e) {
+    const s = e.toLowerCase(), o = i.toLowerCase();
+    if (o === s || o === `www.${s}`)
+      return null;
+    if (o.endsWith(`.${s}`)) {
+      const g = o.slice(0, -(s.length + 1));
+      return g === "www" ? null : g;
     }
     return null;
-  }, [i.tenantMode, i.selectorParam]), [p, I] = v(() => o()), A = Q(
+  }
+  const r = i.split(".");
+  return r.length >= 3 && r[0] !== "www" ? r[0] : null;
+}
+function Ue(i, e = "tenant", t) {
+  const s = new URLSearchParams(i).get(e);
+  return s ? (t && t.setItem("tenant", s), s) : t ? t.getItem("tenant") : null;
+}
+function qe(i, e, t) {
+  const { tenantMode: r, baseDomain: s, selectorParam: o } = i;
+  return r === "subdomain" ? Be(e.hostname, s) : r === "selector" ? Ue(e.search, o, t) : null;
+}
+const be = he(null);
+function At({ config: i, children: e }) {
+  const { baseUrl: t, appInfo: r, appId: s } = oe(), o = ne(() => typeof window > "u" ? null : qe(
+    {
+      tenantMode: i.tenantMode || "selector",
+      baseDomain: i.baseDomain,
+      selectorParam: i.selectorParam
+    },
+    {
+      hostname: window.location.hostname,
+      search: window.location.search
+    },
+    window.localStorage
+  ), [i.tenantMode, i.baseDomain, i.selectorParam]), [g, y] = k(() => o()), A = Q(
     () => {
-      var a, g, m;
+      var l, x, b;
       return {
-        enabled: ((a = i.cache) == null ? void 0 : a.enabled) ?? !0,
-        ttl: ((g = i.cache) == null ? void 0 : g.ttl) ?? 5 * 60 * 1e3,
+        enabled: ((l = i.cache) == null ? void 0 : l.enabled) ?? !0,
+        ttl: ((x = i.cache) == null ? void 0 : x.ttl) ?? 5 * 60 * 1e3,
         // 5 minutes default
-        storageKey: ((m = i.cache) == null ? void 0 : m.storageKey) ?? `tenant_cache_${p || "default"}`
+        storageKey: ((b = i.cache) == null ? void 0 : b.storageKey) ?? `tenant_cache_${g || "default"}`
       };
     },
-    [i.cache, p]
-  ), [x, T] = v(() => {
+    [i.cache, g]
+  ), [w, T] = k(() => {
     if (i.initialTenant) return i.initialTenant;
-    if (!A.enabled || !p) return null;
+    if (!A.enabled || !g) return null;
     try {
-      const a = localStorage.getItem(A.storageKey);
-      if (!a) return null;
-      const g = JSON.parse(a);
-      return Date.now() - g.timestamp < A.ttl && g.tenantSlug === p ? g.data : (localStorage.removeItem(A.storageKey), null);
+      const l = localStorage.getItem(A.storageKey);
+      if (!l) return null;
+      const x = JSON.parse(l);
+      return Date.now() - x.timestamp < A.ttl && x.tenantSlug === g ? x.data : (localStorage.removeItem(A.storageKey), null);
     } catch {
       return null;
     }
-  }), [b, f] = v(!x && !i.initialTenant), [h, S] = v(null), [L, R] = v(null), [q, k] = v(!1), [u, P] = v(null);
+  }), [f, p] = k(!w && !i.initialTenant), [h, m] = k(null), [R, C] = k(null), [U, P] = k(!1), [u, M] = k(null);
   te(() => {
-    const a = o();
-    I(a);
+    const l = o();
+    y(l);
   }, [o]);
-  const C = (r == null ? void 0 : r.settingsSchema) || null, H = ne(
-    async (a, g = !1) => {
-      if (!(!g && A.enabled && x && x.domain === a))
+  const E = (r == null ? void 0 : r.settingsSchema) || null, q = ne(
+    async (l, x = !1) => {
+      if (!(!x && A.enabled && w && w.domain === l))
         try {
-          f(!0), S(null);
-          const m = new re(t), d = await new ce(m, s).getPublicTenantInfo(a);
-          if (T(d), A.enabled)
+          p(!0), m(null);
+          const b = new re(t), c = await new ue(b, s).getPublicTenantInfo(l);
+          if (T(c), A.enabled)
             try {
-              const y = {
-                data: d,
+              const S = {
+                data: c,
                 timestamp: Date.now(),
-                tenantSlug: a
+                tenantSlug: l
               };
-              localStorage.setItem(A.storageKey, JSON.stringify(y));
-            } catch (y) {
-              console.warn("Failed to cache tenant info:", y);
+              localStorage.setItem(A.storageKey, JSON.stringify(S));
+            } catch (S) {
+              console.warn("Failed to cache tenant info:", S);
             }
-        } catch (m) {
-          const c = m instanceof Error ? m : new Error("Failed to load tenant information");
-          S(c), T(null);
+        } catch (b) {
+          const d = b instanceof Error ? b : new Error("Failed to load tenant information");
+          m(d), T(null);
         } finally {
-          f(!1);
+          p(!1);
         }
     },
-    [t, s, A, x]
-  ), W = ne(async () => {
-    if (!(!A.enabled || !x || !p))
+    [t, s, A, w]
+  ), V = ne(async () => {
+    if (!(!A.enabled || !w || !g))
       try {
-        const a = localStorage.getItem(A.storageKey);
-        if (!a) return;
-        const g = JSON.parse(a);
-        if (Date.now() - g.timestamp > A.ttl * 0.5) {
-          const c = new re(t), y = await new ce(c, s).getPublicTenantInfo(p);
-          T(y);
+        const l = localStorage.getItem(A.storageKey);
+        if (!l) return;
+        const x = JSON.parse(l);
+        if (Date.now() - x.timestamp > A.ttl * 0.5) {
+          const d = new re(t), S = await new ue(d, s).getPublicTenantInfo(g);
+          T(S);
           const G = {
-            data: y,
+            data: S,
             timestamp: Date.now(),
-            tenantSlug: p
+            tenantSlug: g
           };
           localStorage.setItem(A.storageKey, JSON.stringify(G));
         }
-      } catch (a) {
-        console.warn("Background tenant refresh failed:", a);
+      } catch (l) {
+        console.warn("Background tenant refresh failed:", l);
       }
-  }, [t, s, A, x, p]), F = ne(async () => {
-    if (x != null && x.id)
+  }, [t, s, A, w, g]), $ = ne(async () => {
+    if (w != null && w.id)
       try {
-        k(!0), P(null);
-        const a = new re(t), m = await new ce(a, x.appId).getTenantSettings(x.id);
-        R(m);
-      } catch (a) {
-        const g = a instanceof Error ? a : new Error("Failed to load tenant settings");
-        P(g), R(null);
+        P(!0), M(null);
+        const l = new re(t), b = await new ue(l, w.appId).getTenantSettings(w.id);
+        C(b);
+      } catch (l) {
+        const x = l instanceof Error ? l : new Error("Failed to load tenant settings");
+        M(x), C(null);
       } finally {
-        k(!1);
+        P(!1);
       }
-  }, [t, x]), V = ne(() => {
-    F();
-  }, [F]), w = ne(
-    (a) => {
-      if (!C)
+  }, [t, w]), j = ne(() => {
+    $();
+  }, [$]), v = ne(
+    (l) => {
+      if (!E)
         return { isValid: !0, errors: [] };
-      const g = [];
+      const x = [];
       try {
-        return C.properties && Object.entries(C.properties).forEach(([m, c]) => {
-          var y;
-          const d = a[m];
-          if ((y = C.required) != null && y.includes(m) && d == null) {
-            g.push(`Field '${m}' is required`);
+        return E.properties && Object.entries(E.properties).forEach(([b, d]) => {
+          var S;
+          const c = l[b];
+          if ((S = E.required) != null && S.includes(b) && c == null) {
+            x.push(`Field '${b}' is required`);
             return;
           }
-          if (d != null) {
-            if (c.type) {
-              const G = c.type, ee = typeof d;
-              G === "string" && ee !== "string" ? g.push(`Field '${m}' must be a string`) : (G === "number" || G === "integer") && ee !== "number" ? g.push(`Field '${m}' must be a number`) : G === "boolean" && ee !== "boolean" ? g.push(`Field '${m}' must be a boolean`) : G === "array" && !Array.isArray(d) && g.push(`Field '${m}' must be an array`);
+          if (c != null) {
+            if (d.type) {
+              const G = d.type, ee = typeof c;
+              G === "string" && ee !== "string" ? x.push(`Field '${b}' must be a string`) : (G === "number" || G === "integer") && ee !== "number" ? x.push(`Field '${b}' must be a number`) : G === "boolean" && ee !== "boolean" ? x.push(`Field '${b}' must be a boolean`) : G === "array" && !Array.isArray(c) && x.push(`Field '${b}' must be an array`);
             }
-            c.minLength !== void 0 && typeof d == "string" && d.length < c.minLength && g.push(
-              `Field '${m}' must be at least ${c.minLength} characters long`
-            ), c.maxLength !== void 0 && typeof d == "string" && d.length > c.maxLength && g.push(
-              `Field '${m}' must be no more than ${c.maxLength} characters long`
-            ), c.minimum !== void 0 && typeof d == "number" && d < c.minimum && g.push(`Field '${m}' must be at least ${c.minimum}`), c.maximum !== void 0 && typeof d == "number" && d > c.maximum && g.push(`Field '${m}' must be no more than ${c.maximum}`), c.pattern && typeof d == "string" && (new RegExp(c.pattern).test(d) || g.push(`Field '${m}' does not match the required pattern`)), c.enum && !c.enum.includes(d) && g.push(`Field '${m}' must be one of: ${c.enum.join(", ")}`);
+            d.minLength !== void 0 && typeof c == "string" && c.length < d.minLength && x.push(
+              `Field '${b}' must be at least ${d.minLength} characters long`
+            ), d.maxLength !== void 0 && typeof c == "string" && c.length > d.maxLength && x.push(
+              `Field '${b}' must be no more than ${d.maxLength} characters long`
+            ), d.minimum !== void 0 && typeof c == "number" && c < d.minimum && x.push(`Field '${b}' must be at least ${d.minimum}`), d.maximum !== void 0 && typeof c == "number" && c > d.maximum && x.push(`Field '${b}' must be no more than ${d.maximum}`), d.pattern && typeof c == "string" && (new RegExp(d.pattern).test(c) || x.push(`Field '${b}' does not match the required pattern`)), d.enum && !d.enum.includes(c) && x.push(`Field '${b}' must be one of: ${d.enum.join(", ")}`);
           }
         }), {
-          isValid: g.length === 0,
-          errors: g
+          isValid: x.length === 0,
+          errors: x
         };
       } catch {
         return {
@@ -841,87 +765,84 @@ function xt({ config: i, children: e }) {
         };
       }
     },
-    [C]
+    [E]
   );
   te(() => {
-    !i.initialTenant && p ? x ? W() : H(p) : !i.initialTenant && !p && (T(null), S(null), f(!1));
-  }, [i.initialTenant, p, x, H, W]), te(() => {
-    x != null && x.id ? F() : (R(null), P(null), k(!1));
-  }, [x == null ? void 0 : x.id, F]);
-  const M = ne(
-    (a, g = "reload") => {
-      const m = i.tenantMode || "selector";
-      if (localStorage.setItem("tenant", a), m === "subdomain") {
-        const c = window.location.hostname, d = c.split(".");
-        if (d.length >= 2) {
-          d[0] = a;
-          const y = d.join("."), G = `${window.location.protocol}//${y}${window.location.pathname}${window.location.search}`;
+    !i.initialTenant && g ? w ? V() : q(g) : !i.initialTenant && !g && (T(null), m(null), p(!1));
+  }, [i.initialTenant, g, w, q, V]), te(() => {
+    w != null && w.id ? $() : (C(null), M(null), P(!1));
+  }, [w == null ? void 0 : w.id, $]);
+  const I = ne(
+    (l, x = "reload") => {
+      const b = i.tenantMode || "selector";
+      if (localStorage.setItem("tenant", l), b === "subdomain") {
+        const d = window.location.hostname, c = d.split(".");
+        if (c.length >= 2) {
+          c[0] = l;
+          const S = c.join("."), G = `${window.location.protocol}//${S}${window.location.pathname}${window.location.search}`;
           window.location.href = G;
         } else
           console.warn(
             "[TenantProvider] Cannot switch subdomain, invalid hostname:",
-            c
+            d
           );
-      } else if (m === "selector") {
-        const c = new URLSearchParams(window.location.search);
-        if (c.set(i.selectorParam || "tenant", a), g === "reload") {
-          const d = `${window.location.pathname}?${c.toString()}${window.location.hash}`;
-          window.location.href = d;
+      } else if (b === "selector") {
+        const d = new URLSearchParams(window.location.search);
+        if (d.set(i.selectorParam || "tenant", l), x === "reload") {
+          const c = `${window.location.pathname}?${d.toString()}${window.location.hash}`;
+          window.location.href = c;
         } else {
-          const d = `${window.location.pathname}?${c.toString()}${window.location.hash}`;
-          window.history.pushState({}, "", d), I(a), H(a);
+          const c = `${window.location.pathname}?${d.toString()}${window.location.hash}`;
+          window.history.pushState({}, "", c), y(l), q(l);
         }
       }
     },
-    [i.tenantMode, i.selectorParam, H, p]
-  ), E = Q(() => ({
+    [i.tenantMode, i.selectorParam, q, g]
+  ), L = Q(() => ({
     // Tenant info
-    tenant: x,
-    tenantSlug: p,
-    isTenantLoading: b,
+    tenant: w,
+    tenantSlug: g,
+    isTenantLoading: f,
     tenantError: h,
     retryTenant: () => {
-      p && H(p);
+      g && q(g);
     },
     // Settings
-    settings: L,
-    settingsSchema: C,
-    isSettingsLoading: q,
+    settings: R,
+    settingsSchema: E,
+    isSettingsLoading: U,
     settingsError: u,
     // Actions
-    refreshSettings: V,
-    switchTenant: M,
+    refreshSettings: j,
+    switchTenant: I,
     // Validation
-    validateSettings: w
+    validateSettings: v
   }), [
-    x,
-    p,
-    b,
+    w,
+    g,
+    f,
     h,
-    L,
-    C,
-    q,
+    R,
+    E,
+    U,
     u,
-    V,
-    M,
-    w
+    j,
+    I,
+    v
   ]);
-  if (b)
-    return /* @__PURE__ */ n(N, { children: i.loadingFallback || /* @__PURE__ */ n(Ue, {}) });
-  if (h) {
-    const a = typeof i.errorFallback == "function" ? i.errorFallback(h, () => H(p || "")) : i.errorFallback || /* @__PURE__ */ n(qe, { error: h, retry: () => H(p || "") });
-    return /* @__PURE__ */ n(N, { children: a });
-  }
-  return /* @__PURE__ */ n(Te.Provider, { value: E, children: e });
+  return /* @__PURE__ */ n(be.Provider, { value: L, children: e });
 }
 function fe() {
-  const i = ue(Te);
+  const i = ce(be);
   if (!i)
     throw new Error("useTenant must be used within a TenantProvider");
   return i;
 }
-const kt = fe;
-function At() {
+function Pe() {
+  return ce(be);
+}
+const Tt = fe;
+function Pt() {
   const { settings: i, settingsSchema: e, isSettingsLoading: t, settingsError: r, validateSettings: s } = fe();
   return {
     settings: i,
@@ -941,51 +862,51 @@ function se() {
     retry: s
   };
 }
-const Pe = de(null);
-function Tt({ config: i = {}, children: e }) {
-  const { appId: t, baseUrl: r } = he(), { tenant: s, tenantSlug: o, switchTenant: p } = fe(), [I, A] = v(i.initialRoles || []), [x, T] = v(!i.initialRoles), [b, f] = v(null), [h, S] = v(!1), [L, R] = v(null), [q, k] = v(0), u = Q(() => new ye({
+const Me = he(null);
+function Mt({ config: i = {}, children: e }) {
+  const { appId: t, baseUrl: r } = oe(), { tenant: s, tenantSlug: o, switchTenant: g } = fe(), [y, A] = k(i.initialRoles || []), [w, T] = k(!i.initialRoles), [f, p] = k(null), [h, m] = k(!1), [R, C] = k(null), [U, P] = k(0), u = Q(() => new ye({
     tenantSlug: o,
     // SessionManager will generate storageKey internally
     onRefreshFailed: i.onRefreshFailed,
     baseUrl: r
-  }), [o, r, i.onRefreshFailed]), P = Q(() => {
-    const g = new re(r);
-    return g.setSessionManager(u), g;
-  }, [r, u]), C = Q(() => new Ne(new re(r)), [r]), H = Q(() => new Be(P, u), [P, u]), W = Q(() => new Se(new re(r)), [r]), F = Q(() => b || u.getUser(), [b, u]), V = Q(() => F != null && F.roleId && I.find((g) => g.id === F.roleId) || null, [F, I]), w = Q(() => (V == null ? void 0 : V.permissions) || [], [V]), M = Q(() => u.hasValidSession() && b !== null, [u, b]), E = 5 * 60 * 1e3, a = Q(() => {
-    const g = async ($ = !1) => {
+  }), [o, r, i.onRefreshFailed]), M = Q(() => {
+    const x = new re(r);
+    return x.setSessionManager(u), x;
+  }, [r, u]), E = Q(() => new He(new re(r)), [r]), q = Q(() => new Ne(M, u), [M, u]), V = Q(() => new ve(new re(r)), [r]), $ = Q(() => f || u.getUser(), [f, u]), j = Q(() => $ != null && $.roleId && y.find((x) => x.id === $.roleId) || null, [$, y]), v = Q(() => (j == null ? void 0 : j.permissions) || [], [j]), I = Q(() => u.hasValidSession() && f !== null, [u, f]), L = 5 * 60 * 1e3, l = Q(() => {
+    const x = async (F = !1) => {
       try {
         if (!u.hasValidSession())
           return;
-        const U = Date.now();
-        if (!$ && U - q < E && b)
+        const N = Date.now();
+        if (!F && N - U < L && f)
           return;
-        const j = u.getUserId();
-        if (!j) {
+        const W = u.getUserId();
+        if (!W) {
           console.warn("[AuthProvider] No userId available in token or storage");
           return;
         }
-        S(!0), R(null);
-        const X = await H.getUserById(j);
-        f(X), u.setUser(X), k(Date.now());
-      } catch (U) {
-        const K = U instanceof Error ? U : new Error("Failed to load user data");
-        R(K), console.error("[AuthProvider] Failed to load user data:", K);
+        m(!0), C(null);
+        const X = await q.getUserById(W);
+        p(X), u.setUser(X), P(Date.now());
+      } catch (N) {
+        const _ = N instanceof Error ? N : new Error("Failed to load user data");
+        C(_), console.error("[AuthProvider] Failed to load user data:", _);
       } finally {
-        S(!1);
+        m(!1);
       }
-    }, m = async () => {
-      await g();
-    }, c = async ($) => {
-      const { username: U, password: K, tenantSlug: j } = $;
+    }, b = async () => {
+      await x();
+    }, d = async (F) => {
+      const { username: N, password: _, tenantSlug: W } = F;
       let X = s == null ? void 0 : s.id, Y = o, Z = u;
-      j && (X = (await new ce(P, t).getPublicTenantInfo(j)).id, Y = j);
-      const J = await C.login({
-        username: U,
-        password: K,
+      W && (X = (await new ue(M, t).getPublicTenantInfo(W)).id, Y = W);
+      const J = await E.login({
+        username: N,
+        password: _,
         appId: t,
         tenantId: X
-      }), ae = j && j !== o;
-      if (ae && (Z = new ye({
+      }), le = W && W !== o;
+      if (le && (Z = new ye({
         tenantSlug: Y,
         baseUrl: r
       })), Z.setTokens({
@@ -993,79 +914,79 @@ function Tt({ config: i = {}, children: e }) {
         refreshToken: J.refreshToken,
         expiresIn: J.expiresIn
       }), J.user) {
-        Z.setUser(J.user), f(J.user);
+        Z.setUser(J.user), p(J.user);
         try {
-          await g();
-        } catch (le) {
-          console.warn("Failed to load complete user data after login:", le);
+          await x();
+        } catch (de) {
+          console.warn("Failed to load complete user data after login:", de);
         }
       }
-      return ae && Y && Y !== o && p(Y), J;
-    }, d = async ($) => {
-      const { email: U, phoneNumber: K, name: j, password: X, lastName: Y, tenantId: Z } = $;
-      if (!U && !K)
+      return le && Y && Y !== o && g(Y), J;
+    }, c = async (F) => {
+      const { email: N, phoneNumber: _, name: W, password: X, lastName: Y, tenantId: Z } = F;
+      if (!N && !_)
         throw new Error("Either email or phoneNumber is required");
-      if (!j || !X)
+      if (!W || !X)
         throw new Error("Name and password are required");
       const J = Z ?? (s == null ? void 0 : s.id);
-      return await C.signup({
-        email: U,
-        phoneNumber: K,
-        name: j,
+      return await E.signup({
+        email: N,
+        phoneNumber: _,
+        name: W,
         password: X,
         tenantId: J,
         lastName: Y,
         appId: t
       });
-    }, y = async ($) => {
-      const { email: U, phoneNumber: K, name: j, password: X, tenantName: Y, lastName: Z } = $;
-      if (!U && !K)
+    }, S = async (F) => {
+      const { email: N, phoneNumber: _, name: W, password: X, tenantName: Y, lastName: Z } = F;
+      if (!N && !_)
         throw new Error("Either email or phoneNumber is required");
-      if (!j || !X || !Y)
+      if (!W || !X || !Y)
         throw new Error("Name, password, and tenantName are required");
-      return await C.signupTenantAdmin({
-        email: U,
-        phoneNumber: K,
-        name: j,
+      return await E.signupTenantAdmin({
+        email: N,
+        phoneNumber: _,
+        name: W,
         password: X,
         tenantName: Y,
         appId: t,
         lastName: Z
       });
-    }, G = async ($) => {
-      const { currentPassword: U, newPassword: K } = $, j = await u.getAuthHeaders();
-      await C.changePassword({ currentPassword: U, newPassword: K }, j);
-    }, ee = async ($) => {
-      const { email: U, tenantId: K } = $, j = K ?? (s == null ? void 0 : s.id);
-      if (!j)
+    }, G = async (F) => {
+      const { currentPassword: N, newPassword: _ } = F, W = await u.getAuthHeaders();
+      await E.changePassword({ currentPassword: N, newPassword: _ }, W);
+    }, ee = async (F) => {
+      const { email: N, tenantId: _ } = F, W = _ ?? (s == null ? void 0 : s.id);
+      if (!W)
         throw new Error("tenantId is required for password reset");
-      await C.requestPasswordReset({ email: U, tenantId: j });
-    }, z = async ($) => {
-      const { token: U, newPassword: K } = $;
-      await C.confirmPasswordReset({ token: U, newPassword: K });
-    }, B = async ($) => {
-      const { email: U, frontendUrl: K, name: j, lastName: X, tenantId: Y } = $, Z = Y ?? (s == null ? void 0 : s.id);
+      await E.requestPasswordReset({ email: N, tenantId: W });
+    }, z = async (F) => {
+      const { token: N, newPassword: _ } = F;
+      await E.confirmPasswordReset({ token: N, newPassword: _ });
+    }, H = async (F) => {
+      const { email: N, frontendUrl: _, name: W, lastName: X, tenantId: Y } = F, Z = Y ?? (s == null ? void 0 : s.id);
       if (!Z)
         throw new Error("tenantId is required for magic link authentication");
-      return await C.sendMagicLink({
-        email: U,
+      return await E.sendMagicLink({
+        email: N,
         tenantId: Z,
-        frontendUrl: K,
-        name: j,
+        frontendUrl: _,
+        name: W,
         lastName: X,
         appId: t
       });
-    }, O = async ($) => {
-      const { token: U, email: K, tenantSlug: j } = $;
+    }, O = async (F) => {
+      const { token: N, email: _, tenantSlug: W } = F;
       let X = s == null ? void 0 : s.id, Y = o, Z = u;
-      j && (X = (await new ce(P, t).getPublicTenantInfo(j)).id, Y = j);
-      const J = await C.verifyMagicLink({
-        token: U,
-        email: K,
+      W && (X = (await new ue(M, t).getPublicTenantInfo(W)).id, Y = W);
+      const J = await E.verifyMagicLink({
+        token: N,
+        email: _,
         appId: t,
         tenantId: X
-      }), ae = j && j !== o;
-      if (ae && (Z = new ye({
+      }), le = W && W !== o;
+      if (le && (Z = new ye({
         tenantSlug: Y,
         baseUrl: r
       })), Z.setTokens({
@@ -1073,136 +994,136 @@ function Tt({ config: i = {}, children: e }) {
         refreshToken: J.refreshToken,
         expiresIn: J.expiresIn
       }), J.user) {
-        Z.setUser(J.user), f(J.user);
+        Z.setUser(J.user), p(J.user);
         try {
-          await g();
-        } catch (le) {
-          console.warn("Failed to load complete user data after magic link login:", le);
+          await x();
+        } catch (de) {
+          console.warn("Failed to load complete user data after magic link login:", de);
         }
       }
-      return ae && Y && Y !== o && p(Y), J;
+      return le && Y && Y !== o && g(Y), J;
     }, D = async () => {
-      const $ = u.getTokens();
-      if (!($ != null && $.refreshToken))
+      const F = u.getTokens();
+      if (!(F != null && F.refreshToken))
         throw new Error("No refresh token available");
-      const U = await C.refreshToken({
-        refreshToken: $.refreshToken
+      const N = await E.refreshToken({
+        refreshToken: F.refreshToken
       });
       u.setTokens({
-        accessToken: U.accessToken,
-        refreshToken: U.refreshToken || $.refreshToken,
-        expiresIn: U.expiresIn
+        accessToken: N.accessToken,
+        refreshToken: N.refreshToken || F.refreshToken,
+        expiresIn: N.expiresIn
       });
-    }, _ = () => {
-      u.clearSession(), f(null), R(null);
-    }, ge = ($) => {
-      u.setTokens($);
-    }, Ce = () => u.hasValidSession(), Re = () => {
-      u.clearSession(), f(null), R(null);
-    }, Le = async () => {
+    }, K = () => {
+      u.clearSession(), p(null), C(null);
+    }, ge = (F) => {
+      u.setTokens(F);
+    }, Re = () => u.hasValidSession(), Ce = () => {
+      u.clearSession(), p(null), C(null);
+    }, $e = async () => {
       if (t)
         try {
           T(!0);
-          const { roles: $ } = await W.getRolesByApp(t);
-          A($);
-        } catch ($) {
-          console.error("Failed to fetch roles:", $);
+          const { roles: F } = await V.getRolesByApp(t);
+          A(F);
+        } catch (F) {
+          console.error("Failed to fetch roles:", F);
         } finally {
           T(!1);
         }
     }, Fe = async () => {
-      await Le();
-    }, me = ($) => {
-      if (!w || w.length === 0)
+      await $e();
+    }, me = (F) => {
+      if (!v || v.length === 0)
         return !1;
-      if (typeof $ == "string")
-        return w.includes($);
-      const U = `${$.resource}.${$.action}`;
-      return w.includes(U);
+      if (typeof F == "string")
+        return v.includes(F);
+      const N = `${F.resource}.${F.action}`;
+      return v.includes(N);
     };
     return {
       // RFC-003: Authentication state
-      isAuthenticated: M,
+      isAuthenticated: I,
       sessionManager: u,
-      authenticatedHttpService: P,
-      login: c,
-      signup: d,
-      signupTenantAdmin: y,
-      sendMagicLink: B,
+      authenticatedHttpService: M,
+      login: d,
+      signup: c,
+      signupTenantAdmin: S,
+      sendMagicLink: H,
       verifyMagicLink: O,
       changePassword: G,
       requestPasswordReset: ee,
       confirmPasswordReset: z,
       refreshToken: D,
-      logout: _,
+      logout: K,
       setTokens: ge,
-      hasValidSession: Ce,
-      clearSession: Re,
-      currentUser: b,
+      hasValidSession: Re,
+      clearSession: Ce,
+      currentUser: f,
       isUserLoading: h,
-      userError: L,
-      loadUserData: g,
-      refreshUser: m,
-      userRole: V,
-      userPermissions: w,
-      availableRoles: I,
-      rolesLoading: x,
+      userError: R,
+      loadUserData: x,
+      refreshUser: b,
+      userRole: j,
+      userPermissions: v,
+      availableRoles: y,
+      rolesLoading: w,
       hasPermission: me,
-      hasAnyPermission: ($) => $.some((U) => me(U)),
-      hasAllPermissions: ($) => $.every((U) => me(U)),
-      getUserPermissionStrings: () => w || [],
+      hasAnyPermission: (F) => F.some((N) => me(N)),
+      hasAllPermissions: (F) => F.every((N) => me(N)),
+      getUserPermissionStrings: () => v || [],
       refreshRoles: Fe
     };
   }, [
-    M,
+    I,
     u,
-    P,
-    C,
-    H,
-    W,
+    M,
+    E,
+    q,
+    V,
     t,
     s,
     o,
-    p,
-    I,
-    b,
+    g,
+    y,
+    f,
     h,
-    L,
-    V,
-    w,
-    q,
-    E
+    R,
+    j,
+    v,
+    U,
+    L
   ]);
   return te(() => {
     !i.initialRoles && t && (async () => {
       try {
         T(!0);
-        const m = new re(r), c = new Se(m), { roles: d } = await c.getRolesByApp(t);
-        A(d);
-      } catch (m) {
-        console.error("Failed to fetch roles:", m);
+        const b = new re(r), d = new ve(b), { roles: c } = await d.getRolesByApp(t);
+        A(c);
+      } catch (b) {
+        console.error("Failed to fetch roles:", b);
       } finally {
         T(!1);
       }
     })();
   }, [t, r, i.initialRoles]), te(() => {
-    const g = u.getUser();
-    g && u.hasValidSession() && f(g);
+    const x = u.getUser();
+    x && u.hasValidSession() && p(x);
   }, [u]), te(() => {
-    !b && !h && a.loadUserData().catch(() => {
+    !f && !h && l.loadUserData().catch(() => {
     });
-  }, [b, h, a]), te(() => {
-    if (!u.hasValidSession() || !b)
+  }, [f, h, l]), te(() => {
+    if (!u.hasValidSession() || !f)
       return;
-    const g = setInterval(() => {
-      a.loadUserData().catch(() => {
+    const x = setInterval(() => {
+      l.loadUserData().catch(() => {
       });
-    }, E);
-    return () => clearInterval(g);
-  }, [u, b, a, E]), /* @__PURE__ */ n(Pe.Provider, { value: a, children: e });
+    }, L);
+    return () => clearInterval(x);
+  }, [u, f, l, L]), /* @__PURE__ */ n(Me.Provider, { value: l, children: e });
 }
-function oe() {
-  const i = ue(Pe);
+function ae() {
+  const i = ce(Me);
   if (!i)
     throw new Error("useAuth must be used within an AuthProvider");
   return i;
@@ -1287,58 +1208,58 @@ class ze {
     })).data;
   }
 }
-const Me = de(null);
-function Pt({ config: i = {}, children: e }) {
-  const { baseUrl: t, appId: r } = he(), { tenant: s } = se(), [o, p] = v([]), [I, A] = v(!1), [x, T] = v(null), b = Q(() => {
-    const S = new re(t);
-    return new ze(S);
-  }, [t]), f = async () => {
+const Ie = he(null);
+function It({ config: i = {}, children: e }) {
+  const { baseUrl: t, appId: r } = oe(), { tenant: s } = se(), [o, g] = k([]), [y, A] = k(!1), [w, T] = k(null), f = Q(() => {
+    const m = new re(t);
+    return new ze(m);
+  }, [t]), p = async () => {
     if (!(s != null && s.id)) {
-      p([]);
+      g([]);
       return;
     }
     A(!0), T(null);
     try {
-      const S = await b.getTenantFeatureFlags(s.id, r);
-      p(S);
-    } catch (S) {
-      const L = S instanceof Error ? S.message : "Failed to fetch feature flags";
-      T(L), i.onError && i.onError(S instanceof Error ? S : new Error(L));
+      const m = await f.getTenantFeatureFlags(s.id, r);
+      g(m);
+    } catch (m) {
+      const R = m instanceof Error ? m.message : "Failed to fetch feature flags";
+      T(R), i.onError && i.onError(m instanceof Error ? m : new Error(R));
     } finally {
       A(!1);
     }
   };
   te(() => {
-    f();
-    const S = i.refreshInterval || 5 * 60 * 1e3, L = setInterval(f, S);
-    return () => clearInterval(L);
+    p();
+    const m = i.refreshInterval || 5 * 60 * 1e3, R = setInterval(p, m);
+    return () => clearInterval(R);
   }, [s == null ? void 0 : s.id, i.refreshInterval]);
   const h = Q(() => ({
     featureFlags: o,
-    loading: I,
-    error: x,
-    isEnabled: (k) => {
-      const u = o.find((P) => P.key === k);
+    loading: y,
+    error: w,
+    isEnabled: (P) => {
+      const u = o.find((M) => M.key === P);
       return (u == null ? void 0 : u.value) === !0;
     },
-    getFlag: (k) => o.find((u) => u.key === k),
-    getFlagState: (k) => {
-      const u = o.find((P) => P.key === k);
+    getFlag: (P) => o.find((u) => u.key === P),
+    getFlagState: (P) => {
+      const u = o.find((M) => M.key === P);
       return u ? u.value ? "enabled" : "disabled" : "not_found";
     },
     refresh: async () => {
-      await f();
+      await p();
     }
-  }), [o, I, x]);
-  return /* @__PURE__ */ n(Me.Provider, { value: h, children: e });
+  }), [o, y, w]);
+  return /* @__PURE__ */ n(Ie.Provider, { value: h, children: e });
 }
 function Oe() {
-  const i = ue(Me);
+  const i = ce(Ie);
   if (!i)
     throw new Error("useFeatureFlags must be used within a FeatureFlagProvider");
   return i;
 }
-class je {
+class We {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -1404,64 +1325,64 @@ class je {
     )).data;
   }
 }
-const Ie = de(void 0);
-function Mt({ config: i = {}, children: e }) {
-  const { baseUrl: t } = he(), { tenant: r } = se(), [s, o] = v(null), [p, I] = v(!1), [A, x] = v(null), T = Q(() => {
+const Le = he(void 0);
+function Lt({ config: i = {}, children: e }) {
+  const { baseUrl: t } = oe(), { tenant: r } = se(), [s, o] = k(null), [g, y] = k(!1), [A, w] = k(null), T = Q(() => {
     const h = new re(t);
-    return new je(h);
-  }, [t]), b = async () => {
+    return new We(h);
+  }, [t]), f = async () => {
     if (!(r != null && r.id)) {
       o(null);
       return;
     }
-    I(!0), x(null);
+    y(!0), w(null);
     try {
       const h = await T.getTenantSubscriptionFeatures(r.id);
       o(h);
     } catch (h) {
-      const S = h instanceof Error ? h.message : "Failed to fetch subscription";
-      x(S), i.onError && i.onError(h instanceof Error ? h : new Error(S));
+      const m = h instanceof Error ? h.message : "Failed to fetch subscription";
+      w(m), i.onError && i.onError(h instanceof Error ? h : new Error(m));
     } finally {
-      I(!1);
+      y(!1);
     }
   };
   te(() => {
-    if (b(), !i.refreshInterval) return;
-    const h = i.refreshInterval || 10 * 60 * 1e3, S = setInterval(b, h);
-    return () => clearInterval(S);
+    if (f(), !i.refreshInterval) return;
+    const h = i.refreshInterval || 10 * 60 * 1e3, m = setInterval(f, h);
+    return () => clearInterval(m);
   }, [r == null ? void 0 : r.id, i.refreshInterval]);
-  const f = Q(() => {
+  const p = Q(() => {
     const h = (s == null ? void 0 : s.features) || [];
     return {
       subscription: s,
       features: h,
-      loading: p,
+      loading: g,
       error: A,
       isFeatureEnabled: (u) => {
-        const P = h.find((C) => C.key === u);
-        return P ? P.type === "BOOLEAN" || P.type === "boolean" ? P.value === !0 : !!P.value : !1;
+        const M = h.find((E) => E.key === u);
+        return M ? M.type === "BOOLEAN" || M.type === "boolean" ? M.value === !0 : !!M.value : !1;
       },
-      getFeature: (u) => h.find((P) => P.key === u),
-      getFeatureValue: (u, P) => {
-        const C = h.find((H) => H.key === u);
-        return C ? C.value : P;
+      getFeature: (u) => h.find((M) => M.key === u),
+      getFeatureValue: (u, M) => {
+        const E = h.find((q) => q.key === u);
+        return E ? E.value : M;
       },
       hasAllowedPlan: (u) => !s || !s.isActive ? !1 : u.includes(s.planId),
       refresh: async () => {
-        await b();
+        await f();
       }
     };
-  }, [s, p, A]);
-  return /* @__PURE__ */ n(Ie.Provider, { value: f, children: e });
+  }, [s, g, A]);
+  return /* @__PURE__ */ n(Le.Provider, { value: p, children: e });
 }
-function Ve() {
-  const i = ue(Ie);
+function je() {
+  const i = ce(Le);
   if (i === void 0)
     throw new Error("useSubscription must be used within a SubscriptionProvider");
   return i;
 }
 var ie = /* @__PURE__ */ ((i) => (i.SUPERUSER = "SUPERUSER", i.TENANT_ADMIN = "TENANT_ADMIN", i.USER = "USER", i))(ie || {});
-const ve = () => /* @__PURE__ */ l(
+const xe = () => /* @__PURE__ */ a(
   "div",
   {
     style: {
@@ -1498,11 +1419,11 @@ const ve = () => /* @__PURE__ */ l(
       )
     ]
   }
-), xe = ({
+), ke = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ a(
   "div",
   {
     style: {
@@ -1520,26 +1441,26 @@ const ve = () => /* @__PURE__ */ l(
     children: [
       /* @__PURE__ */ n("div", { style: { fontSize: "2rem", marginBottom: "10px" }, children: "⚠️" }),
       /* @__PURE__ */ n("h3", { style: { color: "#856404", marginBottom: "10px" }, children: "Insufficient Permissions" }),
-      e && i ? /* @__PURE__ */ l(N, { children: [
-        /* @__PURE__ */ l("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: [
+      e && i ? /* @__PURE__ */ a(B, { children: [
+        /* @__PURE__ */ a("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: [
           "This content requires ",
           /* @__PURE__ */ n("strong", { children: e }),
           " access level or higher."
         ] }),
-        /* @__PURE__ */ l("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
+        /* @__PURE__ */ a("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
           "Your current access level: ",
           /* @__PURE__ */ n("strong", { children: i })
         ] })
-      ] }) : /* @__PURE__ */ l(N, { children: [
+      ] }) : /* @__PURE__ */ a(B, { children: [
         /* @__PURE__ */ n("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: "You don't have the required permissions to view this content." }),
-        t && t.length > 0 && /* @__PURE__ */ l("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
+        t && t.length > 0 && /* @__PURE__ */ a("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
           "Required permissions: ",
           /* @__PURE__ */ n("strong", { children: t.join(", ") })
         ] })
       ] })
     ]
   }
-), We = (i, e) => {
+), Ve = (i, e) => {
   const t = {
     [ie.USER]: 1,
     [ie.TENANT_ADMIN]: 2,
@@ -1547,26 +1468,26 @@ const ve = () => /* @__PURE__ */ l(
   };
   return t[i] >= t[e];
 };
-function It({
+function Et({
   children: i,
   fallback: e,
   minUserType: t,
   requiredPermissions: r,
   requireAllPermissions: s = !1
 }) {
-  const { hasValidSession: o, sessionManager: p, hasPermission: I, hasAnyPermission: A, hasAllPermissions: x } = oe();
+  const { hasValidSession: o, sessionManager: g, hasPermission: y, hasAnyPermission: A, hasAllPermissions: w } = ae();
   if (!o())
-    return /* @__PURE__ */ n(N, { children: e || /* @__PURE__ */ n(ve, {}) });
-  const T = p.getUser();
+    return /* @__PURE__ */ n(B, { children: e || /* @__PURE__ */ n(xe, {}) });
+  const T = g.getUser();
   if (!T)
-    return /* @__PURE__ */ n(N, { children: e || /* @__PURE__ */ n(ve, {}) });
-  if (t && !We(T.userType, t))
-    return /* @__PURE__ */ n(xe, { userType: T.userType, minUserType: t });
-  if (r && r.length > 0 && !(s ? x(r) : A(r))) {
-    const f = r.filter((h) => !I(h)).map((h) => typeof h == "string" ? h : h.name);
-    return /* @__PURE__ */ n(xe, { missingPermissions: f });
-  }
-  return /* @__PURE__ */ n(N, { children: i });
+    return /* @__PURE__ */ n(B, { children: e || /* @__PURE__ */ n(xe, {}) });
+  if (t && !Ve(T.userType, t))
+    return /* @__PURE__ */ n(ke, { userType: T.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? w(r) : A(r))) {
+    const p = r.filter((h) => !y(h)).map((h) => typeof h == "string" ? h : h.name);
+    return /* @__PURE__ */ n(ke, { missingPermissions: p });
+  }
+  return /* @__PURE__ */ n(B, { children: i });
 }
 const Ge = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
@@ -1581,7 +1502,7 @@ const Ge = ({ redirectPath: i }) => /* @__PURE__ */ n(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ l(
+    children: /* @__PURE__ */ a(
       "div",
       {
         style: {
@@ -1595,7 +1516,7 @@ const Ge = ({ redirectPath: i }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🔒" }),
           /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Access Required" }),
           /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "You need to be signed in to access this page." }),
-          /* @__PURE__ */ l("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
+          /* @__PURE__ */ a("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
             "Redirecting to ",
             i,
             "..."
@@ -1604,7 +1525,7 @@ const Ge = ({ redirectPath: i }) => /* @__PURE__ */ n(
       }
     )
   }
-), ke = ({
+), Ae = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
@@ -1621,7 +1542,7 @@ const Ge = ({ redirectPath: i }) => /* @__PURE__ */ n(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ l(
+    children: /* @__PURE__ */ a(
       "div",
       {
         style: {
@@ -1634,19 +1555,19 @@ const Ge = ({ redirectPath: i }) => /* @__PURE__ */ n(
         children: [
           /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "⚠️" }),
           /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Insufficient Permissions" }),
-          e && i ? /* @__PURE__ */ l(N, { children: [
-            /* @__PURE__ */ l("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: [
+          e && i ? /* @__PURE__ */ a(B, { children: [
+            /* @__PURE__ */ a("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: [
               "This page requires ",
               /* @__PURE__ */ n("strong", { children: e }),
               " access level or higher."
             ] }),
-            /* @__PURE__ */ l("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
+            /* @__PURE__ */ a("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
               "Your current access level: ",
               /* @__PURE__ */ n("strong", { children: i })
             ] })
-          ] }) : /* @__PURE__ */ l(N, { children: [
+          ] }) : /* @__PURE__ */ a(B, { children: [
             /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: "You don't have the required permissions to access this page." }),
-            t && t.length > 0 && /* @__PURE__ */ l("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
+            t && t.length > 0 && /* @__PURE__ */ a("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
               "Required permissions: ",
               /* @__PURE__ */ n("strong", { children: t.join(", ") })
             ] })
@@ -1655,7 +1576,7 @@ const Ge = ({ redirectPath: i }) => /* @__PURE__ */ n(
       }
     )
   }
-), Ke = (i, e) => {
+), _e = (i, e) => {
   const t = {
     [ie.USER]: 1,
     [ie.TENANT_ADMIN]: 2,
@@ -1663,7 +1584,7 @@ const Ge = ({ redirectPath: i }) => /* @__PURE__ */ n(
   };
   return t[i] >= t[e];
 };
-function Et({
+function Rt({
   children: i,
   redirectTo: e = "/login",
   minUserType: t,
@@ -1671,24 +1592,24 @@ function Et({
   requireAllPermissions: s = !1,
   fallback: o
 }) {
-  const { hasValidSession: p, sessionManager: I, hasPermission: A, hasAnyPermission: x, hasAllPermissions: T } = oe(), b = we();
-  if (!p())
-    return o ? /* @__PURE__ */ n(N, { children: o }) : /* @__PURE__ */ l(N, { children: [
+  const { hasValidSession: g, sessionManager: y, hasPermission: A, hasAnyPermission: w, hasAllPermissions: T } = ae(), f = we();
+  if (!g())
+    return o ? /* @__PURE__ */ n(B, { children: o }) : /* @__PURE__ */ a(B, { children: [
       /* @__PURE__ */ n(Ge, { redirectPath: e }),
-      /* @__PURE__ */ n(pe, { to: e, state: { from: b.pathname }, replace: !0 })
+      /* @__PURE__ */ n(pe, { to: e, state: { from: f.pathname }, replace: !0 })
     ] });
-  const f = I.getUser();
-  if (!f)
-    return /* @__PURE__ */ n(pe, { to: e, state: { from: b.pathname }, replace: !0 });
-  if (t && !Ke(f.userType, t))
-    return /* @__PURE__ */ n(ke, { userType: f.userType, minUserType: t });
-  if (r && r.length > 0 && !(s ? T(r) : x(r))) {
-    const S = r.filter((L) => !A(L)).map((L) => typeof L == "string" ? L : L.name);
-    return /* @__PURE__ */ n(ke, { missingPermissions: S });
-  }
-  return /* @__PURE__ */ n(N, { children: i });
+  const p = y.getUser();
+  if (!p)
+    return /* @__PURE__ */ n(pe, { to: e, state: { from: f.pathname }, replace: !0 });
+  if (t && !_e(p.userType, t))
+    return /* @__PURE__ */ n(Ae, { userType: p.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? T(r) : w(r))) {
+    const m = r.filter((R) => !A(R)).map((R) => typeof R == "string" ? R : R.name);
+    return /* @__PURE__ */ n(Ae, { missingPermissions: m });
+  }
+  return /* @__PURE__ */ n(B, { children: i });
 }
-const _e = ({ redirectPath: i }) => /* @__PURE__ */ n(
+const Ke = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1701,7 +1622,7 @@ const _e = ({ redirectPath: i }) => /* @__PURE__ */ n(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ l(
+    children: /* @__PURE__ */ a(
       "div",
       {
         style: {
@@ -1715,7 +1636,7 @@ const _e = ({ redirectPath: i }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🏢" }),
           /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Tenant Required" }),
           /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "This page requires a tenant context to access." }),
-          /* @__PURE__ */ l("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
+          /* @__PURE__ */ a("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
             "Redirecting to ",
             i,
             "..."
@@ -1726,10 +1647,10 @@ const _e = ({ redirectPath: i }) => /* @__PURE__ */ n(
   }
 );
 function Ct({ children: i, redirectTo: e = "/", fallback: t }) {
-  const { tenant: r, isLoading: s, error: o } = se(), p = we();
-  return s || o ? null : r ? /* @__PURE__ */ n(N, { children: i }) : t ? /* @__PURE__ */ n(N, { children: t }) : /* @__PURE__ */ l(N, { children: [
-    /* @__PURE__ */ n(_e, { redirectPath: e }),
-    /* @__PURE__ */ n(pe, { to: e, state: { from: p.pathname }, replace: !0 })
+  const { tenant: r, isLoading: s, error: o } = se(), g = we();
+  return s || o ? null : r ? /* @__PURE__ */ n(B, { children: i }) : t ? /* @__PURE__ */ n(B, { children: t }) : /* @__PURE__ */ a(B, { children: [
+    /* @__PURE__ */ n(Ke, { redirectPath: e }),
+    /* @__PURE__ */ n(pe, { to: e, state: { from: g.pathname }, replace: !0 })
   ] });
 }
 const Je = ({ redirectPath: i }) => /* @__PURE__ */ n(
@@ -1745,7 +1666,7 @@ const Je = ({ redirectPath: i }) => /* @__PURE__ */ n(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ l(
+    children: /* @__PURE__ */ a(
       "div",
       {
         style: {
@@ -1759,7 +1680,7 @@ const Je = ({ redirectPath: i }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🚀" }),
           /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Tenant Detected" }),
           /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "You are accessing a tenant-specific context. Redirecting to the appropriate page." }),
-          /* @__PURE__ */ l("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
+          /* @__PURE__ */ a("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
             "Redirecting to ",
             i,
             "..."
@@ -1769,14 +1690,14 @@ const Je = ({ redirectPath: i }) => /* @__PURE__ */ n(
     )
   }
 );
-function Rt({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
-  const { tenant: r, isLoading: s, error: o } = se(), p = we();
-  return s || o ? null : r ? t ? /* @__PURE__ */ n(N, { children: t }) : /* @__PURE__ */ l(N, { children: [
+function $t({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
+  const { tenant: r, isLoading: s, error: o } = se(), g = we();
+  return s || o ? null : r ? t ? /* @__PURE__ */ n(B, { children: t }) : /* @__PURE__ */ a(B, { children: [
     /* @__PURE__ */ n(Je, { redirectPath: e }),
-    /* @__PURE__ */ n(pe, { to: e, state: { from: p.pathname }, replace: !0 })
-  ] }) : /* @__PURE__ */ n(N, { children: i });
+    /* @__PURE__ */ n(pe, { to: e, state: { from: g.pathname }, replace: !0 })
+  ] }) : /* @__PURE__ */ n(B, { children: i });
 }
-const Ye = () => /* @__PURE__ */ l(
+const Ye = () => /* @__PURE__ */ a(
   "div",
   {
     style: {
@@ -1793,14 +1714,14 @@ const Ye = () => /* @__PURE__ */ l(
     ]
   }
 );
-function Lt({
+function Ft({
   children: i,
   fallback: e = /* @__PURE__ */ n(Ye, {}),
   allowedPlans: t,
   requiredFeature: r
 }) {
-  const { subscription: s, hasAllowedPlan: o, isFeatureEnabled: p, loading: I } = Ve();
-  return I ? /* @__PURE__ */ n(
+  const { subscription: s, hasAllowedPlan: o, isFeatureEnabled: g, loading: y } = je();
+  return y ? /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -1810,9 +1731,9 @@ function Lt({
       },
       children: "Loading subscription..."
     }
-  ) : s ? s.isActive ? t && t.length > 0 && !o(t) ? /* @__PURE__ */ n(N, { children: e }) : r && !p(r) ? /* @__PURE__ */ n(N, { children: e }) : /* @__PURE__ */ n(N, { children: i }) : /* @__PURE__ */ n(N, { children: e }) : /* @__PURE__ */ n(N, { children: e });
+  ) : s ? s.isActive ? t && t.length > 0 && !o(t) ? /* @__PURE__ */ n(B, { children: e }) : r && !g(r) ? /* @__PURE__ */ n(B, { children: e }) : /* @__PURE__ */ n(B, { children: i }) : /* @__PURE__ */ n(B, { children: e }) : /* @__PURE__ */ n(B, { children: e });
 }
-const Qe = ({ flagName: i }) => /* @__PURE__ */ l(
+const Qe = ({ flagName: i }) => /* @__PURE__ */ a(
   "div",
   {
     style: {
@@ -1831,7 +1752,7 @@ const Qe = ({ flagName: i }) => /* @__PURE__ */ l(
     children: [
       /* @__PURE__ */ n("div", { style: { fontSize: "24px", marginBottom: "8px" }, children: "🚧" }),
       /* @__PURE__ */ n("div", { style: { fontSize: "14px", fontWeight: "500", marginBottom: "4px" }, children: "Feature Not Available" }),
-      /* @__PURE__ */ l("div", { style: { fontSize: "12px", opacity: 0.7 }, children: [
+      /* @__PURE__ */ a("div", { style: { fontSize: "12px", opacity: 0.7 }, children: [
         'Feature flag "',
         i,
         '" is disabled'
@@ -1839,7 +1760,7 @@ const Qe = ({ flagName: i }) => /* @__PURE__ */ l(
     ]
   }
 );
-function Ft({ name: i, children: e, fallback: t }) {
+function Dt({ name: i, children: e, fallback: t }) {
   const { isEnabled: r, loading: s } = Oe();
   return s ? /* @__PURE__ */ n(
     "div",
@@ -1854,9 +1775,9 @@ function Ft({ name: i, children: e, fallback: t }) {
       },
       children: "Loading feature flags..."
     }
-  ) : r(i) ? /* @__PURE__ */ n(N, { children: e }) : /* @__PURE__ */ n(N, { children: t || /* @__PURE__ */ n(Qe, { flagName: i }) });
+  ) : r(i) ? /* @__PURE__ */ n(B, { children: e }) : /* @__PURE__ */ n(B, { children: t || /* @__PURE__ */ n(Qe, { flagName: i }) });
 }
-const Xe = () => /* @__PURE__ */ l(
+const Xe = () => /* @__PURE__ */ a(
   "svg",
   {
     width: "16",
@@ -1873,7 +1794,7 @@ const Xe = () => /* @__PURE__ */ l(
       /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
     ]
   }
-), Ze = () => /* @__PURE__ */ l(
+), Ze = () => /* @__PURE__ */ a(
   "svg",
   {
     width: "16",
@@ -2014,128 +1935,128 @@ const Xe = () => /* @__PURE__ */ l(
     fontSize: "0.875rem"
   }
 };
-function $t({
+function Ht({
   copy: i = {},
   styles: e = {},
   icons: t = {},
   onSuccess: r,
   onError: s,
   onForgotPassword: o,
-  onSignupClick: p,
-  onMagicLinkClick: I,
+  onSignupClick: g,
+  onMagicLinkClick: y,
   showForgotPassword: A = !0,
-  showSignupLink: x = !0,
+  showSignupLink: w = !0,
   showMagicLinkOption: T = !0,
-  className: b
+  className: f
 }) {
-  const [f, h] = v(""), [S, L] = v(""), [R, q] = v(!1), [k, u] = v(!1), [P, C] = v(""), [H, W] = v({}), { login: F } = oe(), { tenant: V } = se(), w = { ...tt, ...i }, M = { ...rt, ...e }, E = { ...et, ...t }, a = () => {
-    const d = {};
-    return f.trim() || (d.username = !0), S.trim() || (d.password = !0), W(d), Object.keys(d).length === 0;
-  }, g = async (d) => {
-    if (d.preventDefault(), !!a()) {
-      if (!(V != null && V.id)) {
-        C("Tenant not found");
+  const [p, h] = k(""), [m, R] = k(""), [C, U] = k(!1), [P, u] = k(!1), [M, E] = k(""), [q, V] = k({}), { login: $ } = ae(), { tenant: j } = se(), v = { ...tt, ...i }, I = { ...rt, ...e }, L = { ...et, ...t }, l = () => {
+    const c = {};
+    return p.trim() || (c.username = !0), m.trim() || (c.password = !0), V(c), Object.keys(c).length === 0;
+  }, x = async (c) => {
+    if (c.preventDefault(), !!l()) {
+      if (!(j != null && j.id)) {
+        E("Tenant not found");
         return;
       }
-      u(!0), C("");
+      u(!0), E("");
       try {
-        const y = await F({
-          username: f,
-          password: S
+        const S = await $({
+          username: p,
+          password: m
           // tenantId inferred from context automatically
         });
-        r == null || r(y);
-      } catch (y) {
-        const G = y.message || w.errorMessage;
-        C(G), s == null || s(G);
+        r == null || r(S);
+      } catch (S) {
+        const G = S.message || v.errorMessage;
+        E(G), s == null || s(G);
       } finally {
         u(!1);
       }
     }
-  }, m = (d) => ({
-    ...M.input,
-    ...H[d] ? M.inputError : {}
-  }), c = () => ({
-    ...M.button,
-    ...k ? M.buttonLoading : {},
-    ...!f || !S || k ? M.buttonDisabled : {}
+  }, b = (c) => ({
+    ...I.input,
+    ...q[c] ? I.inputError : {}
+  }), d = () => ({
+    ...I.button,
+    ...P ? I.buttonLoading : {},
+    ...!p || !m || P ? I.buttonDisabled : {}
   });
-  return /* @__PURE__ */ l("div", { className: b, style: M.container, children: [
-    /* @__PURE__ */ n("h2", { style: M.title, children: w.title }),
-    /* @__PURE__ */ l("form", { onSubmit: g, style: M.form, children: [
-      /* @__PURE__ */ l("div", { style: M.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: M.label, children: w.usernameLabel }),
+  return /* @__PURE__ */ a("div", { className: f, style: I.container, children: [
+    /* @__PURE__ */ n("h2", { style: I.title, children: v.title }),
+    /* @__PURE__ */ a("form", { onSubmit: x, style: I.form, children: [
+      /* @__PURE__ */ a("div", { style: I.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: I.label, children: v.usernameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "username",
             name: "username",
             type: "text",
-            value: f,
-            onChange: (d) => {
-              h(d.target.value), H.username && W((y) => ({ ...y, username: !1 }));
+            value: p,
+            onChange: (c) => {
+              h(c.target.value), q.username && V((S) => ({ ...S, username: !1 }));
             },
-            placeholder: w.usernamePlaceholder,
-            style: m("username"),
-            disabled: k
+            placeholder: v.usernamePlaceholder,
+            style: b("username"),
+            disabled: P
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: M.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: M.label, children: w.passwordLabel }),
-        /* @__PURE__ */ l("div", { style: M.inputContainer, children: [
+      /* @__PURE__ */ a("div", { style: I.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: I.label, children: v.passwordLabel }),
+        /* @__PURE__ */ a("div", { style: I.inputContainer, children: [
           /* @__PURE__ */ n(
             "input",
             {
               id: "password",
               name: "password",
-              type: R ? "text" : "password",
-              value: S,
-              onChange: (d) => {
-                L(d.target.value), H.password && W((y) => ({ ...y, password: !1 }));
+              type: C ? "text" : "password",
+              value: m,
+              onChange: (c) => {
+                R(c.target.value), q.password && V((S) => ({ ...S, password: !1 }));
               },
-              placeholder: w.passwordPlaceholder,
+              placeholder: v.passwordPlaceholder,
               style: {
-                ...m("password"),
+                ...b("password"),
                 paddingRight: "2.5rem"
                 // Make room for the icon
               },
-              disabled: k
+              disabled: P
             }
           ),
           /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => q(!R),
-              style: M.passwordToggle,
-              disabled: k,
-              "aria-label": R ? "Hide password" : "Show password",
-              children: R ? E.hidePassword : E.showPassword
+              onClick: () => U(!C),
+              style: I.passwordToggle,
+              disabled: P,
+              "aria-label": C ? "Hide password" : "Show password",
+              children: C ? L.hidePassword : L.showPassword
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ n("button", { type: "submit", disabled: !f || !S || k, style: c(), children: k ? w.loadingText : w.submitButton }),
-      P && /* @__PURE__ */ n("div", { style: M.errorText, children: P })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !p || !m || P, style: d(), children: P ? v.loadingText : v.submitButton }),
+      M && /* @__PURE__ */ n("div", { style: I.errorText, children: M })
     ] }),
-    (A || x || T) && /* @__PURE__ */ l("div", { style: M.linkContainer, children: [
-      T && /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: M.divider, children: [
-          w.magicLinkText,
+    (A || w || T) && /* @__PURE__ */ a("div", { style: I.linkContainer, children: [
+      T && /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ a("span", { style: I.divider, children: [
+          v.magicLinkText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: I, style: M.link, children: w.magicLinkLink })
+        /* @__PURE__ */ n("a", { onClick: y, style: I.link, children: v.magicLinkLink })
       ] }),
-      T && (A || x) && /* @__PURE__ */ n("div", { style: M.divider, children: "•" }),
-      A && /* @__PURE__ */ n("a", { onClick: o, style: M.link, children: w.forgotPasswordLink }),
-      A && x && /* @__PURE__ */ n("div", { style: M.divider, children: "•" }),
-      x && /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: M.divider, children: [
-          w.signupText,
+      T && (A || w) && /* @__PURE__ */ n("div", { style: I.divider, children: "•" }),
+      A && /* @__PURE__ */ n("a", { onClick: o, style: I.link, children: v.forgotPasswordLink }),
+      A && w && /* @__PURE__ */ n("div", { style: I.divider, children: "•" }),
+      w && /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ a("span", { style: I.divider, children: [
+          v.signupText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: p, style: M.link, children: w.signupLink })
+        /* @__PURE__ */ n("a", { onClick: g, style: I.link, children: v.signupLink })
       ] })
     ] })
   ] });
@@ -2265,69 +2186,69 @@ const nt = {
     fontSize: "0.875rem"
   }
 };
-function Dt({
+function Nt({
   copy: i = {},
   styles: e = {},
   signupType: t = "user",
   onSuccess: r,
   onError: s,
   onLoginClick: o,
-  onMagicLinkClick: p,
-  showLoginLink: I = !0,
+  onMagicLinkClick: g,
+  showLoginLink: y = !0,
   showMagicLinkOption: A = !0,
-  className: x
+  className: w
 }) {
-  const [T, b] = v(""), [f, h] = v(""), [S, L] = v(""), [R, q] = v(""), [k, u] = v(""), [P, C] = v(""), [H, W] = v(""), [F, V] = v(!1), [w, M] = v(""), [E, a] = v({}), { signup: g, signupTenantAdmin: m } = oe(), { tenant: c } = se(), d = { ...nt, ...i }, y = { ...st, ...e }, G = () => {
+  const [T, f] = k(""), [p, h] = k(""), [m, R] = k(""), [C, U] = k(""), [P, u] = k(""), [M, E] = k(""), [q, V] = k(""), [$, j] = k(!1), [v, I] = k(""), [L, l] = k({}), { signup: x, signupTenantAdmin: b } = ae(), { tenant: d } = se(), c = { ...nt, ...i }, S = { ...st, ...e }, G = () => {
     const D = {};
-    return T.trim() || (D.name = !0), !S.trim() && !R.trim() && (D.email = !0, D.phoneNumber = !0), k.trim() || (D.password = !0), P.trim() || (D.confirmPassword = !0), t === "tenant" && !H.trim() && (D.tenantName = !0), a(D), Object.keys(D).length === 0;
+    return T.trim() || (D.name = !0), !m.trim() && !C.trim() && (D.email = !0, D.phoneNumber = !0), P.trim() || (D.password = !0), M.trim() || (D.confirmPassword = !0), t === "tenant" && !q.trim() && (D.tenantName = !0), l(D), Object.keys(D).length === 0;
   }, ee = async (D) => {
     if (D.preventDefault(), !!G()) {
-      if (k !== P) {
-        M(d.passwordMismatchError), a({ confirmPassword: !0 });
+      if (P !== M) {
+        I(c.passwordMismatchError), l({ confirmPassword: !0 });
         return;
       }
-      if (t === "user" && !(c != null && c.id)) {
-        M("Tenant not found");
+      if (t === "user" && !(d != null && d.id)) {
+        I("Tenant not found");
         return;
       }
-      V(!0), M("");
+      j(!0), I("");
       try {
-        let _;
-        t === "tenant" ? _ = await m({
-          email: S || void 0,
-          phoneNumber: R || void 0,
+        let K;
+        t === "tenant" ? K = await b({
+          email: m || void 0,
+          phoneNumber: C || void 0,
           name: T,
-          password: k,
-          tenantName: H,
-          lastName: f || void 0
-        }) : _ = await g({
-          email: S || void 0,
-          phoneNumber: R || void 0,
+          password: P,
+          tenantName: q,
+          lastName: p || void 0
+        }) : K = await x({
+          email: m || void 0,
+          phoneNumber: C || void 0,
           name: T,
-          password: k,
-          tenantId: c.id,
-          lastName: f || void 0
-        }), r == null || r(_);
-      } catch (_) {
-        const ge = _.message || d.errorMessage;
-        M(ge), s == null || s(ge);
+          password: P,
+          tenantId: d.id,
+          lastName: p || void 0
+        }), r == null || r(K);
+      } catch (K) {
+        const ge = K.message || c.errorMessage;
+        I(ge), s == null || s(ge);
       } finally {
-        V(!1);
+        j(!1);
       }
     }
   }, z = (D) => ({
-    ...y.input,
-    ...E[D] ? y.inputError : {}
-  }), B = () => ({
-    ...y.button,
-    ...F ? y.buttonLoading : {},
-    ...!T || !S && !R || !k || !P || F || t === "tenant" && !H ? y.buttonDisabled : {}
-  }), O = T && (S || R) && k && P && (t === "user" || H);
-  return /* @__PURE__ */ l("div", { className: x, style: y.container, children: [
-    /* @__PURE__ */ n("h2", { style: y.title, children: d.title }),
-    /* @__PURE__ */ l("form", { onSubmit: ee, style: y.form, children: [
-      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: y.label, children: d.nameLabel }),
+    ...S.input,
+    ...L[D] ? S.inputError : {}
+  }), H = () => ({
+    ...S.button,
+    ...$ ? S.buttonLoading : {},
+    ...!T || !m && !C || !P || !M || $ || t === "tenant" && !q ? S.buttonDisabled : {}
+  }), O = T && (m || C) && P && M && (t === "user" || q);
+  return /* @__PURE__ */ a("div", { className: w, style: S.container, children: [
+    /* @__PURE__ */ n("h2", { style: S.title, children: c.title }),
+    /* @__PURE__ */ a("form", { onSubmit: ee, style: S.form, children: [
+      /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: S.label, children: c.nameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
@@ -2336,63 +2257,63 @@ function Dt({
             type: "text",
             value: T,
             onChange: (D) => {
-              b(D.target.value), E.name && a((_) => ({ ..._, name: !1 }));
+              f(D.target.value), L.name && l((K) => ({ ...K, name: !1 }));
             },
-            placeholder: d.namePlaceholder,
+            placeholder: c.namePlaceholder,
             style: z("name"),
-            disabled: F
+            disabled: $
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: y.label, children: d.lastNameLabel }),
+      /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: S.label, children: c.lastNameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "lastName",
             name: "lastName",
             type: "text",
-            value: f,
+            value: p,
             onChange: (D) => h(D.target.value),
-            placeholder: d.lastNamePlaceholder,
-            style: y.input,
-            disabled: F
+            placeholder: c.lastNamePlaceholder,
+            style: S.input,
+            disabled: $
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: y.label, children: d.emailLabel }),
+      /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: S.label, children: c.emailLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "email",
             name: "email",
             type: "email",
-            value: S,
+            value: m,
             onChange: (D) => {
-              L(D.target.value), E.email && a((_) => ({ ..._, email: !1, phoneNumber: !1 }));
+              R(D.target.value), L.email && l((K) => ({ ...K, email: !1, phoneNumber: !1 }));
             },
-            placeholder: d.emailPlaceholder,
+            placeholder: c.emailPlaceholder,
             style: z("email"),
-            disabled: F
+            disabled: $
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: y.label, children: d.phoneNumberLabel }),
+      /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: S.label, children: c.phoneNumberLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "phoneNumber",
             name: "phoneNumber",
             type: "tel",
-            value: R,
+            value: C,
             onChange: (D) => {
-              q(D.target.value), E.phoneNumber && a((_) => ({ ..._, email: !1, phoneNumber: !1 }));
+              U(D.target.value), L.phoneNumber && l((K) => ({ ...K, email: !1, phoneNumber: !1 }));
             },
-            placeholder: d.phoneNumberPlaceholder,
+            placeholder: c.phoneNumberPlaceholder,
             style: z("phoneNumber"),
-            disabled: F
+            disabled: $
           }
         )
       ] }),
@@ -2408,78 +2329,78 @@ function Dt({
           children: "At least one contact method (email or phone) is required"
         }
       ),
-      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: y.label, children: d.passwordLabel }),
+      /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: S.label, children: c.passwordLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "password",
             name: "password",
             type: "password",
-            value: k,
+            value: P,
             onChange: (D) => {
-              u(D.target.value), E.password && a((_) => ({ ..._, password: !1 }));
+              u(D.target.value), L.password && l((K) => ({ ...K, password: !1 }));
             },
-            placeholder: d.passwordPlaceholder,
+            placeholder: c.passwordPlaceholder,
             style: z("password"),
-            disabled: F
+            disabled: $
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: y.label, children: d.confirmPasswordLabel }),
+      /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: S.label, children: c.confirmPasswordLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "confirmPassword",
             name: "confirmPassword",
             type: "password",
-            value: P,
+            value: M,
             onChange: (D) => {
-              C(D.target.value), E.confirmPassword && a((_) => ({ ..._, confirmPassword: !1 })), w === d.passwordMismatchError && M("");
+              E(D.target.value), L.confirmPassword && l((K) => ({ ...K, confirmPassword: !1 })), v === c.passwordMismatchError && I("");
             },
-            placeholder: d.confirmPasswordPlaceholder,
+            placeholder: c.confirmPasswordPlaceholder,
             style: z("confirmPassword"),
-            disabled: F
+            disabled: $
           }
         )
       ] }),
-      t === "tenant" && /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: y.label, children: d.tenantNameLabel }),
+      t === "tenant" && /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: S.label, children: c.tenantNameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "tenantName",
             name: "tenantName",
             type: "text",
-            value: H,
+            value: q,
             onChange: (D) => {
-              W(D.target.value), E.tenantName && a((_) => ({ ..._, tenantName: !1 }));
+              V(D.target.value), L.tenantName && l((K) => ({ ...K, tenantName: !1 }));
             },
-            placeholder: d.tenantNamePlaceholder,
+            placeholder: c.tenantNamePlaceholder,
             style: z("tenantName"),
-            disabled: F
+            disabled: $
           }
         )
       ] }),
-      /* @__PURE__ */ n("button", { type: "submit", disabled: !O || F, style: B(), children: F ? d.loadingText : d.submitButton }),
-      w && /* @__PURE__ */ n("div", { style: y.errorText, children: w })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !O || $, style: H(), children: $ ? c.loadingText : c.submitButton }),
+      v && /* @__PURE__ */ n("div", { style: S.errorText, children: v })
     ] }),
-    (I || A) && /* @__PURE__ */ l("div", { style: y.linkContainer, children: [
-      A && /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: y.divider, children: [
-          d.magicLinkText,
+    (y || A) && /* @__PURE__ */ a("div", { style: S.linkContainer, children: [
+      A && /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ a("span", { style: S.divider, children: [
+          c.magicLinkText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: p, style: y.link, children: d.magicLinkLink })
+        /* @__PURE__ */ n("a", { onClick: g, style: S.link, children: c.magicLinkLink })
       ] }),
-      A && I && /* @__PURE__ */ n("div", { style: y.divider, children: "•" }),
-      I && /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: y.divider, children: [
-          d.loginText,
+      A && y && /* @__PURE__ */ n("div", { style: S.divider, children: "•" }),
+      y && /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ a("span", { style: S.divider, children: [
+          c.loginText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: o, style: y.link, children: d.loginLink })
+        /* @__PURE__ */ n("a", { onClick: o, style: S.link, children: c.loginLink })
       ] })
     ] })
   ] });
@@ -2605,84 +2526,84 @@ const it = {
     fontSize: "0.875rem"
   }
 };
-function Ht({
+function Bt({
   copy: i = {},
   styles: e = {},
   onSuccess: t,
   onError: r,
   onLoginClick: s,
   onSignupClick: o,
-  showTraditionalLinks: p = !0,
-  className: I,
+  showTraditionalLinks: g = !0,
+  className: y,
   verifyToken: A,
-  frontendUrl: x
+  frontendUrl: w
 }) {
-  const [T, b] = v(""), [f, h] = v(""), [S, L] = v(""), [R, q] = v(!1), [k, u] = v(!1), [P, C] = v(""), [H, W] = v(""), [F, V] = v({}), [w, M] = v(!1), { sendMagicLink: E, verifyMagicLink: a } = oe(), { tenant: g } = se(), m = { ...it, ...i }, c = { ...ot, ...e };
+  const [T, f] = k(""), [p, h] = k(""), [m, R] = k(""), [C, U] = k(!1), [P, u] = k(!1), [M, E] = k(""), [q, V] = k(""), [$, j] = k({}), [v, I] = k(!1), { sendMagicLink: L, verifyMagicLink: l } = ae(), { tenant: x } = se(), b = { ...it, ...i }, d = { ...ot, ...e };
   te(() => {
-    A && d(A);
+    A && c(A);
   }, [A]);
-  const d = async (B) => {
-    if (!g || !T) {
-      C("Missing tenant or email");
+  const c = async (H) => {
+    if (!x || !T) {
+      E("Missing tenant or email");
       return;
     }
-    u(!0), C("");
+    u(!0), E("");
     try {
-      const O = await a({
-        token: B,
+      const O = await l({
+        token: H,
         email: T
         // tenantId inferred from context automatically
       });
       t == null || t(O);
     } catch (O) {
       const D = O.message || "Failed to verify magic link";
-      C(D), r == null || r(D);
+      E(D), r == null || r(D);
     } finally {
       u(!1);
     }
-  }, y = () => {
-    const B = {};
-    return T.trim() || (B.email = !0), w && !f.trim() && (B.name = !0), V(B), Object.keys(B).length === 0;
-  }, G = async (B) => {
-    if (B.preventDefault(), !!y()) {
-      if (!(g != null && g.id)) {
-        C("Tenant not found");
+  }, S = () => {
+    const H = {};
+    return T.trim() || (H.email = !0), v && !p.trim() && (H.name = !0), j(H), Object.keys(H).length === 0;
+  }, G = async (H) => {
+    if (H.preventDefault(), !!S()) {
+      if (!(x != null && x.id)) {
+        E("Tenant not found");
         return;
       }
-      q(!0), C(""), W("");
+      U(!0), E(""), V("");
       try {
-        const O = x || (typeof window < "u" ? window.location.origin : ""), D = await E({
+        const O = w || (typeof window < "u" ? window.location.origin : ""), D = await L({
           email: T,
-          tenantId: g.id,
+          tenantId: x.id,
           frontendUrl: O,
-          name: w ? f : void 0,
-          lastName: w ? S : void 0
+          name: v ? p : void 0,
+          lastName: v ? m : void 0
         });
-        W(m.successMessage), t == null || t(D);
+        V(b.successMessage), t == null || t(D);
       } catch (O) {
-        const D = O.message || m.errorMessage;
-        C(D), r == null || r(D);
+        const D = O.message || b.errorMessage;
+        E(D), r == null || r(D);
       } finally {
-        q(!1);
+        U(!1);
       }
     }
-  }, ee = (B) => ({
-    ...c.input,
-    ...F[B] ? c.inputError : {}
+  }, ee = (H) => ({
+    ...d.input,
+    ...$[H] ? d.inputError : {}
   }), z = () => ({
-    ...c.button,
-    ...R || k ? c.buttonLoading : {},
-    ...!T || R || k ? c.buttonDisabled : {}
+    ...d.button,
+    ...C || P ? d.buttonLoading : {},
+    ...!T || C || P ? d.buttonDisabled : {}
   });
-  return k ? /* @__PURE__ */ l("div", { className: I, style: c.container, children: [
-    /* @__PURE__ */ n("h2", { style: c.title, children: m.verifyingText }),
+  return P ? /* @__PURE__ */ a("div", { className: y, style: d.container, children: [
+    /* @__PURE__ */ n("h2", { style: d.title, children: b.verifyingText }),
     /* @__PURE__ */ n("div", { style: { textAlign: "center", padding: "2rem" }, children: /* @__PURE__ */ n("div", { style: { fontSize: "1rem", color: "#6b7280" }, children: "Please wait while we verify your magic link..." }) })
-  ] }) : /* @__PURE__ */ l("div", { className: I, style: c.container, children: [
-    /* @__PURE__ */ n("h2", { style: c.title, children: m.title }),
-    /* @__PURE__ */ n("p", { style: c.description, children: m.description }),
-    /* @__PURE__ */ l("form", { onSubmit: G, style: c.form, children: [
-      /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: c.label, children: m.emailLabel }),
+  ] }) : /* @__PURE__ */ a("div", { className: y, style: d.container, children: [
+    /* @__PURE__ */ n("h2", { style: d.title, children: b.title }),
+    /* @__PURE__ */ n("p", { style: d.description, children: b.description }),
+    /* @__PURE__ */ a("form", { onSubmit: G, style: d.form, children: [
+      /* @__PURE__ */ a("div", { style: d.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: d.label, children: b.emailLabel }),
         /* @__PURE__ */ n(
           "input",
           {
@@ -2690,20 +2611,20 @@ function Ht({
             name: "email",
             type: "email",
             value: T,
-            onChange: (B) => {
-              b(B.target.value), F.email && V((O) => ({ ...O, email: !1 }));
+            onChange: (H) => {
+              f(H.target.value), $.email && j((O) => ({ ...O, email: !1 }));
             },
-            placeholder: m.emailPlaceholder,
+            placeholder: b.emailPlaceholder,
             style: ee("email"),
-            disabled: R || k
+            disabled: C || P
           }
         )
       ] }),
-      !w && /* @__PURE__ */ n("div", { style: { textAlign: "center", marginTop: "0.5rem" }, children: /* @__PURE__ */ n(
+      !v && /* @__PURE__ */ n("div", { style: { textAlign: "center", marginTop: "0.5rem" }, children: /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          onClick: () => M(!0),
+          onClick: () => I(!0),
           style: {
             background: "none",
             border: "none",
@@ -2715,38 +2636,38 @@ function Ht({
           children: "New user? Add your name"
         }
       ) }),
-      w && /* @__PURE__ */ l(N, { children: [
-        /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: c.label, children: m.nameLabel }),
+      v && /* @__PURE__ */ a(B, { children: [
+        /* @__PURE__ */ a("div", { style: d.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: d.label, children: b.nameLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               id: "name",
               name: "name",
               type: "text",
-              value: f,
-              onChange: (B) => {
-                h(B.target.value), F.name && V((O) => ({ ...O, name: !1 }));
+              value: p,
+              onChange: (H) => {
+                h(H.target.value), $.name && j((O) => ({ ...O, name: !1 }));
               },
-              placeholder: m.namePlaceholder,
+              placeholder: b.namePlaceholder,
               style: ee("name"),
-              disabled: R || k
+              disabled: C || P
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: c.label, children: m.lastNameLabel }),
+        /* @__PURE__ */ a("div", { style: d.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: d.label, children: b.lastNameLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               id: "lastName",
               name: "lastName",
               type: "text",
-              value: S,
-              onChange: (B) => L(B.target.value),
-              placeholder: m.lastNamePlaceholder,
-              style: c.input,
-              disabled: R || k
+              value: m,
+              onChange: (H) => R(H.target.value),
+              placeholder: b.lastNamePlaceholder,
+              style: d.input,
+              disabled: C || P
             }
           )
         ] }),
@@ -2755,7 +2676,7 @@ function Ht({
           {
             type: "button",
             onClick: () => {
-              M(!1), h(""), L("");
+              I(!1), h(""), R("");
             },
             style: {
               background: "none",
@@ -2769,25 +2690,25 @@ function Ht({
           }
         ) })
       ] }),
-      /* @__PURE__ */ n("button", { type: "submit", disabled: !T || R || k, style: z(), children: R ? m.loadingText : m.submitButton }),
-      P && /* @__PURE__ */ n("div", { style: c.errorText, children: P }),
-      H && /* @__PURE__ */ n("div", { style: c.successText, children: H })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !T || C || P, style: z(), children: C ? b.loadingText : b.submitButton }),
+      M && /* @__PURE__ */ n("div", { style: d.errorText, children: M }),
+      q && /* @__PURE__ */ n("div", { style: d.successText, children: q })
     ] }),
-    p && /* @__PURE__ */ l("div", { style: c.linkContainer, children: [
-      /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: c.divider, children: [
-          m.loginText,
+    g && /* @__PURE__ */ a("div", { style: d.linkContainer, children: [
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ a("span", { style: d.divider, children: [
+          b.loginText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: s, style: c.link, children: m.loginLink })
+        /* @__PURE__ */ n("a", { onClick: s, style: d.link, children: b.loginLink })
       ] }),
-      /* @__PURE__ */ n("div", { style: c.divider, children: "•" }),
-      /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: c.divider, children: [
-          m.signupText,
+      /* @__PURE__ */ n("div", { style: d.divider, children: "•" }),
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ a("span", { style: d.divider, children: [
+          b.signupText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: o, style: c.link, children: m.signupLink })
+        /* @__PURE__ */ n("a", { onClick: o, style: d.link, children: b.signupLink })
       ] })
     ] })
   ] });
@@ -2887,7 +2808,7 @@ const at = {
     cursor: "pointer",
     transition: "all 0.15s ease-in-out"
   }
-}, lt = () => /* @__PURE__ */ n("div", { style: Ee.spinner }), ct = () => /* @__PURE__ */ l(
+}, lt = () => /* @__PURE__ */ n("div", { style: Ee.spinner }), ct = () => /* @__PURE__ */ a(
   "svg",
   {
     width: "48",
@@ -2904,7 +2825,7 @@ const at = {
       /* @__PURE__ */ n("polyline", { points: "22,4 12,14.01 9,11.01" })
     ]
   }
-), dt = () => /* @__PURE__ */ l(
+), dt = () => /* @__PURE__ */ a(
   "svg",
   {
     width: "48",
@@ -2927,104 +2848,104 @@ const at = {
   success: /* @__PURE__ */ n(ct, {}),
   error: /* @__PURE__ */ n(dt, {})
 };
-function Nt({
+function Ut({
   copy: i = {},
   styles: e = {},
   icons: t = {},
   onSuccess: r,
   onError: s,
   onRetry: o,
-  onBackToLogin: p,
-  className: I,
+  onBackToLogin: g,
+  className: y,
   token: A,
-  email: x,
+  email: w,
   appId: T,
-  tenantSlug: b,
-  autoRedirectDelay: f = 3e3
+  tenantSlug: f,
+  autoRedirectDelay: p = 3e3
 }) {
-  const [h, S] = v("verifying"), [L, R] = v(""), { verifyMagicLink: q } = oe(), k = { ...at, ...i }, u = { ...Ee, ...e }, P = { ...ut, ...t }, C = () => {
+  const [h, m] = k("verifying"), [R, C] = k(""), { verifyMagicLink: U } = ae(), P = { ...at, ...i }, u = { ...Ee, ...e }, M = { ...ut, ...t }, E = () => {
     if (typeof window > "u") return {};
-    const w = new URLSearchParams(window.location.search);
+    const v = new URLSearchParams(window.location.search);
     return {
-      token: A || w.get("token") || "",
-      email: x || w.get("email") || "",
-      appId: T || w.get("appId") || "",
-      tenantSlug: b || w.get("tenantSlug") || void 0
+      token: A || v.get("token") || "",
+      email: w || v.get("email") || "",
+      appId: T || v.get("appId") || "",
+      tenantSlug: f || v.get("tenantSlug") || void 0
     };
-  }, H = async () => {
-    S("verifying"), R("");
+  }, q = async () => {
+    m("verifying"), C("");
     try {
-      const w = C();
-      if (!w.token || !w.email)
+      const v = E();
+      if (!v.token || !v.email)
         throw new Error("Missing required parameters: token or email");
-      const M = await q({
-        token: w.token,
-        email: w.email,
-        tenantSlug: w.tenantSlug
+      const I = await U({
+        token: v.token,
+        email: v.email,
+        tenantSlug: v.tenantSlug
       });
-      S("success"), r == null || r(M), f > 0 && setTimeout(() => {
-        S("redirecting");
-      }, f);
-    } catch (w) {
-      const M = w.message || k.errorMessage;
-      R(M), S("error"), s == null || s(M);
+      m("success"), r == null || r(I), p > 0 && setTimeout(() => {
+        m("redirecting");
+      }, p);
+    } catch (v) {
+      const I = v.message || P.errorMessage;
+      C(I), m("error"), s == null || s(I);
     }
-  }, W = () => {
-    o == null || o(), H();
-  }, F = () => {
-    p == null || p();
+  }, V = () => {
+    o == null || o(), q();
+  }, $ = () => {
+    g == null || g();
   };
   te(() => {
-    H();
+    q();
   }, []);
-  const V = () => {
+  const j = () => {
     switch (h) {
       case "verifying":
-        return /* @__PURE__ */ l("div", { style: u.message, children: [
-          P.loading,
-          k.verifyingMessage
+        return /* @__PURE__ */ a("div", { style: u.message, children: [
+          M.loading,
+          P.verifyingMessage
         ] });
       case "success":
-        return /* @__PURE__ */ l(N, { children: [
-          P.success,
-          /* @__PURE__ */ n("div", { style: u.successMessage, children: k.successMessage })
+        return /* @__PURE__ */ a(B, { children: [
+          M.success,
+          /* @__PURE__ */ n("div", { style: u.successMessage, children: P.successMessage })
         ] });
       case "redirecting":
-        return /* @__PURE__ */ l(N, { children: [
-          P.loading,
-          /* @__PURE__ */ n("div", { style: u.message, children: k.redirectingMessage })
+        return /* @__PURE__ */ a(B, { children: [
+          M.loading,
+          /* @__PURE__ */ n("div", { style: u.message, children: P.redirectingMessage })
         ] });
       case "error":
-        return /* @__PURE__ */ l(N, { children: [
-          P.error,
-          /* @__PURE__ */ n("div", { style: u.errorMessage, children: L || k.errorMessage }),
-          /* @__PURE__ */ l("div", { style: u.buttonContainer, children: [
+        return /* @__PURE__ */ a(B, { children: [
+          M.error,
+          /* @__PURE__ */ n("div", { style: u.errorMessage, children: R || P.errorMessage }),
+          /* @__PURE__ */ a("div", { style: u.buttonContainer, children: [
             /* @__PURE__ */ n(
               "button",
               {
-                onClick: W,
+                onClick: V,
                 style: u.retryButton,
-                onMouseOver: (w) => {
-                  w.currentTarget.style.backgroundColor = "#2563eb";
+                onMouseOver: (v) => {
+                  v.currentTarget.style.backgroundColor = "#2563eb";
                 },
-                onMouseOut: (w) => {
-                  w.currentTarget.style.backgroundColor = "#3b82f6";
+                onMouseOut: (v) => {
+                  v.currentTarget.style.backgroundColor = "#3b82f6";
                 },
-                children: k.retryButton
+                children: P.retryButton
               }
             ),
             /* @__PURE__ */ n(
               "button",
               {
-                onClick: F,
+                onClick: $,
                 style: u.backButton,
-                onMouseOver: (w) => {
-                  w.currentTarget.style.backgroundColor = "#e5e7eb";
+                onMouseOver: (v) => {
+                  v.currentTarget.style.backgroundColor = "#e5e7eb";
                 },
-                onMouseOut: (w) => {
-                  w.currentTarget.style.backgroundColor = "#f3f4f6";
+                onMouseOut: (v) => {
+                  v.currentTarget.style.backgroundColor = "#f3f4f6";
                 },
-                children: k.backToLoginButton
+                children: P.backToLoginButton
               }
             )
           ] })
@@ -3033,15 +2954,15 @@ function Nt({
         return null;
     }
   };
-  return /* @__PURE__ */ l("div", { style: u.container, className: I, children: [
+  return /* @__PURE__ */ a("div", { style: u.container, className: y, children: [
     /* @__PURE__ */ n("style", { children: `
           @keyframes spin {
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
           }
         ` }),
-    /* @__PURE__ */ n("h1", { style: u.title, children: k.title }),
-    V()
+    /* @__PURE__ */ n("h1", { style: u.title, children: P.title }),
+    j()
   ] });
 }
 const ht = {
@@ -3158,113 +3079,113 @@ const ht = {
     cursor: "pointer"
   }
 };
-function Bt({
+function qt({
   copy: i = {},
   styles: e = {},
   mode: t = "request",
   token: r = "",
   onSuccess: s,
   onError: o,
-  onBackToLogin: p,
-  onModeChange: I,
+  onBackToLogin: g,
+  onModeChange: y,
   className: A
 }) {
-  const [x, T] = v(""), [b, f] = v(r), [h, S] = v(""), [L, R] = v(""), [q, k] = v(!1), [u, P] = v(""), [C, H] = v(""), [W, F] = v({}), { requestPasswordReset: V, confirmPasswordReset: w } = oe(), { tenant: M } = se(), E = { ...ht, ...i }, a = { ...gt, ...e }, g = () => {
+  const [w, T] = k(""), [f, p] = k(r), [h, m] = k(""), [R, C] = k(""), [U, P] = k(!1), [u, M] = k(""), [E, q] = k(""), [V, $] = k({}), { requestPasswordReset: j, confirmPasswordReset: v } = ae(), { tenant: I } = se(), L = { ...ht, ...i }, l = { ...gt, ...e }, x = () => {
     const z = {};
-    return x.trim() || (z.email = !0), F(z), Object.keys(z).length === 0;
-  }, m = () => {
+    return w.trim() || (z.email = !0), $(z), Object.keys(z).length === 0;
+  }, b = () => {
     const z = {};
-    return b.trim() || (z.token = !0), h.trim() || (z.newPassword = !0), L.trim() || (z.confirmPassword = !0), F(z), Object.keys(z).length === 0;
-  }, c = async (z) => {
-    if (z.preventDefault(), !!g()) {
-      if (!(M != null && M.id)) {
-        P("Tenant not found");
+    return f.trim() || (z.token = !0), h.trim() || (z.newPassword = !0), R.trim() || (z.confirmPassword = !0), $(z), Object.keys(z).length === 0;
+  }, d = async (z) => {
+    if (z.preventDefault(), !!x()) {
+      if (!(I != null && I.id)) {
+        M("Tenant not found");
         return;
       }
-      k(!0), P(""), H("");
+      P(!0), M(""), q("");
       try {
-        await V({ email: x, tenantId: M.id }), H(E.successMessage), s == null || s();
-      } catch (B) {
-        const O = B.message || E.errorMessage;
-        P(O), o == null || o(O);
+        await j({ email: w, tenantId: I.id }), q(L.successMessage), s == null || s();
+      } catch (H) {
+        const O = H.message || L.errorMessage;
+        M(O), o == null || o(O);
       } finally {
-        k(!1);
+        P(!1);
       }
     }
-  }, d = async (z) => {
-    if (z.preventDefault(), !!m()) {
-      if (h !== L) {
-        P(E.passwordMismatchError), F({ confirmPassword: !0 });
+  }, c = async (z) => {
+    if (z.preventDefault(), !!b()) {
+      if (h !== R) {
+        M(L.passwordMismatchError), $({ confirmPassword: !0 });
         return;
       }
-      k(!0), P(""), H("");
+      P(!0), M(""), q("");
       try {
-        await w({ token: b, newPassword: h }), H(E.resetSuccessMessage), s == null || s();
-      } catch (B) {
-        const O = B.message || E.errorMessage;
-        P(O), o == null || o(O);
+        await v({ token: f, newPassword: h }), q(L.resetSuccessMessage), s == null || s();
+      } catch (H) {
+        const O = H.message || L.errorMessage;
+        M(O), o == null || o(O);
       } finally {
-        k(!1);
+        P(!1);
       }
     }
-  }, y = (z) => ({
-    ...a.input,
-    ...W[z] ? a.inputError : {}
+  }, S = (z) => ({
+    ...l.input,
+    ...V[z] ? l.inputError : {}
   }), G = () => ({
-    ...a.button,
-    ...q ? a.buttonLoading : {}
+    ...l.button,
+    ...U ? l.buttonLoading : {}
   });
   if (t === "reset") {
-    const z = b && h && L;
-    return /* @__PURE__ */ l("div", { className: A, style: a.container, children: [
-      /* @__PURE__ */ n("h2", { style: a.title, children: E.resetTitle }),
-      /* @__PURE__ */ n("p", { style: a.subtitle, children: E.resetSubtitle }),
-      /* @__PURE__ */ l("form", { onSubmit: d, style: a.form, children: [
-        /* @__PURE__ */ l("div", { style: a.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: a.label, children: E.tokenLabel }),
+    const z = f && h && R;
+    return /* @__PURE__ */ a("div", { className: A, style: l.container, children: [
+      /* @__PURE__ */ n("h2", { style: l.title, children: L.resetTitle }),
+      /* @__PURE__ */ n("p", { style: l.subtitle, children: L.resetSubtitle }),
+      /* @__PURE__ */ a("form", { onSubmit: c, style: l.form, children: [
+        /* @__PURE__ */ a("div", { style: l.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: l.label, children: L.tokenLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               type: "text",
-              value: b,
-              onChange: (B) => {
-                f(B.target.value), W.token && F((O) => ({ ...O, token: !1 }));
+              value: f,
+              onChange: (H) => {
+                p(H.target.value), V.token && $((O) => ({ ...O, token: !1 }));
               },
-              placeholder: E.tokenPlaceholder,
-              style: y("token"),
-              disabled: q
+              placeholder: L.tokenPlaceholder,
+              style: S("token"),
+              disabled: U
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { style: a.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: a.label, children: E.newPasswordLabel }),
+        /* @__PURE__ */ a("div", { style: l.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: l.label, children: L.newPasswordLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               type: "password",
               value: h,
-              onChange: (B) => {
-                S(B.target.value), W.newPassword && F((O) => ({ ...O, newPassword: !1 }));
+              onChange: (H) => {
+                m(H.target.value), V.newPassword && $((O) => ({ ...O, newPassword: !1 }));
               },
-              placeholder: E.newPasswordPlaceholder,
-              style: y("newPassword"),
-              disabled: q
+              placeholder: L.newPasswordPlaceholder,
+              style: S("newPassword"),
+              disabled: U
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { style: a.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: a.label, children: E.confirmPasswordLabel }),
+        /* @__PURE__ */ a("div", { style: l.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: l.label, children: L.confirmPasswordLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               type: "password",
-              value: L,
-              onChange: (B) => {
-                R(B.target.value), W.confirmPassword && F((O) => ({ ...O, confirmPassword: !1 })), u === E.passwordMismatchError && P("");
+              value: R,
+              onChange: (H) => {
+                C(H.target.value), V.confirmPassword && $((O) => ({ ...O, confirmPassword: !1 })), u === L.passwordMismatchError && M("");
               },
-              placeholder: E.confirmPasswordPlaceholder,
-              style: y("confirmPassword"),
-              disabled: q
+              placeholder: L.confirmPasswordPlaceholder,
+              style: S("confirmPassword"),
+              disabled: U
             }
           )
         ] }),
@@ -3272,44 +3193,44 @@ function Bt({
           "button",
           {
             type: "submit",
-            disabled: !z || q,
+            disabled: !z || U,
             style: {
               ...G(),
-              ...!z || q ? a.buttonDisabled : {}
+              ...!z || U ? l.buttonDisabled : {}
             },
-            children: q ? E.resetLoadingText : E.resetSubmitButton
+            children: U ? L.resetLoadingText : L.resetSubmitButton
           }
         ),
-        u && /* @__PURE__ */ n("div", { style: a.errorText, children: u }),
-        C && /* @__PURE__ */ n("div", { style: a.successText, children: C })
+        u && /* @__PURE__ */ n("div", { style: l.errorText, children: u }),
+        E && /* @__PURE__ */ n("div", { style: l.successText, children: E })
       ] }),
-      /* @__PURE__ */ l("div", { style: a.linkContainer, children: [
-        /* @__PURE__ */ n("a", { onClick: p, style: a.link, children: E.backToLoginLink }),
-        I && /* @__PURE__ */ l(N, { children: [
+      /* @__PURE__ */ a("div", { style: l.linkContainer, children: [
+        /* @__PURE__ */ n("a", { onClick: g, style: l.link, children: L.backToLoginLink }),
+        y && /* @__PURE__ */ a(B, { children: [
           /* @__PURE__ */ n("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
-          /* @__PURE__ */ n("a", { onClick: () => I("request"), style: a.link, children: "Request New Link" })
+          /* @__PURE__ */ n("a", { onClick: () => y("request"), style: l.link, children: "Request New Link" })
         ] })
       ] })
     ] });
   }
-  const ee = x;
-  return /* @__PURE__ */ l("div", { className: A, style: a.container, children: [
-    /* @__PURE__ */ n("h2", { style: a.title, children: E.title }),
-    /* @__PURE__ */ n("p", { style: a.subtitle, children: E.subtitle }),
-    /* @__PURE__ */ l("form", { onSubmit: c, style: a.form, children: [
-      /* @__PURE__ */ l("div", { style: a.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: a.label, children: E.emailLabel }),
+  const ee = w;
+  return /* @__PURE__ */ a("div", { className: A, style: l.container, children: [
+    /* @__PURE__ */ n("h2", { style: l.title, children: L.title }),
+    /* @__PURE__ */ n("p", { style: l.subtitle, children: L.subtitle }),
+    /* @__PURE__ */ a("form", { onSubmit: d, style: l.form, children: [
+      /* @__PURE__ */ a("div", { style: l.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: l.label, children: L.emailLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             type: "email",
-            value: x,
+            value: w,
             onChange: (z) => {
-              T(z.target.value), W.email && F((B) => ({ ...B, email: !1 }));
+              T(z.target.value), V.email && $((H) => ({ ...H, email: !1 }));
             },
-            placeholder: E.emailPlaceholder,
-            style: y("email"),
-            disabled: q
+            placeholder: L.emailPlaceholder,
+            style: S("email"),
+            disabled: U
           }
         )
       ] }),
@@ -3317,27 +3238,106 @@ function Bt({
         "button",
         {
           type: "submit",
-          disabled: !ee || q,
+          disabled: !ee || U,
           style: {
             ...G(),
-            ...!ee || q ? a.buttonDisabled : {}
+            ...!ee || U ? l.buttonDisabled : {}
           },
-          children: q ? E.loadingText : E.submitButton
+          children: U ? L.loadingText : L.submitButton
         }
       ),
-      u && /* @__PURE__ */ n("div", { style: a.errorText, children: u }),
-      C && /* @__PURE__ */ n("div", { style: a.successText, children: C })
+      u && /* @__PURE__ */ n("div", { style: l.errorText, children: u }),
+      E && /* @__PURE__ */ n("div", { style: l.successText, children: E })
     ] }),
-    /* @__PURE__ */ l("div", { style: a.linkContainer, children: [
-      /* @__PURE__ */ n("a", { onClick: p, style: a.link, children: E.backToLoginLink }),
-      I && /* @__PURE__ */ l(N, { children: [
+    /* @__PURE__ */ a("div", { style: l.linkContainer, children: [
+      /* @__PURE__ */ n("a", { onClick: g, style: l.link, children: L.backToLoginLink }),
+      y && /* @__PURE__ */ a(B, { children: [
         /* @__PURE__ */ n("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
-        /* @__PURE__ */ n("a", { onClick: () => I("reset"), style: a.link, children: "I have a token" })
+        /* @__PURE__ */ n("a", { onClick: () => y("reset"), style: l.link, children: "I have a token" })
       ] })
     ] })
   ] });
 }
-class Ut {
+const pt = () => /* @__PURE__ */ n(
+  "div",
+  {
+    style: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      height: "100vh",
+      fontFamily: "system-ui, sans-serif"
+    },
+    children: /* @__PURE__ */ n("div", { children: "Loading..." })
+  }
+), ft = ({ error: i, retry: e }) => /* @__PURE__ */ a(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      height: "100vh",
+      fontFamily: "system-ui, sans-serif",
+      textAlign: "center",
+      padding: "20px"
+    },
+    children: [
+      /* @__PURE__ */ n("h2", { style: { color: "#dc3545", marginBottom: "16px" }, children: "Error" }),
+      /* @__PURE__ */ n("p", { style: { color: "#6c757d", marginBottom: "24px" }, children: i.message || "Unable to load application" }),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          onClick: e,
+          style: {
+            padding: "8px 16px",
+            backgroundColor: "#007bff",
+            color: "white",
+            border: "none",
+            borderRadius: "4px",
+            cursor: "pointer"
+          },
+          children: "Retry"
+        }
+      )
+    ]
+  }
+);
+function zt({
+  children: i,
+  loadingFallback: e,
+  errorFallback: t,
+  requireTenant: r = !0
+}) {
+  const { isAppLoading: s, appError: o, retryApp: g } = oe(), y = Pe(), A = (y == null ? void 0 : y.isTenantLoading) ?? !1, w = (y == null ? void 0 : y.tenantError) ?? null, T = (y == null ? void 0 : y.tenantSlug) ?? null, f = (y == null ? void 0 : y.retryTenant) ?? (() => {
+  }), p = r && y && T, h = s || p && A, m = o || (p ? w : null), R = () => {
+    o && g(), w && y && f();
+  };
+  if (h)
+    return /* @__PURE__ */ n(B, { children: e || /* @__PURE__ */ n(pt, {}) });
+  if (m) {
+    const C = typeof t == "function" ? t(m, R) : t || /* @__PURE__ */ n(ft, { error: m, retry: R });
+    return /* @__PURE__ */ n(B, { children: C });
+  }
+  return /* @__PURE__ */ n(B, { children: i });
+}
+function Ot(i = !0) {
+  const { isAppLoading: e, appError: t, retryApp: r, appInfo: s } = oe(), o = Pe(), g = (o == null ? void 0 : o.isTenantLoading) ?? !1, y = (o == null ? void 0 : o.tenantError) ?? null, A = (o == null ? void 0 : o.tenant) ?? null, w = (o == null ? void 0 : o.tenantSlug) ?? null, T = (o == null ? void 0 : o.retryTenant) ?? (() => {
+  }), f = i && o && w, p = e || f && g, h = t || (f ? y : null);
+  return {
+    isLoading: p,
+    error: h,
+    isReady: !p && !h && s !== null && (!f || A !== null),
+    retry: () => {
+      t && r(), y && o && T();
+    },
+    // Individual states
+    app: { isLoading: e, error: t, data: s },
+    tenant: o ? { isLoading: g, error: y, data: A } : null
+  };
+}
+class Wt {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -3405,7 +3405,7 @@ class Ut {
     };
   }
 }
-class qt {
+class jt {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -3456,7 +3456,7 @@ class qt {
     });
   }
 }
-class zt {
+class Vt {
   constructor(e) {
     this.httpService = e;
   }
@@ -3465,7 +3465,7 @@ class zt {
     return await this.httpService.get("/health");
   }
 }
-class Ot {
+class Gt {
   // Date string to Date object
   static toDate(e) {
     return new Date(e);
@@ -3588,44 +3588,47 @@ class Ot {
   }
 }
 export {
-  Ot as ApiMappers,
-  be as AppApiService,
-  St as AppProvider,
-  Ne as AuthApiService,
-  Tt as AuthProvider,
-  Ft as FeatureFlag,
+  Gt as ApiMappers,
+  Se as AppApiService,
+  zt as AppLoader,
+  xt as AppProvider,
+  He as AuthApiService,
+  Mt as AuthProvider,
+  Dt as FeatureFlag,
   ze as FeatureFlagApiService,
-  Pt as FeatureFlagProvider,
-  zt as HealthApiService,
+  It as FeatureFlagProvider,
+  Vt as HealthApiService,
   re as HttpService,
-  Rt as LandingRoute,
-  $t as LoginForm,
-  Ht as MagicLinkForm,
-  Nt as MagicLinkVerify,
-  Bt as PasswordRecoveryForm,
-  Ut as PermissionApiService,
-  It as Protected,
-  Et as ProtectedRoute,
-  Se as RoleApiService,
+  $t as LandingRoute,
+  Ht as LoginForm,
+  Bt as MagicLinkForm,
+  Ut as MagicLinkVerify,
+  qt as PasswordRecoveryForm,
+  Wt as PermissionApiService,
+  Et as Protected,
+  Rt as ProtectedRoute,
+  ve as RoleApiService,
   ye as SessionManager,
-  Dt as SignupForm,
-  je as SubscriptionApiService,
-  Lt as SubscriptionGuard,
-  qt as SubscriptionPlanApiService,
-  Mt as SubscriptionProvider,
-  ce as TenantApiService,
-  xt as TenantProvider,
+  Nt as SignupForm,
+  We as SubscriptionApiService,
+  Ft as SubscriptionGuard,
+  jt as SubscriptionPlanApiService,
+  Lt as SubscriptionProvider,
+  ue as TenantApiService,
+  At as TenantProvider,
   Ct as TenantRoute,
-  Be as UserApiService,
+  Ne as UserApiService,
   ie as UserType,
-  vt as useApi,
-  he as useApp,
-  oe as useAuth,
+  kt as useApi,
+  oe as useApp,
+  Ot as useAppLoaderState,
+  ae as useAuth,
   Oe as useFeatureFlags,
-  At as useSettings,
-  Ve as useSubscription,
+  Pt as useSettings,
+  je as useSubscription,
   fe as useTenant,
   se as useTenantInfo,
-  kt as useTenantSettings
+  Pe as useTenantOptional,
+  Tt as useTenantSettings
 };
 //# sourceMappingURL=index.es.js.map