@mbpockets/shared-ui 0.1.18

package/dist/SearchPage/Results.cjs

@@ -0,0 +1,226 @@
+"use client";
+'use strict';
+
+var material = require('@mui/material');
+var jsxRuntime = require('react/jsx-runtime');
+var CalendarTodayIcon = require('@mui/icons-material/CalendarToday');
+var LocationOnIcon = require('@mui/icons-material/LocationOn');
+var EventIcon = require('@mui/icons-material/Event');
+var Avatar = require('@mui/material/Avatar');
+var CasinoIcon = require('@mui/icons-material/Casino');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var CalendarTodayIcon__default = /*#__PURE__*/_interopDefault(CalendarTodayIcon);
+var LocationOnIcon__default = /*#__PURE__*/_interopDefault(LocationOnIcon);
+var EventIcon__default = /*#__PURE__*/_interopDefault(EventIcon);
+var Avatar__default = /*#__PURE__*/_interopDefault(Avatar);
+var CasinoIcon__default = /*#__PURE__*/_interopDefault(CasinoIcon);
+
+function generateTagsDisplay(tag) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "inline-block text-sm px-3 py-1 rounded-full outline-black outline-2 font-outlined",
+      style: {
+        marginTop: "6px",
+        marginRight: "6px",
+        marginBottom: "6px",
+        background: tag.color || "#bfbcbb",
+        color: "white",
+        textShadow: "black 0.2em 0.2em 0.4em"
+      },
+      children: tag.label
+    },
+    tag.id
+  );
+}
+var BaseSearchResultCard = ({
+  result,
+  onClick,
+  children,
+  icon,
+  tags
+}) => {
+  const handleClick = () => {
+    if (onClick) {
+      onClick(result.id);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Card,
+    {
+      elevation: 6,
+      sx: {
+        width: "100%",
+        cursor: onClick ? "pointer" : "default",
+        boxShadow: "0px 8px 24px rgba(0, 0, 0, 0.15)",
+        transition: "box-shadow 0.3s ease-in-out",
+        "&:hover": {
+          boxShadow: "0px 12px 28px rgba(0, 0, 0, 0.2)"
+        },
+        marginBottom: 2
+      },
+      onClick: handleClick,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { sx: { display: "flex", alignItems: "flex-start" }, children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mr: 2, display: "flex", alignItems: "center", pt: 0.5 }, children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flex: 1 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", sx: { mb: 1 }, children: result.title }),
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: result.description }),
+          result.tags && result.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mt: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: {
+            display: "block",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "clip",
+            pl: 0.5
+            // Add some padding to prevent clipping of the leftmost tag
+          }, children: (() => {
+            const MAX_VISIBLE = 5;
+            const tagObjs = result.tags.map((tagId) => tags.find((t) => t.id === tagId)).filter((t) => Boolean(t));
+            const visible = tagObjs.slice(0, MAX_VISIBLE);
+            const hiddenCount = Math.max(tagObjs.length - visible.length, 0);
+            return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              visible.map((tag) => generateTagsDisplay(tag)),
+              hiddenCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  className: "inline-block text-sm px-3 py-1 rounded-full outline-black outline-2 font-outlined",
+                  style: {
+                    marginTop: "6px",
+                    marginRight: "6px",
+                    marginBottom: "6px",
+                    background: "#9e9e9e",
+                    color: "white",
+                    textShadow: "black 0.2em 0.2em 0.4em"
+                  },
+                  children: [
+                    "+",
+                    hiddenCount,
+                    " more"
+                  ]
+                }
+              )
+            ] });
+          })() }) })
+        ] })
+      ] })
+    }
+  );
+};
+var BaseSearchResultCard_default = BaseSearchResultCard;
+var EventResultCard = ({
+  result,
+  onClick,
+  tags
+}) => {
+  const formatDate = (dateString) => {
+    const options = {
+      weekday: "long",
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    };
+    try {
+      const date = new Date(dateString);
+      return date.toLocaleDateString("en-US", options);
+    } catch {
+      return dateString;
+    }
+  };
+  const formattedDate = result.date ? formatDate(result.date) : "Date TBD";
+  const location = result.location || "Location TBD";
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseSearchResultCard_default, { result, onClick, icon: /* @__PURE__ */ jsxRuntime.jsx(EventIcon__default.default, { color: "primary" }), tags, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 1 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", mb: 0.5 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CalendarTodayIcon__default.default, { sx: { mr: 1, fontSize: "small", color: "text.secondary" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: formattedDate })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", mb: 1 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LocationOnIcon__default.default, { sx: { mr: 1, fontSize: "small", color: "text.secondary" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: location })
+    ] })
+  ] }) });
+};
+var EventResultCard_default = EventResultCard;
+var PlayerResultCard = ({
+  result,
+  onClick,
+  tags
+}) => {
+  const firstLetter = result.title.charAt(0).toUpperCase();
+  const getAvatarColor = (name) => {
+    const colors = [
+      "#F44336",
+      "#E91E63",
+      "#9C27B0",
+      "#673AB7",
+      "#3F51B5",
+      "#2196F3",
+      "#03A9F4",
+      "#00BCD4",
+      "#009688",
+      "#4CAF50",
+      "#8BC34A",
+      "#CDDC39",
+      "#FFEB3B",
+      "#FFC107",
+      "#FF9800",
+      "#FF5722"
+    ];
+    let hash = 0;
+    for (let i = 0; i < name.length; i++) {
+      hash = name.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    return colors[Math.abs(hash) % colors.length];
+  };
+  const avatarColor = getAvatarColor(result.title);
+  const playerIcon = /* @__PURE__ */ jsxRuntime.jsx(
+    Avatar__default.default,
+    {
+      src: result.imageUrl,
+      alt: result.title,
+      sx: {
+        width: 40,
+        height: 40,
+        bgcolor: !result.imageUrl ? avatarColor : void 0
+      },
+      children: !result.imageUrl && firstLetter
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseSearchResultCard_default, { result, onClick, icon: playerIcon, tags });
+};
+var PlayerResultCard_default = PlayerResultCard;
+var SearchResultCard = ({
+  result,
+  onClick,
+  tags
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseSearchResultCard_default, { result, onClick, tags });
+};
+var SearchResultCard_default = SearchResultCard;
+var TableResultCard = ({ result, tags, onClick }) => {
+  const capacity = result.capacity || 1;
+  const numPlayers = result.numPlayers || 0;
+  const occupancy = numPlayers / capacity * 100;
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseSearchResultCard, { result, tags, onClick, icon: /* @__PURE__ */ jsxRuntime.jsx(CasinoIcon__default.default, { color: "primary" }), children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 1 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 0.5 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", color: "text.secondary", children: [
+        "Players: ",
+        numPlayers,
+        " / ",
+        capacity
+      ] }),
+      result.dungeonMaster ? /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { label: "DM Present", size: "small", color: "success", variant: "outlined" }) : /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { label: "No DM", size: "small", color: "warning", variant: "outlined" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.LinearProgress, { variant: "determinate", value: occupancy, sx: { height: 8, borderRadius: 4 } })
+  ] }) });
+};
+var TableResultCard_default = TableResultCard;
+
+exports.BaseSearchResultCard = BaseSearchResultCard_default;
+exports.EventResultCard = EventResultCard_default;
+exports.PlayerResultCard = PlayerResultCard_default;
+exports.SearchResultCard = SearchResultCard_default;
+exports.TableResultCard = TableResultCard_default;
+//# sourceMappingURL=Results.cjs.map
+//# sourceMappingURL=Results.cjs.map

