@agg-market/ui 3.0.0 → 4.0.0

package/dist/venue-logo.d.mts

@@ -1,11 +1,12 @@
-import { V as VenueLogoName, a as VenueLogoProps } from './venue-logo.types-HRf1yBLD.mjs';
+import { V as VenueLogoName, b as VenueLogoProps } from './venue-logo.types-CGUc22ly.mjs';
+export { a as VenueLogoVariant } from './venue-logo.types-CGUc22ly.mjs';
 import '@agg-market/hooks';
 import './types-BVj9ky9P.mjs';
 
 declare const venueLogoNames: VenueLogoName[];
 
 declare const VenueLogo: {
-    ({ venue, isColor, isMonochromatic, color, size, className, ariaLabel, title, }: VenueLogoProps): JSX.Element;
+    ({ venue, variant, isColor, isMonochromatic, color, size, className, ariaLabel, title, }: VenueLogoProps): JSX.Element;
     displayName: string;
 };
 

package/dist/venue-logo.d.ts

@@ -1,11 +1,12 @@
-import { V as VenueLogoName, a as VenueLogoProps } from './venue-logo.types-D8Cu2rAm.js';
+import { V as VenueLogoName, b as VenueLogoProps } from './venue-logo.types-Dqr39S1-.js';
+export { a as VenueLogoVariant } from './venue-logo.types-Dqr39S1-.js';
 import '@agg-market/hooks';
 import './types-BVj9ky9P.js';
 
 declare const venueLogoNames: VenueLogoName[];
 
 declare const VenueLogo: {
-    ({ venue, isColor, isMonochromatic, color, size, className, ariaLabel, title, }: VenueLogoProps): JSX.Element;
+    ({ venue, variant, isColor, isMonochromatic, color, size, className, ariaLabel, title, }: VenueLogoProps): JSX.Element;
     displayName: string;
 };
 

package/dist/venue-logo.js

@@ -261,6 +261,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",
@@ -272,6 +279,7 @@ var sizeClasses = {
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -281,8 +289,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks.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_runtime5.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_runtime5.jsx)(
     Component,
@@ -290,7 +310,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/venue-logo.mjs

@@ -1,7 +1,7 @@
 import {
   VenueLogo,
   venueLogoNames
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import "./chunk-BNDFQPHF.mjs";
 import "./chunk-GJ4U5NCE.mjs";
 export {

package/dist/{venue-logo.types-HRf1yBLD.d.mts → venue-logo.types-CGUc22ly.d.mts}

@@ -3,8 +3,10 @@ import { A as AvailableSizes } from './types-BVj9ky9P.mjs';
 
 type AdditionalVenue = "opinion" | "probable";
 type VenueLogoName = VenueMarket["venue"] | AdditionalVenue;
+type VenueLogoVariant = "icon" | "logo";
 type VenueLogoProps = {
     venue: VenueLogoName;
+    variant?: VenueLogoVariant;
     isColor?: boolean;
     isMonochromatic?: boolean;
     color?: string;
@@ -14,4 +16,4 @@ type VenueLogoProps = {
     title?: string;
 };
 
-export type { VenueLogoName as V, VenueLogoProps as a };
+export type { VenueLogoName as V, VenueLogoVariant as a, VenueLogoProps as b };

package/dist/{venue-logo.types-D8Cu2rAm.d.ts → venue-logo.types-Dqr39S1-.d.ts}

@@ -3,8 +3,10 @@ import { A as AvailableSizes } from './types-BVj9ky9P.js';
 
 type AdditionalVenue = "opinion" | "probable";
 type VenueLogoName = VenueMarket["venue"] | AdditionalVenue;
+type VenueLogoVariant = "icon" | "logo";
 type VenueLogoProps = {
     venue: VenueLogoName;
+    variant?: VenueLogoVariant;
     isColor?: boolean;
     isMonochromatic?: boolean;
     color?: string;
@@ -14,4 +16,4 @@ type VenueLogoProps = {
     title?: string;
 };
 
-export type { VenueLogoName as V, VenueLogoProps as a };
+export type { VenueLogoName as V, VenueLogoVariant as a, VenueLogoProps as b };

package/dist/withdraw-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/withdraw-modal.mjs

@@ -1,8 +1,8 @@
 import {
   WithdrawModal
-} from "./chunk-2MJY6RVY.mjs";
+} from "./chunk-NH2G3POM.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-market/ui",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "sideEffects": false,
   "license": "MIT",
   "main": "./dist/index.js",
@@ -331,7 +331,7 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agg-market/hooks": "3.0.0"
+    "@agg-market/hooks": "4.0.0"
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.15",