@agg-market/ui 3.0.0 → 3.0.1

package/dist/event-market-page.js

@@ -1360,6 +1360,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",
@@ -1371,6 +1378,7 @@ var sizeClasses2 = {
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -1380,8 +1388,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,
@@ -1389,7 +1409,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-market-page.mjs

@@ -1,11 +1,11 @@
 import {
   EventMarketPage
-} from "./chunk-D5FTFSKL.mjs";
-import "./chunk-4KMFDCAH.mjs";
-import "./chunk-O46OFVH6.mjs";
+} from "./chunk-RGHA4PZH.mjs";
+import "./chunk-KUWTY4EM.mjs";
+import "./chunk-KSCSYCEF.mjs";
 import "./chunk-OBCHURW5.mjs";
-import "./chunk-KFOATMAE.mjs";
-import "./chunk-QYZKC7KG.mjs";
+import "./chunk-FF3QYU26.mjs";
+import "./chunk-MVJNQN7P.mjs";
 import "./chunk-422MCIXV.mjs";
 import "./chunk-S3H63TQ5.mjs";
 import "./chunk-GHB3GOCW.mjs";
@@ -13,7 +13,7 @@ import "./chunk-K6IJ4WBM.mjs";
 import "./chunk-YJA5VQW6.mjs";
 import "./chunk-V52WSZHQ.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/home-page.js

@@ -2804,6 +2804,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",
@@ -2815,6 +2822,7 @@ var sizeClasses = {
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -2824,8 +2832,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,
@@ -2833,7 +2853,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/home-page.mjs

@@ -1,14 +1,14 @@
 import {
   HomePage
-} from "./chunk-6425RRBI.mjs";
-import "./chunk-BEDUFOIG.mjs";
-import "./chunk-DL7STJQ5.mjs";
+} from "./chunk-ZJJA4I3I.mjs";
+import "./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/index.d.mts

