astrogators-shared-ui 0.2.3

package/dist/index.js

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