package/dist/SearchPage/Results.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/shared/TagComponents.tsx","../../src/components/SearchPage/Results/BaseSearchResultCard.tsx","../../src/components/SearchPage/Results/EventResultCard.tsx","../../src/components/SearchPage/Results/PlayerResultCard.tsx","../../src/components/SearchPage/Results/SearchResultCard.tsx","../../src/components/SearchPage/Results/TableResultCard.tsx"],"names":["jsx","Card","jsxs","CardContent","Box","Typography","Fragment","EventIcon","CalendarTodayIcon","LocationOnIcon","Avatar","CasinoIcon","Chip","LinearProgress"],"mappings":"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","file":"Results.cjs","sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport type { Tag } from \"@/types/tag\";\n\nexport function generateTagsDisplay(tag: Tag) {\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={{\n                marginTop:\"6px\",\n                marginRight: \"6px\",\n                marginBottom: \"6px\",\n                background: tag.color || '#bfbcbb',\n                color: \"white\",\n                textShadow: \"black 0.2em 0.2em 0.4em\"\n            }}\n        >\n            {tag.label}\n        </span>\n    )\n}\n\nexport function renderTagsFromIds(ids: number[] | undefined, legalTags: Tag[]) {\n    if (!ids || !legalTags || legalTags.length === 0) { return ( <></>) }\n    const validTags = ids\n        .map((id) => legalTags.find((tag) => tag.id === id))\n        .filter((tag): tag is Tag => Boolean(tag));\n\n    return validTags.map((tag) => generateTagsDisplay(tag));\n}\n","\"use client\"\nimport React from 'react';\nimport { Card, CardContent, Typography, Box } from '@mui/material';\nimport { Tag } from '@/types/tag';\nimport { SearchResultItem } from '@/types/search';\nimport { generateTagsDisplay } from \"@/components/shared/TagComponents\";\n\nexport interface BaseSearchResultCardProps {\n  result: SearchResultItem;\n  onClick?: (id: number) => void;\n  icon?: React.ReactNode;\n  children?: React.ReactNode;\n  tags: Tag[];\n}\n\n/**\n * Base component for displaying search results with common functionality\n */\nexport const BaseSearchResultCard: React.FC<BaseSearchResultCardProps> = ({ \n  result,\n  onClick,\n  children,\n  icon,\n  tags\n}) => {\n  const handleClick = () => {\n    if (onClick) {\n      onClick(result.id);\n    }\n  };\n\n  return (\n    <Card \n      elevation={6}\n      sx={{ \n        width: '100%', \n        cursor: onClick ? 'pointer' : 'default',\n        boxShadow: '0px 8px 24px rgba(0, 0, 0, 0.15)',\n        transition: 'box-shadow 0.3s ease-in-out',\n        '&:hover': {\n          boxShadow: '0px 12px 28px rgba(0, 0, 0, 0.2)'\n        },\n        marginBottom: 2\n      }}\n      onClick={handleClick}\n    >\n      <CardContent sx={{ display: 'flex', alignItems: 'flex-start' }}>\n        {/* Icon on the left */}\n        {icon && (\n          <Box sx={{ mr: 2, display: 'flex', alignItems: 'center', pt: 0.5 }}>\n            {icon}\n          </Box>\n        )}\n        \n        {/* Content on the right */}\n        <Box sx={{ flex: 1 }}>\n          <Typography variant=\"h6\" sx={{ mb: 1 }}>\n            {result.title}\n          </Typography>\n          \n          {/* Specialized content will be inserted here */}\n          {children}\n          \n          <Typography variant=\"body1\">\n            {result.description}\n          </Typography>\n          \n          {result.tags && result.tags.length > 0 && (\n            <Box sx={{ mt: 1 }}>\n              <Box sx={{\n                display: 'block',\n                whiteSpace: 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'clip',\n                pl: 0.5 // Add some padding to prevent clipping of the leftmost tag\n              }}>\n                {(() => {\n                  const MAX_VISIBLE = 5; // heuristic: show up to 5 tags on one line\n                  const tagObjs = result.tags\n                    .map((tagId) => tags.find((t) => t.id === tagId))\n                    .filter((t): t is Tag => Boolean(t));\n                  const visible = tagObjs.slice(0, MAX_VISIBLE);\n                  const hiddenCount = Math.max(tagObjs.length - visible.length, 0);\n                  return (\n                    <>\n                      {visible.map((tag) => generateTagsDisplay(tag))}\n                      {hiddenCount > 0 && (\n                        <span\n                          className=\"inline-block text-sm px-3 py-1 rounded-full outline-black outline-2 font-outlined\"\n                          style={{\n                            marginTop: '6px',\n                            marginRight: '6px',\n                            marginBottom: '6px',\n                            background: '#9e9e9e',\n                            color: 'white',\n                            textShadow: 'black 0.2em 0.2em 0.4em'\n                          }}\n                        >\n                          +{hiddenCount} more\n                        </span>\n                      )}\n                    </>\n                  );\n                })()}\n              </Box>\n            </Box>\n          )}\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default BaseSearchResultCard;","\"use client\"\nimport React from 'react';\nimport { Box, Typography } from '@mui/material';\nimport CalendarTodayIcon from '@mui/icons-material/CalendarToday';\nimport LocationOnIcon from '@mui/icons-material/LocationOn';\nimport EventIcon from '@mui/icons-material/Event';\nimport BaseSearchResultCard from './BaseSearchResultCard';\nimport { Tag } from '@/types/tag';\nimport { SearchResultItem } from '@/types/search';\n\ninterface EventResultCardProps {\n  result: SearchResultItem;\n  onClick?: (id: number) => void;\n  tags: Tag[];\n}\n\nconst EventResultCard: React.FC<EventResultCardProps> = ({\n  result,\n  onClick,\n  tags,\n}) => {\n  const formatDate = (dateString: string) => {\n    const options: Intl.DateTimeFormatOptions = {\n      weekday: 'long',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n    };\n\n    try {\n      const date = new Date(dateString);\n      return date.toLocaleDateString('en-US', options);\n    } catch {\n      return dateString;\n    }\n  };\n\n  const formattedDate = result.date ? formatDate(result.date) : 'Date TBD';\n  const location = result.location || 'Location TBD';\n\n  return (\n    <BaseSearchResultCard result={result} onClick={onClick} icon={<EventIcon color=\"primary\" />} tags={tags}>\n      <Box sx={{ mb: 1 }}>\n        <Box sx={{ display: 'flex', alignItems: 'center', mb: 0.5 }}>\n          <CalendarTodayIcon sx={{ mr: 1, fontSize: 'small', color: 'text.secondary' }} />\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {formattedDate}\n          </Typography>\n        </Box>\n        <Box sx={{ display: 'flex', alignItems: 'center', mb: 1 }}>\n          <LocationOnIcon sx={{ mr: 1, fontSize: 'small', color: 'text.secondary' }} />\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {location}\n          </Typography>\n        </Box>\n      </Box>\n    </BaseSearchResultCard>\n  );\n};\n\nexport default EventResultCard;\n","\"use client\"\nimport React from 'react';\nimport Avatar from '@mui/material/Avatar';\nimport BaseSearchResultCard from './BaseSearchResultCard';\nimport { Tag } from \"@/types/tag\";\nimport { SearchResultItem } from '@/types/search';\n\ninterface PlayerResultCardProps {\n  result: SearchResultItem;\n  onClick?: (id: number) => void;\n  tags: Tag[];\n}\n\n/**\n * Component for displaying player search results\n * Displays player avatars with consistent color hashing/fallbacks\n */\nconst PlayerResultCard: React.FC<PlayerResultCardProps> = ({ \n  result,\n  onClick,\n  tags\n}) => {\n  // Get the first letter of the username for the avatar fallback\n  const firstLetter = result.title.charAt(0).toUpperCase();\n  \n  // Generate a consistent color based on the username\n  const getAvatarColor = (name: string) => {\n    const colors = [\n      '#F44336', '#E91E63', '#9C27B0', '#673AB7', \n      '#3F51B5', '#2196F3', '#03A9F4', '#00BCD4', \n      '#009688', '#4CAF50', '#8BC34A', '#CDDC39', \n      '#FFEB3B', '#FFC107', '#FF9800', '#FF5722'\n    ];\n    \n    let hash = 0;\n    for (let i = 0; i < name.length; i++) {\n      hash = name.charCodeAt(i) + ((hash << 5) - hash);\n    }\n    \n    return colors[Math.abs(hash) % colors.length];\n  };\n  \n  const avatarColor = getAvatarColor(result.title);\n  \n  const playerIcon = (\n    <Avatar \n      src={result.imageUrl} \n      alt={result.title}\n      sx={{ \n        width: 40, \n        height: 40, \n        bgcolor: !result.imageUrl ? avatarColor : undefined\n      }}\n    >\n      {!result.imageUrl && firstLetter}\n    </Avatar>\n  );\n\n  return (\n    <BaseSearchResultCard result={result} onClick={onClick} icon={playerIcon} tags={tags}>\n      {/* No additional content needed */}\n    </BaseSearchResultCard>\n  );\n};\n\nexport default PlayerResultCard;","\"use client\";\n\nimport React from 'react';\r\nimport BaseSearchResultCard from './BaseSearchResultCard';\r\nimport { Tag } from '@/types/tag';\r\n\r\ninterface SearchResultCardProps {\r\n  result: any;\r\n  onClick?: (id: number) => void;\r\n  tags: Tag[];\r\n}\r\n\r\n/**\r\n * @deprecated Use specialized card components (PlayerResultCard, TableResultCard, EventResultCard) instead\r\n * This component is kept for backward compatibility\r\n */\r\nconst SearchResultCard: React.FC<SearchResultCardProps> = ({ \r\n  result,\r\n  onClick,\r\n    tags,\r\n}) => {\r\n  return (\r\n    <BaseSearchResultCard result={result} onClick={onClick} tags={tags}>\r\n      {/* No specialized content for the generic card */}\r\n    </BaseSearchResultCard>\r\n  );\r\n};\r\n\r\nexport default SearchResultCard;","\"use client\"\nimport React from 'react';\nimport { BaseSearchResultCard } from './BaseSearchResultCard';\nimport { Box, Typography, LinearProgress, Chip } from '@mui/material';\nimport CasinoIcon from '@mui/icons-material/Casino';\nimport { Tag } from '@/types/tag';\nimport { SearchResultItem } from '@/types/search';\n\ninterface TableResultCardProps {\n  result: SearchResultItem;\n  tags: Tag[];\n  onClick?: (id: number) => void;\n}\n\nexport const TableResultCard: React.FC<TableResultCardProps> = ({ result, tags, onClick }) => {\n  const capacity = result.capacity || 1;\n  const numPlayers = result.numPlayers || 0;\n  const occupancy = (numPlayers / capacity) * 100;\n  \n  return (\n    <BaseSearchResultCard result={result} tags={tags} onClick={onClick} icon={<CasinoIcon color=\"primary\" />}>\n      <Box sx={{ mb: 1 }}>\n        <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 0.5 }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Players: {numPlayers} / {capacity}\n          </Typography>\n          {result.dungeonMaster ? (\n            <Chip label=\"DM Present\" size=\"small\" color=\"success\" variant=\"outlined\" />\n          ) : (\n            <Chip label=\"No DM\" size=\"small\" color=\"warning\" variant=\"outlined\" />\n          )}\n        </Box>\n        <LinearProgress variant=\"determinate\" value={occupancy} sx={{ height: 8, borderRadius: 4 }} />\n      </Box>\n    </BaseSearchResultCard>\n  );\n};\n\nexport default TableResultCard;"]}