@@ -26,13 +26,13 @@ export { ConnectAccountsStep, ConnectAccountsStepProps, ConnectKalshiModal, Conn
 export { ExchangeAccount, ProfileModal, ProfileModalProps, SocialAccountInfo, SocialAccountState } from './profile-modal.mjs';
 export { EventMarketPage, EventMarketPageClassNames, EventMarketPageProps } from './event-market-page.mjs';
 export { UserProfileActivity, UserProfileBalance, UserProfileConnectedExchange, UserProfileInfo, UserProfilePage, UserProfilePageClassNames, UserProfilePageProps, UserProfilePosition, UserProfilePositionFilter, UserProfileSocialLink, UserProfileTimeRange, UserProfileVenueBalance } from './user-profile-page.mjs';
-import { T as TradingVenue } from './types-JBf1DZlH.mjs';
-export { v as PlaceOrderMetric, u as PlaceOrderOutcome, y as PlaceOrderResult, r as PlaceOrderResultTone, x as PlaceOrderRouting, w as PlaceOrderRoutingRow, q as PlaceOrderRoutingTone, z as PlaceOrderStatus, o as PlaceOrderStatusPlacement, n as PlaceOrderStatusTone, P as PlaceOrderTab, A as PlaceOrderViewModel, b as SettlementVenueItem, S as SettlementViewModel, h as placeOrderMetricSchema, g as placeOrderOutcomeSchema, k as placeOrderResultSchema, f as placeOrderResultToneSchema, i as placeOrderRoutingRowSchema, j as placeOrderRoutingSchema, e as placeOrderRoutingToneSchema, d as placeOrderStatusPlacementSchema, l as placeOrderStatusSchema, c as placeOrderStatusToneSchema, p as placeOrderTabSchema, m as placeOrderViewModelSchema, s as settlementVenueSchema, a as settlementViewModelSchema, t as tradingVenueSchema } from './types-JBf1DZlH.mjs';
+import { T as TradingVenue } from './types-DkGlbmXq.mjs';
+export { v as PlaceOrderMetric, u as PlaceOrderOutcome, y as PlaceOrderResult, r as PlaceOrderResultTone, x as PlaceOrderRouting, w as PlaceOrderRoutingRow, q as PlaceOrderRoutingTone, z as PlaceOrderStatus, o as PlaceOrderStatusPlacement, n as PlaceOrderStatusTone, P as PlaceOrderTab, A as PlaceOrderViewModel, b as SettlementVenueItem, S as SettlementViewModel, h as placeOrderMetricSchema, g as placeOrderOutcomeSchema, k as placeOrderResultSchema, f as placeOrderResultToneSchema, i as placeOrderRoutingRowSchema, j as placeOrderRoutingSchema, e as placeOrderRoutingToneSchema, d as placeOrderStatusPlacementSchema, l as placeOrderStatusSchema, c as placeOrderStatusToneSchema, p as placeOrderTabSchema, m as placeOrderViewModelSchema, s as settlementVenueSchema, a as settlementViewModelSchema, t as tradingVenueSchema } from './types-DkGlbmXq.mjs';
 export { Settlement, SettlementProps } from './settlement.mjs';
 export { PlaceOrder, PlaceOrderProps } from './place-order.mjs';
 export { A as AvailableSizes } from './types-BVj9ky9P.mjs';
 export { I as IconName, a as IconSvgProps, W as WalletAvatarIcon, i as iconNames } from './registry-DfSCFAdC.mjs';
-export { V as VenueLogoName, a as VenueLogoProps } from './venue-logo.types-HRf1yBLD.mjs';
+export { V as VenueLogoName, b as VenueLogoProps, a as VenueLogoVariant } from './venue-logo.types-CGUc22ly.mjs';
 export { E as EventListItemClassNames, a as EventListItemEvent, b as EventListItemProps, c as EventListItemVenueInfo, d as EventListItemVenueInfoMap } from './event-list-item.types-Y6IeJ4e4.mjs';
 export { E as EventListItemDetailsClassNames, a as EventListItemDetailsEvent, b as EventListItemDetailsProps, c as EventListItemDetailsStat, d as EventListItemDetailsTimeRange, e as EventListItemDetailsWithEventIdProps } from './event-list-item-details.types-DekJKeMD.mjs';
 export { E as EventListProps } from './event-list.types-CkAAUqwW.mjs';

package/dist/index.d.ts

@@ -26,13 +26,13 @@ export { ConnectAccountsStep, ConnectAccountsStepProps, ConnectKalshiModal, Conn
 export { ExchangeAccount, ProfileModal, ProfileModalProps, SocialAccountInfo, SocialAccountState } from './profile-modal.js';
 export { EventMarketPage, EventMarketPageClassNames, EventMarketPageProps } from './event-market-page.js';
 export { UserProfileActivity, UserProfileBalance, UserProfileConnectedExchange, UserProfileInfo, UserProfilePage, UserProfilePageClassNames, UserProfilePageProps, UserProfilePosition, UserProfilePositionFilter, UserProfileSocialLink, UserProfileTimeRange, UserProfileVenueBalance } from './user-profile-page.js';
-import { T as TradingVenue } from './types-JBf1DZlH.js';
-export { v as PlaceOrderMetric, u as PlaceOrderOutcome, y as PlaceOrderResult, r as PlaceOrderResultTone, x as PlaceOrderRouting, w as PlaceOrderRoutingRow, q as PlaceOrderRoutingTone, z as PlaceOrderStatus, o as PlaceOrderStatusPlacement, n as PlaceOrderStatusTone, P as PlaceOrderTab, A as PlaceOrderViewModel, b as SettlementVenueItem, S as SettlementViewModel, h as placeOrderMetricSchema, g as placeOrderOutcomeSchema, k as placeOrderResultSchema, f as placeOrderResultToneSchema, i as placeOrderRoutingRowSchema, j as placeOrderRoutingSchema, e as placeOrderRoutingToneSchema, d as placeOrderStatusPlacementSchema, l as placeOrderStatusSchema, c as placeOrderStatusToneSchema, p as placeOrderTabSchema, m as placeOrderViewModelSchema, s as settlementVenueSchema, a as settlementViewModelSchema, t as tradingVenueSchema } from './types-JBf1DZlH.js';
+import { T as TradingVenue } from './types-DkGlbmXq.js';
+export { v as PlaceOrderMetric, u as PlaceOrderOutcome, y as PlaceOrderResult, r as PlaceOrderResultTone, x as PlaceOrderRouting, w as PlaceOrderRoutingRow, q as PlaceOrderRoutingTone, z as PlaceOrderStatus, o as PlaceOrderStatusPlacement, n as PlaceOrderStatusTone, P as PlaceOrderTab, A as PlaceOrderViewModel, b as SettlementVenueItem, S as SettlementViewModel, h as placeOrderMetricSchema, g as placeOrderOutcomeSchema, k as placeOrderResultSchema, f as placeOrderResultToneSchema, i as placeOrderRoutingRowSchema, j as placeOrderRoutingSchema, e as placeOrderRoutingToneSchema, d as placeOrderStatusPlacementSchema, l as placeOrderStatusSchema, c as placeOrderStatusToneSchema, p as placeOrderTabSchema, m as placeOrderViewModelSchema, s as settlementVenueSchema, a as settlementViewModelSchema, t as tradingVenueSchema } from './types-DkGlbmXq.js';
 export { Settlement, SettlementProps } from './settlement.js';
 export { PlaceOrder, PlaceOrderProps } from './place-order.js';
 export { A as AvailableSizes } from './types-BVj9ky9P.js';
 export { I as IconName, a as IconSvgProps, W as WalletAvatarIcon, i as iconNames } from './registry-DfSCFAdC.js';
-export { V as VenueLogoName, a as VenueLogoProps } from './venue-logo.types-D8Cu2rAm.js';
+export { V as VenueLogoName, b as VenueLogoProps, a as VenueLogoVariant } from './venue-logo.types-Dqr39S1-.js';
 export { E as EventListItemClassNames, a as EventListItemEvent, b as EventListItemProps, c as EventListItemVenueInfo, d as EventListItemVenueInfoMap } from './event-list-item.types-Y6IeJ4e4.js';
 export { E as EventListItemDetailsClassNames, a as EventListItemDetailsEvent, b as EventListItemDetailsProps, c as EventListItemDetailsStat, d as EventListItemDetailsTimeRange, e as EventListItemDetailsWithEventIdProps } from './event-list-item-details.types-CMbXOrT-.js';
 export { E as EventListProps } from './event-list.types-CkAAUqwW.js';

package/dist/index.js

@@ -2550,6 +2550,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",
@@ -2567,6 +2574,7 @@ var sizeClasses2 = {
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -2576,8 +2584,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks10.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_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,
@@ -2585,7 +2605,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
     }
   );
@@ -8658,15 +8678,7 @@ ProfileSetupStep.displayName = "ProfileSetupStep";
 var import_hooks28 = require("@agg-market/hooks");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-    "div",
-    {
-      className: "overflow-hidden rounded sm:rounded-agg-md",
-      style: { zIndex: ONCHAIN_VENUES.length - index },
-      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(VenueLogo, { venue, size: "medium", className: "sm:h-8 sm:w-8" })
-    },
-    venue
-  )) });
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -8760,12 +8772,13 @@ var ConnectAccountsStep = ({
       /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         VenueCard,
         {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "overflow-hidden rounded sm:rounded-agg-md", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+          logos: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             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,
@@ -8873,7 +8886,15 @@ var ConnectKalshiModal = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "overflow-hidden rounded-agg-lg", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(VenueLogo, { venue: "kalshi", size: "large" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+            VenueLogo,
+            {
+              venue: "kalshi",
+              variant: "logo",
+              size: "large",
+              className: "h-[60px] w-[60px]"
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
             /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
             /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })

package/dist/index.mjs

@@ -1,12 +1,12 @@
 import {
   HomePage
-} from "./chunk-6425RRBI.mjs";
+} from "./chunk-ZJJA4I3I.mjs";
 import {
   DepositModal
-} from "./chunk-5GDNWQZS.mjs";
+} from "./chunk-QLMVKLNJ.mjs";
 import {
   WithdrawModal
-} from "./chunk-2MJY6RVY.mjs";
+} from "./chunk-NH2G3POM.mjs";
 import {
   ConnectAccountsStep,
   ConnectKalshiModal,
@@ -14,25 +14,25 @@ import {
   HowItWorksStep,
   OnboardingModal,
   ProfileSetupStep
-} from "./chunk-KCPDVBIZ.mjs";
+} from "./chunk-4S3I6X7F.mjs";
 import {
   ProfileModal
-} from "./chunk-LK5D3ZTK.mjs";
+} from "./chunk-3QLOUBDJ.mjs";
 import {
   EventMarketPage
-} from "./chunk-D5FTFSKL.mjs";
+} from "./chunk-RGHA4PZH.mjs";
 import {
   UserProfilePage
-} from "./chunk-7NISYVSJ.mjs";
+} from "./chunk-6JG6I5AY.mjs";
 import {
   Modal
 } from "./chunk-5K7VXAYM.mjs";
 import {
   Settlement
-} from "./chunk-4KMFDCAH.mjs";
+} from "./chunk-KUWTY4EM.mjs";
 import {
   PlaceOrder
-} from "./chunk-O46OFVH6.mjs";
+} from "./chunk-KSCSYCEF.mjs";
 import {
   defaultSettlementDifferencesTitle,
   defaultSettlementSectionLabel,
@@ -48,17 +48,17 @@ import {
 } from "./chunk-OBCHURW5.mjs";
 import {
   EventListItemDetails
-} from "./chunk-KFOATMAE.mjs";
+} from "./chunk-FF3QYU26.mjs";
 import {
   MarketDetails
-} from "./chunk-QYZKC7KG.mjs";
+} from "./chunk-MVJNQN7P.mjs";
 import "./chunk-422MCIXV.mjs";
 import {
   EventList
-} from "./chunk-BEDUFOIG.mjs";
+} from "./chunk-KRQFVMJE.mjs";
 import {
   EventListItem
-} from "./chunk-DL7STJQ5.mjs";
+} from "./chunk-RKCVOKE3.mjs";
 import {
   Tabs
 } from "./chunk-S3H63TQ5.mjs";
