astrogators-shared-ui 0.4.0 → 0.4.2

package/dist/index.js

@@ -1,8 +1,8 @@
 var ue = Object.defineProperty;
-var he = (e, t, s) => t in e ? ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var R = (e, t, s) => he(e, typeof t != "symbol" ? t + "" : t, s);
+var he = (e, s, t) => s in e ? ue(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
+var R = (e, s, t) => he(e, typeof s != "symbol" ? s + "" : s, t);
 import { jsx as r, jsxs as m, Fragment as ge } from "react/jsx-runtime";
-import ne, { createContext as fe, useState as b, useEffect as U, useCallback as S, useContext as pe } from "react";
+import ae, { createContext as fe, useState as b, useEffect as j, useCallback as S, useContext as pe } from "react";
 const ye = "_container_u3o0e_1", ve = "_padding_u3o0e_7", X = {
   container: ye,
   padding: ve,
@@ -11,15 +11,15 @@ const ye = "_container_u3o0e_1", ve = "_padding_u3o0e_7", X = {
   "maxWidth-lg": "_maxWidth-lg_u3o0e_20",
   "maxWidth-xl": "_maxWidth-xl_u3o0e_24",
   "maxWidth-full": "_maxWidth-full_u3o0e_28"
-}, ys = ({
+}, vs = ({
   children: e,
-  maxWidth: t = "xl",
-  padding: s = !0,
+  maxWidth: s = "xl",
+  padding: t = !0,
   className: o = ""
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: `${X.container} ${X[`maxWidth-${t}`]} ${s ? X.padding : ""} ${o}`,
+    className: `${X.container} ${X[`maxWidth-${s}`]} ${t ? X.padding : ""} ${o}`,
     children: e
   }
 ), $e = "_topBar_10g3c_1", be = "_content_10g3c_13", we = "_left_10g3c_23", Ne = "_right_10g3c_30", Ae = "_logo_10g3c_36", P = {
@@ -28,24 +28,24 @@ const ye = "_container_u3o0e_1", ve = "_padding_u3o0e_7", X = {
   left: we,
   right: Ne,
   logo: Ae
-}, vs = ({
+}, $s = ({
   logo: e,
-  leftContent: t,
-  rightContent: s,
+  leftContent: s,
+  rightContent: t,
   className: o = ""
 }) => /* @__PURE__ */ r("header", { className: `${P.topBar} ${o}`, children: /* @__PURE__ */ m("div", { className: P.content, children: [
   /* @__PURE__ */ m("div", { className: P.left, children: [
     e && /* @__PURE__ */ r("div", { className: P.logo, children: e }),
-    t
+    s
   ] }),
-  /* @__PURE__ */ r("div", { className: P.right, children: s })
+  /* @__PURE__ */ r("div", { className: P.right, children: t })
 ] }) }), Se = "_footer_zjuj8_1", xe = "_content_zjuj8_7", Te = "_defaultContent_zjuj8_13", Ce = "_copyright_zjuj8_21", ke = "_disclaimer_zjuj8_26", B = {
   footer: Se,
   content: xe,
   defaultContent: Te,
   copyright: Ce,
   disclaimer: ke
-}, $s = ({ children: e, className: t = "" }) => /* @__PURE__ */ r("footer", { className: `${B.footer} ${t}`, children: /* @__PURE__ */ r("div", { className: B.content, children: e || /* @__PURE__ */ m("div", { className: B.defaultContent, children: [
+}, bs = ({ children: e, className: s = "" }) => /* @__PURE__ */ r("footer", { className: `${B.footer} ${s}`, children: /* @__PURE__ */ r("div", { className: B.content, children: e || /* @__PURE__ */ m("div", { className: B.defaultContent, children: [
   /* @__PURE__ */ m("p", { className: B.copyright, children: [
     "© ",
     (/* @__PURE__ */ new Date()).getFullYear(),
@@ -68,10 +68,10 @@ const ye = "_container_u3o0e_1", ve = "_padding_u3o0e_7", X = {
   spinner: Oe,
   spin: ze,
   loadingText: Me
-}, z = ({
+}, M = ({
   children: e,
-  variant: t = "primary",
-  size: s = "md",
+  variant: s = "primary",
+  size: t = "md",
   fullWidth: o = !1,
   loading: _ = !1,
   disabled: g = !1,
@@ -80,7 +80,7 @@ const ye = "_container_u3o0e_1", ve = "_padding_u3o0e_7", X = {
 }) => /* @__PURE__ */ r(
   "button",
   {
-    className: `${x.button} ${x[t]} ${x[s]} ${o ? x.fullWidth : ""} ${_ ? x.loading : ""} ${c}`,
+    className: `${x.button} ${x[s]} ${x[t]} ${o ? x.fullWidth : ""} ${_ ? x.loading : ""} ${c}`,
     disabled: g || _,
     ...l,
     children: _ ? /* @__PURE__ */ m("span", { className: x.loadingSpinner, children: [
@@ -97,17 +97,17 @@ const ye = "_container_u3o0e_1", ve = "_padding_u3o0e_7", X = {
   error: Ve,
   errorText: Qe,
   helperText: Xe
-}, ae = ne.forwardRef(
+}, ne = ae.forwardRef(
   ({
     label: e,
-    error: t,
-    helperText: s,
+    error: s,
+    helperText: t,
     fullWidth: o = !1,
     className: _ = "",
     id: g,
     ...c
   }, l) => {
-    const i = g || `input-${Math.random().toString(36).substr(2, 9)}`, h = !!t;
+    const i = g || `input-${Math.random().toString(36).substr(2, 9)}`, h = !!s;
     return /* @__PURE__ */ m("div", { className: `${T.inputWrapper} ${o ? T.fullWidth : ""} ${_}`, children: [
       e && /* @__PURE__ */ m("label", { htmlFor: i, className: T.label, children: [
         e,
@@ -122,28 +122,28 @@ const ye = "_container_u3o0e_1", ve = "_padding_u3o0e_7", X = {
           ...c
         }
       ),
-      t && /* @__PURE__ */ r("span", { className: T.errorText, children: t }),
-      s && !t && /* @__PURE__ */ r("span", { className: T.helperText, children: s })
+      s && /* @__PURE__ */ r("span", { className: T.errorText, children: s }),
+      t && !s && /* @__PURE__ */ r("span", { className: T.helperText, children: t })
     ] });
   }
 );
-ae.displayName = "Input";
-const Ze = "_selectWrapper_ir4bq_1", et = "_fullWidth_ir4bq_7", tt = "_label_ir4bq_11", st = "_required_ir4bq_20", ot = "_selectContainer_ir4bq_24", rt = "_select_ir4bq_1", nt = "_error_ir4bq_63", at = "_arrow_ir4bq_71", lt = "_errorText_ir4bq_81", ct = "_helperText_ir4bq_86", w = {
+ne.displayName = "Input";
+const Ze = "_selectWrapper_ir4bq_1", et = "_fullWidth_ir4bq_7", tt = "_label_ir4bq_11", st = "_required_ir4bq_20", ot = "_selectContainer_ir4bq_24", rt = "_select_ir4bq_1", at = "_error_ir4bq_63", nt = "_arrow_ir4bq_71", lt = "_errorText_ir4bq_81", ct = "_helperText_ir4bq_86", w = {
   selectWrapper: Ze,
   fullWidth: et,
   label: tt,
   required: st,
   selectContainer: ot,
   select: rt,
-  error: nt,
-  arrow: at,
+  error: at,
+  arrow: nt,
   errorText: lt,
   helperText: ct
-}, le = ne.forwardRef(
+}, le = ae.forwardRef(
   ({
     label: e,
-    error: t,
-    helperText: s,
+    error: s,
+    helperText: t,
     options: o,
     placeholder: _,
     fullWidth: g = !1,
@@ -151,7 +151,7 @@ const Ze = "_selectWrapper_ir4bq_1", et = "_fullWidth_ir4bq_7", tt = "_label_ir4
     id: l,
     ...i
   }, h) => {
-    const p = l || `select-${Math.random().toString(36).substr(2, 9)}`, N = !!t;
+    const p = l || `select-${Math.random().toString(36).substr(2, 9)}`, N = !!s;
     return /* @__PURE__ */ m("div", { className: `${w.selectWrapper} ${g ? w.fullWidth : ""} ${c}`, children: [
       e && /* @__PURE__ */ m("label", { htmlFor: p, className: w.label, children: [
         e,
@@ -182,8 +182,8 @@ const Ze = "_selectWrapper_ir4bq_1", et = "_fullWidth_ir4bq_7", tt = "_label_ir4
         ),
         /* @__PURE__ */ r("span", { className: w.arrow, children: "▼" })
       ] }),
-      t && /* @__PURE__ */ r("span", { className: w.errorText, children: t }),
-      s && !t && /* @__PURE__ */ r("span", { className: w.helperText, children: s })
+      s && /* @__PURE__ */ r("span", { className: w.errorText, children: s }),
+      t && !s && /* @__PURE__ */ r("span", { className: w.helperText, children: t })
     ] });
   }
 );
@@ -196,45 +196,45 @@ const te = "astrogators_access_token", se = "astrogators_refresh_token", ce = ()
   localStorage.setItem(se, e);
 }, ut = () => {
   localStorage.removeItem(se);
-}, ie = (e, t) => {
-  it(e), mt(t);
+}, ie = (e, s) => {
+  it(e), mt(s);
 }, ee = () => {
   dt(), ut();
 }, ht = () => !!ce();
 class gt {
-  constructor(t) {
+  constructor(s) {
     R(this, "baseURL");
     R(this, "onUnauthorized");
     R(this, "isRefreshing", !1);
     R(this, "refreshPromise", null);
-    this.baseURL = t.baseURL, this.onUnauthorized = t.onUnauthorized;
+    this.baseURL = s.baseURL, this.onUnauthorized = s.onUnauthorized;
   }
   async refreshAccessToken() {
     var _;
-    const t = _t();
-    if (!t)
+    const s = _t();
+    if (!s)
       throw new Error("No refresh token available");
-    const s = await fetch(`${this.baseURL}/api/v1/auth/refresh-token`, {
+    const t = await fetch(`${this.baseURL}/api/v1/auth/refresh-token`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
-      body: JSON.stringify({ refresh_token: t })
+      body: JSON.stringify({ refresh_token: s })
     });
-    if (!s.ok)
+    if (!t.ok)
       throw ee(), (_ = this.onUnauthorized) == null || _.call(this), new Error("Token refresh failed");
-    const o = await s.json();
-    return ie(o.access_token, t), o.access_token;
+    const o = await t.json();
+    return ie(o.access_token, s), o.access_token;
   }
-  async request(t, s = {}) {
+  async request(s, t = {}) {
     const o = ce(), _ = {
       "Content-Type": "application/json",
-      ...s.headers
+      ...t.headers
     };
     o && (_.Authorization = `Bearer ${o}`);
-    const g = `${this.baseURL}${t}`;
+    const g = `${this.baseURL}${s}`;
     let c = await fetch(g, {
-      ...s,
+      ...t,
       headers: _
     });
     if (c.status === 401 && o) {
@@ -244,7 +244,7 @@ class gt {
       try {
         const l = await this.refreshPromise;
         _.Authorization = `Bearer ${l}`, c = await fetch(g, {
-          ...s,
+          ...t,
           headers: _
         });
       } catch {
@@ -269,221 +269,221 @@ class gt {
     }
     return c.status === 204 ? {} : c.json();
   }
-  async get(t, s) {
-    return this.request(t, { ...s, method: "GET" });
+  async get(s, t) {
+    return this.request(s, { ...t, method: "GET" });
   }
-  async post(t, s, o) {
-    return this.request(t, {
+  async post(s, t, o) {
+    return this.request(s, {
       ...o,
       method: "POST",
-      body: s ? JSON.stringify(s) : void 0
+      body: t ? JSON.stringify(t) : void 0
     });
   }
-  async put(t, s, o) {
-    return this.request(t, {
+  async put(s, t, o) {
+    return this.request(s, {
       ...o,
       method: "PUT",
-      body: s ? JSON.stringify(s) : void 0
+      body: t ? JSON.stringify(t) : void 0
     });
   }
-  async patch(t, s, o) {
-    return this.request(t, {
+  async patch(s, t, o) {
+    return this.request(s, {
       ...o,
       method: "PATCH",
-      body: s ? JSON.stringify(s) : void 0
+      body: t ? JSON.stringify(t) : void 0
     });
   }
-  async delete(t, s) {
-    return this.request(t, { ...s, method: "DELETE" });
+  async delete(s, t) {
+    return this.request(s, { ...t, method: "DELETE" });
   }
 }
 let y;
 const ft = (e) => {
   y = new gt(e);
-}, j = "astrogators_ally_codes", H = "astrogators_selected_ally_code", A = () => {
+}, F = "astrogators_ally_codes", H = "astrogators_selected_ally_code", A = () => {
   try {
-    const e = localStorage.getItem(j);
+    const e = localStorage.getItem(F);
     return e ? JSON.parse(e) : [];
   } catch (e) {
     return console.error("Failed to read ally codes from localStorage:", e), [];
   }
 }, pt = (e) => {
   try {
-    const t = A();
-    if (t.some((o) => o.ally_code === e.ally_code))
+    const s = A();
+    if (s.some((o) => o.ally_code === e.ally_code))
       return;
-    t.push(e), localStorage.setItem(j, JSON.stringify(t));
-  } catch (t) {
-    console.error("Failed to save ally code to localStorage:", t);
+    s.push(e), localStorage.setItem(F, JSON.stringify(s));
+  } catch (s) {
+    console.error("Failed to save ally code to localStorage:", s);
   }
 }, yt = (e) => {
   try {
-    const s = A().filter((o) => o.ally_code !== e);
-    localStorage.setItem(j, JSON.stringify(s));
-  } catch (t) {
-    console.error("Failed to remove ally code from localStorage:", t);
+    const t = A().filter((o) => o.ally_code !== e);
+    localStorage.setItem(F, JSON.stringify(t));
+  } catch (s) {
+    console.error("Failed to remove ally code from localStorage:", s);
   }
 }, re = (e) => {
   try {
-    const s = A().map(
+    const t = A().map(
       (o) => o.ally_code === e ? { ...o, last_used_at: (/* @__PURE__ */ new Date()).toISOString() } : o
     );
-    localStorage.setItem(j, JSON.stringify(s));
-  } catch (t) {
-    console.error("Failed to update ally code last used:", t);
+    localStorage.setItem(F, JSON.stringify(t));
+  } catch (s) {
+    console.error("Failed to update ally code last used:", s);
   }
 }, vt = () => localStorage.getItem(H), $t = (e) => {
   e ? localStorage.setItem(H, e) : localStorage.removeItem(H);
 }, bt = () => {
-  localStorage.removeItem(j), localStorage.removeItem(H);
-}, de = fe(void 0), bs = ({ children: e, apiBaseUrl: t }) => {
-  const [s, o] = b(null), [_, g] = b(!0), [c, l] = b([]), [i, h] = b(null), [p, N] = b(!1), [f, k] = b({
+  localStorage.removeItem(F), localStorage.removeItem(H);
+}, de = fe(void 0), ws = ({ children: e, apiBaseUrl: s }) => {
+  const [t, o] = b(null), [_, g] = b(!0), [c, l] = b([]), [i, h] = b(null), [p, N] = b(!1), [f, k] = b({
     show: !1,
     localStorageCodes: []
   });
-  U(() => {
+  j(() => {
     ft({
-      baseURL: t
+      baseURL: s
     });
-  }, [t]);
+  }, [s]);
   const W = S(async () => {
     if (!ht()) {
       o(null), g(!1);
       return;
     }
     try {
-      const n = await y.get("/api/v1/users/me");
-      o(n);
-    } catch (n) {
-      console.error("Failed to fetch user:", n), o(null), ee();
+      const a = await y.get("/api/v1/users/me");
+      o(a);
+    } catch (a) {
+      console.error("Failed to fetch user:", a), o(null), ee();
     } finally {
       g(!1);
     }
   }, []);
-  U(() => {
+  j(() => {
     W();
   }, [W]);
-  const I = async (n) => {
+  const I = async (a) => {
     try {
-      const a = await y.post("/api/v1/auth/login", n);
-      ie(a.access_token, a.refresh_token);
+      const n = await y.post("/api/v1/auth/login", a);
+      ie(n.access_token, n.refresh_token);
       const u = await y.get("/api/v1/users/me");
       o(u);
-    } catch (a) {
-      throw console.error("Login failed:", a), a;
+    } catch (n) {
+      throw console.error("Login failed:", n), n;
     }
-  }, F = async (n) => {
+  }, D = async (a) => {
     try {
-      await y.post("/api/v1/auth/register", n);
-    } catch (a) {
-      throw console.error("Registration failed:", a), a;
+      await y.post("/api/v1/auth/register", a);
+    } catch (n) {
+      throw console.error("Registration failed:", n), n;
     }
-  }, D = () => {
+  }, O = () => {
     ee(), o(null), l([]), h(null), k({ show: !1, localStorageCodes: [] });
   }, Y = async () => {
     await W();
-  }, G = async (n) => {
+  }, G = async (a) => {
     try {
       return (await y.post(
         "/api/v1/auth/forgot-password",
-        n
+        a
       )).message;
-    } catch (a) {
-      throw console.error("Forgot password failed:", a), a;
+    } catch (n) {
+      throw console.error("Forgot password failed:", n), n;
     }
-  }, K = async (n) => {
+  }, K = async (a) => {
     try {
       return (await y.post(
         "/api/v1/auth/reset-password",
-        n
+        a
       )).message;
-    } catch (a) {
-      throw console.error("Reset password failed:", a), a;
+    } catch (n) {
+      throw console.error("Reset password failed:", n), n;
     }
-  }, V = async (n) => {
+  }, V = async (a) => {
     try {
       return (await y.post(
         "/api/v1/auth/resend-verification",
-        n
+        a
       )).message;
-    } catch (a) {
-      throw console.error("Resend verification failed:", a), a;
+    } catch (n) {
+      throw console.error("Resend verification failed:", n), n;
     }
   }, d = S(async () => {
     N(!0);
     try {
-      if (s) {
-        const a = await y.get("/api/v1/users/me/ally-codes");
-        l(a.ally_codes);
+      if (t) {
+        const n = await y.get("/api/v1/users/me/ally-codes");
+        l(n.ally_codes);
         const u = A();
         u.length > 0 && k({
           show: !0,
           localStorageCodes: u.map((q) => q.ally_code)
         });
       } else {
-        const a = A();
-        l(a);
+        const n = A();
+        l(n);
       }
-      const n = vt();
-      h(n);
-    } catch (n) {
-      console.error("Failed to fetch ally codes:", n), l([]);
+      const a = vt();
+      h(a);
+    } catch (a) {
+      console.error("Failed to fetch ally codes:", a), l([]);
     } finally {
       N(!1);
     }
-  }, [s]), v = S(async (n) => {
-    var a;
-    if (!/^\d{9}$/.test(n))
+  }, [t]), v = S(async (a) => {
+    var n;
+    if (!/^\d{9}$/.test(a))
       throw new Error("Ally code must be exactly 9 digits");
-    if (s) {
+    if (t) {
       const u = await y.post(
         "/api/v1/users/me/ally-codes",
-        { ally_code: n }
+        { ally_code: a }
       );
-      l((q) => [u, ...q]), c.length === 0 && O(n);
+      l((q) => [u, ...q]), c.length === 0 && z(a);
     } else {
-      const u = await y.get(`/api/v1/player-data/player/${n}`);
+      const u = await y.get(`/api/v1/player-data/player/${a}`);
       if (!u)
         throw new Error("Invalid ally code - player not found");
       const q = {
-        ally_code: n,
-        player_name: ((a = u == null ? void 0 : u.data) == null ? void 0 : a.name) || null,
+        ally_code: a,
+        player_name: ((n = u == null ? void 0 : u.data) == null ? void 0 : n.name) || null,
         last_used_at: (/* @__PURE__ */ new Date()).toISOString()
       };
-      pt(q), l(A()), c.length === 0 && O(n);
+      pt(q), l(A()), c.length === 0 && z(a);
     }
-  }, [s, c.length]), L = S(async (n) => {
-    s && typeof n == "number" ? (await y.delete(`/api/v1/users/me/ally-codes/${n}`), l((a) => a.filter((u) => "id" in u && u.id !== n))) : !s && typeof n == "string" && (yt(n), l(A()), i === n && O(null));
-  }, [s, i]), O = S((n) => {
-    if (h(n), $t(n), n && s) {
-      const a = c.find((u) => "ally_code" in u && u.ally_code === n);
-      a && "id" in a && oe(a.id);
-    } else n && !s && re(n);
-  }, [s, c]), oe = S(async (n) => {
-    s && typeof n == "number" ? (await y.put(`/api/v1/users/me/ally-codes/${n}/use`, {}), await d()) : !s && typeof n == "string" && (re(n), l(A()));
-  }, [s, d]), Q = S(() => {
+  }, [t, c.length]), L = S(async (a) => {
+    t && typeof a == "number" ? (await y.delete(`/api/v1/users/me/ally-codes/${a}`), l((n) => n.filter((u) => "id" in u && u.id !== a))) : !t && typeof a == "string" && (yt(a), l(A()), i === a && z(null));
+  }, [t, i]), z = S((a) => {
+    if (h(a), $t(a), a && t) {
+      const n = c.find((u) => "ally_code" in u && u.ally_code === a);
+      n && "id" in n && oe(n.id);
+    } else a && !t && re(a);
+  }, [t, c]), oe = S(async (a) => {
+    t && typeof a == "number" ? (await y.put(`/api/v1/users/me/ally-codes/${a}/use`, {}), await d()) : !t && typeof a == "string" && (re(a), l(A()));
+  }, [t, d]), Q = S(() => {
     k({ show: !1, localStorageCodes: [] });
   }, []), _e = S(async () => {
-    if (!s) return;
-    const n = A();
-    for (const a of n)
+    if (!t) return;
+    const a = A();
+    for (const n of a)
       try {
-        await v(a.ally_code);
+        await v(n.ally_code);
       } catch (u) {
-        console.error(`Failed to migrate ally code ${a.ally_code}:`, u);
+        console.error(`Failed to migrate ally code ${n.ally_code}:`, u);
       }
     bt(), Q();
-  }, [s, v, Q]);
-  U(() => {
+  }, [t, v, Q]);
+  j(() => {
     d();
   }, [d]);
   const me = {
-    user: s,
-    isAuthenticated: !!s,
+    user: t,
+    isAuthenticated: !!t,
     isLoading: _,
     login: I,
-    register: F,
-    logout: D,
+    register: D,
+    logout: O,
     refreshUser: Y,
     forgotPassword: G,
     resetPassword: K,
@@ -495,7 +495,7 @@ const ft = (e) => {
     fetchAllyCodes: d,
     addAllyCode: v,
     removeAllyCode: L,
-    selectAllyCode: O,
+    selectAllyCode: z,
     updateAllyCodeLastUsed: oe,
     migrationPrompt: f,
     dismissMigrationPrompt: Q,
@@ -507,7 +507,7 @@ const ft = (e) => {
   if (e === void 0)
     throw new Error("useAuth must be used within an AuthProvider");
   return e;
-}, M = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, ws = (e) => e.replace(/-/g, ""), Nt = "_allyCodeDropdown_1m0tw_1", At = "_select_1m0tw_8", St = "_manageButton_1m0tw_12", xt = "_managePanel_1m0tw_16", Tt = "_addSection_1m0tw_37", Ct = "_addInputGroup_1m0tw_43", kt = "_error_1m0tw_55", Et = "_success_1m0tw_61", Wt = "_codesList_1m0tw_67", It = "_codeItem_1m0tw_71", Lt = "_doneButton_1m0tw_88", $ = {
+}, J = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, Ns = (e) => e.replace(/-/g, ""), Nt = "_allyCodeDropdown_1m0tw_1", At = "_select_1m0tw_8", St = "_manageButton_1m0tw_12", xt = "_managePanel_1m0tw_16", Tt = "_addSection_1m0tw_37", Ct = "_addInputGroup_1m0tw_43", kt = "_error_1m0tw_55", Et = "_success_1m0tw_61", Wt = "_codesList_1m0tw_67", It = "_codeItem_1m0tw_71", Lt = "_doneButton_1m0tw_88", $ = {
   allyCodeDropdown: Nt,
   select: At,
   manageButton: St,
@@ -519,25 +519,25 @@ const ft = (e) => {
   codesList: Wt,
   codeItem: It,
   doneButton: Lt
-}, Ns = ({
+}, As = ({
   onAllyCodeSelected: e,
-  className: t = ""
+  className: s = ""
 }) => {
   const {
-    allyCodes: s,
+    allyCodes: t,
     selectedAllyCode: o,
     selectAllyCode: _,
     removeAllyCode: g,
     addAllyCode: c,
     isLoadingAllyCodes: l
-  } = wt(), [i, h] = b(!1), [p, N] = b(""), [f, k] = b(""), [W, I] = b(""), [F, D] = b(!1), Y = s.map((d) => ({
+  } = wt(), [i, h] = b(!1), [p, N] = b(""), [f, k] = b(""), [W, I] = b(""), [D, O] = b(!1), Y = t.map((d) => ({
     value: d.ally_code,
-    label: d.player_name ? `${d.player_name} (${M(d.ally_code)})` : M(d.ally_code)
+    label: d.player_name ? `${d.player_name} (${J(d.ally_code)})` : J(d.ally_code)
   })), G = (d) => {
     const v = d.target.value || null;
     _(v), e == null || e(v);
   }, K = async (d) => {
-    const v = s.find((L) => L.ally_code === d);
+    const v = t.find((L) => L.ally_code === d);
     if (v) {
       const L = "id" in v ? v.id : v.ally_code;
       await g(L);
@@ -547,16 +547,16 @@ const ft = (e) => {
       k("Ally code must be exactly 9 digits");
       return;
     }
-    D(!0);
+    O(!0);
     try {
       await c(p), I("Added successfully!"), N(""), setTimeout(() => I(""), 2e3);
     } catch (d) {
       k(d.message || "Failed to add ally code");
     } finally {
-      D(!1);
+      O(!1);
     }
   };
-  return s.length === 0 ? null : /* @__PURE__ */ m("div", { className: `${$.allyCodeDropdown} ${t}`, children: [
+  return t.length === 0 ? null : /* @__PURE__ */ m("div", { className: `${$.allyCodeDropdown} ${s}`, children: [
     /* @__PURE__ */ r(
       le,
       {
@@ -573,22 +573,22 @@ const ft = (e) => {
       /* @__PURE__ */ m("div", { className: $.addSection, children: [
         /* @__PURE__ */ m("div", { className: $.addInputGroup, children: [
           /* @__PURE__ */ r(
-            ae,
+            ne,
             {
               type: "text",
               placeholder: "9-digit ally code",
               value: p,
               onChange: (d) => N(d.target.value.replace(/\D/g, "").slice(0, 9)),
-              disabled: F
+              disabled: D
             }
           ),
           /* @__PURE__ */ r(
-            z,
+            M,
             {
               variant: "primary",
               size: "sm",
               onClick: V,
-              loading: F,
+              loading: D,
               disabled: p.length !== 9,
               children: "Add"
             }
@@ -597,10 +597,10 @@ const ft = (e) => {
         f && /* @__PURE__ */ r("div", { className: $.error, children: f }),
         W && /* @__PURE__ */ r("div", { className: $.success, children: W })
       ] }),
-      /* @__PURE__ */ r("div", { className: $.codesList, children: s.map((d) => /* @__PURE__ */ m("div", { className: $.codeItem, children: [
-        /* @__PURE__ */ r("span", { children: d.player_name ? `${d.player_name} (${M(d.ally_code)})` : M(d.ally_code) }),
+      /* @__PURE__ */ r("div", { className: $.codesList, children: t.map((d) => /* @__PURE__ */ m("div", { className: $.codeItem, children: [
+        /* @__PURE__ */ r("span", { children: d.player_name ? `${d.player_name} (${J(d.ally_code)})` : J(d.ally_code) }),
         /* @__PURE__ */ r(
-          z,
+          M,
           {
             variant: "ghost",
             size: "sm",
@@ -610,7 +610,7 @@ const ft = (e) => {
         )
       ] }, d.ally_code)) }),
       /* @__PURE__ */ r(
-        z,
+        M,
         {
           variant: "secondary",
           size: "sm",
@@ -621,7 +621,7 @@ const ft = (e) => {
       )
     ] }),
     /* @__PURE__ */ r(
-      z,
+      M,
       {
         variant: "ghost",
         size: "sm",
@@ -631,20 +631,21 @@ const ft = (e) => {
       }
     )
   ] });
-}, qt = "_card_1n0ll_1", Rt = "_elevated_1n0ll_12", Pt = "_outline_1n0ll_17", Bt = "_hoverable_1n0ll_40", J = {
+}, qt = "_card_b4471_1", Rt = "_chamfered_b4471_8", Pt = "_elevated_b4471_17", Bt = "_outline_b4471_22", Ut = "_hoverable_b4471_45", U = {
   card: qt,
-  default: "_default_1n0ll_8",
-  elevated: Rt,
-  outline: Pt,
-  "padding-none": "_padding-none_1n0ll_23",
-  "padding-sm": "_padding-sm_1n0ll_27",
-  "padding-md": "_padding-md_1n0ll_31",
-  "padding-lg": "_padding-lg_1n0ll_35",
-  hoverable: Bt
-}, As = ({
+  chamfered: Rt,
+  default: "_default_b4471_13",
+  elevated: Pt,
+  outline: Bt,
+  "padding-none": "_padding-none_b4471_28",
+  "padding-sm": "_padding-sm_b4471_32",
+  "padding-md": "_padding-md_b4471_36",
+  "padding-lg": "_padding-lg_b4471_40",
+  hoverable: Ut
+}, Ss = ({
   children: e,
-  variant: t = "default",
-  chamfered: s = !1,
+  variant: s = "default",
+  chamfered: t = !1,
   chamferSize: o = "md",
   padding: _ = "md",
   hoverable: g = !1,
@@ -654,11 +655,11 @@ const ft = (e) => {
   onClick: h,
   style: p
 }) => {
-  const N = s ? o === "asymmetric" ? "chamfered-box-asymmetric" : o === "sm" ? "chamfered-box-sm" : o === "lg" ? "chamfered-box-lg" : "chamfered-box" : "", f = l ? { color: l } : void 0;
+  const N = t ? o === "asymmetric" ? "chamfered-box-asymmetric" : o === "sm" ? "chamfered-box-sm" : o === "lg" ? "chamfered-box-lg" : "chamfered-box" : "", f = l ? { color: l } : void 0;
   return /* @__PURE__ */ m(
     "div",
     {
-      className: `${J.card} ${J[t]} ${J[`padding-${_}`]} ${N} ${g ? J.hoverable : ""} ${i}`,
+      className: `${U.card} ${t ? U.chamfered : ""} ${U[s]} ${U[`padding-${_}`]} ${N} ${g ? U.hoverable : ""} ${i}`,
       onClick: h,
       role: h ? "button" : void 0,
       tabIndex: h ? 0 : void 0,
@@ -674,100 +675,100 @@ const ft = (e) => {
       ]
     }
   );
-}, Ut = "_badge_rk7t5_1", jt = "_sm_rk7t5_11", Ft = "_md_rk7t5_16", Dt = "_lg_rk7t5_21", Ot = "_primary_rk7t5_32", zt = "_secondary_rk7t5_37", Mt = "_success_rk7t5_42", Jt = "_warning_rk7t5_47", Ht = "_error_rk7t5_52", Yt = "_info_rk7t5_57", Z = {
-  badge: Ut,
-  sm: jt,
-  md: Ft,
-  lg: Dt,
+}, jt = "_badge_rk7t5_1", Ft = "_sm_rk7t5_11", Dt = "_md_rk7t5_16", Ot = "_lg_rk7t5_21", zt = "_primary_rk7t5_32", Mt = "_secondary_rk7t5_37", Jt = "_success_rk7t5_42", Ht = "_warning_rk7t5_47", Yt = "_error_rk7t5_52", Gt = "_info_rk7t5_57", Z = {
+  badge: jt,
+  sm: Ft,
+  md: Dt,
+  lg: Ot,
   default: "_default_rk7t5_27",
-  primary: Ot,
-  secondary: zt,
-  success: Mt,
-  warning: Jt,
-  error: Ht,
-  info: Yt
-}, Ss = ({
+  primary: zt,
+  secondary: Mt,
+  success: Jt,
+  warning: Ht,
+  error: Yt,
+  info: Gt
+}, xs = ({
   children: e,
-  variant: t = "default",
-  size: s = "md",
+  variant: s = "default",
+  size: t = "md",
   className: o = ""
-}) => /* @__PURE__ */ r("span", { className: `${Z.badge} ${Z[t]} ${Z[s]} ${o}`, children: e }), Gt = "_overlay_1b3yt_1", Kt = "_fadeIn_1b3yt_1", Vt = "_modal_1b3yt_13", Qt = "_slideUp_1b3yt_1", Xt = "_sm_1b3yt_25", Zt = "_md_1b3yt_30", es = "_lg_1b3yt_35", ts = "_xl_1b3yt_40", ss = "_header_1b3yt_45", os = "_title_1b3yt_53", rs = "_closeButton_1b3yt_60", ns = "_content_1b3yt_78", E = {
-  overlay: Gt,
-  fadeIn: Kt,
-  modal: Vt,
-  slideUp: Qt,
-  sm: Xt,
-  md: Zt,
-  lg: es,
-  xl: ts,
-  header: ss,
-  title: os,
-  closeButton: rs,
+}) => /* @__PURE__ */ r("span", { className: `${Z.badge} ${Z[s]} ${Z[t]} ${o}`, children: e }), Kt = "_overlay_1b3yt_1", Vt = "_fadeIn_1b3yt_1", Qt = "_modal_1b3yt_13", Xt = "_slideUp_1b3yt_1", Zt = "_sm_1b3yt_25", es = "_md_1b3yt_30", ts = "_lg_1b3yt_35", ss = "_xl_1b3yt_40", os = "_header_1b3yt_45", rs = "_title_1b3yt_53", as = "_closeButton_1b3yt_60", ns = "_content_1b3yt_78", E = {
+  overlay: Kt,
+  fadeIn: Vt,
+  modal: Qt,
+  slideUp: Xt,
+  sm: Zt,
+  md: es,
+  lg: ts,
+  xl: ss,
+  header: os,
+  title: rs,
+  closeButton: as,
   content: ns
-}, xs = ({
+}, Ts = ({
   isOpen: e,
-  onClose: t,
-  title: s,
+  onClose: s,
+  title: t,
   children: o,
   size: _ = "md",
   closeOnOverlayClick: g = !0,
   className: c = ""
 }) => {
-  if (U(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+  if (j(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
-  }), [e]), U(() => {
+  }), [e]), j(() => {
     const i = (h) => {
-      h.key === "Escape" && e && t();
+      h.key === "Escape" && e && s();
     };
     return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [e, t]), !e) return null;
+  }, [e, s]), !e) return null;
   const l = (i) => {
-    g && i.target === i.currentTarget && t();
+    g && i.target === i.currentTarget && s();
   };
   return /* @__PURE__ */ r("div", { className: E.overlay, onClick: l, children: /* @__PURE__ */ m("div", { className: `${E.modal} ${E[_]} ${c}`, role: "dialog", "aria-modal": "true", children: [
-    s && /* @__PURE__ */ m("div", { className: E.header, children: [
-      /* @__PURE__ */ r("h2", { className: E.title, children: s }),
-      /* @__PURE__ */ r("button", { className: E.closeButton, onClick: t, "aria-label": "Close modal", children: "✕" })
+    t && /* @__PURE__ */ m("div", { className: E.header, children: [
+      /* @__PURE__ */ r("h2", { className: E.title, children: t }),
+      /* @__PURE__ */ r("button", { className: E.closeButton, onClick: s, "aria-label": "Close modal", children: "✕" })
     ] }),
     /* @__PURE__ */ r("div", { className: E.content, children: o })
   ] }) });
-}, as = "_spinner_1uhnh_2", ls = "_spin_1uhnh_2", cs = "_sm_1uhnh_9", is = "_md_1uhnh_15", ds = "_lg_1uhnh_21", _s = "_dots_1uhnh_34", ms = "_dot_1uhnh_34", us = "_bounce_1uhnh_1", hs = "_visuallyHidden_1uhnh_91", C = {
-  spinner: as,
-  spin: ls,
-  sm: cs,
-  md: is,
-  lg: ds,
-  dots: _s,
-  dot: ms,
-  bounce: us,
-  visuallyHidden: hs
-}, Ts = ({
+}, ls = "_spinner_1uhnh_2", cs = "_spin_1uhnh_2", is = "_sm_1uhnh_9", ds = "_md_1uhnh_15", _s = "_lg_1uhnh_21", ms = "_dots_1uhnh_34", us = "_dot_1uhnh_34", hs = "_bounce_1uhnh_1", gs = "_visuallyHidden_1uhnh_91", C = {
+  spinner: ls,
+  spin: cs,
+  sm: is,
+  md: ds,
+  lg: _s,
+  dots: ms,
+  dot: us,
+  bounce: hs,
+  visuallyHidden: gs
+}, Cs = ({
   size: e = "md",
-  variant: t = "spinner",
-  className: s = ""
-}) => t === "dots" ? /* @__PURE__ */ m("div", { className: `${C.dots} ${C[e]} ${s}`, children: [
+  variant: s = "spinner",
+  className: t = ""
+}) => s === "dots" ? /* @__PURE__ */ m("div", { className: `${C.dots} ${C[e]} ${t}`, children: [
   /* @__PURE__ */ r("span", { className: C.dot }),
   /* @__PURE__ */ r("span", { className: C.dot }),
   /* @__PURE__ */ r("span", { className: C.dot })
-] }) : /* @__PURE__ */ r("div", { className: `${C.spinner} ${C[e]} ${s}`, role: "status", children: /* @__PURE__ */ r("span", { className: C.visuallyHidden, children: "Loading..." }) });
+] }) : /* @__PURE__ */ r("div", { className: `${C.spinner} ${C[e]} ${t}`, role: "status", children: /* @__PURE__ */ r("span", { className: C.visuallyHidden, children: "Loading..." }) });
 export {
-  Ns as AllyCodeDropdown,
+  As as AllyCodeDropdown,
   gt as ApiClient,
-  bs as AuthProvider,
-  Ss as Badge,
-  z as Button,
-  As as Card,
-  ys as Container,
-  $s as Footer,
-  ae as Input,
-  Ts as Loader,
-  xs as Modal,
+  ws as AuthProvider,
+  xs as Badge,
+  M as Button,
+  Ss as Card,
+  vs as Container,
+  bs as Footer,
+  ne as Input,
+  Cs as Loader,
+  Ts as Modal,
   le as Select,
-  vs as TopBar,
+  $s as TopBar,
   y as apiClient,
   bt as clearAllyCodes,
   ee as clearTokens,
-  M as formatAllyCode,
+  J as formatAllyCode,
   ce as getAccessToken,
   A as getAllyCodesFromStorage,
   _t as getRefreshToken,
@@ -782,7 +783,7 @@ export {
   mt as setRefreshToken,
   $t as setSelectedAllyCode,
   ie as setTokens,
-  ws as unformatAllyCode,
+  Ns as unformatAllyCode,
   re as updateAllyCodeLastUsed,
   wt as useAuth
 };

package/dist/style.css

@@ -1 +1 @@
-:root{--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-primary-active: #0d3c78;--color-secondary: #34a853;--color-secondary-hover: #2d8e47;--color-secondary-active: #1f6631;--color-background: #0a0e27;--color-background-elevated: #131729;--color-background-hover: #1a1f3a;--color-surface: #1e2139;--color-border: #2a2f4a;--color-text-primary: #ffffff;--color-text-secondary: #a0a5c0;--color-text-disabled: #5a5f7a;--color-success: #34a853;--color-warning: #fbbc04;--color-error: #ea4335;--color-info: #4285f4;--tier-grey: #C0EEEE;--tier-green: #47c43c;--tier-blue: #1D99FF;--tier-purple: #8b5cf6;--tier-gold: #ffcc33;--tier-gold-glow: rgba(255, 204, 51, .6);--tier-purple-glow: rgba(139, 92, 246, .5);--tier-blue-glow: rgba(29, 153, 255, .5);--sixdot-gradient-start: #60a5fa;--sixdot-gradient-mid: #a855f7;--sixdot-gradient-end: #f59e0b;--sixdot-border-opacity: .3;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-heading: "Orbitron", var(--font-primary);--font-mono: "Fira Code", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--chamfer-size: 8px;--chamfer-size-lg: 12px;--chamfer-size-sm: 4px;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--topbar-height: 64px;--topbar-background: var(--color-background-elevated);--topbar-border: var(--color-border);--container-max-width: 1280px;--container-padding: var(--spacing-md);--button-height: 40px;--button-padding-x: var(--spacing-lg);--button-padding-y: var(--spacing-sm);--input-height: 40px;--input-padding-x: var(--spacing-md);--input-padding-y: var(--spacing-sm);--input-border: var(--color-border);--input-background: var(--color-surface);--card-padding: var(--spacing-lg);--card-background: var(--color-surface);--card-border: var(--color-border)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:var(--line-height-normal);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}#root{isolation:isolate;min-height:100%}.chamfered-box{position:relative;clip-path:polygon(var(--chamfer-size) 0,calc(100% - var(--chamfer-size)) 0,100% var(--chamfer-size),100% calc(100% - var(--chamfer-size)),calc(100% - var(--chamfer-size)) 100%,var(--chamfer-size) 100%,0 calc(100% - var(--chamfer-size)),0 var(--chamfer-size))}.chamfered-box-lg{position:relative;clip-path:polygon(var(--chamfer-size-lg) 0,calc(100% - var(--chamfer-size-lg)) 0,100% var(--chamfer-size-lg),100% calc(100% - var(--chamfer-size-lg)),calc(100% - var(--chamfer-size-lg)) 100%,var(--chamfer-size-lg) 100%,0 calc(100% - var(--chamfer-size-lg)),0 var(--chamfer-size-lg))}.chamfered-box-sm{position:relative;clip-path:polygon(var(--chamfer-size-sm) 0,calc(100% - var(--chamfer-size-sm)) 0,100% var(--chamfer-size-sm),100% calc(100% - var(--chamfer-size-sm)),calc(100% - var(--chamfer-size-sm)) 100%,var(--chamfer-size-sm) 100%,0 calc(100% - var(--chamfer-size-sm)),0 var(--chamfer-size-sm))}.chamfered-box-asymmetric{position:relative;clip-path:polygon(12px 0%,calc(100% - 12px) 0%,100% 12px,100% calc(100% - 24px),calc(100% - 24px) 100%,12px 100%,0% calc(100% - 12px),0% 12px)}.chamfered-border{position:relative;background:var(--color-surface)}.chamfered-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;clip-path:polygon(var(--chamfer-size) 0,calc(100% - var(--chamfer-size)) 0,100% var(--chamfer-size),100% calc(100% - var(--chamfer-size)),calc(100% - var(--chamfer-size)) 100%,var(--chamfer-size) 100%,0 calc(100% - var(--chamfer-size)),0 var(--chamfer-size))}.chamfered-diagonal-border{position:absolute;background-color:currentColor;transition:background-color .3s ease;z-index:5;pointer-events:none}.chamfered-diagonal-tl{top:-1px;left:11px;width:16px;height:2px;transform:rotate(135deg);transform-origin:left center}.chamfered-diagonal-tr{top:10px;right:0;width:18px;height:2px;transform:rotate(45deg);transform-origin:right center}.chamfered-diagonal-bl{bottom:-2px;left:12px;width:20px;height:2px;transform:rotate(-135deg);transform-origin:left center}.chamfered-diagonal-br{bottom:11px;right:-1px;width:18px;height:2px;transform:rotate(-45deg);transform-origin:right center}.chamfered-diagonal-br-large{bottom:23px;right:-1px;width:35px;height:2px;transform:rotate(-45deg);transform-origin:right center}.gradient-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-active))}.gradient-secondary{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-active))}.gradient-surface{background:linear-gradient(135deg,var(--color-surface),var(--color-background-elevated))}.glow-primary{box-shadow:0 0 20px #1a73e880}.glow-secondary{box-shadow:0 0 20px #34a85380}.glow-error{box-shadow:0 0 20px #ea433580}.glow-tier-gold{box-shadow:0 0 20px var(--tier-gold-glow)}.glow-tier-purple{box-shadow:0 0 20px var(--tier-purple-glow)}.glow-tier-blue{box-shadow:0 0 20px var(--tier-blue-glow)}.sixdot-border{position:relative}.sixdot-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--sixdot-gradient-start),var(--sixdot-gradient-mid),var(--sixdot-gradient-end));border-radius:inherit;opacity:var(--sixdot-border-opacity);z-index:-1}.sixdot-glow{background:linear-gradient(135deg,#4338ca33,#7c3aed33)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.02)}.hover-brighten{transition:filter var(--transition-base)}.hover-brighten:hover{filter:brightness(1.1)}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-2px)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #1a73e866}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideUp var(--transition-base)}.animate-slide-down{animation:slideDown var(--transition-base)}.animate-spin{animation:spin 1s linear infinite}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-disabled{color:var(--color-text-disabled)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-elevated{background-color:var(--color-background-elevated)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-disabled)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bg-overlay{position:relative}.bg-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-gradient, linear-gradient(135deg, rgba(15, 23, 42, .7), rgba(15, 23, 42, .5)));z-index:0}.bg-overlay>*{position:relative;z-index:1}.backdrop-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}._container_u3o0e_1{width:100%;margin-left:auto;margin-right:auto}._padding_u3o0e_7{padding-left:var(--container-padding);padding-right:var(--container-padding)}._maxWidth-sm_u3o0e_12{max-width:640px}._maxWidth-md_u3o0e_16{max-width:768px}._maxWidth-lg_u3o0e_20{max-width:1024px}._maxWidth-xl_u3o0e_24{max-width:var(--container-max-width)}._maxWidth-full_u3o0e_28{max-width:100%}@media (max-width: 768px){._padding_u3o0e_7{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}._topBar_10g3c_1{position:sticky;top:0;left:0;right:0;height:var(--topbar-height);background-color:var(--topbar-background);border-bottom:1px solid var(--topbar-border);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._content_10g3c_13{height:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between}._left_10g3c_23{display:flex;align-items:center;gap:var(--spacing-xl);flex:1}._right_10g3c_30{display:flex;align-items:center;gap:var(--spacing-md)}._logo_10g3c_36{display:flex;align-items:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-heading)}@media (max-width: 768px){._content_10g3c_13{padding:0 var(--spacing-md)}._left_10g3c_23{gap:var(--spacing-md)}._right_10g3c_30{gap:var(--spacing-sm)}}._footer_zjuj8_1{background-color:var(--color-background-elevated);border-top:1px solid var(--color-border);margin-top:auto}._content_zjuj8_7{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-xl) var(--container-padding)}._defaultContent_zjuj8_13{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}._copyright_zjuj8_21{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._disclaimer_zjuj8_26{font-size:var(--font-size-xs);color:var(--color-text-disabled)}@media (max-width: 768px){._content_zjuj8_7{padding:var(--spacing-lg) var(--spacing-md)}}._button_159ms_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-primary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:2px solid transparent;text-align:center;-webkit-user-select:none;user-select:none}._button_159ms_1:disabled{opacity:.5;cursor:not-allowed}._sm_159ms_22{height:32px;padding:0 var(--spacing-md);font-size:var(--font-size-sm)}._md_159ms_28{height:var(--button-height);padding:0 var(--button-padding-x);font-size:var(--font-size-base)}._lg_159ms_34{height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg)}._primary_159ms_41{background-color:var(--color-primary);color:var(--color-text-primary)}._primary_159ms_41:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}._primary_159ms_41:active:not(:disabled){background-color:var(--color-primary-active)}._secondary_159ms_55{background-color:var(--color-secondary);color:var(--color-text-primary)}._secondary_159ms_55:hover:not(:disabled){background-color:var(--color-secondary-hover);box-shadow:var(--shadow-md)}._secondary_159ms_55:active:not(:disabled){background-color:var(--color-secondary-active)}._outline_159ms_69{background-color:transparent;border-color:var(--color-border);color:var(--color-text-primary)}._outline_159ms_69:hover:not(:disabled){background-color:var(--color-background-hover);border-color:var(--color-primary)}._ghost_159ms_80{background-color:transparent;color:var(--color-text-primary)}._ghost_159ms_80:hover:not(:disabled){background-color:var(--color-background-hover)}._danger_159ms_89{background-color:var(--color-error);color:var(--color-text-primary)}._danger_159ms_89:hover:not(:disabled){background-color:#c33a2e;box-shadow:var(--shadow-md)}._fullWidth_159ms_100{width:100%}._loading_159ms_105{position:relative;pointer-events:none}._loadingSpinner_159ms_110{display:flex;align-items:center;gap:var(--spacing-sm)}._spinner_159ms_116{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:_spin_159ms_116 .6s linear infinite}@keyframes _spin_159ms_116{to{transform:rotate(360deg)}}._loadingText_159ms_131{opacity:.7}._inputWrapper_15t4g_1{display:flex;flex-direction:column;gap:var(--spacing-xs)}._fullWidth_15t4g_7{width:100%}._label_15t4g_11{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}._required_15t4g_20{color:var(--color-error)}._input_15t4g_1{height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none}._input_15t4g_1:hover{border-color:var(--color-text-disabled)}._input_15t4g_1:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e81a}._input_15t4g_1:disabled{opacity:.5;cursor:not-allowed}._input_15t4g_1::placeholder{color:var(--color-text-disabled)}._input_15t4g_1._error_15t4g_55{border-color:var(--color-error)}._input_15t4g_1._error_15t4g_55:focus{box-shadow:0 0 0 3px #ea43351a}._errorText_15t4g_63{font-size:var(--font-size-sm);color:var(--color-error)}._helperText_15t4g_68{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._selectWrapper_ir4bq_1{display:flex;flex-direction:column;gap:var(--spacing-xs)}._fullWidth_ir4bq_7{width:100%}._label_ir4bq_11{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}._required_ir4bq_20{color:var(--color-error)}._selectContainer_ir4bq_24{position:relative;display:inline-block;width:100%}._select_ir4bq_1{width:100%;height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);padding-right:calc(var(--input-padding-x) + 24px);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}._select_ir4bq_1:hover{border-color:var(--color-text-disabled)}._select_ir4bq_1:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e81a}._select_ir4bq_1:disabled{opacity:.5;cursor:not-allowed}._select_ir4bq_1._error_ir4bq_63{border-color:var(--color-error)}._select_ir4bq_1._error_ir4bq_63:focus{box-shadow:0 0 0 3px #ea43351a}._arrow_ir4bq_71{position:absolute;right:var(--input-padding-x);top:50%;transform:translateY(-50%);pointer-events:none;font-size:var(--font-size-xs);color:var(--color-text-secondary)}._errorText_ir4bq_81{font-size:var(--font-size-sm);color:var(--color-error)}._helperText_ir4bq_86{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._select_ir4bq_1 option{background-color:var(--color-surface);color:var(--color-text-primary)}._allyCodeDropdown_1m0tw_1{position:relative;display:flex;align-items:center;gap:.5rem}._select_1m0tw_8{min-width:200px}._manageButton_1m0tw_12{white-space:nowrap}._managePanel_1m0tw_16{position:absolute;top:100%;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;margin-top:.5rem;min-width:300px;box-shadow:0 4px 6px #0000001a;z-index:1000}._managePanel_1m0tw_16 h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary)}._addSection_1m0tw_37{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}._addInputGroup_1m0tw_43{display:flex;gap:.5rem;margin-bottom:.5rem}._addInputGroup_1m0tw_43 input{flex:1;font-family:monospace;letter-spacing:.05em}._error_1m0tw_55{font-size:.75rem;color:var(--color-error);margin-top:.25rem}._success_1m0tw_61{font-size:.75rem;color:var(--color-success);margin-top:.25rem}._codesList_1m0tw_67{margin-bottom:1rem}._codeItem_1m0tw_71{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}._codeItem_1m0tw_71:last-of-type{border-bottom:none}._codeItem_1m0tw_71 span{font-size:.875rem;color:var(--color-text-secondary)}._doneButton_1m0tw_88{width:100%}@media (max-width: 768px){._select_1m0tw_8{min-width:150px}._managePanel_1m0tw_16{right:auto;left:0}}._card_1n0ll_1{background-color:var(--card-background);border-radius:var(--radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}._default_1n0ll_8{background-color:var(--card-background)}._elevated_1n0ll_12{background-color:var(--card-background);box-shadow:var(--shadow-md)}._outline_1n0ll_17{background-color:transparent;border:1px solid var(--card-border)}._padding-none_1n0ll_23{padding:0}._padding-sm_1n0ll_27{padding:var(--spacing-sm)}._padding-md_1n0ll_31{padding:var(--card-padding)}._padding-lg_1n0ll_35{padding:var(--spacing-xl)}._hoverable_1n0ll_40{cursor:pointer;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}._hoverable_1n0ll_40:hover{transform:translateY(-4px) translateZ(0);box-shadow:var(--shadow-lg)}._hoverable_1n0ll_40:active{transform:translateY(-1px) translateZ(0);box-shadow:var(--shadow-md)}._card_1n0ll_1[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._badge_rk7t5_1{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}._sm_rk7t5_11{padding:2px 8px;font-size:var(--font-size-xs)}._md_rk7t5_16{padding:4px 12px;font-size:var(--font-size-sm)}._lg_rk7t5_21{padding:6px 16px;font-size:var(--font-size-base)}._default_rk7t5_27{background-color:var(--color-surface);color:var(--color-text-secondary)}._primary_rk7t5_32{background-color:var(--color-primary);color:var(--color-text-primary)}._secondary_rk7t5_37{background-color:var(--color-secondary);color:var(--color-text-primary)}._success_rk7t5_42{background-color:var(--color-success);color:var(--color-text-primary)}._warning_rk7t5_47{background-color:var(--color-warning);color:var(--color-background)}._error_rk7t5_52{background-color:var(--color-error);color:var(--color-text-primary)}._info_rk7t5_57{background-color:var(--color-info);color:var(--color-text-primary)}._overlay_1b3yt_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md);animation:_fadeIn_1b3yt_1 var(--transition-base)}._modal_1b3yt_13{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:_slideUp_1b3yt_1 var(--transition-base)}._sm_1b3yt_25{width:100%;max-width:400px}._md_1b3yt_30{width:100%;max-width:600px}._lg_1b3yt_35{width:100%;max-width:800px}._xl_1b3yt_40{width:100%;max-width:1200px}._header_1b3yt_45{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}._title_1b3yt_53{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}._closeButton_1b3yt_60{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:var(--font-size-xl);line-height:1}._closeButton_1b3yt_60:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}._content_1b3yt_78{padding:var(--spacing-lg);overflow-y:auto;flex:1}@keyframes _fadeIn_1b3yt_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1b3yt_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._modal_1b3yt_13{max-height:95vh}._header_1b3yt_45,._content_1b3yt_78{padding:var(--spacing-md)}}._spinner_1uhnh_2{border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:_spin_1uhnh_2 .8s linear infinite}._spinner_1uhnh_2._sm_1uhnh_9{width:16px;height:16px;border-width:2px}._spinner_1uhnh_2._md_1uhnh_15{width:32px;height:32px;border-width:3px}._spinner_1uhnh_2._lg_1uhnh_21{width:48px;height:48px;border-width:4px}@keyframes _spin_1uhnh_2{to{transform:rotate(360deg)}}._dots_1uhnh_34{display:inline-flex;gap:8px}._dots_1uhnh_34._sm_1uhnh_9{gap:4px}._dots_1uhnh_34._lg_1uhnh_21{gap:12px}._dot_1uhnh_34{display:inline-block;background-color:var(--color-primary);border-radius:50%;animation:_bounce_1uhnh_1 1.4s infinite ease-in-out both}._dots_1uhnh_34._sm_1uhnh_9 ._dot_1uhnh_34{width:6px;height:6px}._dots_1uhnh_34._md_1uhnh_15 ._dot_1uhnh_34{width:10px;height:10px}._dots_1uhnh_34._lg_1uhnh_21 ._dot_1uhnh_34{width:14px;height:14px}._dot_1uhnh_34:nth-child(1){animation-delay:-.32s}._dot_1uhnh_34:nth-child(2){animation-delay:-.16s}@keyframes _bounce_1uhnh_1{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}._visuallyHidden_1uhnh_91{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
+:root{--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-primary-active: #0d3c78;--color-secondary: #34a853;--color-secondary-hover: #2d8e47;--color-secondary-active: #1f6631;--color-background: #0a0e27;--color-background-elevated: #131729;--color-background-hover: #1a1f3a;--color-surface: #1e2139;--color-border: #2a2f4a;--color-text-primary: #ffffff;--color-text-secondary: #a0a5c0;--color-text-disabled: #5a5f7a;--color-success: #34a853;--color-warning: #fbbc04;--color-error: #ea4335;--color-info: #4285f4;--tier-grey: #C0EEEE;--tier-green: #47c43c;--tier-blue: #1D99FF;--tier-purple: #8b5cf6;--tier-gold: #ffcc33;--tier-gold-glow: rgba(255, 204, 51, .6);--tier-purple-glow: rgba(139, 92, 246, .5);--tier-blue-glow: rgba(29, 153, 255, .5);--sixdot-gradient-start: #60a5fa;--sixdot-gradient-mid: #a855f7;--sixdot-gradient-end: #f59e0b;--sixdot-border-opacity: .3;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-heading: "Orbitron", var(--font-primary);--font-mono: "Fira Code", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--chamfer-size: 8px;--chamfer-size-lg: 12px;--chamfer-size-sm: 4px;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--topbar-height: 64px;--topbar-background: var(--color-background-elevated);--topbar-border: var(--color-border);--container-max-width: 1280px;--container-padding: var(--spacing-md);--button-height: 40px;--button-padding-x: var(--spacing-lg);--button-padding-y: var(--spacing-sm);--input-height: 40px;--input-padding-x: var(--spacing-md);--input-padding-y: var(--spacing-sm);--input-border: var(--color-border);--input-background: var(--color-surface);--card-padding: var(--spacing-lg);--card-background: var(--color-surface);--card-border: var(--color-border)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:var(--line-height-normal);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}#root{isolation:isolate;min-height:100%}.chamfered-box{position:relative;clip-path:polygon(var(--chamfer-size) 0,calc(100% - var(--chamfer-size)) 0,100% var(--chamfer-size),100% calc(100% - var(--chamfer-size)),calc(100% - var(--chamfer-size)) 100%,var(--chamfer-size) 100%,0 calc(100% - var(--chamfer-size)),0 var(--chamfer-size))}.chamfered-box-lg{position:relative;clip-path:polygon(var(--chamfer-size-lg) 0,calc(100% - var(--chamfer-size-lg)) 0,100% var(--chamfer-size-lg),100% calc(100% - var(--chamfer-size-lg)),calc(100% - var(--chamfer-size-lg)) 100%,var(--chamfer-size-lg) 100%,0 calc(100% - var(--chamfer-size-lg)),0 var(--chamfer-size-lg))}.chamfered-box-sm{position:relative;clip-path:polygon(var(--chamfer-size-sm) 0,calc(100% - var(--chamfer-size-sm)) 0,100% var(--chamfer-size-sm),100% calc(100% - var(--chamfer-size-sm)),calc(100% - var(--chamfer-size-sm)) 100%,var(--chamfer-size-sm) 100%,0 calc(100% - var(--chamfer-size-sm)),0 var(--chamfer-size-sm))}.chamfered-box-asymmetric{position:relative;clip-path:polygon(12px 0%,calc(100% - 12px) 0%,100% 12px,100% calc(100% - 24px),calc(100% - 24px) 100%,12px 100%,0% calc(100% - 12px),0% 12px)}.chamfered-border{position:relative;background:var(--color-surface)}.chamfered-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;clip-path:polygon(var(--chamfer-size) 0,calc(100% - var(--chamfer-size)) 0,100% var(--chamfer-size),100% calc(100% - var(--chamfer-size)),calc(100% - var(--chamfer-size)) 100%,var(--chamfer-size) 100%,0 calc(100% - var(--chamfer-size)),0 var(--chamfer-size))}.chamfered-diagonal-border{position:absolute;background-color:currentColor;transition:background-color .3s ease;z-index:5;pointer-events:none}.chamfered-diagonal-tl{top:-1px;left:11px;width:16px;height:2px;transform:rotate(135deg);transform-origin:left center}.chamfered-diagonal-tr{top:10px;right:0;width:18px;height:2px;transform:rotate(45deg);transform-origin:right center}.chamfered-diagonal-bl{bottom:-2px;left:12px;width:20px;height:2px;transform:rotate(-135deg);transform-origin:left center}.chamfered-diagonal-br{bottom:11px;right:-1px;width:18px;height:2px;transform:rotate(-45deg);transform-origin:right center}.chamfered-diagonal-br-large{bottom:23px;right:-1px;width:35px;height:2px;transform:rotate(-45deg);transform-origin:right center}.gradient-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-active))}.gradient-secondary{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-active))}.gradient-surface{background:linear-gradient(135deg,var(--color-surface),var(--color-background-elevated))}.glow-primary{box-shadow:0 0 20px #1a73e880}.glow-secondary{box-shadow:0 0 20px #34a85380}.glow-error{box-shadow:0 0 20px #ea433580}.glow-tier-gold{box-shadow:0 0 20px var(--tier-gold-glow)}.glow-tier-purple{box-shadow:0 0 20px var(--tier-purple-glow)}.glow-tier-blue{box-shadow:0 0 20px var(--tier-blue-glow)}.sixdot-border{position:relative}.sixdot-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--sixdot-gradient-start),var(--sixdot-gradient-mid),var(--sixdot-gradient-end));border-radius:inherit;opacity:var(--sixdot-border-opacity);z-index:-1}.sixdot-glow{background:linear-gradient(135deg,#4338ca33,#7c3aed33)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.02)}.hover-brighten{transition:filter var(--transition-base)}.hover-brighten:hover{filter:brightness(1.1)}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-2px)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #1a73e866}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideUp var(--transition-base)}.animate-slide-down{animation:slideDown var(--transition-base)}.animate-spin{animation:spin 1s linear infinite}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-disabled{color:var(--color-text-disabled)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-elevated{background-color:var(--color-background-elevated)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-disabled)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bg-overlay{position:relative}.bg-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-gradient, linear-gradient(135deg, rgba(15, 23, 42, .7), rgba(15, 23, 42, .5)));z-index:0}.bg-overlay>*{position:relative;z-index:1}.backdrop-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}._container_u3o0e_1{width:100%;margin-left:auto;margin-right:auto}._padding_u3o0e_7{padding-left:var(--container-padding);padding-right:var(--container-padding)}._maxWidth-sm_u3o0e_12{max-width:640px}._maxWidth-md_u3o0e_16{max-width:768px}._maxWidth-lg_u3o0e_20{max-width:1024px}._maxWidth-xl_u3o0e_24{max-width:var(--container-max-width)}._maxWidth-full_u3o0e_28{max-width:100%}@media (max-width: 768px){._padding_u3o0e_7{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}._topBar_10g3c_1{position:sticky;top:0;left:0;right:0;height:var(--topbar-height);background-color:var(--topbar-background);border-bottom:1px solid var(--topbar-border);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._content_10g3c_13{height:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between}._left_10g3c_23{display:flex;align-items:center;gap:var(--spacing-xl);flex:1}._right_10g3c_30{display:flex;align-items:center;gap:var(--spacing-md)}._logo_10g3c_36{display:flex;align-items:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-heading)}@media (max-width: 768px){._content_10g3c_13{padding:0 var(--spacing-md)}._left_10g3c_23{gap:var(--spacing-md)}._right_10g3c_30{gap:var(--spacing-sm)}}._footer_zjuj8_1{background-color:var(--color-background-elevated);border-top:1px solid var(--color-border);margin-top:auto}._content_zjuj8_7{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-xl) var(--container-padding)}._defaultContent_zjuj8_13{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}._copyright_zjuj8_21{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._disclaimer_zjuj8_26{font-size:var(--font-size-xs);color:var(--color-text-disabled)}@media (max-width: 768px){._content_zjuj8_7{padding:var(--spacing-lg) var(--spacing-md)}}._button_159ms_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-primary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:2px solid transparent;text-align:center;-webkit-user-select:none;user-select:none}._button_159ms_1:disabled{opacity:.5;cursor:not-allowed}._sm_159ms_22{height:32px;padding:0 var(--spacing-md);font-size:var(--font-size-sm)}._md_159ms_28{height:var(--button-height);padding:0 var(--button-padding-x);font-size:var(--font-size-base)}._lg_159ms_34{height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg)}._primary_159ms_41{background-color:var(--color-primary);color:var(--color-text-primary)}._primary_159ms_41:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}._primary_159ms_41:active:not(:disabled){background-color:var(--color-primary-active)}._secondary_159ms_55{background-color:var(--color-secondary);color:var(--color-text-primary)}._secondary_159ms_55:hover:not(:disabled){background-color:var(--color-secondary-hover);box-shadow:var(--shadow-md)}._secondary_159ms_55:active:not(:disabled){background-color:var(--color-secondary-active)}._outline_159ms_69{background-color:transparent;border-color:var(--color-border);color:var(--color-text-primary)}._outline_159ms_69:hover:not(:disabled){background-color:var(--color-background-hover);border-color:var(--color-primary)}._ghost_159ms_80{background-color:transparent;color:var(--color-text-primary)}._ghost_159ms_80:hover:not(:disabled){background-color:var(--color-background-hover)}._danger_159ms_89{background-color:var(--color-error);color:var(--color-text-primary)}._danger_159ms_89:hover:not(:disabled){background-color:#c33a2e;box-shadow:var(--shadow-md)}._fullWidth_159ms_100{width:100%}._loading_159ms_105{position:relative;pointer-events:none}._loadingSpinner_159ms_110{display:flex;align-items:center;gap:var(--spacing-sm)}._spinner_159ms_116{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:_spin_159ms_116 .6s linear infinite}@keyframes _spin_159ms_116{to{transform:rotate(360deg)}}._loadingText_159ms_131{opacity:.7}._inputWrapper_15t4g_1{display:flex;flex-direction:column;gap:var(--spacing-xs)}._fullWidth_15t4g_7{width:100%}._label_15t4g_11{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}._required_15t4g_20{color:var(--color-error)}._input_15t4g_1{height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none}._input_15t4g_1:hover{border-color:var(--color-text-disabled)}._input_15t4g_1:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e81a}._input_15t4g_1:disabled{opacity:.5;cursor:not-allowed}._input_15t4g_1::placeholder{color:var(--color-text-disabled)}._input_15t4g_1._error_15t4g_55{border-color:var(--color-error)}._input_15t4g_1._error_15t4g_55:focus{box-shadow:0 0 0 3px #ea43351a}._errorText_15t4g_63{font-size:var(--font-size-sm);color:var(--color-error)}._helperText_15t4g_68{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._selectWrapper_ir4bq_1{display:flex;flex-direction:column;gap:var(--spacing-xs)}._fullWidth_ir4bq_7{width:100%}._label_ir4bq_11{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}._required_ir4bq_20{color:var(--color-error)}._selectContainer_ir4bq_24{position:relative;display:inline-block;width:100%}._select_ir4bq_1{width:100%;height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);padding-right:calc(var(--input-padding-x) + 24px);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}._select_ir4bq_1:hover{border-color:var(--color-text-disabled)}._select_ir4bq_1:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e81a}._select_ir4bq_1:disabled{opacity:.5;cursor:not-allowed}._select_ir4bq_1._error_ir4bq_63{border-color:var(--color-error)}._select_ir4bq_1._error_ir4bq_63:focus{box-shadow:0 0 0 3px #ea43351a}._arrow_ir4bq_71{position:absolute;right:var(--input-padding-x);top:50%;transform:translateY(-50%);pointer-events:none;font-size:var(--font-size-xs);color:var(--color-text-secondary)}._errorText_ir4bq_81{font-size:var(--font-size-sm);color:var(--color-error)}._helperText_ir4bq_86{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._select_ir4bq_1 option{background-color:var(--color-surface);color:var(--color-text-primary)}._allyCodeDropdown_1m0tw_1{position:relative;display:flex;align-items:center;gap:.5rem}._select_1m0tw_8{min-width:200px}._manageButton_1m0tw_12{white-space:nowrap}._managePanel_1m0tw_16{position:absolute;top:100%;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;margin-top:.5rem;min-width:300px;box-shadow:0 4px 6px #0000001a;z-index:1000}._managePanel_1m0tw_16 h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary)}._addSection_1m0tw_37{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}._addInputGroup_1m0tw_43{display:flex;gap:.5rem;margin-bottom:.5rem}._addInputGroup_1m0tw_43 input{flex:1;font-family:monospace;letter-spacing:.05em}._error_1m0tw_55{font-size:.75rem;color:var(--color-error);margin-top:.25rem}._success_1m0tw_61{font-size:.75rem;color:var(--color-success);margin-top:.25rem}._codesList_1m0tw_67{margin-bottom:1rem}._codeItem_1m0tw_71{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}._codeItem_1m0tw_71:last-of-type{border-bottom:none}._codeItem_1m0tw_71 span{font-size:.875rem;color:var(--color-text-secondary)}._doneButton_1m0tw_88{width:100%}@media (max-width: 768px){._select_1m0tw_8{min-width:150px}._managePanel_1m0tw_16{right:auto;left:0}}._card_b4471_1{background-color:var(--card-background);border-radius:var(--radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}._card_b4471_1._chamfered_b4471_8{border-radius:0}._default_b4471_13{background-color:var(--card-background)}._elevated_b4471_17{background-color:var(--card-background);box-shadow:var(--shadow-md)}._outline_b4471_22{background-color:transparent;border:1px solid var(--card-border)}._padding-none_b4471_28{padding:0}._padding-sm_b4471_32{padding:var(--spacing-sm)}._padding-md_b4471_36{padding:var(--card-padding)}._padding-lg_b4471_40{padding:var(--spacing-xl)}._hoverable_b4471_45{cursor:pointer;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}._hoverable_b4471_45:hover{transform:translateY(-4px) translateZ(0);box-shadow:var(--shadow-lg)}._hoverable_b4471_45:active{transform:translateY(-1px) translateZ(0);box-shadow:var(--shadow-md)}._card_b4471_1[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._badge_rk7t5_1{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}._sm_rk7t5_11{padding:2px 8px;font-size:var(--font-size-xs)}._md_rk7t5_16{padding:4px 12px;font-size:var(--font-size-sm)}._lg_rk7t5_21{padding:6px 16px;font-size:var(--font-size-base)}._default_rk7t5_27{background-color:var(--color-surface);color:var(--color-text-secondary)}._primary_rk7t5_32{background-color:var(--color-primary);color:var(--color-text-primary)}._secondary_rk7t5_37{background-color:var(--color-secondary);color:var(--color-text-primary)}._success_rk7t5_42{background-color:var(--color-success);color:var(--color-text-primary)}._warning_rk7t5_47{background-color:var(--color-warning);color:var(--color-background)}._error_rk7t5_52{background-color:var(--color-error);color:var(--color-text-primary)}._info_rk7t5_57{background-color:var(--color-info);color:var(--color-text-primary)}._overlay_1b3yt_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md);animation:_fadeIn_1b3yt_1 var(--transition-base)}._modal_1b3yt_13{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:_slideUp_1b3yt_1 var(--transition-base)}._sm_1b3yt_25{width:100%;max-width:400px}._md_1b3yt_30{width:100%;max-width:600px}._lg_1b3yt_35{width:100%;max-width:800px}._xl_1b3yt_40{width:100%;max-width:1200px}._header_1b3yt_45{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}._title_1b3yt_53{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}._closeButton_1b3yt_60{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:var(--font-size-xl);line-height:1}._closeButton_1b3yt_60:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}._content_1b3yt_78{padding:var(--spacing-lg);overflow-y:auto;flex:1}@keyframes _fadeIn_1b3yt_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1b3yt_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._modal_1b3yt_13{max-height:95vh}._header_1b3yt_45,._content_1b3yt_78{padding:var(--spacing-md)}}._spinner_1uhnh_2{border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:_spin_1uhnh_2 .8s linear infinite}._spinner_1uhnh_2._sm_1uhnh_9{width:16px;height:16px;border-width:2px}._spinner_1uhnh_2._md_1uhnh_15{width:32px;height:32px;border-width:3px}._spinner_1uhnh_2._lg_1uhnh_21{width:48px;height:48px;border-width:4px}@keyframes _spin_1uhnh_2{to{transform:rotate(360deg)}}._dots_1uhnh_34{display:inline-flex;gap:8px}._dots_1uhnh_34._sm_1uhnh_9{gap:4px}._dots_1uhnh_34._lg_1uhnh_21{gap:12px}._dot_1uhnh_34{display:inline-block;background-color:var(--color-primary);border-radius:50%;animation:_bounce_1uhnh_1 1.4s infinite ease-in-out both}._dots_1uhnh_34._sm_1uhnh_9 ._dot_1uhnh_34{width:6px;height:6px}._dots_1uhnh_34._md_1uhnh_15 ._dot_1uhnh_34{width:10px;height:10px}._dots_1uhnh_34._lg_1uhnh_21 ._dot_1uhnh_34{width:14px;height:14px}._dot_1uhnh_34:nth-child(1){animation-delay:-.32s}._dot_1uhnh_34:nth-child(2){animation-delay:-.16s}@keyframes _bounce_1uhnh_1{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}._visuallyHidden_1uhnh_91{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astrogators-shared-ui",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Shared UI components and utilities for Astrogator's Table applications",
   "type": "module",
   "main": "./dist/index.js",