@articles-media/articles-dev-box 1.0.23 → 1.0.24

package/dist/{Button-BlAdEbSd.js → Button-CU11ETla.js}

@@ -1,10 +1,10 @@
-import { r as e, t } from "./jsx-runtime-VZk6y-ec.js";
-import { t as n } from "./classnames-DP6dWde5.js";
-import { forwardRef as r } from "react";
+import { n as e, t } from "./classnames-CpG5mzJ5.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/UI/Button.jsx
-var i = /* @__PURE__ */ e(n(), 1), a = t(), o = r((e, t) => {
-	let { size: n, variant: r, style: o, small: s, large: c, onClick: l, className: u, disabled: d, active: f, type: p, onMouseDown: m, onMouseUp: h, onMouseLeave: g, onTouchStart: _, onTouchEnd: v, ...y } = e;
-	return /* @__PURE__ */ (0, a.jsx)("button", {
+var i = /* @__PURE__ */ e(t(), 1), a = n((e, t) => {
+	let { size: n, variant: a, style: o, small: s, large: c, onClick: l, className: u, disabled: d, active: f, type: p, onMouseDown: m, onMouseUp: h, onMouseLeave: g, onTouchStart: _, onTouchEnd: v, ...y } = e;
+	return /* @__PURE__ */ r("button", {
 		ref: t,
 		...p && { type: "submit" },
 		disabled: d,
@@ -14,7 +14,7 @@ var i = /* @__PURE__ */ e(n(), 1), a = t(), o = r((e, t) => {
 		onMouseLeave: g,
 		onTouchStart: _,
 		onTouchEnd: v,
-		className: (0, i.default)(`btn ${r ? `btn-${r}` : "btn-articles"}`, {
+		className: (0, i.default)(`btn ${a ? `btn-${a}` : "btn-articles"}`, {
 			[u]: u,
 			"btn-lg": c,
 			"btn-sm": s,
@@ -25,6 +25,6 @@ var i = /* @__PURE__ */ e(n(), 1), a = t(), o = r((e, t) => {
 		children: e.children
 	});
 });
-o.displayName = "ArticlesButton";
+a.displayName = "ArticlesButton";
 //#endregion
-export { o as t };
+export { a as t };

package/dist/CreditsModal.js

@@ -1,50 +1,49 @@
-import { t as e } from "./jsx-runtime-VZk6y-ec.js";
-import { t } from "./Button-BlAdEbSd.js";
-import { useState as n } from "react";
-import { Modal as r } from "react-bootstrap";
+import { t as e } from "./Button-CU11ETla.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Modal as i } from "react-bootstrap";
 //#region src/components/Games/Credits/CreditsModal.jsx
-var i = e();
-function a({ show: e, setShow: a, useStore: o, owner: s, repo: c, developers: l, publisher: u, introText: d }) {
-	let [f, p] = n(!1);
-	return /* @__PURE__ */ (0, i.jsxs)(r, {
+function a({ show: a, setShow: o, useStore: s, owner: c, repo: l, developers: u, publisher: d, introText: f }) {
+	let [p, m] = t(!1);
+	return /* @__PURE__ */ r(i, {
 		className: "articles-modal",
 		size: "md",
-		show: e,
+		show: a,
 		centered: !0,
 		scrollable: !0,
 		onExited: () => {},
 		onHide: () => {
-			a(!1);
+			o(!1);
 		},
 		children: [
-			/* @__PURE__ */ (0, i.jsx)(r.Header, {
+			/* @__PURE__ */ n(i.Header, {
 				closeButton: !0,
-				children: /* @__PURE__ */ (0, i.jsx)(r.Title, { children: "Game Credits" })
+				children: /* @__PURE__ */ n(i.Title, { children: "Game Credits" })
 			}),
-			/* @__PURE__ */ (0, i.jsxs)(r.Body, {
+			/* @__PURE__ */ r(i.Body, {
 				className: "flex-column p-3",
 				children: [
-					d && /* @__PURE__ */ (0, i.jsx)("div", {
+					f && /* @__PURE__ */ n("div", {
 						className: "mb-3",
-						children: d
+						children: f
 					}),
-					l ? /* @__PURE__ */ (0, i.jsx)("div", {}) : /* @__PURE__ */ (0, i.jsx)("div", { children: "Developed by: ArticlesJoey " }),
-					u ? /* @__PURE__ */ (0, i.jsx)("div", {}) : /* @__PURE__ */ (0, i.jsx)("div", { children: "Published by: Articles Media " }),
-					/* @__PURE__ */ (0, i.jsx)("div", { className: "mb-3" }),
-					s && c && /* @__PURE__ */ (0, i.jsxs)("div", { children: [/* @__PURE__ */ (0, i.jsx)("div", { children: "Attributions:" }), /* @__PURE__ */ (0, i.jsx)("a", {
-						href: `https://github.com/${s}/${c}/blob/main/README.md`,
+					u ? /* @__PURE__ */ n("div", {}) : /* @__PURE__ */ n("div", { children: "Developed by: ArticlesJoey " }),
+					d ? /* @__PURE__ */ n("div", {}) : /* @__PURE__ */ n("div", { children: "Published by: Articles Media " }),
+					/* @__PURE__ */ n("div", { className: "mb-3" }),
+					c && l && /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("div", { children: "Attributions:" }), /* @__PURE__ */ n("a", {
+						href: `https://github.com/${c}/${l}/blob/main/README.md`,
 						target: "_blank",
 						rel: "noopener noreferrer",
-						children: /* @__PURE__ */ (0, i.jsxs)(t, { children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fab fa-github" }), "View on GitHub"] })
+						children: /* @__PURE__ */ r(e, { children: [/* @__PURE__ */ n("i", { className: "fab fa-github" }), "View on GitHub"] })
 					})] })
 				]
 			}),
-			/* @__PURE__ */ (0, i.jsxs)(r.Footer, {
+			/* @__PURE__ */ r(i.Footer, {
 				className: "justify-content-between",
-				children: [/* @__PURE__ */ (0, i.jsx)("div", {}), /* @__PURE__ */ (0, i.jsx)(t, {
+				children: [/* @__PURE__ */ n("div", {}), /* @__PURE__ */ n(e, {
 					variant: "outline-dark",
 					onClick: () => {
-						a(!1);
+						o(!1);
 					},
 					children: "Close"
 				})]

package/dist/DarkModeHandler.js

@@ -1,18 +1,17 @@
-import { t as e } from "./jsx-runtime-VZk6y-ec.js";
-import { useEffect as t } from "react";
+import { useEffect as e } from "react";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
 //#region src/components/UI/DarkModeHandler.jsx
-var n = e();
-function r({ useStore: e }) {
-	let r = e((e) => e.darkMode), i = e((e) => e._hasHydrated);
-	return t(() => {
-		if (i) {
-			if (r == null) {
-				let t = window.matchMedia("(prefers-color-scheme: dark)").matches;
-				e.getState().setDarkMode(!!t);
+function r({ useStore: r }) {
+	let i = r((e) => e.darkMode), a = r((e) => e._hasHydrated);
+	return e(() => {
+		if (a) {
+			if (i == null) {
+				let e = window.matchMedia("(prefers-color-scheme: dark)").matches;
+				r.getState().setDarkMode(!!e);
 			}
-			r ? document.body.setAttribute("data-bs-theme", "dark") : document.body.setAttribute("data-bs-theme", "light");
+			i ? document.body.setAttribute("data-bs-theme", "dark") : document.body.setAttribute("data-bs-theme", "light");
 		}
-	}, [r, i]), /* @__PURE__ */ (0, n.jsx)(n.Fragment, {});
+	}, [i, a]), /* @__PURE__ */ n(t, {});
 }
 //#endregion
 export { r as default };

package/dist/FriendsList.js

@@ -1,74 +1,73 @@
-import { t as e } from "./jsx-runtime-VZk6y-ec.js";
-import { t } from "./Button-BlAdEbSd.js";
-import n from "./useUserFriends.js";
-import { Modal as r } from "react-bootstrap";
+import { t as e } from "./Button-CU11ETla.js";
+import t from "./useUserFriends.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Modal as i } from "react-bootstrap";
 //#region src/components/Friends/FriendsList.jsx
-var i = e();
-function a({ show: e, setShow: a, componentType: o, className: s, style: c = {}, user_id: l, user_token: u, id: d = null, allowInvite: f = !1, inviteFunction: p = null, modalBackdropClassName: m = "" }) {
-	let { data: h, error: g, isLoading: _, mutate: v } = n({
-		user_id: l,
-		user_token: u
+function a({ show: a, setShow: o, componentType: s, className: c, style: l = {}, user_id: u, user_token: d, id: f = null, allowInvite: p = !1, inviteFunction: m = null, modalBackdropClassName: h = "" }) {
+	let { data: g, error: _, isLoading: v, mutate: y } = t({
+		user_id: u,
+		user_token: d
 	});
-	if ((!o || o == "list") && !_ && h && h.length > 0) return /* @__PURE__ */ (0, i.jsx)("ul", {
-		className: s,
-		style: c,
-		children: h.map((e) => /* @__PURE__ */ (0, i.jsxs)("li", { children: [
+	if ((!s || s == "list") && !v && g && g.length > 0) return /* @__PURE__ */ n("ul", {
+		className: c,
+		style: l,
+		children: g.map((e) => /* @__PURE__ */ r("li", { children: [
 			e?.populated_user?.username,
 			" - ",
 			e?.populated_user?.display_name || "No Display Name"
 		] }, e.user_id))
 	});
-	if (o.toLowerCase() == "modal") return /* @__PURE__ */ (0, i.jsxs)(r, {
-		show: e,
+	if (s.toLowerCase() == "modal") return /* @__PURE__ */ r(i, {
+		show: a,
 		size: "md",
-		className: `articles-modal ${s}`,
-		modalBackdropClassName: m,
+		className: `articles-modal ${c}`,
+		modalBackdropClassName: h,
 		centered: !0,
-		onHide: () => a(!1),
-		style: c,
-		id: d,
+		onHide: () => o(!1),
+		style: l,
+		id: f,
 		children: [
-			/* @__PURE__ */ (0, i.jsx)(r.Header, { children: /* @__PURE__ */ (0, i.jsx)(r.Title, { children: "Friends" }) }),
-			/* @__PURE__ */ (0, i.jsxs)(r.Body, { children: [
-				_ && /* @__PURE__ */ (0, i.jsxs)("div", {
+			/* @__PURE__ */ n(i.Header, { children: /* @__PURE__ */ n(i.Title, { children: "Friends" }) }),
+			/* @__PURE__ */ r(i.Body, { children: [
+				v && /* @__PURE__ */ r("div", {
 					className: "d-flex align-items-center",
-					children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-spinner-third fa-spin fa-2x" }), /* @__PURE__ */ (0, i.jsx)("div", { children: "Loading..." })]
+					children: [/* @__PURE__ */ n("i", { className: "fad fa-spinner-third fa-spin fa-2x" }), /* @__PURE__ */ n("div", { children: "Loading..." })]
 				}),
-				!_ && h && h.length == 0 && /* @__PURE__ */ (0, i.jsx)("div", { children: "No friends to show." }),
-				!_ && h && h.length > 0 && /* @__PURE__ */ (0, i.jsx)("div", { children: h.map((e) => /* @__PURE__ */ (0, i.jsxs)("div", {
+				!v && g && g.length == 0 && /* @__PURE__ */ n("div", { children: "No friends to show." }),
+				!v && g && g.length > 0 && /* @__PURE__ */ n("div", { children: g.map((t) => /* @__PURE__ */ r("div", {
 					className: "d-flex align-items-center justify-content-between border p-1",
 					children: [
-						e?.populated_user?.username,
+						t?.populated_user?.username,
 						" - ",
-						e?.populated_user?.display_name || "No Display Name",
-						/* @__PURE__ */ (0, i.jsxs)("div", { children: [f && /* @__PURE__ */ (0, i.jsx)(t, {
+						t?.populated_user?.display_name || "No Display Name",
+						/* @__PURE__ */ r("div", { children: [p && /* @__PURE__ */ n(e, {
 							variant: "articles",
 							onClick: () => {
-								f(e);
+								p(t);
 							},
-							children: /* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-comment-check" })
-						}), /* @__PURE__ */ (0, i.jsx)(t, {
+							children: /* @__PURE__ */ n("i", { className: "fad fa-comment-check" })
+						}), /* @__PURE__ */ n(e, {
 							variant: "articles",
 							onClick: () => {},
-							children: /* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-info" })
+							children: /* @__PURE__ */ n("i", { className: "fad fa-info" })
 						})] })
 					]
-				}, e.user_id)) })
+				}, t.user_id)) })
 			] }),
-			/* @__PURE__ */ (0, i.jsxs)(r.Footer, {
+			/* @__PURE__ */ r(i.Footer, {
 				className: "justify-content-between",
-				children: [/* @__PURE__ */ (0, i.jsxs)(t, {
+				children: [/* @__PURE__ */ r(e, {
 					variant: "articles",
 					onClick: () => {
-						v();
+						y();
 					},
-					children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-redo me-2" }), /* @__PURE__ */ (0, i.jsx)("span", { children: "Refresh" })]
-				}), /* @__PURE__ */ (0, i.jsxs)(t, {
+					children: [/* @__PURE__ */ n("i", { className: "fad fa-redo me-2" }), /* @__PURE__ */ n("span", { children: "Refresh" })]
+				}), /* @__PURE__ */ r(e, {
 					variant: "articles",
 					onClick: () => {
-						a(!1);
+						o(!1);
 					},
-					children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-times me-2" }), "Close"]
+					children: [/* @__PURE__ */ n("i", { className: "fad fa-times me-2" }), "Close"]
 				})]
 			})
 		]

package/dist/{GameScoreboard-CBY3JsFa.js → GameScoreboard-Dj5mTFTn.js}

@@ -1,20 +1,19 @@
-import { t as e } from "./jsx-runtime-VZk6y-ec.js";
-import { t } from "./Button-BlAdEbSd.js";
-import { t as n } from "./Modal-BX1s6CCU.js";
-import { t as r } from "./ViewUserModal-DDjWLpyM.js";
-import { useEffect as i, useState as a } from "react";
+import { t as e } from "./Button-CU11ETla.js";
+import { t } from "./ViewUserModal-C_gWUvXi.js";
+import { useEffect as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import o from "swr";
+import s from "react-bootstrap/Modal";
 //#region src/components/UI/ArticlesSwitch.jsx
-var s = e();
 function c({ setChecked: e, checked: t, readOnly: n }) {
-	return /* @__PURE__ */ (0, s.jsxs)("label", {
+	return /* @__PURE__ */ a("label", {
 		className: `articles-switch mb-0 ${t && "checked"}`,
-		children: [/* @__PURE__ */ (0, s.jsx)("input", {
+		children: [/* @__PURE__ */ i("input", {
 			type: "checkbox",
 			readOnly: !!n,
 			checked: t,
 			onChange: () => {}
-		}), /* @__PURE__ */ (0, s.jsx)("span", {
+		}), /* @__PURE__ */ i("span", {
 			onClick: (n) => {
 				if (e) {
 					e(!t);
@@ -58,105 +57,105 @@ var l = async (e) => {
 };
 //#endregion
 //#region src/components/Games/GameScoreboard.jsx
-function f({ game: e, reloadScoreboard: o, setReloadScoreboard: l, prepend: u, append: f }) {
-	let [p, m] = a(!1), [h, g] = a(!1), { data: _, isLoading: v, mutate: y } = d({ game: e });
-	return i(() => {}, []), i(() => {
-		o && (l(!1), y());
-	}, [o]), /* @__PURE__ */ (0, s.jsxs)("div", {
+function f({ game: o, reloadScoreboard: l, setReloadScoreboard: u, prepend: f, append: p }) {
+	let [m, h] = r(!1), [g, _] = r(!1), { data: v, isLoading: y, mutate: b } = d({ game: o });
+	return n(() => {}, []), n(() => {
+		l && (u(!1), b());
+	}, [l]), /* @__PURE__ */ a("div", {
 		className: "scoreboard",
 		children: [
-			/* @__PURE__ */ (0, s.jsxs)(n, {
-				show: p,
+			/* @__PURE__ */ a(s, {
+				show: m,
 				size: "md",
 				className: "articles-modal",
 				centered: !0,
-				onHide: () => m(!1),
+				onHide: () => h(!1),
 				children: [
-					/* @__PURE__ */ (0, s.jsx)(n.Header, { children: /* @__PURE__ */ (0, s.jsx)(n.Title, { children: "Scoreboard Settings" }) }),
-					/* @__PURE__ */ (0, s.jsx)(n.Body, { children: /* @__PURE__ */ (0, s.jsxs)("div", {
+					/* @__PURE__ */ i(s.Header, { children: /* @__PURE__ */ i(s.Title, { children: "Scoreboard Settings" }) }),
+					/* @__PURE__ */ i(s.Body, { children: /* @__PURE__ */ a("div", {
 						className: "d-flex justify-content-between align-items-center",
-						onClick: () => g(!h),
-						children: [/* @__PURE__ */ (0, s.jsxs)("div", { children: [/* @__PURE__ */ (0, s.jsx)("i", { className: "fas fa-trophy-alt" }), /* @__PURE__ */ (0, s.jsx)("span", { children: "Join Scoreboard?" })] }), /* @__PURE__ */ (0, s.jsx)(c, { checked: h })]
+						onClick: () => _(!g),
+						children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("i", { className: "fas fa-trophy-alt" }), /* @__PURE__ */ i("span", { children: "Join Scoreboard?" })] }), /* @__PURE__ */ i(c, { checked: g })]
 					}) }),
-					/* @__PURE__ */ (0, s.jsx)(n.Footer, {
+					/* @__PURE__ */ i(s.Footer, {
 						className: "justify-content-between",
-						children: /* @__PURE__ */ (0, s.jsx)(t, {
+						children: /* @__PURE__ */ i(e, {
 							variant: "articles",
 							onClick: () => {
-								m(!1);
+								h(!1);
 							},
 							children: "Close"
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, s.jsx)("div", {
+			/* @__PURE__ */ i("div", {
 				className: "prepend-container",
-				children: u
+				children: f
 			}),
-			/* @__PURE__ */ (0, s.jsxs)("div", {
+			/* @__PURE__ */ a("div", {
 				className: "card card-articles card-sm mb-3 mb-lg-0",
 				children: [
-					/* @__PURE__ */ (0, s.jsxs)("div", {
+					/* @__PURE__ */ a("div", {
 						className: "card-header d-flex justify-content-between align-items-center",
-						children: [/* @__PURE__ */ (0, s.jsxs)("span", { children: [e, " Scoreboard"] }), /* @__PURE__ */ (0, s.jsx)(t, {
+						children: [/* @__PURE__ */ a("span", { children: [o, " Scoreboard"] }), /* @__PURE__ */ i(e, {
 							onClick: () => {
-								y();
+								b();
 							},
 							small: !0,
-							children: /* @__PURE__ */ (0, s.jsx)("i", { className: "fad fa-redo me-0" })
+							children: /* @__PURE__ */ i("i", { className: "fad fa-redo me-0" })
 						})]
 					}),
-					/* @__PURE__ */ (0, s.jsxs)("div", {
+					/* @__PURE__ */ a("div", {
 						className: "card-body p-0",
-						children: [(_?.length || 0) == 0 && /* @__PURE__ */ (0, s.jsx)("div", {
+						children: [(v?.length || 0) == 0 && /* @__PURE__ */ i("div", {
 							className: "small p-2",
 							children: "No scores yet"
-						}), _?.map((e, t) => /* @__PURE__ */ (0, s.jsxs)("div", {
+						}), v?.map((e, n) => /* @__PURE__ */ a("div", {
 							className: "result d-flex flex-column justify-content-between border-bottom p-2",
-							children: [/* @__PURE__ */ (0, s.jsxs)("div", {
+							children: [/* @__PURE__ */ a("div", {
 								className: "d-flex justify-content-between lh-sm",
-								children: [/* @__PURE__ */ (0, s.jsxs)("div", {
+								children: [/* @__PURE__ */ a("div", {
 									className: "d-flex",
-									children: [/* @__PURE__ */ (0, s.jsx)("h5", {
+									children: [/* @__PURE__ */ i("h5", {
 										className: "mb-0 me-3",
-										children: t + 1
-									}), /* @__PURE__ */ (0, s.jsx)("div", {
+										children: n + 1
+									}), /* @__PURE__ */ i("div", {
 										className: "lh-sm",
-										children: /* @__PURE__ */ (0, s.jsx)(r, {
+										children: /* @__PURE__ */ i(t, {
 											populated_user: e.populated_user,
 											user_id: e.user_id
 										})
 									})]
-								}), /* @__PURE__ */ (0, s.jsx)("div", { children: /* @__PURE__ */ (0, s.jsx)("h5", {
+								}), /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("h5", {
 									className: "mb-0",
 									children: e.score || e.total
 								}) })]
-							}), e.last_play && e.public_last_play && /* @__PURE__ */ (0, s.jsxs)("small", {
+							}), e.last_play && e.public_last_play && /* @__PURE__ */ a("small", {
 								className: "mt-1",
 								style: { fontSize: "0.75rem" },
 								children: ["Played: ", format(new Date(e.last_play), "MM/d/yy hh:mmaa")]
 							})]
 						}, e._id))]
 					}),
-					/* @__PURE__ */ (0, s.jsxs)("div", {
+					/* @__PURE__ */ a("div", {
 						className: "card-footer d-flex justify-content-between align-items-center",
-						children: [/* @__PURE__ */ (0, s.jsx)("div", {
+						children: [/* @__PURE__ */ i("div", {
 							className: "small",
 							children: "Play to get on the board!"
-						}), /* @__PURE__ */ (0, s.jsx)(t, {
+						}), /* @__PURE__ */ i(e, {
 							small: !0,
 							onClick: () => {
-								m(!0);
+								h(!0);
 							},
-							children: /* @__PURE__ */ (0, s.jsx)("i", { className: "fad fa-cog me-0" })
+							children: /* @__PURE__ */ i("i", { className: "fad fa-cog me-0" })
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, s.jsx)("div", {
+			/* @__PURE__ */ i("div", {
 				className: "append-container",
-				children: f
+				children: p
 			})
 		]
 	});

package/dist/GameScoreboard.js

@@ -1,2 +1,2 @@
-import { t as e } from "./GameScoreboard-CBY3JsFa.js";
+import { t as e } from "./GameScoreboard-Dj5mTFTn.js";
 export { e as default };

package/dist/GlobalBody.js

@@ -1,36 +1,36 @@
 "use client";
-import { r as e, t } from "./jsx-runtime-VZk6y-ec.js";
-import { t as n } from "./classnames-DP6dWde5.js";
-import { n as r, t as i } from "./useAuthSiteStatus-1rHjYC4N.js";
-import { Suspense as a, lazy as o, memo as s, useState as c } from "react";
+import { n as e, t } from "./classnames-CpG5mzJ5.js";
+import { n, t as r } from "./useAuthSiteStatus-Cj9IjMj7.js";
+import { Suspense as i, lazy as a, memo as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/Global/GlobalBody.jsx
-var l = /* @__PURE__ */ e(n(), 1), u = t(), d = o(() => import("./StatusModal-elrPJvX1.js"));
-function f(e) {
-	let [t, n] = c(!1), { data: o, error: s, isLoading: f, mutate: p } = r({ disable: process.env.NODE_ENV !== "development" }), { data: m, error: h, isLoading: g, mutate: _ } = i({ disable: process.env.NODE_ENV !== "development" });
-	return /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [/* @__PURE__ */ (0, u.jsx)("link", {
+var d = /* @__PURE__ */ e(t(), 1), f = a(() => import("./StatusModal-CBzdZdAm.js"));
+function p(e) {
+	let [t, a] = s(!1), { data: o, error: p, isLoading: m, mutate: h } = n({ disable: process.env.NODE_ENV !== "development" }), { data: g, error: _, isLoading: v, mutate: y } = r({ disable: process.env.NODE_ENV !== "development" });
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("link", {
 		rel: "stylesheet",
 		href: "https://cdn.articles.media/fonts/fontawesome/css/all.min.css"
-	}), process.env.NODE_ENV === "development" && /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [
-		/* @__PURE__ */ (0, u.jsx)("style", { children: "                        \n                            @keyframes grow-shrink {\n                                0% { transform: translateY(-50px); }\n                                50% { transform: translateY(0px); }\n                                100% { transform: translateY(-50px); }\n                            }\n                            .articles-global-body {\n                                transform: translateY(-40px);\n                                z-index: 1055!important;\n                                position: absolute;\n                                top: 0;\n                                left: 0;\n                                display: flex;\n                                justify-content: center;\n                                align-items: center;\n                                width: 50px;\n                                height: 50px;\n                                margin: 0;\n                                padding: 0;\n                                background-color: yellow;\n                                color: #FFFFFF;\n                                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n                                animation: grow-shrink 2s ease-in;\n                                border: 4px solid red;\n                                cursor: pointer;\n                            }\n                            .articles-global-body.main-connected {\n                                background-color: green;\n                            }\n                            .articles-global-body.auth-connected {\n                                border-color: blue;\n                            }  \n                        " }),
-		/* @__PURE__ */ (0, u.jsx)("div", {
+	}), process.env.NODE_ENV === "development" && /* @__PURE__ */ u(c, { children: [
+		/* @__PURE__ */ l("style", { children: "                        \n                            @keyframes grow-shrink {\n                                0% { transform: translateY(-50px); }\n                                50% { transform: translateY(0px); }\n                                100% { transform: translateY(-50px); }\n                            }\n                            .articles-global-body {\n                                transform: translateY(-40px);\n                                z-index: 1055!important;\n                                position: absolute;\n                                top: 0;\n                                left: 0;\n                                display: flex;\n                                justify-content: center;\n                                align-items: center;\n                                width: 50px;\n                                height: 50px;\n                                margin: 0;\n                                padding: 0;\n                                background-color: yellow;\n                                color: #FFFFFF;\n                                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n                                animation: grow-shrink 2s ease-in;\n                                border: 4px solid red;\n                                cursor: pointer;\n                            }\n                            .articles-global-body.main-connected {\n                                background-color: green;\n                            }\n                            .articles-global-body.auth-connected {\n                                border-color: blue;\n                            }  \n                        " }),
+		/* @__PURE__ */ l("div", {
 			onClick: () => {
-				n(!0);
+				a(!0);
 			},
-			className: (0, l.default)("articles-global-body", {
+			className: (0, d.default)("articles-global-body", {
 				"main-connected": o,
-				"auth-connected": m
+				"auth-connected": g
 			}),
-			children: /* @__PURE__ */ (0, u.jsx)("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: "content",
-				children: /* @__PURE__ */ (0, u.jsx)("i", { className: "fas fa-thumbs-up" })
+				children: /* @__PURE__ */ l("i", { className: "fas fa-thumbs-up" })
 			})
 		}),
-		t && /* @__PURE__ */ (0, u.jsx)(a, { children: /* @__PURE__ */ (0, u.jsx)(d, {
+		t && /* @__PURE__ */ l(i, { children: /* @__PURE__ */ l(f, {
 			show: t,
-			setShow: n
+			setShow: a
 		}) })
 	] })] });
 }
-var p = s(f);
+var m = o(p);
 //#endregion
-export { p as default };
+export { m as default };

package/dist/GlobalHead.js

@@ -1,8 +1,7 @@
-import { t as e } from "./jsx-runtime-VZk6y-ec.js";
+import { Fragment as e, jsx as t } from "react/jsx-runtime";
 //#region src/components/Global/GlobalHead.jsx
-var t = e();
 function n() {
-	return /* @__PURE__ */ (0, t.jsx)(t.Fragment, { children: /* @__PURE__ */ (0, t.jsx)("link", {
+	return /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t("link", {
 		rel: "stylesheet",
 		href: "https://cdn.articles.media/fonts/fontawesome/css/all.min.css"
 	}) });

package/dist/Link-8nSDV4sI.js

@@ -0,0 +1,16 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/UI/Link.jsx
+function t(t) {
+	let { href: n, children: r, newPage: i, ...a } = t;
+	return /* @__PURE__ */ e("a", {
+		href: n,
+		...a,
+		...i && {
+			target: "_blank",
+			rel: "noopener noreferrer"
+		},
+		children: r
+	});
+}
+//#endregion
+export { t };

package/dist/ReturnToLauncherButton.js

@@ -1,18 +1,17 @@
 "use client";
-import { t as e } from "./jsx-runtime-VZk6y-ec.js";
-import { t } from "./Button-BlAdEbSd.js";
-import { useEffect as n, useState as r } from "react";
+import { t as e } from "./Button-CU11ETla.js";
+import { useEffect as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/Games/ReturnToLauncherButton.jsx
-var i = e();
-function a({ className: e, id: a }) {
-	let [o, s] = r(!1);
-	if (n(() => {
-		s(!0);
-	}, []), !o) return null;
-	let c = new URLSearchParams(window.location.search), { launcher_mode: l } = Object.fromEntries(c);
-	return l = l === "1", l ? /* @__PURE__ */ (0, i.jsxs)(t, {
-		className: `${e} w-100`,
-		id: a,
+function a({ className: a, id: o }) {
+	let [s, c] = n(!1);
+	if (t(() => {
+		c(!0);
+	}, []), !s) return null;
+	let l = new URLSearchParams(window.location.search), { launcher_mode: u } = Object.fromEntries(l);
+	return u = u === "1", u ? /* @__PURE__ */ i(e, {
+		className: `${a} w-100`,
+		id: o,
 		small: !0,
 		style: {
 			zIndex: 10,
@@ -21,11 +20,11 @@ function a({ className: e, id: a }) {
 		onClick: () => {
 			window.location.href = "https://games.articles.media";
 		},
-		children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-gamepad" }), "Return to Games"]
-	}) : /* @__PURE__ */ (0, i.jsxs)(t, {
-		className: `${e} w-100`,
+		children: [/* @__PURE__ */ r("i", { className: "fad fa-gamepad" }), "Return to Games"]
+	}) : /* @__PURE__ */ i(e, {
+		className: `${a} w-100`,
 		small: !0,
-		id: a,
+		id: o,
 		style: {
 			zIndex: 10,
 			position: "relative"
@@ -33,7 +32,7 @@ function a({ className: e, id: a }) {
 		onClick: () => {
 			window.location.href = "https://games.articles.media";
 		},
-		children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-gamepad" }), "View our other games"]
+		children: [/* @__PURE__ */ r("i", { className: "fad fa-gamepad" }), "View our other games"]
 	});
 }
 //#endregion