@mbpockets/shared-ui 0.1.18

package/dist/PlayerPage.cjs

@@ -0,0 +1,370 @@
+"use client";
+'use strict';
+
+var material = require('@mui/material');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var Grid = require('@mui/material/Grid');
+var Card4 = require('@mui/material/Card');
+var CardHeader = require('@mui/material/CardHeader');
+var CardContent4 = require('@mui/material/CardContent');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Grid__default = /*#__PURE__*/_interopDefault(Grid);
+var Card4__default = /*#__PURE__*/_interopDefault(Card4);
+var CardHeader__default = /*#__PURE__*/_interopDefault(CardHeader);
+var CardContent4__default = /*#__PURE__*/_interopDefault(CardContent4);
+
+// src/components/PlayerPage/PlayerDetailsCard.tsx
+var PlayerDetails = ({
+  age,
+  yearsPlaying,
+  discordUsername,
+  preferredGames
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Card,
+    {
+      sx: {
+        margin: "1rem",
+        background: "linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))",
+        // Primary Blue Gradient
+        boxShadow: "0px 8px 15px rgba(25, 118, 210, 0.3)",
+        // Deep shadow based on the color
+        borderRadius: "12px",
+        // Rounded corners
+        color: "#FFFFFF",
+        // White as the base text color for contrast
+        position: "relative",
+        overflow: "hidden"
+        // Ensures clean edges
+      },
+      className: "transition duration-300 transform hover:scale-105 hover:shadow-2xl",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "absolute inset-0 bg-gradient-to-t from-white/10 to-transparent opacity-60",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { className: "relative p-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.Typography,
+            {
+              variant: "h5",
+              className: "font-bold uppercase text-center tracking-wide mb-4",
+              sx: {
+                color: "#FFFFFF",
+                // Bright white for high contrast
+                textShadow: "0px 4px 8px rgba(0, 0, 0, 0.5)",
+                // Stronger shadow for bold presence
+                fontSize: "1.5rem"
+                // Slightly larger title size
+              },
+              children: "Player Details"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+            age !== null && /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Typography,
+              {
+                variant: "body2",
+                className: "text-sm font-medium",
+                sx: {
+                  color: "#FFFFFF",
+                  textShadow: "0px 2px 6px rgba(0, 0, 0, 0.5)",
+                  fontWeight: "bold"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-extrabold text-cyan-300", children: "Age:" }),
+                  " ",
+                  age
+                ]
+              }
+            ),
+            yearsPlaying !== null && /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Typography,
+              {
+                variant: "body2",
+                className: "text-sm font-medium",
+                sx: {
+                  color: "#FFFFFF",
+                  textShadow: "0px 2px 6px rgba(0, 0, 0, 0.5)",
+                  fontWeight: "bold"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-extrabold text-cyan-300", children: "Years Playing:" }),
+                  " ",
+                  yearsPlaying
+                ]
+              }
+            ),
+            discordUsername && /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Typography,
+              {
+                variant: "body2",
+                className: "text-sm font-medium",
+                sx: {
+                  color: "#FFFFFF",
+                  textShadow: "0px 2px 6px rgba(0, 0, 0, 0.5)",
+                  fontWeight: "bold"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-extrabold text-cyan-300", children: "Discord Username:" }),
+                  " ",
+                  discordUsername
+                ]
+              }
+            ),
+            preferredGames && preferredGames.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Typography,
+              {
+                variant: "body2",
+                className: "text-sm font-medium",
+                sx: {
+                  color: "#FFFFFF",
+                  textShadow: "0px 2px 6px rgba(0, 0, 0, 0.5)",
+                  fontWeight: "bold"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-extrabold text-cyan-300", children: "Preferred Games:" }),
+                  " ",
+                  preferredGames.join(", ")
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+            material.Typography,
+            {
+              variant: "caption",
+              className: "text-xs italic",
+              sx: {
+                color: "#BBDEFB",
+                // Subtle light blue for footer text
+                textShadow: "0px 1px 3px rgba(0, 0, 0, 0.2)"
+              },
+              children: "All information is player-submitted."
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+var PlayerDetailsCard_default = PlayerDetails;
+
+// src/data/values.tsx
+var ProfilePictureSettings = {
+  aspectRatio: 4 / 5};
+var { aspectRatio } = ProfilePictureSettings;
+var PlayerDisplayCard = ({
+  profilePicture,
+  username,
+  bio,
+  preferredPronouns
+}) => {
+  const [imageSrc, setImageSrc] = react.useState("/man-walking-silhouette-clipart.jpg");
+  react.useEffect(() => {
+    async function validateImage() {
+      const newImage = profilePicture || "/man-walking-silhouette-clipart.jpg";
+      if (!profilePicture) {
+        setImageSrc("/man-walking-silhouette-clipart.jpg");
+        return;
+      }
+      const img = new Image();
+      img.src = newImage;
+      img.onload = () => {
+        setImageSrc(newImage);
+      };
+      img.onerror = () => {
+        setImageSrc("/man-walking-silhouette-clipart.jpg");
+      };
+    }
+    validateImage();
+  }, [profilePicture]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Card,
+    {
+      sx: {
+        margin: "1rem",
+        background: "linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))",
+        // Vibrant blue gradient
+        boxShadow: "0px 8px 15px rgba(25, 118, 210, 0.3)",
+        // Blue shadow to add depth
+        borderRadius: "12px",
+        // Smooth rounded corners
+        color: "#FFFFFF",
+        // White text for high contrast
+        overflow: "hidden"
+        // Clean edges
+      },
+      className: "transition duration-300 transform hover:scale-105 hover:shadow-2xl",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.CardMedia,
+          {
+            component: "img",
+            image: imageSrc,
+            alt: `${username}'s Profile Picture`,
+            sx: {
+              aspectRatio,
+              height: "auto",
+              // Updates to maintain aspect ratio and fill space nicely
+              width: "100%",
+              objectFit: "scale-down"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { className: "relative p-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.Typography,
+            {
+              variant: "h5",
+              component: "div",
+              className: "font-bold text-lg uppercase text-center tracking-wide mb-2",
+              sx: {
+                color: "#FFFFFF",
+                // Pure white for username
+                fontSize: "1.5rem",
+                textShadow: "0px 3px 6px rgba(0, 0, 0, 0.5)"
+                // Strong shadow for visibility
+              },
+              children: username
+            }
+          ),
+          preferredPronouns && /* @__PURE__ */ jsxRuntime.jsx(
+            material.Typography,
+            {
+              variant: "body2",
+              className: "text-sm font-medium",
+              sx: {
+                color: "#E3F2FD",
+                textShadow: "0px 2px 4px rgba(0, 0, 0, 0.3)",
+                // Subtle shadow for readability
+                fontWeight: "bold",
+                // Emphasize key details
+                marginBottom: "1rem"
+              },
+              children: preferredPronouns
+            }
+          ),
+          bio && /* @__PURE__ */ jsxRuntime.jsx(
+            material.Typography,
+            {
+              variant: "body2",
+              className: "text-sm font-light",
+              sx: {
+                color: "#E3F2FD",
+                // Softer muted tone for secondary text
+                textShadow: "0px 2px 4px rgba(0, 0, 0, 0.3)",
+                // Subtle shadow for readability
+                fontStyle: "italic"
+                // Distinguish bio visually
+              },
+              children: bio
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var PlayerDisplayCard_default = PlayerDisplayCard;
+var PlayerPromptCard = ({ title, description }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Card,
+    {
+      sx: {
+        margin: "1rem",
+        background: "linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))",
+        // Gradient color scheme
+        boxShadow: "0px 8px 15px rgba(25, 118, 210, 0.3)",
+        // Card shadow
+        borderRadius: "12px",
+        // Rounded corners
+        color: "#FFFFFF",
+        // Text contrast with the background
+        overflow: "hidden"
+        // Keeps consistent and clean card shape
+      },
+      className: "transition duration-300 transform hover:scale-105 hover:shadow-2xl",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { className: "p-6", children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx(
+          material.Typography,
+          {
+            variant: "h5",
+            className: "font-bold text-lg uppercase text-center tracking-wide mb-4",
+            sx: {
+              color: "#FFFFFF",
+              // Bright white for high visibility
+              textShadow: "0px 3px 6px rgba(0, 0, 0, 0.5)",
+              // Strong text shadow for contrast
+              fontSize: "1.5rem"
+            },
+            children: title
+          }
+        ),
+        description && /* @__PURE__ */ jsxRuntime.jsx(
+          material.Typography,
+          {
+            variant: "body2",
+            className: "text-sm font-medium text-center",
+            sx: {
+              color: "#E3F2FD",
+              // Softer light blue for description
+              textShadow: "0px 2px 4px rgba(0, 0, 0, 0.3)",
+              // Subtle shadow
+              lineHeight: 1.6,
+              marginTop: "1rem"
+            },
+            children: description
+          }
+        )
+      ] })
+    }
+  );
+};
+var PlayerPromptCard_default = PlayerPromptCard;
+function PlayerTagsCard(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Grid__default.default, { container: true, children: /* @__PURE__ */ jsxRuntime.jsx(Grid__default.default, { size: { xs: 12, md: 3 }, children: /* @__PURE__ */ jsxRuntime.jsxs(Card4__default.default, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CardHeader__default.default, { title: "Player Tags", style: {
+      background: "linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))",
+      color: "#FFFFFF",
+      // Pure white for username
+      fontSize: "1.5rem",
+      textShadow: "0px 3px 6px rgba(0, 0, 0, 0.5)"
+      // Strong shadow for visibility
+    } }),
+    /* @__PURE__ */ jsxRuntime.jsx(CardContent4__default.default, { children: renderLabels(props.PlayerTags) })
+  ] }) }) });
+}
+var renderLabels = (tags) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: tags.map((tag) => generateLabel(tag)) });
+};
+var generateLabel = (tag) => {
+  let color = "#bfbcbb";
+  if (tag.color) color = tag.color;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "inline-block text-sm px-3 py-1 rounded-full outline-black outline-2 font-outlined",
+      style: {
+        background: color,
+        color: "white",
+        textShadow: "black 0.2em 0.2em 0.4em"
+      },
+      children: tag.label
+    },
+    tag.id
+  );
+};
+
+exports.PlayerDetailsCard = PlayerDetailsCard_default;
+exports.PlayerDisplayCard = PlayerDisplayCard_default;
+exports.PlayerPromptCard = PlayerPromptCard_default;
+exports.PlayerTagsCard = PlayerTagsCard;
+//# sourceMappingURL=PlayerPage.cjs.map
+//# sourceMappingURL=PlayerPage.cjs.map