package/dist/SearchPage/Results.d.cts

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import { Tag } from '../types/tag';
+import { SearchResultItem } from '../types/search';
+
+interface BaseSearchResultCardProps {
+    result: SearchResultItem;
+    onClick?: (id: number) => void;
+    icon?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    tags: Tag[];
+}
+/**
+ * Base component for displaying search results with common functionality
+ */
+declare const BaseSearchResultCard: React__default.FC<BaseSearchResultCardProps>;
+
+interface EventResultCardProps {
+    result: SearchResultItem;
+    onClick?: (id: number) => void;
+    tags: Tag[];
+}
+declare const EventResultCard: React__default.FC<EventResultCardProps>;
+
+interface PlayerResultCardProps {
+    result: SearchResultItem;
+    onClick?: (id: number) => void;
+    tags: Tag[];
+}
+/**
+ * Component for displaying player search results
+ * Displays player avatars with consistent color hashing/fallbacks
+ */
+declare const PlayerResultCard: React__default.FC<PlayerResultCardProps>;
+
+interface SearchResultCardProps {
+    result: any;
+    onClick?: (id: number) => void;
+    tags: Tag[];
+}
+/**
+ * @deprecated Use specialized card components (PlayerResultCard, TableResultCard, EventResultCard) instead
+ * This component is kept for backward compatibility
+ */
+declare const SearchResultCard: React__default.FC<SearchResultCardProps>;
+
+interface TableResultCardProps {
+    result: SearchResultItem;
+    tags: Tag[];
+    onClick?: (id: number) => void;
+}
+declare const TableResultCard: React__default.FC<TableResultCardProps>;
+
+export { BaseSearchResultCard, type BaseSearchResultCardProps, EventResultCard, PlayerResultCard, SearchResultCard, TableResultCard };

