astrogators-shared-ui 0.2.3 → 0.2.5

package/dist/components/forms/Select.d.ts

@@ -9,7 +9,7 @@ export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElemen
     label?: string;
     error?: string;
     helperText?: string;
-    options: SelectOption[];
+    options?: SelectOption[];
     placeholder?: string;
     fullWidth?: boolean;
     className?: string;

package/dist/index.js

@@ -1,7 +1,7 @@
 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 { jsx as r, 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,
@@ -15,11 +15,11 @@ const pe = "_container_u3o0e_1", fe = "_padding_u3o0e_7", Q = {
   children: t,
   maxWidth: e = "xl",
   padding: s = !0,
-  className: r = ""
-}) => /* @__PURE__ */ n(
+  className: n = ""
+}) => /* @__PURE__ */ r(
   "div",
   {
-    className: `${Q.container} ${Q[`maxWidth-${e}`]} ${s ? Q.padding : ""} ${r}`,
+    className: `${Q.container} ${Q[`maxWidth-${e}`]} ${s ? Q.padding : ""} ${n}`,
     children: t
   }
 ), ye = "_topBar_10g3c_1", ve = "_content_10g3c_13", $e = "_left_10g3c_23", we = "_right_10g3c_30", be = "_logo_10g3c_36", B = {
@@ -32,26 +32,26 @@ const pe = "_container_u3o0e_1", fe = "_padding_u3o0e_7", Q = {
   logo: t,
   leftContent: e,
   rightContent: s,
-  className: r = ""
-}) => /* @__PURE__ */ n("header", { className: `${B.topBar} ${r}`, children: /* @__PURE__ */ h("div", { className: B.content, children: [
+  className: n = ""
+}) => /* @__PURE__ */ r("header", { className: `${B.topBar} ${n}`, children: /* @__PURE__ */ h("div", { className: B.content, children: [
   /* @__PURE__ */ h("div", { className: B.left, children: [
-    t && /* @__PURE__ */ n("div", { className: B.logo, children: t }),
+    t && /* @__PURE__ */ r("div", { className: B.logo, children: t }),
     e
   ] }),
-  /* @__PURE__ */ n("div", { className: B.right, children: s })
+  /* @__PURE__ */ r("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: [
+}, fs = ({ children: t, className: e = "" }) => /* @__PURE__ */ r("footer", { className: `${P.footer} ${e}`, children: /* @__PURE__ */ r("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." })
+  /* @__PURE__ */ r("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,
@@ -72,20 +72,20 @@ const pe = "_container_u3o0e_1", fe = "_padding_u3o0e_7", Q = {
   children: t,
   variant: e = "primary",
   size: s = "md",
-  fullWidth: r = !1,
+  fullWidth: n = !1,
   loading: d = !1,
   disabled: u = !1,
   className: l = "",
   ...i
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ r(
   "button",
   {
-    className: `${x.button} ${x[e]} ${x[s]} ${r ? x.fullWidth : ""} ${d ? x.loading : ""} ${l}`,
+    className: `${x.button} ${x[e]} ${x[s]} ${n ? 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 })
+      /* @__PURE__ */ r("span", { className: x.spinner }),
+      /* @__PURE__ */ r("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 = {
@@ -102,18 +102,18 @@ const pe = "_container_u3o0e_1", fe = "_padding_u3o0e_7", Q = {
     label: t,
     error: e,
     helperText: s,
-    fullWidth: r = !1,
+    fullWidth: n = !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: [
+    return /* @__PURE__ */ h("div", { className: `${T.inputWrapper} ${n ? T.fullWidth : ""} ${d}`, children: [
       t && /* @__PURE__ */ h("label", { htmlFor: c, className: T.label, children: [
         t,
-        l.required && /* @__PURE__ */ n("span", { className: T.required, children: "*" })
+        l.required && /* @__PURE__ */ r("span", { className: T.required, children: "*" })
       ] }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ r(
         "input",
         {
           ref: i,
@@ -122,8 +122,8 @@ const pe = "_container_u3o0e_1", fe = "_padding_u3o0e_7", Q = {
           ...l
         }
       ),
-      e && /* @__PURE__ */ n("span", { className: T.errorText, children: e }),
-      s && !e && /* @__PURE__ */ n("span", { className: T.helperText, children: s })
+      e && /* @__PURE__ */ r("span", { className: T.errorText, children: e }),
+      s && !e && /* @__PURE__ */ r("span", { className: T.helperText, children: s })
     ] });
   }
 );
@@ -144,7 +144,7 @@ const Qe = "_selectWrapper_ir4bq_1", Xe = "_fullWidth_ir4bq_7", Ze = "_label_ir4
     label: t,
     error: e,
     helperText: s,
-    options: r,
+    options: n,
     placeholder: d,
     fullWidth: u = !1,
     className: l = "",
@@ -155,7 +155,7 @@ const Qe = "_selectWrapper_ir4bq_1", Xe = "_fullWidth_ir4bq_7", Ze = "_label_ir4
     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: "*" })
+        c.required && /* @__PURE__ */ r("span", { className: w.required, children: "*" })
       ] }),
       /* @__PURE__ */ h("div", { className: w.selectContainer, children: [
         /* @__PURE__ */ h(
@@ -166,8 +166,8 @@ const Qe = "_selectWrapper_ir4bq_1", Xe = "_fullWidth_ir4bq_7", Ze = "_label_ir4
             className: `${w.select} ${I ? w.error : ""}`,
             ...c,
             children: [
-              d && /* @__PURE__ */ n("option", { value: "", disabled: !0, children: d }),
-              r.map((y) => /* @__PURE__ */ n(
+              d && /* @__PURE__ */ r("option", { value: "", disabled: !0, children: d }),
+              n && n.map((y) => /* @__PURE__ */ r(
                 "option",
                 {
                   value: y.value,
@@ -175,14 +175,15 @@ const Qe = "_selectWrapper_ir4bq_1", Xe = "_fullWidth_ir4bq_7", Ze = "_label_ir4
                   children: y.label
                 },
                 y.value
-              ))
+              )),
+              !n && c.children
             ]
           }
         ),
-        /* @__PURE__ */ n("span", { className: w.arrow, children: "▼" })
+        /* @__PURE__ */ r("span", { className: w.arrow, children: "▼" })
       ] }),
-      e && /* @__PURE__ */ n("span", { className: w.errorText, children: e }),
-      s && !e && /* @__PURE__ */ n("span", { className: w.helperText, children: s })
+      e && /* @__PURE__ */ r("span", { className: w.errorText, children: e }),
+      s && !e && /* @__PURE__ */ r("span", { className: w.helperText, children: s })
     ] });
   }
 );
@@ -222,21 +223,21 @@ class mt {
     });
     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;
+    const n = await s.json();
+    return ce(n.access_token, e), n.access_token;
   }
   async request(e, s = {}) {
-    const r = le(), d = {
+    const n = le(), d = {
       "Content-Type": "application/json",
       ...s.headers
     };
-    r && (d.Authorization = `Bearer ${r}`);
+    n && (d.Authorization = `Bearer ${n}`);
     const u = `${this.baseURL}${e}`;
     let l = await fetch(u, {
       ...s,
       headers: d
     });
-    if (l.status === 401 && r) {
+    if (l.status === 401 && n) {
       this.isRefreshing || (this.isRefreshing = !0, this.refreshPromise = this.refreshAccessToken().finally(() => {
         this.isRefreshing = !1, this.refreshPromise = null;
       }));
@@ -271,23 +272,23 @@ class mt {
   async get(e, s) {
     return this.request(e, { ...s, method: "GET" });
   }
-  async post(e, s, r) {
+  async post(e, s, n) {
     return this.request(e, {
-      ...r,
+      ...n,
       method: "POST",
       body: s ? JSON.stringify(s) : void 0
     });
   }
-  async put(e, s, r) {
+  async put(e, s, n) {
     return this.request(e, {
-      ...r,
+      ...n,
       method: "PUT",
       body: s ? JSON.stringify(s) : void 0
     });
   }
-  async patch(e, s, r) {
+  async patch(e, s, n) {
     return this.request(e, {
-      ...r,
+      ...n,
       method: "PATCH",
       body: s ? JSON.stringify(s) : void 0
     });
@@ -309,7 +310,7 @@ const ys = (t) => {
 }, ht = (t) => {
   try {
     const e = N();
-    if (e.some((r) => r.ally_code === t.ally_code))
+    if (e.some((n) => n.ally_code === t.ally_code))
       return;
     e.push(t), localStorage.setItem(U, JSON.stringify(e));
   } catch (e) {
@@ -317,7 +318,7 @@ const ys = (t) => {
   }
 }, gt = (t) => {
   try {
-    const s = N().filter((r) => r.ally_code !== t);
+    const s = N().filter((n) => n.ally_code !== t);
     localStorage.setItem(U, JSON.stringify(s));
   } catch (e) {
     console.error("Failed to remove ally code from localStorage:", e);
@@ -325,7 +326,7 @@ const ys = (t) => {
 }, oe = (t) => {
   try {
     const s = N().map(
-      (r) => r.ally_code === t ? { ...r, last_used_at: (/* @__PURE__ */ new Date()).toISOString() } : r
+      (n) => n.ally_code === t ? { ...n, last_used_at: (/* @__PURE__ */ new Date()).toISOString() } : n
     );
     localStorage.setItem(U, JSON.stringify(s));
   } catch (e) {
@@ -336,7 +337,7 @@ const ys = (t) => {
 }, 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] = $({
+  const [e, s] = $(null), [n, d] = $(!0), [u, l] = $([]), [i, c] = $(null), [p, f] = $(!1), [I, y] = $({
     show: !1,
     localStorageCodes: []
   }), k = A(async () => {
@@ -473,7 +474,7 @@ const ys = (t) => {
   const _e = {
     user: e,
     isAuthenticated: !!e,
-    isLoading: r,
+    isLoading: n,
     login: j,
     register: L,
     logout: D,
@@ -494,7 +495,7 @@ const ys = (t) => {
     dismissMigrationPrompt: V,
     migrateLocalStorageCodes: de
   };
-  return /* @__PURE__ */ n(ie.Provider, { value: _e, children: t });
+  return /* @__PURE__ */ r(ie.Provider, { value: _e, children: t });
 }, vt = () => {
   const t = ge(ie);
   if (t === void 0)
@@ -518,7 +519,7 @@ const ys = (t) => {
 }) => {
   const {
     allyCodes: s,
-    selectedAllyCode: r,
+    selectedAllyCode: n,
     selectAllyCode: d,
     removeAllyCode: u,
     addAllyCode: l,
@@ -550,11 +551,11 @@ const ys = (t) => {
     }
   };
   return s.length === 0 ? null : /* @__PURE__ */ h("div", { className: `${v.allyCodeDropdown} ${e}`, children: [
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ r(
       ae,
       {
         options: Y,
-        value: r || "",
+        value: n || "",
         onChange: G,
         placeholder: "Select ally code",
         disabled: i,
@@ -562,10 +563,10 @@ const ys = (t) => {
       }
     ),
     c && /* @__PURE__ */ h("div", { className: v.managePanel, children: [
-      /* @__PURE__ */ n("h4", { children: "Manage Ally Codes" }),
+      /* @__PURE__ */ r("h4", { children: "Manage Ally Codes" }),
       /* @__PURE__ */ h("div", { className: v.addSection, children: [
         /* @__PURE__ */ h("div", { className: v.addInputGroup, children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ r(
             re,
             {
               type: "text",
@@ -575,7 +576,7 @@ const ys = (t) => {
               disabled: D
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ r(
             z,
             {
               variant: "primary",
@@ -587,12 +588,12 @@ const ys = (t) => {
             }
           )
         ] }),
-        y && /* @__PURE__ */ n("div", { className: v.error, children: y }),
-        j && /* @__PURE__ */ n("div", { className: v.success, children: j })
+        y && /* @__PURE__ */ r("div", { className: v.error, children: y }),
+        j && /* @__PURE__ */ r("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(
+      /* @__PURE__ */ r("div", { className: v.codesList, children: s.map((_) => /* @__PURE__ */ h("div", { className: v.codeItem, children: [
+        /* @__PURE__ */ r("span", { children: _.player_name ? `${_.player_name} (${O(_.ally_code)})` : O(_.ally_code) }),
+        /* @__PURE__ */ r(
           z,
           {
             variant: "ghost",
@@ -602,7 +603,7 @@ const ys = (t) => {
           }
         )
       ] }, _.ally_code)) }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ r(
         z,
         {
           variant: "secondary",
@@ -613,7 +614,7 @@ const ys = (t) => {
         }
       )
     ] }),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ r(
       z,
       {
         variant: "ghost",
@@ -638,14 +639,14 @@ const ys = (t) => {
   children: t,
   variant: e = "default",
   chamfered: s = !1,
-  chamferSize: r = "md",
+  chamferSize: n = "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(
+  const c = s ? n === "sm" ? "chamfered-box-sm" : n === "lg" ? "chamfered-box-lg" : "chamfered-box" : "";
+  return /* @__PURE__ */ r(
     "div",
     {
       className: `${M.card} ${M[e]} ${M[`padding-${d}`]} ${c} ${u ? M.hoverable : ""} ${l}`,
@@ -671,8 +672,8 @@ const ys = (t) => {
   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 = {
+  className: n = ""
+}) => /* @__PURE__ */ r("span", { className: `${X.badge} ${X[e]} ${X[s]} ${n}`, 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,
@@ -689,7 +690,7 @@ const ys = (t) => {
   isOpen: t,
   onClose: e,
   title: s,
-  children: r,
+  children: n,
   size: d = "md",
   closeOnOverlayClick: u = !0,
   className: l = ""
@@ -705,12 +706,12 @@ const ys = (t) => {
   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: [
+  return /* @__PURE__ */ r("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__ */ r("h2", { className: W.title, children: s }),
+      /* @__PURE__ */ r("button", { className: W.closeButton, onClick: e, "aria-label": "Close modal", children: "✕" })
     ] }),
-    /* @__PURE__ */ n("div", { className: W.content, children: r })
+    /* @__PURE__ */ r("div", { className: W.content, children: n })
   ] }) });
 }, 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,
@@ -727,10 +728,10 @@ const ys = (t) => {
   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..." }) });
+  /* @__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[t]} ${s}`, role: "status", children: /* @__PURE__ */ r("span", { className: C.visuallyHidden, children: "Loading..." }) });
 export {
   ws as AllyCodeDropdown,
   mt as ApiClient,

package/package.json

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