package/dist/PlayerPage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PlayerPage/PlayerDetailsCard.tsx","../src/data/values.tsx","../src/components/PlayerPage/PlayerDisplayCard.tsx","../src/components/PlayerPage/PlayerPromptCard.tsx","../src/components/PlayerPage/PlayerTagsCard.tsx"],"names":["jsxs","Card","jsx","CardContent","Typography","useState","useEffect","CardMedia","Grid","CardHeader"],"mappings":"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","file":"PlayerPage.cjs","sourcesContent":["\"use client\";\n\nimport React from \"react\";\r\nimport { Card, CardContent, Typography } from \"@mui/material\";\r\n\r\ntype PlayerDetailsProps = {\r\n    preferredPronouns: string | null;\r\n    age: number | null;\r\n    yearsPlaying: number | null;\r\n    discordUsername: string | null;\r\n    preferredGames: string[] | null;\r\n};\r\n\r\nconst PlayerDetails: React.FC<PlayerDetailsProps> = ({\r\n                                                         age,\r\n                                                         yearsPlaying,\r\n                                                         discordUsername,\r\n                                                         preferredGames,\r\n                                                     }) => {\r\n    return (\r\n        <Card\r\n            sx={{\r\n                margin: \"1rem\",\r\n                background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\", // Primary Blue Gradient\r\n                boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\", // Deep shadow based on the color\r\n                borderRadius: \"12px\", // Rounded corners\r\n                color: \"#FFFFFF\", // White as the base text color for contrast\r\n                position: \"relative\",\r\n                overflow: \"hidden\", // Ensures clean edges\r\n            }}\r\n            className=\"transition duration-300 transform hover:scale-105 hover:shadow-2xl\"\r\n        >\r\n            {/* Decorative Overlay */}\r\n            <div\r\n                className=\"absolute inset-0 bg-gradient-to-t from-white/10 to-transparent opacity-60\"\r\n                aria-hidden=\"true\"\r\n            ></div>\r\n\r\n            <CardContent className=\"relative p-6\">\r\n                {/* Title */}\r\n                <Typography\r\n                    variant=\"h5\"\r\n                    className=\"font-bold uppercase text-center tracking-wide mb-4\"\r\n                    sx={{\r\n                        color: \"#FFFFFF\", // Bright white for high contrast\r\n                        textShadow: \"0px 4px 8px rgba(0, 0, 0, 0.5)\", // Stronger shadow for bold presence\r\n                        fontSize: \"1.5rem\", // Slightly larger title size\r\n                    }}\r\n                >\r\n                    Player Details\r\n                </Typography>\r\n\r\n                {/* Details Section */}\r\n                <div className=\"space-y-3\">\r\n                    {age !== null && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Age:</span> {age}\r\n                        </Typography>\r\n                    )}\r\n                    {yearsPlaying !== null && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Years Playing:</span> {yearsPlaying}\r\n                        </Typography>\r\n                    )}\r\n                    {discordUsername && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Discord Username:</span> {discordUsername}\r\n                        </Typography>\r\n                    )}\r\n                    {preferredGames && preferredGames.length > 0 && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Preferred Games:</span>{\" \"}\r\n                            {preferredGames.join(\", \")}\r\n                        </Typography>\r\n                    )}\r\n                </div>\r\n\r\n                {/* Footer Section */}\r\n                <div className=\"mt-6 text-center\">\r\n                    <Typography\r\n                        variant=\"caption\"\r\n                        className=\"text-xs italic\"\r\n                        sx={{\r\n                            color: \"#BBDEFB\", // Subtle light blue for footer text\r\n                            textShadow: \"0px 1px 3px rgba(0, 0, 0, 0.2)\",\r\n                        }}\r\n                    >\r\n                        All information is player-submitted.\r\n                    </Typography>\r\n                </div>\r\n            </CardContent>\r\n        </Card>\r\n    );\r\n};\r\n\r\nexport default PlayerDetails;\r\n\r\n","export function BlurbTitles() {\r\n    const blurbTitles = new Map();\r\n    blurbTitles.set(1, \"What’s your most epic tabletop moment?\");\r\n    blurbTitles.set(2, \"What type of character do you dream of playing?\");\r\n    blurbTitles.set(3, \"What kind of story are you most excited to be part of?\");\r\n    blurbTitles.set(4, \"Which tabletop world would you want to live in?\");\r\n    blurbTitles.set(5, \"If you could only play one tabletop game forever, what would it be?\");\r\n    blurbTitles.set(6, \"What’s a fantasy or sci-fi world you love and would want to game in?\");\r\n    blurbTitles.set(7, \"Who’s the most chaotic (or hilarious) player you've ever gamed with?\");\r\n    blurbTitles.set(8, \"What motivates you to join a tabletop game: adventure, laughs, or something else?\");\r\n    blurbTitles.set(9, \"What’s your weirdest in-game flex?\");\r\n    blurbTitles.set(10, \"Which class or archetype are you drawn to—fighter, mage, rogue, healer, or wildcard?\");\r\n    blurbTitles.set(11, \"What character did you have the most fun playing?\");\r\n    blurbTitles.set(12, \"What kind of player are you: Min-maxer, storyteller, or chaos incarnate?\");\r\n    blurbTitles.set(13, \"Describe the best campaign twist you’ve ever experienced.\");\r\n    blurbTitles.set(14, \"What’s your guilty pleasure when it comes to character archetypes?\");\r\n    blurbTitles.set(15, \"Who’s your favorite villain or antagonist you’ve faced in a campaign?\");\r\n    blurbTitles.set(16, \"What’s the hardest decision your character ever had to make?\");\r\n    blurbTitles.set(17, \"What’s the funniest tabletop memory you’ve ever had?\");\r\n    blurbTitles.set(18, \"Ever had a tabletop game go completely off the rails? What happened?\");\r\n    blurbTitles.set(19, \"Introduce us to your favorite homebrew rule!\");\r\n    blurbTitles.set(20, \"What’s your favorite dice-rolling ritual or superstition?\");\r\n    blurbTitles.set(21, \"What’s your go-to tabletop snack during sessions?\");\r\n    blurbTitles.set(22, \"What’s the most creative solution you’ve ever come up with in a game?\");\r\n    blurbTitles.set(23, \"What NPC or character from a campaign would you date IRL?\");\r\n    blurbTitles.set(24, \"What’s your favorite tabletop rule or mechanic?\");\r\n    blurbTitles.set(25, \"What’s the most emotional tabletop moment you’ve had?\");\r\n    blurbTitles.set(26, \"What kind of story twist or epic moment would make you fall in love with the game?\");\r\n    blurbTitles.set(27, \"What’s the most challenging yet rewarding NPC you've ever created?\");\r\n    blurbTitles.set(28, \"How do you keep players on track without railroading your game?\");\r\n    blurbTitles.set(29, \"What’s the most unexpected way your players solved a problem you designed?\");\r\n    blurbTitles.set(30, \"What’s your favorite resource or tool for planning campaigns?\");\r\n    blurbTitles.set(31, \"What’s the funniest way your players have broken your carefully-planned encounter?\");\r\n    blurbTitles.set(32, \"What’s the most memorable villain or antagonist you’ve created?\");\r\n    blurbTitles.set(33, \"How do you handle player conflict in your campaigns?\");\r\n    blurbTitles.set(34, \"What’s your favorite homebrew rule to spice up your campaigns?\");\r\n    blurbTitles.set(35, \"Have you ever scrapped a planned session because of something your players did?\");\r\n    blurbTitles.set(36, \"What’s the most creative environment or setting you’ve designed for your players?\");\r\n\r\n    return blurbTitles;\r\n}\r\n\r\nexport function PrivacyValues() {\r\n    const privacyValues = new Map();\r\n    privacyValues.set(1, \"private\");\r\n    privacyValues.set(\"private\", 1);\r\n\r\n    privacyValues.set(2, \"connection\");\r\n    privacyValues.set(\"connection\",2);\r\n\r\n    privacyValues.set(3, \"public\");\r\n    privacyValues.set(\"public\", 3);\r\n\r\n    privacyValues.set(4, \"table\");\r\n    privacyValues.set(\"table\", 4);\r\n\r\n    return privacyValues;\r\n}\r\n\r\nexport function PlayerTagLabels(): string[] {\r\n    const tagTitles: string[] = [];\r\n\r\n    tagTitles.push(\"girl gamer\");\r\n    tagTitles.push(\"veteran\");\r\n    tagTitles.push(\"new\");\r\n    tagTitles.push(\"min-maxer\");\r\n    tagTitles.push(\"role-player\");\r\n    tagTitles.push(\"rules lawyer\");\r\n    tagTitles.push(\"storyteller\");\r\n    tagTitles.push(\"chaotic\");\r\n    tagTitles.push(\"planner\");\r\n    tagTitles.push(\"wildcard\");\r\n    tagTitles.push(\"protector\");\r\n    tagTitles.push(\"rogue-like\");\r\n    tagTitles.push(\"power gamer\");\r\n    tagTitles.push(\"thinker\");\r\n    tagTitles.push(\"narrative\");\r\n    tagTitles.push(\"homebrewer\");\r\n    tagTitles.push(\"dungeon master\");\r\n    tagTitles.push(\"world builder\");\r\n    tagTitles.push(\"solver\");\r\n    tagTitles.push(\"strategist\");\r\n    tagTitles.push(\"dice lover\");\r\n    tagTitles.push(\"performer\");\r\n    tagTitles.push(\"casual\");\r\n    tagTitles.push(\"character-focused\");\r\n    tagTitles.push(\"team player\");\r\n    tagTitles.push(\"mechanics\");\r\n    tagTitles.push(\"adventurer\");\r\n    tagTitles.push(\"collector\");\r\n    tagTitles.push(\"problem solver\");\r\n    tagTitles.push(\"innovator\");\r\n    tagTitles.push(\"lorekeeper\");\r\n    tagTitles.push(\"rule bender\");\r\n    tagTitles.push(\"sandboxer\");\r\n    tagTitles.push(\"cartographer\");\r\n    tagTitles.push(\"loyalist\");\r\n    tagTitles.push(\"wrangler\");\r\n    tagTitles.push(\"moment maker\");\r\n    tagTitles.push(\"jinxed roller\");\r\n    tagTitles.push(\"lucky roller\");\r\n    tagTitles.push(\"meticulous\");\r\n    tagTitles.push(\"improviser\");\r\n    tagTitles.push(\"tactician\");\r\n    tagTitles.push(\"butterfly\");\r\n    tagTitles.push(\"beginner\");\r\n    tagTitles.push(\"voice actor\");\r\n    tagTitles.push(\"multi-campaign\");\r\n    tagTitles.push(\"starter\");\r\n    tagTitles.push(\"forever DM\");\r\n    tagTitles.push(\"finisher\");\r\n    tagTitles.push(\"swapper\");\r\n    tagTitles.push(\"meta-gamer\");\r\n    tagTitles.push(\"specialist\");\r\n\r\n    return tagTitles;\r\n}\r\n\r\n\r\nexport const FantasyNouns = [\r\n    // Core D&D Classes\r\n    \"Fighter\", \"Rogue\", \"Wizard\", \"Cleric\", \"Paladin\", \"Barbarian\", \"Ranger\", \"Sorcerer\", \"Bard\", \"Monk\", \"Warlock\", \"Druid\", \"Artificer\",\r\n\r\n    // Fantasy Occupations\r\n    \"Alchemist\", \"Blacksmith\", \"Knight\", \"Mage\", \"Mercenary\", \"Archer\", \"Scribe\", \"Healer\", \"Hunter\", \"Assassin\", \"Enchanter\",\r\n    \"Miner\", \"Sailor\", \"Merchant\", \"Herbalist\", \"Cartographer\", \"Tailor\", \"Innkeeper\", \"Cook\", \"Scholar\",\r\n\r\n    // Archetypes\r\n    \"Adventurer\", \"Champion\", \"Warlord\", \"Outlaw\", \"Pilgrim\", \"Prophet\", \"Necromancer\", \"Witch\", \"Shaman\",\r\n    \"Beastmaster\", \"Acolyte\", \"Spellblade\", \"Battlemage\", \"Blademaster\", \"Warpriest\", \"Berserker\", \"Elementalist\",\r\n\r\n    // Fantasy Creatures/Beings\r\n    \"Dragon\", \"Elf\", \"Dwarf\", \"Orc\", \"Goblin\", \"Gnome\", \"Tiefling\", \"Genasi\", \"Halfling\", \"Lich\", \"Vampire\", \"Werewolf\",\r\n    \"Demon\", \"Angel\", \"Pixie\", \"Dryad\", \"Centaur\", \"Chimera\", \"Golem\", \"Fairy\", \"Troll\", \"Minotaur\", \"Kraken\",\r\n    \"Griffin\", \"Phoenix\",\r\n\r\n    // Fantasy Roles/Titles\r\n    \"Archmage\", \"High Priestess\", \"King\", \"Queen\", \"Duke\", \"Duchess\", \"Emperor\", \"Empress\", \"Captain\", \"Seer\", \"Oracle\",\r\n    \"Warden\", \"Guardian\", \"Watchman\", \"Hero\", \"Villain\", \"Herald\", \"Scout\", \"Envoy\",\r\n\r\n    // Other Fantasy-Themed Nouns\r\n    \"Spellcaster\", \"Summoner\", \"Conjurer\", \"Warrior\", \"Gladiator\", \"Pathfinder\", \"Explorer\", \"Tinkerer\", \"Shadowblade\",\r\n    \"Dungeoneer\", \"Archon\", \"Mystic\", \"Sage\", \"Runemaster\", \"Smith\", \"Wanderer\", \"Wayfarer\", \"Avenger\", \"Defender\", \"Keeper\"\r\n];\r\n\r\nexport const FantasyAdjectives = [\r\n    // Descriptive of Power/Strength\r\n    \"Mighty\", \"Powerful\", \"Fierce\", \"Tough\", \"Armored\", \"Indomitable\", \"Savage\", \"Vengeful\", \"Heroic\", \"Valiant\",\r\n\r\n    // Magical Features\r\n    \"Enchanted\", \"Bewitched\", \"Magical\", \"Mystical\", \"Ethereal\", \"Arcane\", \"Spellbound\", \"Supernatural\", \"Runed\",\r\n\r\n    // Personality/Appearance Traits\r\n    \"Noble\", \"Gallant\", \"Cunning\", \"Crafty\", \"Shadowy\", \"Elegant\", \"Wise\", \"Shrewd\", \"Merciless\", \"Serene\",\r\n    \"Infernal\", \"Wicked\", \"Pious\", \"Charming\", \"Loyal\", \"Treacherous\", \"Bold\", \"Cowardly\", \"Sly\",\r\n\r\n    // Environment-Themed\r\n    \"Cursed\", \"Blessed\", \"Haunted\", \"Frozen\", \"Burning\", \"Fiery\", \"Icy\", \"Stormy\", \"Sunlit\", \"Moonlit\",\r\n    \"Dark\", \"Luminous\", \"Glistening\", \"Ancient\", \"Shattered\", \"Sacred\", \"Forbidden\", \"Hidden\", \"Lost\",\r\n    \"Verdant\", \"Barren\",\r\n\r\n    // Monster/Creature Traits\r\n    \"Ferocious\", \"Ravenous\", \"Menacing\", \"Grotesque\", \"Spiked\", \"Scaled\", \"Hulking\", \"Winged\", \"Fanged\", \"Horned\",\r\n    \"Tentacled\", \"Shapeshifting\",\r\n\r\n    // Mystical/Abstract Traits\r\n    \"Immortal\", \"Mythical\", \"Omniscient\", \"Unbreakable\",\r\n    \"Unfathomable\", \"Celestial\", \"Void\", \"Otherworldly\", \"Primordial\",\r\n\r\n    // Precious/Gleaming Adjectives\r\n    \"Golden\", \"Silver\", \"Crystalline\", \"Diamond\", \"Jeweled\", \"Sapphire\", \"Emerald\", \"Shimmering\", \"Gleaming\", \"Radiant\",\r\n\r\n    // Combat-Related Traits\r\n    \"Bloodstained\", \"Battleworn\", \"Unyielding\", \"Victorious\", \"Deadly\", \"Sharp\", \"Piercing\", \"Relentless\", \"Untouchable\",\r\n\r\n    // Nature-Themed\r\n    \"Whispering\", \"Thorned\", \"Blossoming\", \"Blooming\", \"Overgrown\", \"Howling\", \"Cracked\", \"Twisted\", \"Mossy\", \"Winding\",\r\n    \"Towering\", \"Rooted\",\r\n\r\n    // Emotional/Thematic Descriptors\r\n    \"Free\", \"Courageous\", \"Reckless\", \"Damned\", \"Lonely\", \"Heartless\", \"Driven\", \"Hopeful\",\r\n    \"Fateful\"\r\n];\r\n\r\nexport const FantasyQualifiers = [\r\n    // Describing Uniqueness or Origins\r\n    \"Original\", \"Prime\", \"Primal\", \"Archetypal\", \"Ancestral\", \"Legendary\", \"Foremost\",\r\n\r\n    // Describing Finality or Completion\r\n    \"Final\", \"Ultimate\", \"Absolute\", \"Conclusive\", \"Eternal\", \"Enduring\", \"Definitive\",\r\n\r\n    // Describing Supremacy or Greatness\r\n    \"Supreme\", \"Paramount\", \"Preeminent\", \"Pinnacle\", \"Peerless\", \"Unrivaled\", \"Sovereign\", \"Dominant\",\r\n\r\n    // Describing Perfection or Excellence\r\n    \"Flawless\", \"Perfect\", \"Divine\", \"Exalted\", \"Transcendent\", \"Matchless\", \"Incomparable\",\r\n\r\n    // Describing Eternity or Timelessness\r\n    \"Timeless\", \"Boundless\", \"Ageless\", \"Perpetual\", \"Infinite\", \"Everlasting\",\r\n\r\n    // Describing Power or Authority\r\n    \"Omnipotent\", \"Almighty\", \"Unassailable\", \"Overwhelming\", \"Irresistible\", \"Unconquerable\", \"Majestic\"\r\n];\r\n\r\nexport const generateUsername = () => {\r\n    let output = \"\"\r\n\r\n    output+= getRandomElement(FantasyQualifiers)\r\n    output+= getRandomElement(FantasyAdjectives)\r\n    output+= getRandomElement(FantasyNouns)\r\n\r\n    return output;\r\n}\r\n\r\nexport const ProfilePictureSettings = {\r\n    aspectRatio: 4/5,\r\n    minWidth: 400,\r\n}\r\n\r\nconst getRandomElement = (array: string[]) => {\r\n    return array[Math.floor(Math.random() * array.length)];\r\n}\r\n\r\n","\"use client\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Card, CardMedia, CardContent, Typography } from \"@mui/material\";\r\nimport {ProfilePictureSettings} from \"../../data/values\";\r\n\r\nconst {aspectRatio} = ProfilePictureSettings;\r\n\r\ntype PlayerDisplayProps = {\r\n    profilePicture: string | null;\r\n    username: string;\r\n    bio: string | null;\r\n    preferredPronouns: string | null;\r\n};\r\n\r\nconst PlayerDisplayCard: React.FC<PlayerDisplayProps> = ({\r\n                                                             profilePicture,\r\n                                                             username,\r\n                                                             bio,\r\n                                                             preferredPronouns,\r\n                                                         }) => {\r\n    const [imageSrc, setImageSrc] = useState<string>(\"/man-walking-silhouette-clipart.jpg\");\r\n\r\n    useEffect(() => {\r\n        async function validateImage() {\r\n            const newImage = profilePicture || \"/man-walking-silhouette-clipart.jpg\";\r\n            if (!profilePicture) {\r\n                setImageSrc(\"/man-walking-silhouette-clipart.jpg\");\r\n                return;\r\n            }\r\n\r\n            const img = new Image();\r\n            img.src = newImage;\r\n\r\n            img.onload = () => {\r\n                setImageSrc(newImage);\r\n            };\r\n\r\n            img.onerror = () => {\r\n                setImageSrc(\"/man-walking-silhouette-clipart.jpg\");\r\n            };\r\n        }\r\n\r\n        validateImage();\r\n    }, [profilePicture]);\r\n\r\n    return (\r\n        <Card\r\n            sx={{\r\n                margin: \"1rem\",\r\n                background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\", // Vibrant blue gradient\r\n                boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\", // Blue shadow to add depth\r\n                borderRadius: \"12px\", // Smooth rounded corners\r\n                color: \"#FFFFFF\", // White text for high contrast\r\n                overflow: \"hidden\", // Clean edges\r\n            }}\r\n            className=\"transition duration-300 transform hover:scale-105 hover:shadow-2xl\"\r\n        >\r\n            {/* Image Section */}\r\n            <CardMedia\r\n                component=\"img\"\r\n                image={imageSrc}\r\n                alt={`${username}'s Profile Picture`}\r\n                sx={{\r\n                  aspectRatio: aspectRatio,\r\n                    height: \"auto\",// Updates to maintain aspect ratio and fill space nicely\r\n                    width: \"100%\",\r\n                    objectFit: \"scale-down\",\r\n                }}\r\n            />\r\n\r\n            <CardContent className=\"relative p-6\">\r\n                {/* Username */}\r\n                <Typography\r\n                    variant=\"h5\"\r\n                    component=\"div\"\r\n                    className=\"font-bold text-lg uppercase text-center tracking-wide mb-2\"\r\n                    sx={{\r\n                        color: \"#FFFFFF\", // Pure white for username\r\n                        fontSize: \"1.5rem\",\r\n                        textShadow: \"0px 3px 6px rgba(0, 0, 0, 0.5)\", // Strong shadow for visibility\r\n                    }}\r\n                >\r\n                    {username}\r\n                </Typography>\r\n\r\n                {/* Preferred Pronouns */}\r\n                {preferredPronouns && (\r\n                    <Typography\r\n                        variant=\"body2\"\r\n                        className=\"text-sm font-medium\"\r\n                        sx={{\r\n                            color: \"#E3F2FD\",\r\n                            textShadow: \"0px 2px 4px rgba(0, 0, 0, 0.3)\", // Subtle shadow for readability\r\n                            fontWeight: \"bold\", // Emphasize key details\r\n                            marginBottom: \"1rem\",\r\n                        }}\r\n                    >\r\n                        {preferredPronouns}\r\n                    </Typography>\r\n                )}\r\n\r\n                {/* Bio */}\r\n                {bio && (\r\n                    <Typography\r\n                        variant=\"body2\"\r\n                        className=\"text-sm font-light\"\r\n                        sx={{\r\n                            color: \"#E3F2FD\", // Softer muted tone for secondary text\r\n                            textShadow: \"0px 2px 4px rgba(0, 0, 0, 0.3)\", // Subtle shadow for readability\r\n                            fontStyle: \"italic\", // Distinguish bio visually\r\n                        }}\r\n                    >\r\n                        {bio}\r\n                    </Typography>\r\n                )}\r\n            </CardContent>\r\n        </Card>\r\n    );\r\n};\r\n\r\nexport default PlayerDisplayCard;\r\n\r\n\r\n\r\n\r\n\r\n\r\n","\"use client\";\n\nimport React from \"react\";\r\nimport { Card, CardContent, Typography } from \"@mui/material\";\r\n\r\n// Props for the PlayerPromptCard component\r\ntype PlayerPromptCardProps = {\r\n    title: string | null;\r\n    description: string | null;\r\n};\r\n\r\nconst PlayerPromptCard: React.FC<PlayerPromptCardProps> = ({ title, description }) => {\r\n    return (\r\n        <Card\r\n            sx={{\r\n                margin: \"1rem\",\r\n                background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\", // Gradient color scheme\r\n                boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\", // Card shadow\r\n                borderRadius: \"12px\", // Rounded corners\r\n                color: \"#FFFFFF\", // Text contrast with the background\r\n                overflow: \"hidden\", // Keeps consistent and clean card shape\r\n            }}\r\n            className=\"transition duration-300 transform hover:scale-105 hover:shadow-2xl\"\r\n        >\r\n            <CardContent className=\"p-6\">\r\n                {/* Title */}\r\n                {title && (\r\n                    <Typography\r\n                        variant=\"h5\"\r\n                        className=\"font-bold text-lg uppercase text-center tracking-wide mb-4\"\r\n                        sx={{\r\n                            color: \"#FFFFFF\", // Bright white for high visibility\r\n                            textShadow: \"0px 3px 6px rgba(0, 0, 0, 0.5)\", // Strong text shadow for contrast\r\n                            fontSize: \"1.5rem\",\r\n                        }}\r\n                    >\r\n                        {title}\r\n                    </Typography>\r\n                )}\r\n\r\n                {/* Description */}\r\n                {description && (\r\n                    <Typography\r\n                        variant=\"body2\"\r\n                        className=\"text-sm font-medium text-center\"\r\n                        sx={{\r\n                            color: \"#E3F2FD\", // Softer light blue for description\r\n                            textShadow: \"0px 2px 4px rgba(0, 0, 0, 0.3)\", // Subtle shadow\r\n                            lineHeight: 1.6,\r\n                            marginTop: \"1rem\",\r\n                        }}\r\n                    >\r\n                        {description}\r\n                    </Typography>\r\n                )}\r\n            </CardContent>\r\n        </Card>\r\n    );\r\n};\r\n\r\nexport default PlayerPromptCard;\r\n\r\n","\"use client\";\n\nimport {Tag} from \"@/types/tag\";\nimport Grid from \"@mui/material/Grid\"\nimport Card from \"@mui/material/Card\"\nimport CardHeader from \"@mui/material/CardHeader\"\nimport CardContent from \"@mui/material/CardContent\"\n\nexport default function PlayerTagsCard(props : {PlayerTags: Tag[]}) {\n    return (\n      <Grid container>\n      <Grid size={{xs:12, md:3}}>\n        <Card>\n          <CardHeader title=\"Player Tags\" style={{\n            background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\",\n            color: \"#FFFFFF\", // Pure white for username\n            fontSize: \"1.5rem\",\n            textShadow: \"0px 3px 6px rgba(0, 0, 0, 0.5)\", // Strong shadow for visibility\n          }}/>\n          <CardContent>\n            {renderLabels(props.PlayerTags)}\n          </CardContent>\n        </Card>\n      </Grid>\n      </Grid>\n\n    )\n}\n\nconst renderLabels = (tags:Tag[]) => {\n\n  return (\n  <div className=\"mt-2 flex flex-wrap gap-2\">\n    { tags.map((tag) => generateLabel(tag))}\n  </div>\n)\n}\n\nconst generateLabel = (tag:Tag) => {\n\n  let color = \"#bfbcbb\"\n  if (tag.color) color = tag.color\n\n    return (\n      <span\n        key={tag.id}\n        className=\"inline-block text-sm px-3 py-1 rounded-full outline-black outline-2 font-outlined\"\n        style={{background:color,\n          color:\"white\",\n          textShadow: \"black 0.2em 0.2em 0.4em\"\n        }}\n      >\n      {tag.label}\n      </span>\n    )\n\n}"]}