package/dist/SearchPage/Results.d.ts

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import { Tag } from '../types/tag';
+import { SearchResultItem } from '../types/search';
+
+interface BaseSearchResultCardProps {
+    result: SearchResultItem;
+    onClick?: (id: number) => void;
+    icon?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    tags: Tag[];
+}
+/**
+ * Base component for displaying search results with common functionality
+ */
+declare const BaseSearchResultCard: React__default.FC<BaseSearchResultCardProps>;
+
+interface EventResultCardProps {
+    result: SearchResultItem;
+    onClick?: (id: number) => void;
+    tags: Tag[];
+}
+declare const EventResultCard: React__default.FC<EventResultCardProps>;
+
+interface PlayerResultCardProps {
+    result: SearchResultItem;
+    onClick?: (id: number) => void;
+    tags: Tag[];
+}
+/**
+ * Component for displaying player search results
+ * Displays player avatars with consistent color hashing/fallbacks
+ */
+declare const PlayerResultCard: React__default.FC<PlayerResultCardProps>;
+
+interface SearchResultCardProps {
+    result: any;
+    onClick?: (id: number) => void;
+    tags: Tag[];
+}
+/**
+ * @deprecated Use specialized card components (PlayerResultCard, TableResultCard, EventResultCard) instead
+ * This component is kept for backward compatibility
+ */
+declare const SearchResultCard: React__default.FC<SearchResultCardProps>;
+
+interface TableResultCardProps {
+    result: SearchResultItem;
+    tags: Tag[];
+    onClick?: (id: number) => void;
+}
+declare const TableResultCard: React__default.FC<TableResultCardProps>;
+
+export { BaseSearchResultCard, type BaseSearchResultCardProps, EventResultCard, PlayerResultCard, SearchResultCard, TableResultCard };