@@ -75,21 +75,21 @@ import {
 } from "./chunk-YJA5VQW6.mjs";
 import {
   Search
-} from "./chunk-TA7LKYKP.mjs";
+} from "./chunk-DCORNTCY.mjs";
 import {
   Skeleton,
   skeletonViews
 } from "./chunk-V52WSZHQ.mjs";
 import {
   ConnectButton
-} from "./chunk-OA2IZ3VW.mjs";
+} from "./chunk-5ADMXO3Y.mjs";
 import {
   LoadingIcon
 } from "./chunk-IGPNIM2B.mjs";
 import {
   VenueLogo,
   venueLogoNames
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   ArrowTrendUpIcon,
   ArrowsToDotIcon,

package/dist/market-details.d.mts

@@ -1,6 +1,6 @@
 import { Event } from '@agg-market/hooks';
 import React from 'react';
-import { V as VenueLogoName } from './venue-logo.types-HRf1yBLD.mjs';
+import { V as VenueLogoName } from './venue-logo.types-CGUc22ly.mjs';
 import { d as EventListItemDetailsTimeRange } from './event-list-item-details.types-DekJKeMD.mjs';
 import './types-BVj9ky9P.mjs';
 import './event-list-item.types-Y6IeJ4e4.mjs';

package/dist/market-details.d.ts

@@ -1,6 +1,6 @@
 import { Event } from '@agg-market/hooks';
 import React from 'react';
-import { V as VenueLogoName } from './venue-logo.types-D8Cu2rAm.js';
+import { V as VenueLogoName } from './venue-logo.types-Dqr39S1-.js';
 import { d as EventListItemDetailsTimeRange } from './event-list-item-details.types-CMbXOrT-.js';
 import './types-BVj9ky9P.js';
 import './event-list-item.types-Y6IeJ4e4.js';

package/dist/market-details.js

@@ -3188,6 +3188,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",
@@ -3199,6 +3206,7 @@ var sizeClasses = {
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -3208,8 +3216,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks12.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_runtime61.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_runtime61.jsx)(
     Component,
@@ -3217,7 +3237,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/market-details.mjs

@@ -1,13 +1,13 @@
 import {
   MarketDetails
-} from "./chunk-QYZKC7KG.mjs";
+} from "./chunk-MVJNQN7P.mjs";
 import "./chunk-422MCIXV.mjs";
 import "./chunk-S3H63TQ5.mjs";
 import "./chunk-GHB3GOCW.mjs";
 import "./chunk-YJA5VQW6.mjs";
 import "./chunk-V52WSZHQ.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/onboarding-modal.js

@@ -2171,6 +2171,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",
@@ -2182,6 +2189,7 @@ var sizeClasses2 = {
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -2191,8 +2199,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks5.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_runtime51.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_runtime51.jsx)(
     Component,
@@ -2200,7 +2220,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
     }
   );
