@articles-media/articles-dev-box 1.0.31 → 1.0.33

package/dist/AdConfirmExitModal-heFPJNdX.js

@@ -0,0 +1,55 @@
+import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
+import { t as Link } from "./Link-CguWJy6y.js";
+import { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Modal from "react-bootstrap/Modal";
+//#region src/components/Ads/AdConfirmExitModal.jsx
+function AdConfirmExitModal(props) {
+	let { setModalShow, ad, previewData } = props;
+	useEffect(() => {
+		console.log("Mounted");
+	}, []);
+	const closeModal = () => {
+		setModalShow(false);
+	};
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Modal, {
+		show: true,
+		backdropClassName: "ad-details-modal-backdrop",
+		className: "articles-modal",
+		centered: true,
+		onHide: closeModal,
+		size: "md",
+		children: [
+			/* @__PURE__ */ jsx(Modal.Header, {
+				className: "align-items-center",
+				closeButton: true,
+				children: /* @__PURE__ */ jsx(Modal.Title, { children: "Confirm Exit" })
+			}),
+			/* @__PURE__ */ jsxs(Modal.Body, {
+				className: "",
+				children: [/* @__PURE__ */ jsx("div", { className: "ratio ratio-16x9 bg-black mb-2" }), /* @__PURE__ */ jsx("p", {
+					className: "mb-1",
+					children: "This advertiser has been approved and verified to display ads but always be cautious when interacting with ads. Any offsite interactions are at your own risk and should be approached with caution. We can not be held responsible for any issues that may arise."
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Modal.Footer, {
+				className: "d-flex justify-content-between",
+				children: [/* @__PURE__ */ jsxs(ArticlesButton, {
+					variant: "articles",
+					onClick: closeModal,
+					children: [/* @__PURE__ */ jsx("i", { className: "fad fa-times" }), "Close"]
+				}), /* @__PURE__ */ jsx(Link, {
+					href: ad?.website,
+					newPage: true,
+					children: /* @__PURE__ */ jsxs(ArticlesButton, {
+						variant: "articles",
+						onClick: closeModal,
+						children: [/* @__PURE__ */ jsx("i", { className: "fad fa-link" }), "Proceed"]
+					})
+				})]
+			})
+		]
+	}) });
+}
+//#endregion
+export { AdConfirmExitModal as default };

package/dist/AdDetailsModal-D2-4lh9e.js

@@ -0,0 +1,107 @@
+import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
+import { t as Link } from "./Link-CguWJy6y.js";
+import { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Modal from "react-bootstrap/Modal";
+//#region src/components/Ads/AdDetailsModal.jsx
+function AdDetailsModal(props) {
+	let { setModalShow, ad, previewData } = props;
+	useEffect(() => {
+		console.log("Mounted");
+	}, []);
+	const closeModal = () => {
+		setModalShow(false);
+	};
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Modal, {
+		show: true,
+		backdropClassName: "ad-details-modal-backdrop",
+		className: "articles-modal",
+		centered: true,
+		onHide: closeModal,
+		size: "md",
+		children: [
+			/* @__PURE__ */ jsx(Modal.Header, {
+				className: "align-items-center",
+				closeButton: true,
+				children: /* @__PURE__ */ jsx(Modal.Title, { children: "Ad Details" })
+			}),
+			/* @__PURE__ */ jsxs(Modal.Body, {
+				className: "",
+				children: [
+					/* @__PURE__ */ jsxs("p", {
+						className: "mb-1",
+						children: ["Advertiser: ", /* @__PURE__ */ jsx("b", { children: ad?.business })]
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "mb-0",
+						children: ["Ad ID: ", /* @__PURE__ */ jsx("b", { children: previewData?._id || ad._id })]
+					}),
+					/* @__PURE__ */ jsx("hr", {}),
+					/* @__PURE__ */ jsx("div", {
+						className: "mb-1",
+						children: "This ad is being shown to you for the following reasons"
+					}),
+					ad.city ? /* @__PURE__ */ jsxs("div", { children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "h4 mb-1",
+							children: ad.business
+						}),
+						/* @__PURE__ */ jsx("div", { children: "Is advertising to all zip codes within a" }),
+						/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx("div", {
+							className: "badge bg-black shadow-articles",
+							children: "15 Mile Radius"
+						}) }),
+						/* @__PURE__ */ jsx("div", { children: "of it's business" }),
+						/* @__PURE__ */ jsx("hr", { className: "border w-50 border-white" }),
+						/* @__PURE__ */ jsxs("div", {
+							className: "d-flex align-items-center",
+							children: [
+								/* @__PURE__ */ jsx("div", { children: "Your Zip code" }),
+								/* @__PURE__ */ jsx("div", {
+									className: "badge bg-black shadow-articles ms-2",
+									children: "00000"
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "ms-2",
+									children: "is"
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "badge bg-black shadow-articles ms-2",
+									children: "4.2 miles away"
+								})
+							]
+						})
+					] }) : /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+						className: "h4 mb-1",
+						children: ad.business
+					}), /* @__PURE__ */ jsx("div", { children: "Is advertising to all users" })] }),
+					/* @__PURE__ */ jsx("div", { className: "grow" }),
+					/* @__PURE__ */ jsx("hr", { className: "w-100" }),
+					/* @__PURE__ */ jsx("div", {
+						className: "reason lh-sm mb-2",
+						children: "Ads we display to you will always be transparent as to why you are seeing them."
+					}),
+					/* @__PURE__ */ jsx(Link, {
+						href: "https://articles.media/settings/account",
+						newPage: true,
+						className: "",
+						children: /* @__PURE__ */ jsx(ArticlesButton, {
+							small: true,
+							children: "Settings"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(Modal.Footer, {
+				className: "d-flex justify-content-center",
+				children: /* @__PURE__ */ jsx(ArticlesButton, {
+					variant: "articles",
+					onClick: closeModal,
+					children: "Close"
+				})
+			})
+		]
+	}) });
+}
+//#endregion
+export { AdDetailsModal as default };