package/dist/SearchPage/Results.mjs

@@ -0,0 +1,212 @@
+"use client";
+import { Card, CardContent, Box, Typography, Chip, LinearProgress } from '@mui/material';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import CalendarTodayIcon from '@mui/icons-material/CalendarToday';
+import LocationOnIcon from '@mui/icons-material/LocationOn';
+import EventIcon from '@mui/icons-material/Event';
+import Avatar from '@mui/material/Avatar';
+import CasinoIcon from '@mui/icons-material/Casino';
+
+function generateTagsDisplay(tag) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "inline-block text-sm px-3 py-1 rounded-full outline-black outline-2 font-outlined",
+      style: {
+        marginTop: "6px",
+        marginRight: "6px",
+        marginBottom: "6px",
+        background: tag.color || "#bfbcbb",
+        color: "white",
+        textShadow: "black 0.2em 0.2em 0.4em"
+      },
+      children: tag.label
+    },
+    tag.id
+  );
+}
+var BaseSearchResultCard = ({
+  result,
+  onClick,
+  children,
+  icon,
+  tags
+}) => {
+  const handleClick = () => {
+    if (onClick) {
+      onClick(result.id);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      elevation: 6,
+      sx: {
+        width: "100%",
+        cursor: onClick ? "pointer" : "default",
+        boxShadow: "0px 8px 24px rgba(0, 0, 0, 0.15)",
+        transition: "box-shadow 0.3s ease-in-out",
+        "&:hover": {
+          boxShadow: "0px 12px 28px rgba(0, 0, 0, 0.2)"
+        },
+        marginBottom: 2
+      },
+      onClick: handleClick,
+      children: /* @__PURE__ */ jsxs(CardContent, { sx: { display: "flex", alignItems: "flex-start" }, children: [
+        icon && /* @__PURE__ */ jsx(Box, { sx: { mr: 2, display: "flex", alignItems: "center", pt: 0.5 }, children: icon }),
+        /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { mb: 1 }, children: result.title }),
+          children,
+          /* @__PURE__ */ jsx(Typography, { variant: "body1", children: result.description }),
+          result.tags && result.tags.length > 0 && /* @__PURE__ */ jsx(Box, { sx: { mt: 1 }, children: /* @__PURE__ */ jsx(Box, { sx: {
+            display: "block",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "clip",
+            pl: 0.5
+            // Add some padding to prevent clipping of the leftmost tag
+          }, children: (() => {
+            const MAX_VISIBLE = 5;
+            const tagObjs = result.tags.map((tagId) => tags.find((t) => t.id === tagId)).filter((t) => Boolean(t));
+            const visible = tagObjs.slice(0, MAX_VISIBLE);
+            const hiddenCount = Math.max(tagObjs.length - visible.length, 0);
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
+              visible.map((tag) => generateTagsDisplay(tag)),
+              hiddenCount > 0 && /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: "inline-block text-sm px-3 py-1 rounded-full outline-black outline-2 font-outlined",
+                  style: {
+                    marginTop: "6px",
+                    marginRight: "6px",
+                    marginBottom: "6px",
+                    background: "#9e9e9e",
+                    color: "white",
+                    textShadow: "black 0.2em 0.2em 0.4em"
+                  },
+                  children: [
+                    "+",
+                    hiddenCount,
+                    " more"
+                  ]
+                }
+              )
+            ] });
+          })() }) })
+        ] })
+      ] })
+    }
+  );
+};
+var BaseSearchResultCard_default = BaseSearchResultCard;
+var EventResultCard = ({
+  result,
+  onClick,
+  tags
+}) => {
+  const formatDate = (dateString) => {
+    const options = {
+      weekday: "long",
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    };
+    try {
+      const date = new Date(dateString);
+      return date.toLocaleDateString("en-US", options);
+    } catch {
+      return dateString;
+    }
+  };
+  const formattedDate = result.date ? formatDate(result.date) : "Date TBD";
+  const location = result.location || "Location TBD";
+  return /* @__PURE__ */ jsx(BaseSearchResultCard_default, { result, onClick, icon: /* @__PURE__ */ jsx(EventIcon, { color: "primary" }), tags, children: /* @__PURE__ */ jsxs(Box, { sx: { mb: 1 }, children: [
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", mb: 0.5 }, children: [
+      /* @__PURE__ */ jsx(CalendarTodayIcon, { sx: { mr: 1, fontSize: "small", color: "text.secondary" } }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: formattedDate })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", mb: 1 }, children: [
+      /* @__PURE__ */ jsx(LocationOnIcon, { sx: { mr: 1, fontSize: "small", color: "text.secondary" } }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: location })
+    ] })
+  ] }) });
+};
+var EventResultCard_default = EventResultCard;
+var PlayerResultCard = ({
+  result,
+  onClick,
+  tags
+}) => {
+  const firstLetter = result.title.charAt(0).toUpperCase();
+  const getAvatarColor = (name) => {
+    const colors = [
+      "#F44336",
+      "#E91E63",
+      "#9C27B0",
+      "#673AB7",
+      "#3F51B5",
+      "#2196F3",
+      "#03A9F4",
+      "#00BCD4",
+      "#009688",
+      "#4CAF50",
+      "#8BC34A",
+      "#CDDC39",
+      "#FFEB3B",
+      "#FFC107",
+      "#FF9800",
+      "#FF5722"
+    ];
+    let hash = 0;
+    for (let i = 0; i < name.length; i++) {
+      hash = name.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    return colors[Math.abs(hash) % colors.length];
+  };
+  const avatarColor = getAvatarColor(result.title);
+  const playerIcon = /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      src: result.imageUrl,
+      alt: result.title,
+      sx: {
+        width: 40,
+        height: 40,
+        bgcolor: !result.imageUrl ? avatarColor : void 0
+      },
+      children: !result.imageUrl && firstLetter
+    }
+  );
+  return /* @__PURE__ */ jsx(BaseSearchResultCard_default, { result, onClick, icon: playerIcon, tags });
+};
+var PlayerResultCard_default = PlayerResultCard;
+var SearchResultCard = ({
+  result,
+  onClick,
+  tags
+}) => {
+  return /* @__PURE__ */ jsx(BaseSearchResultCard_default, { result, onClick, tags });
+};
+var SearchResultCard_default = SearchResultCard;
+var TableResultCard = ({ result, tags, onClick }) => {
+  const capacity = result.capacity || 1;
+  const numPlayers = result.numPlayers || 0;
+  const occupancy = numPlayers / capacity * 100;
+  return /* @__PURE__ */ jsx(BaseSearchResultCard, { result, tags, onClick, icon: /* @__PURE__ */ jsx(CasinoIcon, { color: "primary" }), children: /* @__PURE__ */ jsxs(Box, { sx: { mb: 1 }, children: [
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 0.5 }, children: [
+      /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.secondary", children: [
+        "Players: ",
+        numPlayers,
+        " / ",
+        capacity
+      ] }),
+      result.dungeonMaster ? /* @__PURE__ */ jsx(Chip, { label: "DM Present", size: "small", color: "success", variant: "outlined" }) : /* @__PURE__ */ jsx(Chip, { label: "No DM", size: "small", color: "warning", variant: "outlined" })
+    ] }),
+    /* @__PURE__ */ jsx(LinearProgress, { variant: "determinate", value: occupancy, sx: { height: 8, borderRadius: 4 } })
+  ] }) });
+};
+var TableResultCard_default = TableResultCard;
+
+export { BaseSearchResultCard_default as BaseSearchResultCard, EventResultCard_default as EventResultCard, PlayerResultCard_default as PlayerResultCard, SearchResultCard_default as SearchResultCard, TableResultCard_default as TableResultCard };
+//# sourceMappingURL=Results.mjs.map
+//# sourceMappingURL=Results.mjs.map

