astrogators-shared-ui 0.4.3 → 0.4.4

package/dist/index.js

@@ -0,0 +1,791 @@
+var ue = Object.defineProperty;
+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 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,
+  "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"
+}, vs = ({
+  children: e,
+  maxWidth: s = "xl",
+  padding: t = !0,
+  className: o = "",
+  style: d
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: `${X.container} ${X[`maxWidth-${s}`]} ${t ? X.padding : ""} ${o}`,
+    style: d,
+    children: e
+  }
+), $e = "_topBar_10g3c_1", be = "_content_10g3c_13", we = "_left_10g3c_23", Ne = "_right_10g3c_30", Ae = "_logo_10g3c_36", P = {
+  topBar: $e,
+  content: be,
+  left: we,
+  right: Ne,
+  logo: Ae
+}, $s = ({
+  logo: e,
+  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 }),
+    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
+}, 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(),
+    " The Astrogator's Table. All rights reserved."
+  ] }),
+  /* @__PURE__ */ r("p", { className: B.disclaimer, children: "Star Wars: Galaxy of Heroes is a trademark of Electronic Arts Inc." })
+] }) }) }), Ee = "_button_159ms_1", We = "_sm_159ms_22", Ie = "_md_159ms_28", Le = "_lg_159ms_34", qe = "_primary_159ms_41", Re = "_secondary_159ms_55", Pe = "_outline_159ms_69", Be = "_ghost_159ms_80", Ue = "_danger_159ms_89", je = "_fullWidth_159ms_100", Fe = "_loading_159ms_105", De = "_loadingSpinner_159ms_110", Oe = "_spinner_159ms_116", ze = "_spin_159ms_116", Me = "_loadingText_159ms_131", x = {
+  button: Ee,
+  sm: We,
+  md: Ie,
+  lg: Le,
+  primary: qe,
+  secondary: Re,
+  outline: Pe,
+  ghost: Be,
+  danger: Ue,
+  fullWidth: je,
+  loading: Fe,
+  loadingSpinner: De,
+  spinner: Oe,
+  spin: ze,
+  loadingText: Me
+}, M = ({
+  children: e,
+  variant: s = "primary",
+  size: t = "md",
+  fullWidth: o = !1,
+  loading: d = !1,
+  disabled: g = !1,
+  className: c = "",
+  ...l
+}) => /* @__PURE__ */ r(
+  "button",
+  {
+    className: `${x.button} ${x[s]} ${x[t]} ${o ? x.fullWidth : ""} ${d ? x.loading : ""} ${c}`,
+    disabled: g || d,
+    ...l,
+    children: d ? /* @__PURE__ */ m("span", { className: x.loadingSpinner, children: [
+      /* @__PURE__ */ r("span", { className: x.spinner }),
+      /* @__PURE__ */ r("span", { className: x.loadingText, children: e })
+    ] }) : e
+  }
+), Je = "_inputWrapper_15t4g_1", He = "_fullWidth_15t4g_7", Ye = "_label_15t4g_11", Ge = "_required_15t4g_20", Ke = "_input_15t4g_1", Ve = "_error_15t4g_55", Qe = "_errorText_15t4g_63", Xe = "_helperText_15t4g_68", T = {
+  inputWrapper: Je,
+  fullWidth: He,
+  label: Ye,
+  required: Ge,
+  input: Ke,
+  error: Ve,
+  errorText: Qe,
+  helperText: Xe
+}, ne = ae.forwardRef(
+  ({
+    label: e,
+    error: s,
+    helperText: t,
+    fullWidth: o = !1,
+    className: d = "",
+    id: g,
+    ...c
+  }, l) => {
+    const i = g || `input-${Math.random().toString(36).substr(2, 9)}`, h = !!s;
+    return /* @__PURE__ */ m("div", { className: `${T.inputWrapper} ${o ? T.fullWidth : ""} ${d}`, children: [
+      e && /* @__PURE__ */ m("label", { htmlFor: i, className: T.label, children: [
+        e,
+        c.required && /* @__PURE__ */ r("span", { className: T.required, children: "*" })
+      ] }),
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ref: l,
+          id: i,
+          className: `${T.input} ${h ? T.error : ""}`,
+          ...c
+        }
+      ),
+      s && /* @__PURE__ */ r("span", { className: T.errorText, children: s }),
+      t && !s && /* @__PURE__ */ r("span", { className: T.helperText, children: t })
+    ] });
+  }
+);
+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: at,
+  arrow: nt,
+  errorText: lt,
+  helperText: ct
+}, le = ae.forwardRef(
+  ({
+    label: e,
+    error: s,
+    helperText: t,
+    options: o,
+    placeholder: d,
+    fullWidth: g = !1,
+    className: c = "",
+    id: l,
+    ...i
+  }, h) => {
+    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,
+        i.required && /* @__PURE__ */ r("span", { className: w.required, children: "*" })
+      ] }),
+      /* @__PURE__ */ m("div", { className: w.selectContainer, children: [
+        /* @__PURE__ */ m(
+          "select",
+          {
+            ref: h,
+            id: p,
+            className: `${w.select} ${N ? w.error : ""}`,
+            ...i,
+            children: [
+              d && /* @__PURE__ */ r("option", { value: "", disabled: !0, children: d }),
+              o && o.map((f) => /* @__PURE__ */ r(
+                "option",
+                {
+                  value: f.value,
+                  disabled: f.disabled,
+                  children: f.label
+                },
+                f.value
+              )),
+              !o && i.children
+            ]
+          }
+        ),
+        /* @__PURE__ */ r("span", { className: w.arrow, children: "▼" })
+      ] }),
+      s && /* @__PURE__ */ r("span", { className: w.errorText, children: s }),
+      t && !s && /* @__PURE__ */ r("span", { className: w.helperText, children: t })
+    ] });
+  }
+);
+le.displayName = "Select";
+const te = "astrogators_access_token", se = "astrogators_refresh_token", ce = () => localStorage.getItem(te), it = (e) => {
+  localStorage.setItem(te, e);
+}, dt = () => {
+  localStorage.removeItem(te);
+}, _t = () => localStorage.getItem(se), mt = (e) => {
+  localStorage.setItem(se, e);
+}, ut = () => {
+  localStorage.removeItem(se);
+}, ie = (e, s) => {
+  it(e), mt(s);
+}, ee = () => {
+  dt(), ut();
+}, ht = () => !!ce();
+class gt {
+  constructor(s) {
+    R(this, "baseURL");
+    R(this, "onUnauthorized");
+    R(this, "isRefreshing", !1);
+    R(this, "refreshPromise", null);
+    this.baseURL = s.baseURL, this.onUnauthorized = s.onUnauthorized;
+  }
+  async refreshAccessToken() {
+    var d;
+    const s = _t();
+    if (!s)
+      throw new Error("No refresh token available");
+    const t = await fetch(`${this.baseURL}/api/v1/auth/refresh-token`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ refresh_token: s })
+    });
+    if (!t.ok)
+      throw ee(), (d = this.onUnauthorized) == null || d.call(this), new Error("Token refresh failed");
+    const o = await t.json();
+    return ie(o.access_token, s), o.access_token;
+  }
+  async request(s, t = {}) {
+    const o = ce(), d = {
+      "Content-Type": "application/json",
+      ...t.headers
+    };
+    o && (d.Authorization = `Bearer ${o}`);
+    const g = `${this.baseURL}${s}`;
+    let c = await fetch(g, {
+      ...t,
+      headers: d
+    });
+    if (c.status === 401 && o) {
+      this.isRefreshing || (this.isRefreshing = !0, this.refreshPromise = this.refreshAccessToken().finally(() => {
+        this.isRefreshing = !1, this.refreshPromise = null;
+      }));
+      try {
+        const l = await this.refreshPromise;
+        d.Authorization = `Bearer ${l}`, c = await fetch(g, {
+          ...t,
+          headers: d
+        });
+      } catch {
+        throw new Error("Authentication failed");
+      }
+    }
+    if (!c.ok) {
+      const l = {
+        message: c.statusText,
+        status: c.status
+      };
+      try {
+        const i = await c.json();
+        if (c.status === 422 && Array.isArray(i.detail)) {
+          const h = i.detail.map((p) => p.msg || "Validation error").join(", ");
+          l.message = h;
+        } else typeof i.detail == "string" ? l.message = i.detail : i.message && (l.message = i.message);
+        l.detail = i.detail;
+      } catch {
+      }
+      throw l;
+    }
+    return c.status === 204 ? {} : c.json();
+  }
+  async get(s, t) {
+    return this.request(s, { ...t, method: "GET" });
+  }
+  async post(s, t, o) {
+    return this.request(s, {
+      ...o,
+      method: "POST",
+      body: t ? JSON.stringify(t) : void 0
+    });
+  }
+  async put(s, t, o) {
+    return this.request(s, {
+      ...o,
+      method: "PUT",
+      body: t ? JSON.stringify(t) : void 0
+    });
+  }
+  async patch(s, t, o) {
+    return this.request(s, {
+      ...o,
+      method: "PATCH",
+      body: t ? JSON.stringify(t) : void 0
+    });
+  }
+  async delete(s, t) {
+    return this.request(s, { ...t, method: "DELETE" });
+  }
+}
+let y;
+const ft = (e) => {
+  y = new gt(e);
+}, F = "astrogators_ally_codes", H = "astrogators_selected_ally_code", A = () => {
+  try {
+    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 s = A();
+    if (s.some((o) => o.ally_code === e.ally_code))
+      return;
+    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 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 t = A().map(
+      (o) => o.ally_code === e ? { ...o, last_used_at: (/* @__PURE__ */ new Date()).toISOString() } : o
+    );
+    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(F), localStorage.removeItem(H);
+}, de = fe(void 0), ws = ({ children: e, apiBaseUrl: s }) => {
+  const [t, o] = b(null), [d, g] = b(!0), [c, l] = b([]), [i, h] = b(null), [p, N] = b(!1), [f, k] = b({
+    show: !1,
+    localStorageCodes: []
+  });
+  j(() => {
+    ft({
+      baseURL: s
+    });
+  }, [s]);
+  const W = S(async () => {
+    if (!ht()) {
+      o(null), g(!1);
+      return;
+    }
+    try {
+      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);
+    }
+  }, []);
+  j(() => {
+    W();
+  }, [W]);
+  const I = async (a) => {
+    try {
+      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 (n) {
+      throw console.error("Login failed:", n), n;
+    }
+  }, D = async (a) => {
+    try {
+      await y.post("/api/v1/auth/register", a);
+    } catch (n) {
+      throw console.error("Registration failed:", n), n;
+    }
+  }, O = () => {
+    ee(), o(null), l([]), h(null), k({ show: !1, localStorageCodes: [] });
+  }, Y = async () => {
+    await W();
+  }, G = async (a) => {
+    try {
+      return (await y.post(
+        "/api/v1/auth/forgot-password",
+        a
+      )).message;
+    } catch (n) {
+      throw console.error("Forgot password failed:", n), n;
+    }
+  }, K = async (a) => {
+    try {
+      return (await y.post(
+        "/api/v1/auth/reset-password",
+        a
+      )).message;
+    } catch (n) {
+      throw console.error("Reset password failed:", n), n;
+    }
+  }, V = async (a) => {
+    try {
+      return (await y.post(
+        "/api/v1/auth/resend-verification",
+        a
+      )).message;
+    } catch (n) {
+      throw console.error("Resend verification failed:", n), n;
+    }
+  }, _ = S(async () => {
+    N(!0);
+    try {
+      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 n = A();
+        l(n);
+      }
+      const a = vt();
+      h(a);
+    } catch (a) {
+      console.error("Failed to fetch ally codes:", a), l([]);
+    } finally {
+      N(!1);
+    }
+  }, [t]), v = S(async (a) => {
+    var n;
+    if (!/^\d{9}$/.test(a))
+      throw new Error("Ally code must be exactly 9 digits");
+    if (t) {
+      const u = await y.post(
+        "/api/v1/users/me/ally-codes",
+        { ally_code: a }
+      );
+      l((q) => [u, ...q]), c.length === 0 && z(a);
+    } else {
+      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: 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 && z(a);
+    }
+  }, [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 _()) : !t && typeof a == "string" && (re(a), l(A()));
+  }, [t, _]), Q = S(() => {
+    k({ show: !1, localStorageCodes: [] });
+  }, []), _e = S(async () => {
+    if (!t) return;
+    const a = A();
+    for (const n of a)
+      try {
+        await v(n.ally_code);
+      } catch (u) {
+        console.error(`Failed to migrate ally code ${n.ally_code}:`, u);
+      }
+    bt(), Q();
+  }, [t, v, Q]);
+  j(() => {
+    _();
+  }, [_]);
+  const me = {
+    user: t,
+    isAuthenticated: !!t,
+    isLoading: d,
+    login: I,
+    register: D,
+    logout: O,
+    refreshUser: Y,
+    forgotPassword: G,
+    resetPassword: K,
+    resendVerification: V,
+    // Ally code values
+    allyCodes: c,
+    selectedAllyCode: i,
+    isLoadingAllyCodes: p,
+    fetchAllyCodes: _,
+    addAllyCode: v,
+    removeAllyCode: L,
+    selectAllyCode: z,
+    updateAllyCodeLastUsed: oe,
+    migrationPrompt: f,
+    dismissMigrationPrompt: Q,
+    migrateLocalStorageCodes: _e
+  };
+  return /* @__PURE__ */ r(de.Provider, { value: me, children: e });
+}, wt = () => {
+  const e = pe(de);
+  if (e === void 0)
+    throw new Error("useAuth must be used within an AuthProvider");
+  return e;
+}, 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,
+  managePanel: xt,
+  addSection: Tt,
+  addInputGroup: Ct,
+  error: kt,
+  success: Et,
+  codesList: Wt,
+  codeItem: It,
+  doneButton: Lt
+}, As = ({
+  onAllyCodeSelected: e,
+  className: s = ""
+}) => {
+  const {
+    allyCodes: t,
+    selectedAllyCode: o,
+    selectAllyCode: d,
+    removeAllyCode: g,
+    addAllyCode: c,
+    isLoadingAllyCodes: l
+  } = wt(), [i, h] = b(!1), [p, N] = b(""), [f, k] = b(""), [W, I] = b(""), [D, O] = b(!1), Y = t.map((_) => ({
+    value: _.ally_code,
+    label: _.player_name ? `${_.player_name} (${J(_.ally_code)})` : J(_.ally_code)
+  })), G = (_) => {
+    const v = _.target.value || null;
+    d(v), e == null || e(v);
+  }, K = async (_) => {
+    const v = t.find((L) => L.ally_code === _);
+    if (v) {
+      const L = "id" in v ? v.id : v.ally_code;
+      await g(L);
+    }
+  }, V = async () => {
+    if (k(""), I(""), !/^\d{9}$/.test(p)) {
+      k("Ally code must be exactly 9 digits");
+      return;
+    }
+    O(!0);
+    try {
+      await c(p), I("Added successfully!"), N(""), setTimeout(() => I(""), 2e3);
+    } catch (_) {
+      k(_.message || "Failed to add ally code");
+    } finally {
+      O(!1);
+    }
+  };
+  return t.length === 0 ? null : /* @__PURE__ */ m("div", { className: `${$.allyCodeDropdown} ${s}`, children: [
+    /* @__PURE__ */ r(
+      le,
+      {
+        options: Y,
+        value: o || "",
+        onChange: G,
+        placeholder: "Select ally code",
+        disabled: l,
+        className: $.select
+      }
+    ),
+    i && /* @__PURE__ */ m("div", { className: $.managePanel, children: [
+      /* @__PURE__ */ r("h4", { children: "Manage Ally Codes" }),
+      /* @__PURE__ */ m("div", { className: $.addSection, children: [
+        /* @__PURE__ */ m("div", { className: $.addInputGroup, children: [
+          /* @__PURE__ */ r(
+            ne,
+            {
+              type: "text",
+              placeholder: "9-digit ally code",
+              value: p,
+              onChange: (_) => N(_.target.value.replace(/\D/g, "").slice(0, 9)),
+              disabled: D
+            }
+          ),
+          /* @__PURE__ */ r(
+            M,
+            {
+              variant: "primary",
+              size: "sm",
+              onClick: V,
+              loading: D,
+              disabled: p.length !== 9,
+              children: "Add"
+            }
+          )
+        ] }),
+        f && /* @__PURE__ */ r("div", { className: $.error, children: f }),
+        W && /* @__PURE__ */ r("div", { className: $.success, children: W })
+      ] }),
+      /* @__PURE__ */ r("div", { className: $.codesList, children: t.map((_) => /* @__PURE__ */ m("div", { className: $.codeItem, children: [
+        /* @__PURE__ */ r("span", { children: _.player_name ? `${_.player_name} (${J(_.ally_code)})` : J(_.ally_code) }),
+        /* @__PURE__ */ r(
+          M,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => K(_.ally_code),
+            children: "Remove"
+          }
+        )
+      ] }, _.ally_code)) }),
+      /* @__PURE__ */ r(
+        M,
+        {
+          variant: "secondary",
+          size: "sm",
+          onClick: () => h(!1),
+          className: $.doneButton,
+          children: "Done"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r(
+      M,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => h(!i),
+        className: $.manageButton,
+        children: "Manage"
+      }
+    )
+  ] });
+}, qt = "_card_b4471_1", Rt = "_chamfered_b4471_8", Pt = "_elevated_b4471_17", Bt = "_outline_b4471_22", Ut = "_hoverable_b4471_45", U = {
+  card: qt,
+  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: s = "default",
+  chamfered: t = !1,
+  chamferSize: o = "md",
+  padding: d = "md",
+  hoverable: g = !1,
+  showDiagonalBorders: c = !1,
+  diagonalBorderColor: l,
+  className: i = "",
+  onClick: h,
+  style: p
+}) => {
+  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: `${U.card} ${t ? U.chamfered : ""} ${U[s]} ${U[`padding-${d}`]} ${N} ${g ? U.hoverable : ""} ${i}`,
+      onClick: h,
+      role: h ? "button" : void 0,
+      tabIndex: h ? 0 : void 0,
+      style: p,
+      children: [
+        c && /* @__PURE__ */ m(ge, { children: [
+          /* @__PURE__ */ r("div", { className: "chamfered-diagonal-border chamfered-diagonal-tl", style: f }),
+          /* @__PURE__ */ r("div", { className: "chamfered-diagonal-border chamfered-diagonal-tr", style: f }),
+          /* @__PURE__ */ r("div", { className: "chamfered-diagonal-border chamfered-diagonal-bl", style: f }),
+          /* @__PURE__ */ r("div", { className: `chamfered-diagonal-border ${o === "asymmetric" ? "chamfered-diagonal-br-large" : "chamfered-diagonal-br"}`, style: f })
+        ] }),
+        e
+      ]
+    }
+  );
+}, 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: zt,
+  secondary: Mt,
+  success: Jt,
+  warning: Ht,
+  error: Yt,
+  info: Gt
+}, xs = ({
+  children: e,
+  variant: s = "default",
+  size: t = "md",
+  className: o = ""
+}) => /* @__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
+}, Ts = ({
+  isOpen: e,
+  onClose: s,
+  title: t,
+  children: o,
+  size: d = "md",
+  closeOnOverlayClick: g = !0,
+  className: c = ""
+}) => {
+  if (j(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+    document.body.style.overflow = "unset";
+  }), [e]), j(() => {
+    const i = (h) => {
+      h.key === "Escape" && e && s();
+    };
+    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+  }, [e, s]), !e) return null;
+  const l = (i) => {
+    g && i.target === i.currentTarget && s();
+  };
+  return /* @__PURE__ */ r("div", { className: E.overlay, onClick: l, children: /* @__PURE__ */ m("div", { className: `${E.modal} ${E[d]} ${c}`, role: "dialog", "aria-modal": "true", 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 })
+  ] }) });
+}, 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: 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]} ${t}`, role: "status", children: /* @__PURE__ */ r("span", { className: C.visuallyHidden, children: "Loading..." }) });
+export {
+  As as AllyCodeDropdown,
+  gt as ApiClient,
+  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,
+  $s as TopBar,
+  y as apiClient,
+  bt as clearAllyCodes,
+  ee as clearTokens,
+  J as formatAllyCode,
+  ce as getAccessToken,
+  A as getAllyCodesFromStorage,
+  _t as getRefreshToken,
+  vt as getSelectedAllyCode,
+  ft as initializeApiClient,
+  ht as isAuthenticated,
+  dt as removeAccessToken,
+  yt as removeAllyCodeFromStorage,
+  ut as removeRefreshToken,
+  pt as saveAllyCodeToStorage,
+  it as setAccessToken,
+  mt as setRefreshToken,
+  $t as setSelectedAllyCode,
+  ie as setTokens,
+  Ns as unformatAllyCode,
+  re as updateAllyCodeLastUsed,
+  wt as useAuth
+};