@@ -2210,15 +2230,7 @@ VenueLogo.displayName = "VenueLogo";
 // src/onboarding/steps/connect-accounts.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-    "div",
-    {
-      className: "overflow-hidden rounded sm:rounded-agg-md",
-      style: { zIndex: ONCHAIN_VENUES.length - index },
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(VenueLogo, { venue, size: "medium", className: "sm:h-8 sm:w-8" })
-    },
-    venue
-  )) });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -2312,12 +2324,13 @@ var ConnectAccountsStep = ({
       /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         VenueCard,
         {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "overflow-hidden rounded sm:rounded-agg-md", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          logos: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             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,
@@ -2425,7 +2438,15 @@ var ConnectKalshiModal = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "overflow-hidden rounded-agg-lg", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(VenueLogo, { venue: "kalshi", size: "large" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            VenueLogo,
+            {
+              venue: "kalshi",
+              variant: "logo",
+              size: "large",
+              className: "h-[60px] w-[60px]"
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
             /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
             /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })

package/dist/onboarding-modal.mjs

@@ -5,9 +5,9 @@ import {
   HowItWorksStep,
   OnboardingModal,
   ProfileSetupStep
-} from "./chunk-KCPDVBIZ.mjs";
+} from "./chunk-4S3I6X7F.mjs";
 import "./chunk-5K7VXAYM.mjs";
-import "./chunk-D7JTOGYP.mjs";
+import "./chunk-PORVP72S.mjs";
 import "./chunk-PZTHM6WG.mjs";
 import "./chunk-NDG43KGL.mjs";
 import "./chunk-BNDFQPHF.mjs";

package/dist/place-order.d.mts

@@ -1,4 +1,4 @@
-import { A as PlaceOrderViewModel, P as PlaceOrderTab } from './types-JBf1DZlH.mjs';
+import { A as PlaceOrderViewModel, P as PlaceOrderTab } from './types-DkGlbmXq.mjs';
 import 'zod';
 
 type PlaceOrderProps = PlaceOrderViewModel & {

package/dist/place-order.d.ts

@@ -1,4 +1,4 @@
-import { A as PlaceOrderViewModel, P as PlaceOrderTab } from './types-JBf1DZlH.js';
+import { A as PlaceOrderViewModel, P as PlaceOrderTab } from './types-DkGlbmXq.js';
 import 'zod';
 
 type PlaceOrderProps = PlaceOrderViewModel & {

package/dist/place-order.js

@@ -2860,6 +2860,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",
@@ -2871,6 +2878,7 @@ var sizeClasses2 = {
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -2880,8 +2888,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks11.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_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,
@@ -2889,7 +2909,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
     }
   );