package/dist/ArticlesAd.js

@@ -1,16 +1,21 @@
-import { useEffect as e } from "react";
-import { jsx as t } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/Ads/ArticlesAd.jsx
-function n({ darkMode: n }) {
-	return e(() => {}, []), e(() => {
-		let e = document.createElement("script");
-		return e.src = "https://accounts.articles.media/js/ad.js", e.async = !0, document.body.appendChild(e), () => {
-			document.body.removeChild(e);
+function ArticlesAd({ darkMode }) {
+	useEffect(() => {}, []);
+	useEffect(() => {
+		const script = document.createElement("script");
+		script.src = "https://accounts.articles.media/js/ad.js";
+		script.async = true;
+		document.body.appendChild(script);
+		return () => {
+			document.body.removeChild(script);
 		};
-	}, []), /* @__PURE__ */ t("div", {
+	}, []);
+	return /* @__PURE__ */ jsx("div", {
 		className: "",
-		children: /* @__PURE__ */ t("div", { className: "articles-media-ad" })
+		children: /* @__PURE__ */ jsx("div", { className: "articles-media-ad" })
 	});
 }
 //#endregion
-export { n as default };
+export { ArticlesAd as default };

package/dist/Button-DvEZjsVV.js

@@ -0,0 +1,32 @@
+import { n as __toESM, t as require_classnames } from "./classnames-No-mjhw1.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/UI/Button.jsx
+var import_classnames = /* @__PURE__ */ __toESM(require_classnames(), 1);
+var ArticlesButton = forwardRef((props, ref) => {
+	const { size, variant, style, small, large, onClick, className, disabled, active, type, onMouseDown, onMouseUp, onMouseLeave, onTouchStart, onTouchEnd, title, ...rest } = props;
+	return /* @__PURE__ */ jsx("button", {
+		ref,
+		...type && { type: "submit" },
+		disabled,
+		style,
+		title,
+		onMouseDown,
+		onMouseUp,
+		onMouseLeave,
+		onTouchStart,
+		onTouchEnd,
+		className: (0, import_classnames.default)(`btn ${variant ? `btn-${variant}` : "btn-articles"}`, {
+			[className]: className,
+			"btn-lg": large,
+			"btn-sm": small,
+			"active": active,
+			[`btn-${size}`]: size
+		}),
+		onClick,
+		children: props.children
+	});
+});
+ArticlesButton.displayName = "ArticlesButton";
+//#endregion
+export { ArticlesButton as t };

package/dist/CreditsModal.js

@@ -1,79 +1,95 @@
-import { t as e } from "./Button-sSB4xpOw.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";
+import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Modal } from "react-bootstrap";
 //#region src/components/Games/Credits/CreditsModal.jsx
-function a({ show: a, setShow: o, useStore: s, owner: c, repo: l, developers: u, publisher: d, introText: f, outroText: p }) {
-	let [m, h] = t(!1);
-	return /* @__PURE__ */ r(i, {
+/**
+* A modal component that displays game credits and links to a GitHub repository.
+* 
+* @param {Object} props - The component props.
+* @param {boolean} props.show - Controls whether the modal is visible.
+* @param {Function} props.setShow - Function to update the visibility of the modal.
+* @param {Function} props.useStore - Zustand store hook (currently unused in this component).
+* @param {string} props.owner - The GitHub repository owner's username.
+* @param {string} props.repo - The GitHub repository name.
+* @param {string} props.introText - Introductory text for the modal.
+* @param {Array} props.developers - List of developers.
+* @param {string} props.publisher - The publisher's name.
+
+* 
+* @returns {JSX.Element} The CreditsModal component.
+*/
+function CreditsModal({ show, setShow, useStore, owner, repo, developers, publisher, introText, outroText }) {
+	const [showModal, setShowModal] = useState(false);
+	return /* @__PURE__ */ jsxs(Modal, {
 		className: "articles-modal",
 		size: "md",
-		show: a,
-		centered: !0,
-		scrollable: !0,
+		show,
+		centered: true,
+		scrollable: true,
 		onExited: () => {},
 		onHide: () => {
-			o(!1);
+			setShow(false);
 		},
 		children: [
-			/* @__PURE__ */ n(i.Header, {
-				closeButton: !0,
-				children: /* @__PURE__ */ n(i.Title, { children: "Game Credits" })
+			/* @__PURE__ */ jsx(Modal.Header, {
+				closeButton: true,
+				children: /* @__PURE__ */ jsx(Modal.Title, { children: "Game Credits" })
 			}),
-			/* @__PURE__ */ r(i.Body, {
+			/* @__PURE__ */ jsxs(Modal.Body, {
 				className: "flex-column p-3",
 				children: [
-					f && /* @__PURE__ */ n("div", {
+					introText && /* @__PURE__ */ jsx("div", {
 						className: "mb-3",
-						children: f
+						children: introText
 					}),
-					u ? /* @__PURE__ */ n("div", {}) : /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h6", {
+					developers ? /* @__PURE__ */ jsx("div", {}) : /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h6", {
 						className: "mb-2",
 						children: "Developer: Articles Joey"
-					}), /* @__PURE__ */ n("a", {
+					}), /* @__PURE__ */ jsx("a", {
 						href: "https://github.com/articles-joey",
 						target: "_blank",
 						rel: "noopener noreferrer",
-						children: /* @__PURE__ */ r(e, {
+						children: /* @__PURE__ */ jsxs(ArticlesButton, {
 							size: "",
 							className: "mb-4",
-							children: [/* @__PURE__ */ n("i", { className: "fab fa-github me-2" }), /* @__PURE__ */ n("span", { children: "View on Github" })]
+							children: [/* @__PURE__ */ jsx("i", { className: "fab fa-github me-2" }), /* @__PURE__ */ jsx("span", { children: "View on Github" })]
 						})
 					})] }),
-					d ? /* @__PURE__ */ n("div", {}) : /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h6", {
+					publisher ? /* @__PURE__ */ jsx("div", {}) : /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h6", {
 						className: "mb-2",
 						children: "Publisher: Articles Media"
-					}), /* @__PURE__ */ n("a", {
+					}), /* @__PURE__ */ jsx("a", {
 						href: "https://github.com/Articles-Media",
 						target: "_blank",
 						rel: "noopener noreferrer",
-						children: /* @__PURE__ */ r(e, {
+						children: /* @__PURE__ */ jsxs(ArticlesButton, {
 							size: "",
 							className: "mb-4",
-							children: [/* @__PURE__ */ n("i", { className: "fad fa-browser me-2" }), /* @__PURE__ */ n("span", { children: "View Website" })]
+							children: [/* @__PURE__ */ jsx("i", { className: "fad fa-browser me-2" }), /* @__PURE__ */ jsx("span", { children: "View Website" })]
 						})
 					})] }),
-					c && l && /* @__PURE__ */ r("div", {
+					owner && repo && /* @__PURE__ */ jsxs("div", {
 						className: "mb-3",
-						children: [/* @__PURE__ */ n("div", { children: "Attributions:" }), /* @__PURE__ */ n("a", {
-							href: `https://github.com/${c}/${l}/blob/main/README.md#attributions`,
+						children: [/* @__PURE__ */ jsx("div", { children: "Attributions:" }), /* @__PURE__ */ jsx("a", {
+							href: `https://github.com/${owner}/${repo}/blob/main/README.md#attributions`,
 							target: "_blank",
 							rel: "noopener noreferrer",
-							children: /* @__PURE__ */ r(e, { children: [/* @__PURE__ */ n("i", { className: "fab fa-github" }), "View on GitHub"] })
+							children: /* @__PURE__ */ jsxs(ArticlesButton, { children: [/* @__PURE__ */ jsx("i", { className: "fab fa-github" }), "View on GitHub"] })
 						})]
 					}),
-					p && /* @__PURE__ */ n("div", {
+					outroText && /* @__PURE__ */ jsx("div", {
 						className: "mb-3",
-						children: p
+						children: outroText
 					})
 				]
 			}),
-			/* @__PURE__ */ r(i.Footer, {
+			/* @__PURE__ */ jsxs(Modal.Footer, {
 				className: "justify-content-between",
-				children: [/* @__PURE__ */ n("div", {}), /* @__PURE__ */ n(e, {
+				children: [/* @__PURE__ */ jsx("div", {}), /* @__PURE__ */ jsx(ArticlesButton, {
 					variant: "outline-dark",
 					onClick: () => {
-						o(!1);
+						setShow(false);
 					},
 					children: "Close"
 				})]
@@ -82,4 +98,4 @@ function a({ show: a, setShow: o, useStore: s, owner: c, repo: l, developers: u,
 	});
 }
 //#endregion
-export { a as default };
+export { CreditsModal as default };

package/dist/DarkModeHandler.js

@@ -1,17 +1,25 @@
-import { useEffect as e } from "react";
-import { Fragment as t, jsx as n } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
 //#region src/components/UI/DarkModeHandler.jsx
-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);
-			}
-			i ? document.body.setAttribute("data-bs-theme", "dark") : document.body.setAttribute("data-bs-theme", "light");
+/**
+* Adds two numbers together.
+*
+* @param {function} A Zustand store hook - With darkMode and setDarkMode
+* @returns {null} Nothing returned from this function.
+*/
+function DarkModeHandler({ useStore }) {
+	const darkMode = useStore((state) => state.darkMode);
+	const hasHydrated = useStore((state) => state._hasHydrated);
+	useEffect(() => {
+		if (!hasHydrated) return;
+		if (darkMode == null) {
+			const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+			useStore.getState().setDarkMode(prefersDark ? true : false);
 		}
-	}, [i, a]), /* @__PURE__ */ n(t, {});
+		if (darkMode) document.body.setAttribute("data-bs-theme", "dark");
+		else document.body.setAttribute("data-bs-theme", "light");
+	}, [darkMode, hasHydrated]);
+	return /* @__PURE__ */ jsx(Fragment, {});
 }
 //#endregion
-export { r as default };
+export { DarkModeHandler as default };

package/dist/FriendsList.js

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

package/dist/GameMenu-BD1HSDJ-.js

@@ -0,0 +1,84 @@
+import { n as __toESM, t as require_classnames } from "./classnames-No-mjhw1.js";
+import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
+import { useEffect } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Games/GameMenu/MobileMenu.jsx
+var import_classnames = /* @__PURE__ */ __toESM(require_classnames(), 1);
+function MobileMenu({ useStore, LeftPanelContent, menuBarStyle }) {
+	const showMenu = useStore((state) => state.showMenu);
+	const setShowMenu = useStore((state) => state.setShowMenu);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		className: (0, import_classnames.default)("menu-bar", {
+			"card card-articles p-1 justify-content-center": menuBarStyle == "Bar",
+			[menuBarStyle.replaceAll(" ", "_")]: menuBarStyle
+		}),
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex-header align-items-center",
+			children: /* @__PURE__ */ jsxs(ArticlesButton, {
+				small: true,
+				active: showMenu,
+				onClick: () => {
+					setShowMenu(!showMenu);
+				},
+				className: "d-flex",
+				children: [/* @__PURE__ */ jsx("i", { className: "fad fa-bars" }), /* @__PURE__ */ jsx("span", {
+					className: "text",
+					children: "Menu"
+				})]
+			})
+		})
+	}), /* @__PURE__ */ jsx("div", {
+		className: `mobile-menu ${showMenu && "show"}`,
+		onClick: () => setShowMenu(false),
+		style: {
+			...menuBarStyle == "Bar" && { bottom: "50px" },
+			...menuBarStyle == "Corner Button" && { bottom: "0px" }
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			style: { maxWidth: "300px" },
+			className: "mobile-menu-container",
+			onClick: (e) => e.stopPropagation(),
+			children: LeftPanelContent && /* @__PURE__ */ jsx(LeftPanelContent, {})
+		})
+	})] });
+}
+//#endregion
+//#region src/components/Games/GameMenu/GameMenu.jsx
+/**
+* @param {Object} props
+* @param {Function} props.useStore
+* @param {React.ComponentType} props.LeftPanelContent
+* @param {"Bar" | "Corner Button"} props.menuBarStyle
+* @param {"Static Panel" | "Floating Panel"} [props.sidebarStyle]
+*/
+function GameMenu(props) {
+	const { useStore, LeftPanelContent, menuBarStyle, sidebarStyle } = props;
+	const sidebar = useStore((state) => state.sidebar);
+	const setShowMenu = useStore((state) => state.setShowMenu);
+	useEffect(() => {
+		if (sidebar == true) setShowMenu(false);
+	}, [sidebar]);
+	const convertedSidebarStyle = sidebarStyle.replaceAll(" ", "_");
+	if (!useStore) {
+		console.error("GameMenu: useStore is required");
+		return null;
+	}
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MobileMenu, {
+		useStore,
+		LeftPanelContent,
+		menuBarStyle
+	}), /* @__PURE__ */ jsx("div", {
+		className: `panel-left card rounded-0 ${convertedSidebarStyle}`,
+		style: { ...convertedSidebarStyle == "Floating_Panel" && {
+			position: "absolute",
+			top: "0.5rem",
+			left: "0.5rem",
+			zIndex: 1,
+			height: "calc(100vh - 1rem)",
+			backgroundColor: "color-mix(in srgb, var(--bs-card-bg) 50%, transparent)"
+		} },
+		children: /* @__PURE__ */ jsx(LeftPanelContent, {})
+	})] });
+}
+//#endregion
+export { GameMenu as t };

package/dist/GameMenu.js

@@ -0,0 +1,2 @@
+import { t as GameMenu } from "./GameMenu-BD1HSDJ-.js";
+export { GameMenu as default };