package/dist/SearchPage/Results.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/shared/TagComponents.tsx","../../src/components/SearchPage/Results/BaseSearchResultCard.tsx","../../src/components/SearchPage/Results/EventResultCard.tsx","../../src/components/SearchPage/Results/PlayerResultCard.tsx","../../src/components/SearchPage/Results/SearchResultCard.tsx","../../src/components/SearchPage/Results/TableResultCard.tsx"],"names":["jsx","Fragment","jsxs","Box","Typography"],"mappings":"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","file":"Results.mjs","sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport type { Tag } from \"@/types/tag\";\n\nexport function generateTagsDisplay(tag: Tag) {\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={{\n                marginTop:\"6px\",\n                marginRight: \"6px\",\n                marginBottom: \"6px\",\n                background: tag.color || '#bfbcbb',\n                color: \"white\",\n                textShadow: \"black 0.2em 0.2em 0.4em\"\n            }}\n        >\n            {tag.label}\n        </span>\n    )\n}\n\nexport function renderTagsFromIds(ids: number[] | undefined, legalTags: Tag[]) {\n    if (!ids || !legalTags || legalTags.length === 0) { return ( <></>) }\n    const validTags = ids\n        .map((id) => legalTags.find((tag) => tag.id === id))\n        .filter((tag): tag is Tag => Boolean(tag));\n\n    return validTags.map((tag) => generateTagsDisplay(tag));\n}\n","\"use client\"\nimport React from 'react';\nimport { Card, CardContent, Typography, Box } from '@mui/material';\nimport { Tag } from '@/types/tag';\nimport { SearchResultItem } from '@/types/search';\nimport { generateTagsDisplay } from \"@/components/shared/TagComponents\";\n\nexport interface BaseSearchResultCardProps {\n  result: SearchResultItem;\n  onClick?: (id: number) => void;\n  icon?: React.ReactNode;\n  children?: React.ReactNode;\n  tags: Tag[];\n}\n\n/**\n * Base component for displaying search results with common functionality\n */\nexport const BaseSearchResultCard: React.FC<BaseSearchResultCardProps> = ({ \n  result,\n  onClick,\n  children,\n  icon,\n  tags\n}) => {\n  const handleClick = () => {\n    if (onClick) {\n      onClick(result.id);\n    }\n  };\n\n  return (\n    <Card \n      elevation={6}\n      sx={{ \n        width: '100%', \n        cursor: onClick ? 'pointer' : 'default',\n        boxShadow: '0px 8px 24px rgba(0, 0, 0, 0.15)',\n        transition: 'box-shadow 0.3s ease-in-out',\n        '&:hover': {\n          boxShadow: '0px 12px 28px rgba(0, 0, 0, 0.2)'\n        },\n        marginBottom: 2\n      }}\n      onClick={handleClick}\n    >\n      <CardContent sx={{ display: 'flex', alignItems: 'flex-start' }}>\n        {/* Icon on the left */}\n        {icon && (\n          <Box sx={{ mr: 2, display: 'flex', alignItems: 'center', pt: 0.5 }}>\n            {icon}\n          </Box>\n        )}\n        \n        {/* Content on the right */}\n        <Box sx={{ flex: 1 }}>\n          <Typography variant=\"h6\" sx={{ mb: 1 }}>\n            {result.title}\n          </Typography>\n          \n          {/* Specialized content will be inserted here */}\n          {children}\n          \n          <Typography variant=\"body1\">\n            {result.description}\n          </Typography>\n          \n          {result.tags && result.tags.length > 0 && (\n            <Box sx={{ mt: 1 }}>\n              <Box sx={{\n                display: 'block',\n                whiteSpace: 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'clip',\n                pl: 0.5 // Add some padding to prevent clipping of the leftmost tag\n              }}>\n                {(() => {\n                  const MAX_VISIBLE = 5; // heuristic: show up to 5 tags on one line\n                  const tagObjs = result.tags\n                    .map((tagId) => tags.find((t) => t.id === tagId))\n                    .filter((t): t is Tag => Boolean(t));\n                  const visible = tagObjs.slice(0, MAX_VISIBLE);\n                  const hiddenCount = Math.max(tagObjs.length - visible.length, 0);\n                  return (\n                    <>\n                      {visible.map((tag) => generateTagsDisplay(tag))}\n                      {hiddenCount > 0 && (\n                        <span\n                          className=\"inline-block text-sm px-3 py-1 rounded-full outline-black outline-2 font-outlined\"\n                          style={{\n                            marginTop: '6px',\n                            marginRight: '6px',\n                            marginBottom: '6px',\n                            background: '#9e9e9e',\n                            color: 'white',\n                            textShadow: 'black 0.2em 0.2em 0.4em'\n                          }}\n                        >\n                          +{hiddenCount} more\n                        </span>\n                      )}\n                    </>\n                  );\n                })()}\n              </Box>\n            </Box>\n          )}\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default BaseSearchResultCard;","\"use client\"\nimport React from 'react';\nimport { Box, Typography } from '@mui/material';\nimport CalendarTodayIcon from '@mui/icons-material/CalendarToday';\nimport LocationOnIcon from '@mui/icons-material/LocationOn';\nimport EventIcon from '@mui/icons-material/Event';\nimport BaseSearchResultCard from './BaseSearchResultCard';\nimport { Tag } from '@/types/tag';\nimport { SearchResultItem } from '@/types/search';\n\ninterface EventResultCardProps {\n  result: SearchResultItem;\n  onClick?: (id: number) => void;\n  tags: Tag[];\n}\n\nconst EventResultCard: React.FC<EventResultCardProps> = ({\n  result,\n  onClick,\n  tags,\n}) => {\n  const formatDate = (dateString: string) => {\n    const options: Intl.DateTimeFormatOptions = {\n      weekday: 'long',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n    };\n\n    try {\n      const date = new Date(dateString);\n      return date.toLocaleDateString('en-US', options);\n    } catch {\n      return dateString;\n    }\n  };\n\n  const formattedDate = result.date ? formatDate(result.date) : 'Date TBD';\n  const location = result.location || 'Location TBD';\n\n  return (\n    <BaseSearchResultCard result={result} onClick={onClick} icon={<EventIcon color=\"primary\" />} tags={tags}>\n      <Box sx={{ mb: 1 }}>\n        <Box sx={{ display: 'flex', alignItems: 'center', mb: 0.5 }}>\n          <CalendarTodayIcon sx={{ mr: 1, fontSize: 'small', color: 'text.secondary' }} />\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {formattedDate}\n          </Typography>\n        </Box>\n        <Box sx={{ display: 'flex', alignItems: 'center', mb: 1 }}>\n          <LocationOnIcon sx={{ mr: 1, fontSize: 'small', color: 'text.secondary' }} />\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {location}\n          </Typography>\n        </Box>\n      </Box>\n    </BaseSearchResultCard>\n  );\n};\n\nexport default EventResultCard;\n","\"use client\"\nimport React from 'react';\nimport Avatar from '@mui/material/Avatar';\nimport BaseSearchResultCard from './BaseSearchResultCard';\nimport { Tag } from \"@/types/tag\";\nimport { SearchResultItem } from '@/types/search';\n\ninterface PlayerResultCardProps {\n  result: SearchResultItem;\n  onClick?: (id: number) => void;\n  tags: Tag[];\n}\n\n/**\n * Component for displaying player search results\n * Displays player avatars with consistent color hashing/fallbacks\n */\nconst PlayerResultCard: React.FC<PlayerResultCardProps> = ({ \n  result,\n  onClick,\n  tags\n}) => {\n  // Get the first letter of the username for the avatar fallback\n  const firstLetter = result.title.charAt(0).toUpperCase();\n  \n  // Generate a consistent color based on the username\n  const getAvatarColor = (name: string) => {\n    const colors = [\n      '#F44336', '#E91E63', '#9C27B0', '#673AB7', \n      '#3F51B5', '#2196F3', '#03A9F4', '#00BCD4', \n      '#009688', '#4CAF50', '#8BC34A', '#CDDC39', \n      '#FFEB3B', '#FFC107', '#FF9800', '#FF5722'\n    ];\n    \n    let hash = 0;\n    for (let i = 0; i < name.length; i++) {\n      hash = name.charCodeAt(i) + ((hash << 5) - hash);\n    }\n    \n    return colors[Math.abs(hash) % colors.length];\n  };\n  \n  const avatarColor = getAvatarColor(result.title);\n  \n  const playerIcon = (\n    <Avatar \n      src={result.imageUrl} \n      alt={result.title}\n      sx={{ \n        width: 40, \n        height: 40, \n        bgcolor: !result.imageUrl ? avatarColor : undefined\n      }}\n    >\n      {!result.imageUrl && firstLetter}\n    </Avatar>\n  );\n\n  return (\n    <BaseSearchResultCard result={result} onClick={onClick} icon={playerIcon} tags={tags}>\n      {/* No additional content needed */}\n    </BaseSearchResultCard>\n  );\n};\n\nexport default PlayerResultCard;","\"use client\";\n\nimport React from 'react';\r\nimport BaseSearchResultCard from './BaseSearchResultCard';\r\nimport { Tag } from '@/types/tag';\r\n\r\ninterface SearchResultCardProps {\r\n  result: any;\r\n  onClick?: (id: number) => void;\r\n  tags: Tag[];\r\n}\r\n\r\n/**\r\n * @deprecated Use specialized card components (PlayerResultCard, TableResultCard, EventResultCard) instead\r\n * This component is kept for backward compatibility\r\n */\r\nconst SearchResultCard: React.FC<SearchResultCardProps> = ({ \r\n  result,\r\n  onClick,\r\n    tags,\r\n}) => {\r\n  return (\r\n    <BaseSearchResultCard result={result} onClick={onClick} tags={tags}>\r\n      {/* No specialized content for the generic card */}\r\n    </BaseSearchResultCard>\r\n  );\r\n};\r\n\r\nexport default SearchResultCard;","\"use client\"\nimport React from 'react';\nimport { BaseSearchResultCard } from './BaseSearchResultCard';\nimport { Box, Typography, LinearProgress, Chip } from '@mui/material';\nimport CasinoIcon from '@mui/icons-material/Casino';\nimport { Tag } from '@/types/tag';\nimport { SearchResultItem } from '@/types/search';\n\ninterface TableResultCardProps {\n  result: SearchResultItem;\n  tags: Tag[];\n  onClick?: (id: number) => void;\n}\n\nexport const TableResultCard: React.FC<TableResultCardProps> = ({ result, tags, onClick }) => {\n  const capacity = result.capacity || 1;\n  const numPlayers = result.numPlayers || 0;\n  const occupancy = (numPlayers / capacity) * 100;\n  \n  return (\n    <BaseSearchResultCard result={result} tags={tags} onClick={onClick} icon={<CasinoIcon color=\"primary\" />}>\n      <Box sx={{ mb: 1 }}>\n        <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 0.5 }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Players: {numPlayers} / {capacity}\n          </Typography>\n          {result.dungeonMaster ? (\n            <Chip label=\"DM Present\" size=\"small\" color=\"success\" variant=\"outlined\" />\n          ) : (\n            <Chip label=\"No DM\" size=\"small\" color=\"warning\" variant=\"outlined\" />\n          )}\n        </Box>\n        <LinearProgress variant=\"determinate\" value={occupancy} sx={{ height: 8, borderRadius: 4 }} />\n      </Box>\n    </BaseSearchResultCard>\n  );\n};\n\nexport default TableResultCard;"]}