astrogators-shared-ui 0.4.3 → 0.5.0

package/dist/index.js

@@ -0,0 +1,805 @@
+var ye = Object.defineProperty;
+var pe = (e, t, s) => t in e ? ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var j = (e, t, s) => pe(e, typeof t != "symbol" ? t + "" : t, s);
+import { jsx as a, jsxs as m, Fragment as ve } from "react/jsx-runtime";
+import le, { createContext as be, useState as b, useEffect as I, useCallback as S, useContext as $e } from "react";
+const we = "_container_u3o0e_1", Ne = "_padding_u3o0e_7", ee = {
+  container: we,
+  padding: Ne,
+  "maxWidth-sm": "_maxWidth-sm_u3o0e_12",
+  "maxWidth-md": "_maxWidth-md_u3o0e_16",
+  "maxWidth-lg": "_maxWidth-lg_u3o0e_20",
+  "maxWidth-xl": "_maxWidth-xl_u3o0e_24",
+  "maxWidth-full": "_maxWidth-full_u3o0e_28"
+}, Ns = ({
+  children: e,
+  maxWidth: t = "xl",
+  padding: s = !0,
+  className: o = "",
+  style: c
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: `${ee.container} ${ee[`maxWidth-${t}`]} ${s ? ee.padding : ""} ${o}`,
+    style: c,
+    children: e
+  }
+), Ae = "_topBar_10g3c_1", Se = "_content_10g3c_13", xe = "_left_10g3c_23", Te = "_right_10g3c_30", Ce = "_logo_10g3c_36", B = {
+  topBar: Ae,
+  content: Se,
+  left: xe,
+  right: Te,
+  logo: Ce
+}, As = ({
+  logo: e,
+  leftContent: t,
+  rightContent: s,
+  className: o = ""
+}) => /* @__PURE__ */ a("header", { className: `${B.topBar} ${o}`, children: /* @__PURE__ */ m("div", { className: B.content, children: [
+  /* @__PURE__ */ m("div", { className: B.left, children: [
+    e && /* @__PURE__ */ a("div", { className: B.logo, children: e }),
+    t
+  ] }),
+  /* @__PURE__ */ a("div", { className: B.right, children: s })
+] }) }), ke = "_footer_zjuj8_1", Ee = "_content_zjuj8_7", Le = "_defaultContent_zjuj8_13", We = "_copyright_zjuj8_21", Ie = "_disclaimer_zjuj8_26", U = {
+  footer: ke,
+  content: Ee,
+  defaultContent: Le,
+  copyright: We,
+  disclaimer: Ie
+}, Ss = ({ children: e, className: t = "" }) => /* @__PURE__ */ a("footer", { className: `${U.footer} ${t}`, children: /* @__PURE__ */ a("div", { className: U.content, children: e || /* @__PURE__ */ m("div", { className: U.defaultContent, children: [
+  /* @__PURE__ */ m("p", { className: U.copyright, children: [
+    "© ",
+    (/* @__PURE__ */ new Date()).getFullYear(),
+    " The Astrogator's Table. All rights reserved."
+  ] }),
+  /* @__PURE__ */ a("p", { className: U.disclaimer, children: "Star Wars: Galaxy of Heroes is a trademark of Electronic Arts Inc." })
+] }) }) }), qe = "_button_159ms_1", Re = "_sm_159ms_22", Fe = "_md_159ms_28", Pe = "_lg_159ms_34", je = "_primary_159ms_41", Be = "_secondary_159ms_55", Ue = "_outline_159ms_69", De = "_ghost_159ms_80", Oe = "_danger_159ms_89", ze = "_fullWidth_159ms_100", Me = "_loading_159ms_105", Je = "_loadingSpinner_159ms_110", He = "_spinner_159ms_116", Ye = "_spin_159ms_116", Ge = "_loadingText_159ms_131", x = {
+  button: qe,
+  sm: Re,
+  md: Fe,
+  lg: Pe,
+  primary: je,
+  secondary: Be,
+  outline: Ue,
+  ghost: De,
+  danger: Oe,
+  fullWidth: ze,
+  loading: Me,
+  loadingSpinner: Je,
+  spinner: He,
+  spin: Ye,
+  loadingText: Ge
+}, H = ({
+  children: e,
+  variant: t = "primary",
+  size: s = "md",
+  fullWidth: o = !1,
+  loading: c = !1,
+  disabled: g = !1,
+  className: i = "",
+  ...d
+}) => /* @__PURE__ */ a(
+  "button",
+  {
+    className: `${x.button} ${x[t]} ${x[s]} ${o ? x.fullWidth : ""} ${c ? x.loading : ""} ${i}`,
+    disabled: g || c,
+    ...d,
+    children: c ? /* @__PURE__ */ m("span", { className: x.loadingSpinner, children: [
+      /* @__PURE__ */ a("span", { className: x.spinner }),
+      /* @__PURE__ */ a("span", { className: x.loadingText, children: e })
+    ] }) : e
+  }
+), Ke = "_inputWrapper_15t4g_1", Ve = "_fullWidth_15t4g_7", Qe = "_label_15t4g_11", Xe = "_required_15t4g_20", Ze = "_input_15t4g_1", et = "_error_15t4g_55", tt = "_errorText_15t4g_63", st = "_helperText_15t4g_68", T = {
+  inputWrapper: Ke,
+  fullWidth: Ve,
+  label: Qe,
+  required: Xe,
+  input: Ze,
+  error: et,
+  errorText: tt,
+  helperText: st
+}, ce = le.forwardRef(
+  ({
+    label: e,
+    error: t,
+    helperText: s,
+    fullWidth: o = !1,
+    className: c = "",
+    id: g,
+    ...i
+  }, d) => {
+    const l = g || `input-${Math.random().toString(36).substr(2, 9)}`, f = !!t;
+    return /* @__PURE__ */ m("div", { className: `${T.inputWrapper} ${o ? T.fullWidth : ""} ${c}`, children: [
+      e && /* @__PURE__ */ m("label", { htmlFor: l, className: T.label, children: [
+        e,
+        i.required && /* @__PURE__ */ a("span", { className: T.required, children: "*" })
+      ] }),
+      /* @__PURE__ */ a(
+        "input",
+        {
+          ref: d,
+          id: l,
+          className: `${T.input} ${f ? T.error : ""}`,
+          ...i
+        }
+      ),
+      t && /* @__PURE__ */ a("span", { className: T.errorText, children: t }),
+      s && !t && /* @__PURE__ */ a("span", { className: T.helperText, children: s })
+    ] });
+  }
+);
+ce.displayName = "Input";
+const ot = "_selectWrapper_ir4bq_1", rt = "_fullWidth_ir4bq_7", at = "_label_ir4bq_11", nt = "_required_ir4bq_20", lt = "_selectContainer_ir4bq_24", ct = "_select_ir4bq_1", it = "_error_ir4bq_63", dt = "_arrow_ir4bq_71", _t = "_errorText_ir4bq_81", mt = "_helperText_ir4bq_86", w = {
+  selectWrapper: ot,
+  fullWidth: rt,
+  label: at,
+  required: nt,
+  selectContainer: lt,
+  select: ct,
+  error: it,
+  arrow: dt,
+  errorText: _t,
+  helperText: mt
+}, ie = le.forwardRef(
+  ({
+    label: e,
+    error: t,
+    helperText: s,
+    options: o,
+    placeholder: c,
+    fullWidth: g = !1,
+    className: i = "",
+    id: d,
+    ...l
+  }, f) => {
+    const h = d || `select-${Math.random().toString(36).substr(2, 9)}`, y = !!t;
+    return /* @__PURE__ */ m("div", { className: `${w.selectWrapper} ${g ? w.fullWidth : ""} ${i}`, children: [
+      e && /* @__PURE__ */ m("label", { htmlFor: h, className: w.label, children: [
+        e,
+        l.required && /* @__PURE__ */ a("span", { className: w.required, children: "*" })
+      ] }),
+      /* @__PURE__ */ m("div", { className: w.selectContainer, children: [
+        /* @__PURE__ */ m(
+          "select",
+          {
+            ref: f,
+            id: h,
+            className: `${w.select} ${y ? w.error : ""}`,
+            ...l,
+            children: [
+              c && /* @__PURE__ */ a("option", { value: "", disabled: !0, children: c }),
+              o && o.map((p) => /* @__PURE__ */ a(
+                "option",
+                {
+                  value: p.value,
+                  disabled: p.disabled,
+                  children: p.label
+                },
+                p.value
+              )),
+              !o && l.children
+            ]
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: w.arrow, children: "▼" })
+      ] }),
+      t && /* @__PURE__ */ a("span", { className: w.errorText, children: t }),
+      s && !t && /* @__PURE__ */ a("span", { className: w.helperText, children: s })
+    ] });
+  }
+);
+ie.displayName = "Select";
+const oe = "astrogators_access_token", re = "astrogators_refresh_token", de = () => localStorage.getItem(oe), ut = (e) => {
+  localStorage.setItem(oe, e);
+}, ht = () => {
+  localStorage.removeItem(oe);
+}, gt = () => localStorage.getItem(re), ft = (e) => {
+  localStorage.setItem(re, e);
+}, yt = () => {
+  localStorage.removeItem(re);
+}, _e = (e, t) => {
+  ut(e), ft(t);
+}, se = () => {
+  ht(), yt();
+}, pt = () => !!de();
+class vt {
+  constructor(t) {
+    j(this, "baseURL");
+    j(this, "onUnauthorized");
+    j(this, "isRefreshing", !1);
+    j(this, "refreshPromise", null);
+    this.baseURL = t.baseURL, this.onUnauthorized = t.onUnauthorized;
+  }
+  async refreshAccessToken() {
+    var c;
+    const t = gt();
+    if (!t)
+      throw new Error("No refresh token available");
+    const s = await fetch(`${this.baseURL}/api/v1/auth/refresh-token`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ refresh_token: t })
+    });
+    if (!s.ok)
+      throw se(), (c = this.onUnauthorized) == null || c.call(this), new Error("Token refresh failed");
+    const o = await s.json();
+    return _e(o.access_token, t), o.access_token;
+  }
+  async request(t, s = {}) {
+    const o = de(), c = {
+      "Content-Type": "application/json",
+      ...s.headers
+    };
+    o && (c.Authorization = `Bearer ${o}`);
+    const g = `${this.baseURL}${t}`;
+    let i = await fetch(g, {
+      ...s,
+      headers: c
+    });
+    if (i.status === 401 && o) {
+      this.isRefreshing || (this.isRefreshing = !0, this.refreshPromise = this.refreshAccessToken().finally(() => {
+        this.isRefreshing = !1, this.refreshPromise = null;
+      }));
+      try {
+        const d = await this.refreshPromise;
+        c.Authorization = `Bearer ${d}`, i = await fetch(g, {
+          ...s,
+          headers: c
+        });
+      } catch {
+        throw new Error("Authentication failed");
+      }
+    }
+    if (!i.ok) {
+      const d = {
+        message: i.statusText,
+        status: i.status
+      };
+      try {
+        const l = await i.json();
+        if (i.status === 422 && Array.isArray(l.detail)) {
+          const f = l.detail.map((h) => h.msg || "Validation error").join(", ");
+          d.message = f;
+        } else typeof l.detail == "string" ? d.message = l.detail : l.message && (d.message = l.message);
+        d.detail = l.detail;
+      } catch {
+      }
+      throw d;
+    }
+    return i.status === 204 ? {} : i.json();
+  }
+  async get(t, s) {
+    return this.request(t, { ...s, method: "GET" });
+  }
+  async post(t, s, o) {
+    return this.request(t, {
+      ...o,
+      method: "POST",
+      body: s ? JSON.stringify(s) : void 0
+    });
+  }
+  async put(t, s, o) {
+    return this.request(t, {
+      ...o,
+      method: "PUT",
+      body: s ? JSON.stringify(s) : void 0
+    });
+  }
+  async patch(t, s, o) {
+    return this.request(t, {
+      ...o,
+      method: "PATCH",
+      body: s ? JSON.stringify(s) : void 0
+    });
+  }
+  async delete(t, s) {
+    return this.request(t, { ...s, method: "DELETE" });
+  }
+}
+let v;
+const bt = (e) => {
+  v = new vt(e);
+}, O = "astrogators_ally_codes", G = "astrogators_selected_ally_code", A = () => {
+  try {
+    const e = localStorage.getItem(O);
+    return e ? JSON.parse(e) : [];
+  } catch (e) {
+    return console.error("Failed to read ally codes from localStorage:", e), [];
+  }
+}, $t = (e) => {
+  try {
+    const t = A();
+    if (t.some((o) => o.ally_code === e.ally_code))
+      return;
+    t.push(e), localStorage.setItem(O, JSON.stringify(t));
+  } catch (t) {
+    console.error("Failed to save ally code to localStorage:", t);
+  }
+}, wt = (e) => {
+  try {
+    const s = A().filter((o) => o.ally_code !== e);
+    localStorage.setItem(O, JSON.stringify(s));
+  } catch (t) {
+    console.error("Failed to remove ally code from localStorage:", t);
+  }
+}, ne = (e) => {
+  try {
+    const s = A().map(
+      (o) => o.ally_code === e ? { ...o, last_used_at: (/* @__PURE__ */ new Date()).toISOString() } : o
+    );
+    localStorage.setItem(O, JSON.stringify(s));
+  } catch (t) {
+    console.error("Failed to update ally code last used:", t);
+  }
+}, Nt = () => localStorage.getItem(G), At = (e) => {
+  e ? localStorage.setItem(G, e) : localStorage.removeItem(G);
+}, St = () => {
+  localStorage.removeItem(O), localStorage.removeItem(G);
+}, me = be(void 0), xs = ({ children: e, apiBaseUrl: t }) => {
+  const [s, o] = b(null), [c, g] = b(!0), [i, d] = b(!0), [l, f] = b(!0), [h, y] = b([]), [p, k] = b(null), [z, L] = b(!1), [M, W] = b({
+    show: !1,
+    localStorageCodes: []
+  });
+  I(() => {
+    bt({
+      baseURL: t
+    });
+  }, [t]), I(() => {
+    (async () => {
+      try {
+        const n = await v.get("/api/v1/config/features");
+        d(n.auth_enabled);
+      } catch (n) {
+        console.error("Failed to fetch features:", n), d(!0);
+      } finally {
+        f(!1);
+      }
+    })();
+  }, [t]);
+  const q = S(async () => {
+    if (!pt()) {
+      o(null), g(!1);
+      return;
+    }
+    try {
+      const r = await v.get("/api/v1/users/me");
+      o(r);
+    } catch (r) {
+      console.error("Failed to fetch user:", r), o(null), se();
+    } finally {
+      g(!1);
+    }
+  }, []);
+  I(() => {
+    q();
+  }, [q]);
+  const K = async (r) => {
+    try {
+      const n = await v.post("/api/v1/auth/login", r);
+      _e(n.access_token, n.refresh_token);
+      const u = await v.get("/api/v1/users/me");
+      o(u);
+    } catch (n) {
+      throw console.error("Login failed:", n), n;
+    }
+  }, V = async (r) => {
+    try {
+      await v.post("/api/v1/auth/register", r);
+    } catch (n) {
+      throw console.error("Registration failed:", n), n;
+    }
+  }, Q = () => {
+    se(), o(null), y([]), k(null), W({ show: !1, localStorageCodes: [] });
+  }, _ = async () => {
+    await q();
+  }, N = async (r) => {
+    try {
+      return (await v.post(
+        "/api/v1/auth/forgot-password",
+        r
+      )).message;
+    } catch (n) {
+      throw console.error("Forgot password failed:", n), n;
+    }
+  }, R = async (r) => {
+    try {
+      return (await v.post(
+        "/api/v1/auth/reset-password",
+        r
+      )).message;
+    } catch (n) {
+      throw console.error("Reset password failed:", n), n;
+    }
+  }, ue = async (r) => {
+    try {
+      return (await v.post(
+        "/api/v1/auth/resend-verification",
+        r
+      )).message;
+    } catch (n) {
+      throw console.error("Resend verification failed:", n), n;
+    }
+  }, F = S(async () => {
+    L(!0);
+    try {
+      if (s) {
+        const n = await v.get("/api/v1/users/me/ally-codes");
+        y(n.ally_codes);
+        const u = A();
+        u.length > 0 && W({
+          show: !0,
+          localStorageCodes: u.map((P) => P.ally_code)
+        });
+      } else {
+        const n = A();
+        y(n);
+      }
+      const r = Nt();
+      k(r);
+    } catch (r) {
+      console.error("Failed to fetch ally codes:", r), y([]);
+    } finally {
+      L(!1);
+    }
+  }, [s]), X = S(async (r) => {
+    var n;
+    if (!/^\d{9}$/.test(r))
+      throw new Error("Ally code must be exactly 9 digits");
+    if (s) {
+      const u = await v.post(
+        "/api/v1/users/me/ally-codes",
+        { ally_code: r }
+      );
+      y((P) => [u, ...P]), h.length === 0 && J(r);
+    } else {
+      const u = await v.get(`/api/v1/player-data/player/${r}`);
+      if (!u)
+        throw new Error("Invalid ally code - player not found");
+      const P = {
+        ally_code: r,
+        player_name: ((n = u == null ? void 0 : u.data) == null ? void 0 : n.name) || null,
+        last_used_at: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      $t(P), y(A()), h.length === 0 && J(r);
+    }
+  }, [s, h.length]), he = S(async (r) => {
+    s && typeof r == "number" ? (await v.delete(`/api/v1/users/me/ally-codes/${r}`), y((n) => n.filter((u) => "id" in u && u.id !== r))) : !s && typeof r == "string" && (wt(r), y(A()), p === r && J(null));
+  }, [s, p]), J = S((r) => {
+    if (k(r), At(r), r && s) {
+      const n = h.find((u) => "ally_code" in u && u.ally_code === r);
+      n && "id" in n && ae(n.id);
+    } else r && !s && ne(r);
+  }, [s, h]), ae = S(async (r) => {
+    s && typeof r == "number" ? (await v.put(`/api/v1/users/me/ally-codes/${r}/use`, {}), await F()) : !s && typeof r == "string" && (ne(r), y(A()));
+  }, [s, F]), Z = S(() => {
+    W({ show: !1, localStorageCodes: [] });
+  }, []), ge = S(async () => {
+    if (!s) return;
+    const r = A();
+    for (const n of r)
+      try {
+        await X(n.ally_code);
+      } catch (u) {
+        console.error(`Failed to migrate ally code ${n.ally_code}:`, u);
+      }
+    St(), Z();
+  }, [s, X, Z]);
+  I(() => {
+    F();
+  }, [F]);
+  const fe = {
+    user: s,
+    isAuthenticated: !!s,
+    isLoading: c,
+    login: K,
+    register: V,
+    logout: Q,
+    refreshUser: _,
+    forgotPassword: N,
+    resetPassword: R,
+    resendVerification: ue,
+    // Feature flags
+    authEnabled: i,
+    isLoadingFeatures: l,
+    // Ally code values
+    allyCodes: h,
+    selectedAllyCode: p,
+    isLoadingAllyCodes: z,
+    fetchAllyCodes: F,
+    addAllyCode: X,
+    removeAllyCode: he,
+    selectAllyCode: J,
+    updateAllyCodeLastUsed: ae,
+    migrationPrompt: M,
+    dismissMigrationPrompt: Z,
+    migrateLocalStorageCodes: ge
+  };
+  return /* @__PURE__ */ a(me.Provider, { value: fe, children: e });
+}, xt = () => {
+  const e = $e(me);
+  if (e === void 0)
+    throw new Error("useAuth must be used within an AuthProvider");
+  return e;
+}, Y = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, Ts = (e) => e.replace(/-/g, ""), Tt = "_allyCodeDropdown_1m0tw_1", Ct = "_select_1m0tw_8", kt = "_manageButton_1m0tw_12", Et = "_managePanel_1m0tw_16", Lt = "_addSection_1m0tw_37", Wt = "_addInputGroup_1m0tw_43", It = "_error_1m0tw_55", qt = "_success_1m0tw_61", Rt = "_codesList_1m0tw_67", Ft = "_codeItem_1m0tw_71", Pt = "_doneButton_1m0tw_88", $ = {
+  allyCodeDropdown: Tt,
+  select: Ct,
+  manageButton: kt,
+  managePanel: Et,
+  addSection: Lt,
+  addInputGroup: Wt,
+  error: It,
+  success: qt,
+  codesList: Rt,
+  codeItem: Ft,
+  doneButton: Pt
+}, Cs = ({
+  onAllyCodeSelected: e,
+  className: t = ""
+}) => {
+  const {
+    allyCodes: s,
+    selectedAllyCode: o,
+    selectAllyCode: c,
+    removeAllyCode: g,
+    addAllyCode: i,
+    isLoadingAllyCodes: d
+  } = xt(), [l, f] = b(!1), [h, y] = b(""), [p, k] = b(""), [z, L] = b(""), [M, W] = b(!1), q = s.map((_) => ({
+    value: _.ally_code,
+    label: _.player_name ? `${_.player_name} (${Y(_.ally_code)})` : Y(_.ally_code)
+  })), K = (_) => {
+    const N = _.target.value || null;
+    c(N), e == null || e(N);
+  }, V = async (_) => {
+    const N = s.find((R) => R.ally_code === _);
+    if (N) {
+      const R = "id" in N ? N.id : N.ally_code;
+      await g(R);
+    }
+  }, Q = async () => {
+    if (k(""), L(""), !/^\d{9}$/.test(h)) {
+      k("Ally code must be exactly 9 digits");
+      return;
+    }
+    W(!0);
+    try {
+      await i(h), L("Added successfully!"), y(""), setTimeout(() => L(""), 2e3);
+    } catch (_) {
+      k(_.message || "Failed to add ally code");
+    } finally {
+      W(!1);
+    }
+  };
+  return s.length === 0 ? null : /* @__PURE__ */ m("div", { className: `${$.allyCodeDropdown} ${t}`, children: [
+    /* @__PURE__ */ a(
+      ie,
+      {
+        options: q,
+        value: o || "",
+        onChange: K,
+        placeholder: "Select ally code",
+        disabled: d,
+        className: $.select
+      }
+    ),
+    l && /* @__PURE__ */ m("div", { className: $.managePanel, children: [
+      /* @__PURE__ */ a("h4", { children: "Manage Ally Codes" }),
+      /* @__PURE__ */ m("div", { className: $.addSection, children: [
+        /* @__PURE__ */ m("div", { className: $.addInputGroup, children: [
+          /* @__PURE__ */ a(
+            ce,
+            {
+              type: "text",
+              placeholder: "9-digit ally code",
+              value: h,
+              onChange: (_) => y(_.target.value.replace(/\D/g, "").slice(0, 9)),
+              disabled: M
+            }
+          ),
+          /* @__PURE__ */ a(
+            H,
+            {
+              variant: "primary",
+              size: "sm",
+              onClick: Q,
+              loading: M,
+              disabled: h.length !== 9,
+              children: "Add"
+            }
+          )
+        ] }),
+        p && /* @__PURE__ */ a("div", { className: $.error, children: p }),
+        z && /* @__PURE__ */ a("div", { className: $.success, children: z })
+      ] }),
+      /* @__PURE__ */ a("div", { className: $.codesList, children: s.map((_) => /* @__PURE__ */ m("div", { className: $.codeItem, children: [
+        /* @__PURE__ */ a("span", { children: _.player_name ? `${_.player_name} (${Y(_.ally_code)})` : Y(_.ally_code) }),
+        /* @__PURE__ */ a(
+          H,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => V(_.ally_code),
+            children: "Remove"
+          }
+        )
+      ] }, _.ally_code)) }),
+      /* @__PURE__ */ a(
+        H,
+        {
+          variant: "secondary",
+          size: "sm",
+          onClick: () => f(!1),
+          className: $.doneButton,
+          children: "Done"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(
+      H,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => f(!l),
+        className: $.manageButton,
+        children: "Manage"
+      }
+    )
+  ] });
+}, jt = "_card_b4471_1", Bt = "_chamfered_b4471_8", Ut = "_elevated_b4471_17", Dt = "_outline_b4471_22", Ot = "_hoverable_b4471_45", D = {
+  card: jt,
+  chamfered: Bt,
+  default: "_default_b4471_13",
+  elevated: Ut,
+  outline: Dt,
+  "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: Ot
+}, ks = ({
+  children: e,
+  variant: t = "default",
+  chamfered: s = !1,
+  chamferSize: o = "md",
+  padding: c = "md",
+  hoverable: g = !1,
+  showDiagonalBorders: i = !1,
+  diagonalBorderColor: d,
+  className: l = "",
+  onClick: f,
+  style: h
+}) => {
+  const y = s ? o === "asymmetric" ? "chamfered-box-asymmetric" : o === "sm" ? "chamfered-box-sm" : o === "lg" ? "chamfered-box-lg" : "chamfered-box" : "", p = d ? { color: d } : void 0;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: `${D.card} ${s ? D.chamfered : ""} ${D[t]} ${D[`padding-${c}`]} ${y} ${g ? D.hoverable : ""} ${l}`,
+      onClick: f,
+      role: f ? "button" : void 0,
+      tabIndex: f ? 0 : void 0,
+      style: h,
+      children: [
+        i && /* @__PURE__ */ m(ve, { children: [
+          /* @__PURE__ */ a("div", { className: "chamfered-diagonal-border chamfered-diagonal-tl", style: p }),
+          /* @__PURE__ */ a("div", { className: "chamfered-diagonal-border chamfered-diagonal-tr", style: p }),
+          /* @__PURE__ */ a("div", { className: "chamfered-diagonal-border chamfered-diagonal-bl", style: p }),
+          /* @__PURE__ */ a("div", { className: `chamfered-diagonal-border ${o === "asymmetric" ? "chamfered-diagonal-br-large" : "chamfered-diagonal-br"}`, style: p })
+        ] }),
+        e
+      ]
+    }
+  );
+}, zt = "_badge_rk7t5_1", Mt = "_sm_rk7t5_11", Jt = "_md_rk7t5_16", Ht = "_lg_rk7t5_21", Yt = "_primary_rk7t5_32", Gt = "_secondary_rk7t5_37", Kt = "_success_rk7t5_42", Vt = "_warning_rk7t5_47", Qt = "_error_rk7t5_52", Xt = "_info_rk7t5_57", te = {
+  badge: zt,
+  sm: Mt,
+  md: Jt,
+  lg: Ht,
+  default: "_default_rk7t5_27",
+  primary: Yt,
+  secondary: Gt,
+  success: Kt,
+  warning: Vt,
+  error: Qt,
+  info: Xt
+}, Es = ({
+  children: e,
+  variant: t = "default",
+  size: s = "md",
+  className: o = ""
+}) => /* @__PURE__ */ a("span", { className: `${te.badge} ${te[t]} ${te[s]} ${o}`, children: e }), Zt = "_overlay_1b3yt_1", es = "_fadeIn_1b3yt_1", ts = "_modal_1b3yt_13", ss = "_slideUp_1b3yt_1", os = "_sm_1b3yt_25", rs = "_md_1b3yt_30", as = "_lg_1b3yt_35", ns = "_xl_1b3yt_40", ls = "_header_1b3yt_45", cs = "_title_1b3yt_53", is = "_closeButton_1b3yt_60", ds = "_content_1b3yt_78", E = {
+  overlay: Zt,
+  fadeIn: es,
+  modal: ts,
+  slideUp: ss,
+  sm: os,
+  md: rs,
+  lg: as,
+  xl: ns,
+  header: ls,
+  title: cs,
+  closeButton: is,
+  content: ds
+}, Ls = ({
+  isOpen: e,
+  onClose: t,
+  title: s,
+  children: o,
+  size: c = "md",
+  closeOnOverlayClick: g = !0,
+  className: i = ""
+}) => {
+  if (I(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+    document.body.style.overflow = "unset";
+  }), [e]), I(() => {
+    const l = (f) => {
+      f.key === "Escape" && e && t();
+    };
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [e, t]), !e) return null;
+  const d = (l) => {
+    g && l.target === l.currentTarget && t();
+  };
+  return /* @__PURE__ */ a("div", { className: E.overlay, onClick: d, children: /* @__PURE__ */ m("div", { className: `${E.modal} ${E[c]} ${i}`, role: "dialog", "aria-modal": "true", children: [
+    s && /* @__PURE__ */ m("div", { className: E.header, children: [
+      /* @__PURE__ */ a("h2", { className: E.title, children: s }),
+      /* @__PURE__ */ a("button", { className: E.closeButton, onClick: t, "aria-label": "Close modal", children: "✕" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: E.content, children: o })
+  ] }) });
+}, _s = "_spinner_1uhnh_2", ms = "_spin_1uhnh_2", us = "_sm_1uhnh_9", hs = "_md_1uhnh_15", gs = "_lg_1uhnh_21", fs = "_dots_1uhnh_34", ys = "_dot_1uhnh_34", ps = "_bounce_1uhnh_1", vs = "_visuallyHidden_1uhnh_91", C = {
+  spinner: _s,
+  spin: ms,
+  sm: us,
+  md: hs,
+  lg: gs,
+  dots: fs,
+  dot: ys,
+  bounce: ps,
+  visuallyHidden: vs
+}, Ws = ({
+  size: e = "md",
+  variant: t = "spinner",
+  className: s = ""
+}) => t === "dots" ? /* @__PURE__ */ m("div", { className: `${C.dots} ${C[e]} ${s}`, children: [
+  /* @__PURE__ */ a("span", { className: C.dot }),
+  /* @__PURE__ */ a("span", { className: C.dot }),
+  /* @__PURE__ */ a("span", { className: C.dot })
+] }) : /* @__PURE__ */ a("div", { className: `${C.spinner} ${C[e]} ${s}`, role: "status", children: /* @__PURE__ */ a("span", { className: C.visuallyHidden, children: "Loading..." }) });
+export {
+  Cs as AllyCodeDropdown,
+  vt as ApiClient,
+  xs as AuthProvider,
+  Es as Badge,
+  H as Button,
+  ks as Card,
+  Ns as Container,
+  Ss as Footer,
+  ce as Input,
+  Ws as Loader,
+  Ls as Modal,
+  ie as Select,
+  As as TopBar,
+  v as apiClient,
+  St as clearAllyCodes,
+  se as clearTokens,
+  Y as formatAllyCode,
+  de as getAccessToken,
+  A as getAllyCodesFromStorage,
+  gt as getRefreshToken,
+  Nt as getSelectedAllyCode,
+  bt as initializeApiClient,
+  pt as isAuthenticated,
+  ht as removeAccessToken,
+  wt as removeAllyCodeFromStorage,
+  yt as removeRefreshToken,
+  $t as saveAllyCodeToStorage,
+  ut as setAccessToken,
+  ft as setRefreshToken,
+  At as setSelectedAllyCode,
+  _e as setTokens,
+  Ts as unformatAllyCode,
+  ne as updateAllyCodeLastUsed,
+  xt as useAuth
+};