package/dist/PlayerPage.d.cts

@@ -0,0 +1,32 @@
+import React__default from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Tag } from './types/tag';
+
+type PlayerDetailsProps = {
+    preferredPronouns: string | null;
+    age: number | null;
+    yearsPlaying: number | null;
+    discordUsername: string | null;
+    preferredGames: string[] | null;
+};
+declare const PlayerDetails: React__default.FC<PlayerDetailsProps>;
+
+type PlayerDisplayProps = {
+    profilePicture: string | null;
+    username: string;
+    bio: string | null;
+    preferredPronouns: string | null;
+};
+declare const PlayerDisplayCard: React__default.FC<PlayerDisplayProps>;
+
+type PlayerPromptCardProps = {
+    title: string | null;
+    description: string | null;
+};
+declare const PlayerPromptCard: React__default.FC<PlayerPromptCardProps>;
+
+declare function PlayerTagsCard(props: {
+    PlayerTags: Tag[];
+}): react_jsx_runtime.JSX.Element;
+
+export { PlayerDetails as PlayerDetailsCard, PlayerDisplayCard, PlayerPromptCard, PlayerTagsCard };

package/dist/PlayerPage.d.ts

@@ -0,0 +1,32 @@
+import React__default from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Tag } from './types/tag';
+
+type PlayerDetailsProps = {
+    preferredPronouns: string | null;
+    age: number | null;
+    yearsPlaying: number | null;
+    discordUsername: string | null;
+    preferredGames: string[] | null;
+};
+declare const PlayerDetails: React__default.FC<PlayerDetailsProps>;
+
+type PlayerDisplayProps = {
+    profilePicture: string | null;
+    username: string;
+    bio: string | null;
+    preferredPronouns: string | null;
+};
+declare const PlayerDisplayCard: React__default.FC<PlayerDisplayProps>;
+
+type PlayerPromptCardProps = {
+    title: string | null;
+    description: string | null;
+};
+declare const PlayerPromptCard: React__default.FC<PlayerPromptCardProps>;
+
+declare function PlayerTagsCard(props: {
+    PlayerTags: Tag[];
+}): react_jsx_runtime.JSX.Element;
+
+export { PlayerDetails as PlayerDetailsCard, PlayerDisplayCard, PlayerPromptCard, PlayerTagsCard };