@agg-market/ui 2.0.0 → 3.0.1

package/dist/{chunk-LK5D3ZTK.mjs → chunk-3QLOUBDJ.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   VenueLogo,
   venueLogoLabels
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   Icon,
   ProfileIcon

package/dist/{chunk-KCPDVBIZ.mjs → chunk-4S3I6X7F.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5K7VXAYM.mjs";
 import {
   VenueLogo
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   BestPricesIcon,
   CheckCircleIcon,
@@ -249,15 +249,7 @@ ProfileSetupStep.displayName = "ProfileSetupStep";
 import { useLabels as useLabels3 } from "@agg-market/hooks";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ jsx3("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: "overflow-hidden rounded sm:rounded-agg-md",
-      style: { zIndex: ONCHAIN_VENUES.length - index },
-      children: /* @__PURE__ */ jsx3(VenueLogo, { venue, size: "medium", className: "sm:h-8 sm:w-8" })
-    },
-    venue
-  )) });
+  return /* @__PURE__ */ jsx3("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx3("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ jsx3(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -351,12 +343,13 @@ var ConnectAccountsStep = ({
       /* @__PURE__ */ jsx3(
         VenueCard,
         {
-          logos: /* @__PURE__ */ jsx3("div", { className: "overflow-hidden rounded sm:rounded-agg-md", children: /* @__PURE__ */ jsx3(
+          logos: /* @__PURE__ */ jsx3("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx3(
             VenueLogo,
             {
               venue: "kalshi",
+              variant: "logo",
               size: "large",
-              className: "h-6 w-6 sm:h-8 sm:w-8"
+              className: "h-6 w-6 sm:h-9 sm:w-9"
             }
           ) }),
           title: labels.onboarding.connectAccounts.kalshiTitle,
@@ -464,7 +457,15 @@ var ConnectKalshiModal = ({
           }
         ),
         /* @__PURE__ */ jsx4(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ jsx4("div", { className: "overflow-hidden rounded-agg-lg", children: /* @__PURE__ */ jsx4(VenueLogo, { venue: "kalshi", size: "large" }) }),
+          /* @__PURE__ */ jsx4(
+            VenueLogo,
+            {
+              venue: "kalshi",
+              variant: "logo",
+              size: "large",
+              className: "h-[60px] w-[60px]"
+            }
+          ),
           /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-4 items-center text-center", children: [
             /* @__PURE__ */ jsx4("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
             /* @__PURE__ */ jsx4("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })

package/dist/{chunk-OA2IZ3VW.mjs → chunk-5ADMXO3Y.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-IGPNIM2B.mjs";
 import {
   VenueLogo
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   Icon
 } from "./chunk-PZTHM6WG.mjs";

package/dist/{chunk-7NISYVSJ.mjs → chunk-6JG6I5AY.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-S3H63TQ5.mjs";
 import {
   VenueLogo
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   Icon
 } from "./chunk-PZTHM6WG.mjs";

package/dist/{chunk-TA7LKYKP.mjs → chunk-DCORNTCY.mjs}

@@ -1,6 +1,6 @@
 import {
   VenueLogo
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   Icon
 } from "./chunk-PZTHM6WG.mjs";

package/dist/{chunk-KFOATMAE.mjs → chunk-FF3QYU26.mjs}

@@ -27,7 +27,7 @@ import {
 } from "./chunk-V52WSZHQ.mjs";
 import {
   VenueLogo
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   Button
 } from "./chunk-KAGYJ4XT.mjs";

package/dist/{chunk-BEDUFOIG.mjs → chunk-KRQFVMJE.mjs}

@@ -1,6 +1,6 @@
 import {
   EventListItem
-} from "./chunk-DL7STJQ5.mjs";
+} from "./chunk-RKCVOKE3.mjs";
 import {
   Tabs
 } from "./chunk-S3H63TQ5.mjs";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-V52WSZHQ.mjs";
 import {
   VenueLogo
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   Icon
 } from "./chunk-PZTHM6WG.mjs";

package/dist/{chunk-O46OFVH6.mjs → chunk-KSCSYCEF.mjs}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-V52WSZHQ.mjs";
 import {
   VenueLogo
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   Icon
 } from "./chunk-PZTHM6WG.mjs";

package/dist/{chunk-4KMFDCAH.mjs → chunk-KUWTY4EM.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-V52WSZHQ.mjs";
 import {
   VenueLogo
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   Icon
 } from "./chunk-PZTHM6WG.mjs";

package/dist/{chunk-QYZKC7KG.mjs → chunk-MVJNQN7P.mjs}

@@ -28,7 +28,7 @@ import {
 } from "./chunk-IGPNIM2B.mjs";
 import {
   VenueLogo
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   Typography
 } from "./chunk-ERGNR6UQ.mjs";

package/dist/{chunk-2MJY6RVY.mjs → chunk-NH2G3POM.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   VenueLogo,
   venueLogoLabels
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   BankIcon,
   ChevronLeftIcon,

package/dist/{chunk-D7JTOGYP.mjs → chunk-PORVP72S.mjs}

@@ -208,6 +208,13 @@ var venueLogoRegistry = {
   opinion: LogoOpinionIcon,
   probable: LogoProbableIcon
 };
+var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var venueLogoUrlRegistry = {
+  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
+};
 var venueLogoLabels = {
   kalshi: "Kalshi",
   polymarket: "Polymarket",
@@ -225,6 +232,7 @@ var sizeClasses = {
 import { jsx as jsx5 } from "react/jsx-runtime";
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -234,8 +242,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = useLabels();
-  const Component = venueLogoRegistry[venue];
   const sizeClass = sizeClasses[size];
+  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
+  if (variant === "logo") {
+    return /* @__PURE__ */ jsx5(
+      "img",
+      {
+        src: venueLogoUrlRegistry[venue],
+        alt: resolvedLabel,
+        title,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component = venueLogoRegistry[venue];
   const resolvedIsColor = isMonochromatic ? false : isColor;
   return /* @__PURE__ */ jsx5(
     Component,
@@ -243,7 +263,7 @@ var VenueLogo = ({
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
       isColor: resolvedIsColor,
       color,
-      "aria-label": ariaLabel != null ? ariaLabel : labels.venues[venue],
+      "aria-label": resolvedLabel,
       title
     }
   );

package/dist/{chunk-5GDNWQZS.mjs → chunk-QLMVKLNJ.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   VenueLogo,
   venueLogoLabels
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   BoltIcon,
   ChevronLeftIcon,

package/dist/{chunk-D5FTFSKL.mjs → chunk-RGHA4PZH.mjs}

@@ -1,15 +1,15 @@
 import {
   Settlement
-} from "./chunk-4KMFDCAH.mjs";
+} from "./chunk-KUWTY4EM.mjs";
 import {
   PlaceOrder
-} from "./chunk-O46OFVH6.mjs";
+} from "./chunk-KSCSYCEF.mjs";
 import {
   EventListItemDetails
-} from "./chunk-KFOATMAE.mjs";
+} from "./chunk-FF3QYU26.mjs";
 import {
   MarketDetails
-} from "./chunk-QYZKC7KG.mjs";
+} from "./chunk-MVJNQN7P.mjs";
 import {
   Typography
 } from "./chunk-ERGNR6UQ.mjs";

package/dist/{chunk-DL7STJQ5.mjs → chunk-RKCVOKE3.mjs}

@@ -19,7 +19,7 @@ import {
 } from "./chunk-V52WSZHQ.mjs";
 import {
   VenueLogo
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   Icon
 } from "./chunk-PZTHM6WG.mjs";

package/dist/{chunk-6425RRBI.mjs → chunk-ZJJA4I3I.mjs}

@@ -1,6 +1,6 @@
 import {
   EventList
-} from "./chunk-BEDUFOIG.mjs";
+} from "./chunk-KRQFVMJE.mjs";
 import {
   Tabs
 } from "./chunk-S3H63TQ5.mjs";

package/dist/connect-button.js

@@ -1736,6 +1736,13 @@ var venueLogoRegistry = {
   opinion: LogoOpinionIcon,
   probable: LogoProbableIcon
 };
+var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var venueLogoUrlRegistry = {
+  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
+};
 var venueLogoNames = Object.keys(venueLogoRegistry);
 var sizeClasses2 = {
   small: "h-4 w-4",
@@ -1747,6 +1754,7 @@ var sizeClasses2 = {
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -1756,8 +1764,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks2.useLabels)();
-  const Component = venueLogoRegistry[venue];
   const sizeClass = sizeClasses2[size];
+  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
+  if (variant === "logo") {
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      "img",
+      {
+        src: venueLogoUrlRegistry[venue],
+        alt: resolvedLabel,
+        title,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component = venueLogoRegistry[venue];
   const resolvedIsColor = isMonochromatic ? false : isColor;
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     Component,
@@ -1765,7 +1785,7 @@ var VenueLogo = ({
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
       isColor: resolvedIsColor,
       color,
-      "aria-label": ariaLabel != null ? ariaLabel : labels.venues[venue],
+      "aria-label": resolvedLabel,
       title
     }
   );

package/dist/connect-button.mjs

@@ -1,8 +1,8 @@
 import {
   ConnectButton
-} from "./chunk-OA2IZ3VW.mjs";
+} from "./chunk-5ADMXO3Y.mjs";
 import "./chunk-IGPNIM2B.mjs";
-import "./chunk-D7JTOGYP.mjs";
+import "./chunk-PORVP72S.mjs";
 import "./chunk-PZTHM6WG.mjs";
 import "./chunk-NDG43KGL.mjs";
 import "./chunk-BNDFQPHF.mjs";

package/dist/deposit-modal.js

@@ -536,6 +536,13 @@ var venueLogoRegistry = {
   opinion: LogoOpinionIcon,
   probable: LogoProbableIcon
 };
+var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var venueLogoUrlRegistry = {
+  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
+};
 var venueLogoLabels = {
   kalshi: "Kalshi",
   polymarket: "Polymarket",
@@ -677,6 +684,7 @@ var import_hooks3 = require("@agg-market/hooks");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -686,8 +694,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks3.useLabels)();
-  const Component = venueLogoRegistry[venue];
   const sizeClass = sizeClasses[size];
+  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
+  if (variant === "logo") {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "img",
+      {
+        src: venueLogoUrlRegistry[venue],
+        alt: resolvedLabel,
+        title,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component = venueLogoRegistry[venue];
   const resolvedIsColor = isMonochromatic ? false : isColor;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     Component,
@@ -695,7 +715,7 @@ var VenueLogo = ({
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
       isColor: resolvedIsColor,
       color,
-      "aria-label": ariaLabel != null ? ariaLabel : labels.venues[venue],
+      "aria-label": resolvedLabel,
       title
     }
   );

package/dist/deposit-modal.mjs

@@ -1,9 +1,9 @@
 import {
   DepositModal
-} from "./chunk-5GDNWQZS.mjs";
+} from "./chunk-QLMVKLNJ.mjs";
 import "./chunk-5K7VXAYM.mjs";
 import "./chunk-YJA5VQW6.mjs";
-import "./chunk-D7JTOGYP.mjs";
+import "./chunk-PORVP72S.mjs";
 import "./chunk-PZTHM6WG.mjs";
 import "./chunk-NDG43KGL.mjs";
 import "./chunk-BNDFQPHF.mjs";

package/dist/event-list-item-details.js

@@ -1344,6 +1344,13 @@ var venueLogoRegistry = {
   opinion: LogoOpinionIcon,
   probable: LogoProbableIcon
 };
+var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var venueLogoUrlRegistry = {
+  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
+};
 var venueLogoNames = Object.keys(venueLogoRegistry);
 var sizeClasses2 = {
   small: "h-4 w-4",
@@ -1355,6 +1362,7 @@ var sizeClasses2 = {
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -1364,8 +1372,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks12.useLabels)();
-  const Component = venueLogoRegistry[venue];
   const sizeClass = sizeClasses2[size];
+  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
+  if (variant === "logo") {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "img",
+      {
+        src: venueLogoUrlRegistry[venue],
+        alt: resolvedLabel,
+        title,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component = venueLogoRegistry[venue];
   const resolvedIsColor = isMonochromatic ? false : isColor;
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     Component,
@@ -1373,7 +1393,7 @@ var VenueLogo = ({
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
       isColor: resolvedIsColor,
       color,
-      "aria-label": ariaLabel != null ? ariaLabel : labels.venues[venue],
+      "aria-label": resolvedLabel,
       title
     }
   );

package/dist/event-list-item-details.mjs

@@ -1,11 +1,11 @@
 import {
   EventListItemDetails
-} from "./chunk-KFOATMAE.mjs";
+} from "./chunk-FF3QYU26.mjs";
 import "./chunk-422MCIXV.mjs";
 import "./chunk-GHB3GOCW.mjs";
 import "./chunk-K6IJ4WBM.mjs";
 import "./chunk-V52WSZHQ.mjs";
-import "./chunk-D7JTOGYP.mjs";
+import "./chunk-PORVP72S.mjs";
 import "./chunk-BNDFQPHF.mjs";
 import "./chunk-KAGYJ4XT.mjs";
 import "./chunk-FO263M3V.mjs";

package/dist/event-list-item.js

@@ -2174,6 +2174,13 @@ var venueLogoRegistry = {
   opinion: LogoOpinionIcon,
   probable: LogoProbableIcon
 };
+var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var venueLogoUrlRegistry = {
+  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
+};
 var venueLogoNames = Object.keys(venueLogoRegistry);
 var sizeClasses = {
   small: "h-4 w-4",
@@ -2185,6 +2192,7 @@ var sizeClasses = {
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -2194,8 +2202,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks9.useLabels)();
-  const Component = venueLogoRegistry[venue];
   const sizeClass = sizeClasses[size];
+  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
+  if (variant === "logo") {
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      "img",
+      {
+        src: venueLogoUrlRegistry[venue],
+        alt: resolvedLabel,
+        title,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component = venueLogoRegistry[venue];
   const resolvedIsColor = isMonochromatic ? false : isColor;
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     Component,
@@ -2203,7 +2223,7 @@ var VenueLogo = ({
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
       isColor: resolvedIsColor,
       color,
-      "aria-label": ariaLabel != null ? ariaLabel : labels.venues[venue],
+      "aria-label": resolvedLabel,
       title
     }
   );

package/dist/event-list-item.mjs

@@ -1,10 +1,10 @@
 import {
   EventListItem
-} from "./chunk-DL7STJQ5.mjs";
+} from "./chunk-RKCVOKE3.mjs";
 import "./chunk-GHB3GOCW.mjs";
 import "./chunk-K6IJ4WBM.mjs";
 import "./chunk-V52WSZHQ.mjs";
-import "./chunk-D7JTOGYP.mjs";
+import "./chunk-PORVP72S.mjs";
 import "./chunk-PZTHM6WG.mjs";
 import "./chunk-NDG43KGL.mjs";
 import "./chunk-BNDFQPHF.mjs";

package/dist/event-list.js

@@ -2800,6 +2800,13 @@ var venueLogoRegistry = {
   opinion: LogoOpinionIcon,
   probable: LogoProbableIcon
 };
+var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var venueLogoUrlRegistry = {
+  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
+};
 var venueLogoNames = Object.keys(venueLogoRegistry);
 var sizeClasses = {
   small: "h-4 w-4",
@@ -2811,6 +2818,7 @@ var sizeClasses = {
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -2820,8 +2828,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks10.useLabels)();
-  const Component = venueLogoRegistry[venue];
   const sizeClass = sizeClasses[size];
+  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
+  if (variant === "logo") {
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      "img",
+      {
+        src: venueLogoUrlRegistry[venue],
+        alt: resolvedLabel,
+        title,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component = venueLogoRegistry[venue];
   const resolvedIsColor = isMonochromatic ? false : isColor;
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     Component,
@@ -2829,7 +2849,7 @@ var VenueLogo = ({
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
       isColor: resolvedIsColor,
       color,
-      "aria-label": ariaLabel != null ? ariaLabel : labels.venues[venue],
+      "aria-label": resolvedLabel,
       title
     }
   );

package/dist/event-list.mjs

@@ -1,13 +1,13 @@
 import {
   EventList
-} from "./chunk-BEDUFOIG.mjs";
-import "./chunk-DL7STJQ5.mjs";
+} from "./chunk-KRQFVMJE.mjs";
+import "./chunk-RKCVOKE3.mjs";
 import "./chunk-S3H63TQ5.mjs";
 import "./chunk-GHB3GOCW.mjs";
 import "./chunk-K6IJ4WBM.mjs";
 import "./chunk-YJA5VQW6.mjs";
 import "./chunk-V52WSZHQ.mjs";
-import "./chunk-D7JTOGYP.mjs";
+import "./chunk-PORVP72S.mjs";
 import "./chunk-PZTHM6WG.mjs";
 import "./chunk-NDG43KGL.mjs";
 import "./chunk-BNDFQPHF.mjs";

package/dist/event-market-page.d.mts

@@ -1,5 +1,5 @@
 import { Event } from '@agg-market/hooks';
-import { A as PlaceOrderViewModel, S as SettlementViewModel } from './types-JBf1DZlH.mjs';
+import { A as PlaceOrderViewModel, S as SettlementViewModel } from './types-DkGlbmXq.mjs';
 import { d as EventListItemDetailsTimeRange } from './event-list-item-details.types-DekJKeMD.mjs';
 import 'zod';
 import './event-list-item.types-Y6IeJ4e4.mjs';

package/dist/event-market-page.d.ts

@@ -1,5 +1,5 @@
 import { Event } from '@agg-market/hooks';
-import { A as PlaceOrderViewModel, S as SettlementViewModel } from './types-JBf1DZlH.js';
+import { A as PlaceOrderViewModel, S as SettlementViewModel } from './types-DkGlbmXq.js';
 import { d as EventListItemDetailsTimeRange } from './event-list-item-details.types-CMbXOrT-.js';
 import 'zod';
 import './event-list-item.types-Y6IeJ4e4.js';