@agg-market/ui 8.0.0 → 9.0.0

package/dist/types/events/item/event-list-item.utils.d.ts

@@ -1,6 +1,6 @@
-import type { Event as AggEvent, VenueMarketOutcome, VenueMarket, AggUiLabels } from "@agg-market/hooks";
-import type { EventListItemEvent, EventListItemVenueInfoMap } from "./event-list-item.types";
-export declare const resolveEventListItemEvent: (fetchedEvent: AggEvent | undefined) => EventListItemEvent | undefined;
+import type { VenueMarketOutcome, VenueMarket, AggUiLabels } from "@agg-market/hooks";
+import type { EventListItemEvent, VenueEventWithMarkets, EventListItemVenueInfoMap } from "./event-list-item.types";
+export declare const resolveEventListItemEvent: (fetchedEvent: VenueEventWithMarkets | undefined) => EventListItemEvent | undefined;
 export declare const normalizeProbability: (value: number | null | undefined) => number | undefined;
 export declare const sortOutcomes: (outcomes: VenueMarketOutcome[]) => VenueMarketOutcome[];
 export type EventListItemVisibleOutcome = {
@@ -12,8 +12,8 @@ export type EventListItemVisibleOutcome = {
 export declare const resolveVisibleOutcomes: (venueMarkets: VenueMarket[], maxOutcomes: number) => EventListItemVisibleOutcome[];
 export declare const resolveOutcomeTitle: (outcome: VenueMarketOutcome) => string;
 export declare const selectPrimaryVenueMarket: (venueMarkets: VenueMarket[]) => VenueMarket | undefined;
-export declare const resolveTileTitle: (event: AggEvent, primaryVenueMarket: VenueMarket | undefined, titleOverride: string | undefined) => string;
-export declare const resolveTileImage: (event: AggEvent, primaryVenueMarket: VenueMarket | undefined, imageOverride: string | null | undefined) => string | undefined;
+export declare const resolveTileTitle: (event: VenueEventWithMarkets, primaryVenueMarket: VenueMarket | undefined, titleOverride: string | undefined) => string;
+export declare const resolveTileImage: (event: VenueEventWithMarkets, primaryVenueMarket: VenueMarket | undefined, imageOverride: string | null | undefined) => string | undefined;
 export declare const formatCountLabel: (count: number, singular: string, plural: string) => string;
 export declare const getVenueSummary: (venueMarkets: VenueMarket[]) => {
     marketCount: number;

package/dist/types/events/item/index.d.mts

@@ -1,5 +1,5 @@
 import type { EventListItemProps } from "./event-list-item.types";
-export type { EventListItemClassNames, EventListItemEvent, EventListItemProps, EventListItemVenueInfo, EventListItemVenueInfoMap, } from "./event-list-item.types";
+export type { EventListItemClassNames, EventListItemEvent, EventListItemProps, EventListItemVenueInfo, EventListItemVenueInfoMap, VenueEventWithMarkets, } from "./event-list-item.types";
 export declare const EventListItem: {
     (props: EventListItemProps): JSX.Element;
     displayName: string;

package/dist/types/events/item/index.d.ts

@@ -1,5 +1,5 @@
 import type { EventListItemProps } from "./event-list-item.types";
-export type { EventListItemClassNames, EventListItemEvent, EventListItemProps, EventListItemVenueInfo, EventListItemVenueInfoMap, } from "./event-list-item.types";
+export type { EventListItemClassNames, EventListItemEvent, EventListItemProps, EventListItemVenueInfo, EventListItemVenueInfoMap, VenueEventWithMarkets, } from "./event-list-item.types";
 export declare const EventListItem: {
     (props: EventListItemProps): JSX.Element;
     displayName: string;

package/dist/types/events/item-details/event-list-item-details.types.d.mts

@@ -1,6 +1,5 @@
-import type { Event } from "@agg-market/hooks";
-import type { EventListItemVenueInfoMap } from "../item/event-list-item.types";
-export type EventListItemDetailsEvent = Event;
+import type { VenueEventWithMarkets, EventListItemVenueInfoMap } from "../item/event-list-item.types";
+export type EventListItemDetailsEvent = VenueEventWithMarkets;
 export type EventListItemDetailsTimeRange = "1H" | "6H" | "1D" | "1W" | "1M" | "ALL";
 export type EventListItemDetailsStat = {
     label: string;
@@ -31,6 +30,8 @@ export type EventListItemDetailsBaseProps = {
     isLoading?: boolean;
     ariaLabel?: string;
     defaultTimeRange?: EventListItemDetailsTimeRange;
+    /** Enable real-time WS updates for price data. Default false. */
+    liveUpdate?: boolean;
 };
 export type EventListItemDetailsLoadingProps = EventListItemDetailsBaseProps & {
     isLoading: true;

package/dist/types/events/item-details/event-list-item-details.types.d.ts

@@ -1,6 +1,5 @@
-import type { Event } from "@agg-market/hooks";
-import type { EventListItemVenueInfoMap } from "../item/event-list-item.types";
-export type EventListItemDetailsEvent = Event;
+import type { VenueEventWithMarkets, EventListItemVenueInfoMap } from "../item/event-list-item.types";
+export type EventListItemDetailsEvent = VenueEventWithMarkets;
 export type EventListItemDetailsTimeRange = "1H" | "6H" | "1D" | "1W" | "1M" | "ALL";
 export type EventListItemDetailsStat = {
     label: string;
@@ -31,6 +30,8 @@ export type EventListItemDetailsBaseProps = {
     isLoading?: boolean;
     ariaLabel?: string;
     defaultTimeRange?: EventListItemDetailsTimeRange;
+    /** Enable real-time WS updates for price data. Default false. */
+    liveUpdate?: boolean;
 };
 export type EventListItemDetailsLoadingProps = EventListItemDetailsBaseProps & {
     isLoading: true;

package/dist/types/events/list/event-list.types.d.mts

@@ -1,4 +1,4 @@
-import type { UseEventsOptions } from "@agg-market/hooks";
+import type { UseVenueEventsOptions } from "@agg-market/hooks";
 import type { IconName } from "../../primitives/icon";
 import type { VenueLogoName } from "../../primitives/venue-logo";
 export type EventListTabValue = "matched" | "polymarket" | "kalshi" | (string & {});
@@ -7,7 +7,7 @@ export type EventListTab = {
     label: string;
     iconName?: IconName;
     venueLogo?: VenueLogoName;
-    venues?: UseEventsOptions["venues"];
+    venues?: UseVenueEventsOptions["venues"];
     disabled?: boolean;
 };
 export type EventListProps = {
@@ -16,6 +16,6 @@ export type EventListProps = {
     limit?: number;
     maxVisibleItems?: number;
     showVenueLogo?: boolean;
-    search?: UseEventsOptions["search"];
-    categoryIds?: UseEventsOptions["categoryIds"];
+    search?: UseVenueEventsOptions["search"];
+    categoryIds?: UseVenueEventsOptions["categoryIds"];
 };

package/dist/types/events/list/event-list.types.d.ts

@@ -1,4 +1,4 @@
-import type { UseEventsOptions } from "@agg-market/hooks";
+import type { UseVenueEventsOptions } from "@agg-market/hooks";
 import type { IconName } from "../../primitives/icon";
 import type { VenueLogoName } from "../../primitives/venue-logo";
 export type EventListTabValue = "matched" | "polymarket" | "kalshi" | (string & {});
@@ -7,7 +7,7 @@ export type EventListTab = {
     label: string;
     iconName?: IconName;
     venueLogo?: VenueLogoName;
-    venues?: UseEventsOptions["venues"];
+    venues?: UseVenueEventsOptions["venues"];
     disabled?: boolean;
 };
 export type EventListProps = {
@@ -16,6 +16,6 @@ export type EventListProps = {
     limit?: number;
     maxVisibleItems?: number;
     showVenueLogo?: boolean;
-    search?: UseEventsOptions["search"];
-    categoryIds?: UseEventsOptions["categoryIds"];
+    search?: UseVenueEventsOptions["search"];
+    categoryIds?: UseVenueEventsOptions["categoryIds"];
 };

package/dist/types/events/list/event-list.utils.d.mts

@@ -1,6 +1,6 @@
-import type { Event, UseEventsOptions } from "@agg-market/hooks";
-import type { EventListItemEvent } from "../item";
+import type { UseVenueEventsOptions } from "@agg-market/hooks";
+import type { EventListItemEvent, VenueEventWithMarkets } from "../item/event-list-item.types";
 import type { EventListTab, EventListTabValue } from "./event-list.types";
-export declare const mapEventToEventListItemEvent: (event: Event) => EventListItemEvent | null;
-export declare const filterEventsByTabValue: (events: Event[], _tabValue: EventListTabValue) => Event[];
-export declare const resolveTabVenus: (tab: EventListTab | undefined) => UseEventsOptions["venues"] | undefined;
+export declare const mapEventToEventListItemEvent: (event: VenueEventWithMarkets) => EventListItemEvent | null;
+export declare const filterEventsByTabValue: (events: VenueEventWithMarkets[], _tabValue: EventListTabValue) => VenueEventWithMarkets[];
+export declare const resolveTabVenus: (tab: EventListTab | undefined) => UseVenueEventsOptions["venues"] | undefined;

package/dist/types/events/list/event-list.utils.d.ts

@@ -1,6 +1,6 @@
-import type { Event, UseEventsOptions } from "@agg-market/hooks";
-import type { EventListItemEvent } from "../item";
+import type { UseVenueEventsOptions } from "@agg-market/hooks";
+import type { EventListItemEvent, VenueEventWithMarkets } from "../item/event-list-item.types";
 import type { EventListTab, EventListTabValue } from "./event-list.types";
-export declare const mapEventToEventListItemEvent: (event: Event) => EventListItemEvent | null;
-export declare const filterEventsByTabValue: (events: Event[], _tabValue: EventListTabValue) => Event[];
-export declare const resolveTabVenus: (tab: EventListTab | undefined) => UseEventsOptions["venues"] | undefined;
+export declare const mapEventToEventListItemEvent: (event: VenueEventWithMarkets) => EventListItemEvent | null;
+export declare const filterEventsByTabValue: (events: VenueEventWithMarkets[], _tabValue: EventListTabValue) => VenueEventWithMarkets[];
+export declare const resolveTabVenus: (tab: EventListTab | undefined) => UseVenueEventsOptions["venues"] | undefined;

package/dist/types/events/market-details/market-details.types.d.mts

@@ -1,5 +1,5 @@
-import type { Event } from "@agg-market/hooks";
 import type React from "react";
+import type { VenueEventWithMarkets } from "../item/event-list-item.types";
 import type { VenueLogoName } from "../../primitives/venue-logo/venue-logo.types";
 import type { EventListItemDetailsTimeRange } from "../item-details/event-list-item-details.types";
 export type MarketDetailsTab = "order-book" | "graph" | "other";
@@ -27,6 +27,8 @@ export type MarketDetailsBaseProps = {
     classNames?: MarketDetailsClassNames;
     otherContent?: React.ReactNode;
     isLoading?: boolean;
+    /** Enable real-time WS updates for orderbook and price data. Default false. */
+    liveUpdate?: boolean;
 };
 export type MarketDetailsLoadingProps = MarketDetailsBaseProps & {
     isLoading: true;
@@ -34,7 +36,7 @@ export type MarketDetailsLoadingProps = MarketDetailsBaseProps & {
     eventId?: string;
 };
 export type MarketDetailsWithEventProps = MarketDetailsBaseProps & {
-    event: Event;
+    event: VenueEventWithMarkets;
     eventId?: string;
     isLoading?: false;
 };
@@ -45,7 +47,7 @@ export type MarketDetailsWithEventIdProps = MarketDetailsBaseProps & {
 };
 export type MarketDetailsProps = MarketDetailsLoadingProps | MarketDetailsWithEventProps | MarketDetailsWithEventIdProps;
 export type MarketDetailsContentProps = MarketDetailsBaseProps & {
-    event: Event;
+    event: VenueEventWithMarkets;
 };
 export type MarketDetailsOrderBookTone = "positive" | "negative";
 export type MarketDetailsOrderBookRow = {

package/dist/types/events/market-details/market-details.types.d.ts

@@ -1,5 +1,5 @@
-import type { Event } from "@agg-market/hooks";
 import type React from "react";
+import type { VenueEventWithMarkets } from "../item/event-list-item.types";
 import type { VenueLogoName } from "../../primitives/venue-logo/venue-logo.types";
 import type { EventListItemDetailsTimeRange } from "../item-details/event-list-item-details.types";
 export type MarketDetailsTab = "order-book" | "graph" | "other";
@@ -27,6 +27,8 @@ export type MarketDetailsBaseProps = {
     classNames?: MarketDetailsClassNames;
     otherContent?: React.ReactNode;
     isLoading?: boolean;
+    /** Enable real-time WS updates for orderbook and price data. Default false. */
+    liveUpdate?: boolean;
 };
 export type MarketDetailsLoadingProps = MarketDetailsBaseProps & {
     isLoading: true;
@@ -34,7 +36,7 @@ export type MarketDetailsLoadingProps = MarketDetailsBaseProps & {
     eventId?: string;
 };
 export type MarketDetailsWithEventProps = MarketDetailsBaseProps & {
-    event: Event;
+    event: VenueEventWithMarkets;
     eventId?: string;
     isLoading?: false;
 };
@@ -45,7 +47,7 @@ export type MarketDetailsWithEventIdProps = MarketDetailsBaseProps & {
 };
 export type MarketDetailsProps = MarketDetailsLoadingProps | MarketDetailsWithEventProps | MarketDetailsWithEventIdProps;
 export type MarketDetailsContentProps = MarketDetailsBaseProps & {
-    event: Event;
+    event: VenueEventWithMarkets;
 };
 export type MarketDetailsOrderBookTone = "positive" | "negative";
 export type MarketDetailsOrderBookRow = {

package/dist/types/events/market-details/market-details.utils.d.mts

@@ -1,9 +1,20 @@
-import type { AggUiLabels, OrderbookResult, Event, VenueMarket } from "@agg-market/hooks";
+import type { AggUiLabels, OrderbookResult, VenueMarket } from "@agg-market/hooks";
+import type { VenueEventWithMarkets } from "../item/event-list-item.types";
 import { buildPriceHistoryGroups, formatXAxisDateLabel, getTimeWindowByRange, resolveOutcomesByVenue, resolveSeriesColor } from "../item-details/event-list-item-details.utils";
 import { resolveOutcomeTitle } from "../item/event-list-item.utils";
 import type { MarketDetailsMetaRow, MarketDetailsOrderBookRow, MarketDetailsOrderBookTone, MarketDetailsTab } from "./market-details.types";
 export declare const resolveInitialTab: (defaultTab: MarketDetailsTab | undefined) => MarketDetailsTab;
-export declare const resolveMarket: (event: Event, marketId: string | undefined) => Event["markets"][number] | undefined;
+export type ResolvedMarket = {
+    id: string;
+    venueMarkets: VenueMarket[];
+    volume: number | null | undefined;
+    status?: string;
+    startDate?: string | null;
+    endDate?: string | null;
+    creationDate?: string | null;
+    question: string;
+};
+export declare const resolveMarket: (event: VenueEventWithMarkets, marketId: string | undefined) => ResolvedMarket | undefined;
 export declare const resolveDisplayOutcomeLabels: (labels: string[]) => string[];
 export declare const resolveInitialOutcomeLabel: (labels: string[], defaultOutcomeLabel: string | undefined) => string | undefined;
 export declare const resolveAverageProbabilityByLabel: (venueMarkets: VenueMarket[], labels: string[]) => Map<string, number | undefined>;
@@ -26,16 +37,16 @@ export declare const resolveOrderBookRows: ({ data, side, }: {
     data: OrderbookResult[] | undefined;
     side: "asks" | "bids";
 }) => MarketDetailsOrderBookRow[];
-export declare const resolveOtherTabRows: (market: Event["markets"][number], labels: AggUiLabels) => MarketDetailsMetaRow[];
+export declare const resolveOtherTabRows: (market: ResolvedMarket, labels: AggUiLabels) => MarketDetailsMetaRow[];
 export declare const buildMarketDetailsModel: ({ event, marketId, title, image, formatCompactCurrency, labels, }: {
-    event: Event;
+    event: VenueEventWithMarkets;
     marketId: string | undefined;
     title: string | undefined;
     image: string | null | undefined;
     formatCompactCurrency: (value: number) => string;
     labels: AggUiLabels;
 }) => {
-    market: any;
+    market: ResolvedMarket;
     primaryVenueMarket: any;
     title: string;
     image: string | undefined;

package/dist/types/events/market-details/market-details.utils.d.ts

@@ -1,9 +1,20 @@
-import type { AggUiLabels, OrderbookResult, Event, VenueMarket } from "@agg-market/hooks";
+import type { AggUiLabels, OrderbookResult, VenueMarket } from "@agg-market/hooks";
+import type { VenueEventWithMarkets } from "../item/event-list-item.types";
 import { buildPriceHistoryGroups, formatXAxisDateLabel, getTimeWindowByRange, resolveOutcomesByVenue, resolveSeriesColor } from "../item-details/event-list-item-details.utils";
 import { resolveOutcomeTitle } from "../item/event-list-item.utils";
 import type { MarketDetailsMetaRow, MarketDetailsOrderBookRow, MarketDetailsOrderBookTone, MarketDetailsTab } from "./market-details.types";
 export declare const resolveInitialTab: (defaultTab: MarketDetailsTab | undefined) => MarketDetailsTab;
-export declare const resolveMarket: (event: Event, marketId: string | undefined) => Event["markets"][number] | undefined;
+export type ResolvedMarket = {
+    id: string;
+    venueMarkets: VenueMarket[];
+    volume: number | null | undefined;
+    status?: string;
+    startDate?: string | null;
+    endDate?: string | null;
+    creationDate?: string | null;
+    question: string;
+};
+export declare const resolveMarket: (event: VenueEventWithMarkets, marketId: string | undefined) => ResolvedMarket | undefined;
 export declare const resolveDisplayOutcomeLabels: (labels: string[]) => string[];
 export declare const resolveInitialOutcomeLabel: (labels: string[], defaultOutcomeLabel: string | undefined) => string | undefined;
 export declare const resolveAverageProbabilityByLabel: (venueMarkets: VenueMarket[], labels: string[]) => Map<string, number | undefined>;
@@ -26,16 +37,16 @@ export declare const resolveOrderBookRows: ({ data, side, }: {
     data: OrderbookResult[] | undefined;
     side: "asks" | "bids";
 }) => MarketDetailsOrderBookRow[];
-export declare const resolveOtherTabRows: (market: Event["markets"][number], labels: AggUiLabels) => MarketDetailsMetaRow[];
+export declare const resolveOtherTabRows: (market: ResolvedMarket, labels: AggUiLabels) => MarketDetailsMetaRow[];
 export declare const buildMarketDetailsModel: ({ event, marketId, title, image, formatCompactCurrency, labels, }: {
-    event: Event;
+    event: VenueEventWithMarkets;
     marketId: string | undefined;
     title: string | undefined;
     image: string | null | undefined;
     formatCompactCurrency: (value: number) => string;
     labels: AggUiLabels;
 }) => {
-    market: any;
+    market: ResolvedMarket;
     primaryVenueMarket: any;
     title: string;
     image: string | undefined;

package/dist/types/onramp/index.d.mts

@@ -0,0 +1,6 @@
+import type { OnrampModalProps } from "./onramp-modal.types";
+export type { OnrampModalProps, OnrampQuoteFormValues, OnrampQuote, OnrampWidgetSession, OnrampTransactionType, } from "./onramp-modal.types";
+export declare const OnrampModal: {
+    ({ open, onOpenChange, transactionType, walletAddress: initialWalletAddress, defaultFiatCurrency, defaultCryptoCurrency, onGetQuotes, onSelectQuote, }: OnrampModalProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/onramp/index.d.ts

@@ -0,0 +1,6 @@
+import type { OnrampModalProps } from "./onramp-modal.types";
+export type { OnrampModalProps, OnrampQuoteFormValues, OnrampQuote, OnrampWidgetSession, OnrampTransactionType, } from "./onramp-modal.types";
+export declare const OnrampModal: {
+    ({ open, onOpenChange, transactionType, walletAddress: initialWalletAddress, defaultFiatCurrency, defaultCryptoCurrency, onGetQuotes, onSelectQuote, }: OnrampModalProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/onramp/onramp-modal.constants.d.mts

@@ -0,0 +1,9 @@
+export declare const FIAT_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export declare const FIAT_SYMBOLS: Record<string, string>;
+export declare const CRYPTO_OPTIONS: {
+    value: string;
+    label: string;
+}[];

package/dist/types/onramp/onramp-modal.constants.d.ts

@@ -0,0 +1,9 @@
+export declare const FIAT_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export declare const FIAT_SYMBOLS: Record<string, string>;
+export declare const CRYPTO_OPTIONS: {
+    value: string;
+    label: string;
+}[];

package/dist/types/onramp/onramp-modal.types.d.mts

@@ -0,0 +1,64 @@
+export type OnrampTransactionType = "BUY" | "SELL";
+export interface OnrampQuote {
+    countryCode: string;
+    destinationAmount: number;
+    destinationCurrencyCode: string;
+    exchangeRate: number;
+    fiatAmountWithoutFees: number;
+    networkFee: number;
+    partnerFee: number;
+    paymentMethodType: string;
+    serviceProvider: string;
+    sourceAmount: number;
+    sourceCurrencyCode: string;
+    totalFee: number;
+    transactionFee: number;
+    transactionType: string;
+    rampScore: number;
+    lowKyc: boolean;
+}
+export interface OnrampWidgetSession {
+    id: string;
+    token: string;
+    widgetUrl: string;
+    serviceProviderWidgetUrl: string;
+    customerId: string;
+    externalCustomerId: string;
+    externalSessionId: string;
+}
+export interface OnrampModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** "BUY" for onramp (fiat→crypto), "SELL" for offramp (crypto→fiat). */
+    transactionType: OnrampTransactionType;
+    /** Pre-filled wallet address for the destination (onramp) or source (offramp). */
+    walletAddress?: string;
+    /** Default fiat currency code. Defaults to "USD". */
+    defaultFiatCurrency?: string;
+    /** Default crypto currency code. Defaults to "USDC". */
+    defaultCryptoCurrency?: string;
+    /** Called when user submits the form. Should return quotes sorted by rampScore. */
+    onGetQuotes: (params: {
+        transactionType: OnrampTransactionType;
+        sourceAmount: number;
+        sourceCurrencyCode: string;
+        destinationCurrencyCode: string;
+        countryCode: string;
+    }) => Promise<OnrampQuote[]>;
+    /** Called when user selects a quote. Should return a widget session. */
+    onSelectQuote: (params: {
+        transactionType: OnrampTransactionType;
+        serviceProvider: string;
+        sourceAmount: number;
+        sourceCurrencyCode: string;
+        destinationCurrencyCode: string;
+        countryCode: string;
+        walletAddress: string;
+    }) => Promise<OnrampWidgetSession>;
+}
+export interface OnrampQuoteFormValues {
+    amount: string;
+    fiatCurrency: string;
+    cryptoCurrency: string;
+    walletAddress: string;
+}

package/dist/types/onramp/onramp-modal.types.d.ts

@@ -0,0 +1,64 @@
+export type OnrampTransactionType = "BUY" | "SELL";
+export interface OnrampQuote {
+    countryCode: string;
+    destinationAmount: number;
+    destinationCurrencyCode: string;
+    exchangeRate: number;
+    fiatAmountWithoutFees: number;
+    networkFee: number;
+    partnerFee: number;
+    paymentMethodType: string;
+    serviceProvider: string;
+    sourceAmount: number;
+    sourceCurrencyCode: string;
+    totalFee: number;
+    transactionFee: number;
+    transactionType: string;
+    rampScore: number;
+    lowKyc: boolean;
+}
+export interface OnrampWidgetSession {
+    id: string;
+    token: string;
+    widgetUrl: string;
+    serviceProviderWidgetUrl: string;
+    customerId: string;
+    externalCustomerId: string;
+    externalSessionId: string;
+}
+export interface OnrampModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** "BUY" for onramp (fiat→crypto), "SELL" for offramp (crypto→fiat). */
+    transactionType: OnrampTransactionType;
+    /** Pre-filled wallet address for the destination (onramp) or source (offramp). */
+    walletAddress?: string;
+    /** Default fiat currency code. Defaults to "USD". */
+    defaultFiatCurrency?: string;
+    /** Default crypto currency code. Defaults to "USDC". */
+    defaultCryptoCurrency?: string;
+    /** Called when user submits the form. Should return quotes sorted by rampScore. */
+    onGetQuotes: (params: {
+        transactionType: OnrampTransactionType;
+        sourceAmount: number;
+        sourceCurrencyCode: string;
+        destinationCurrencyCode: string;
+        countryCode: string;
+    }) => Promise<OnrampQuote[]>;
+    /** Called when user selects a quote. Should return a widget session. */
+    onSelectQuote: (params: {
+        transactionType: OnrampTransactionType;
+        serviceProvider: string;
+        sourceAmount: number;
+        sourceCurrencyCode: string;
+        destinationCurrencyCode: string;
+        countryCode: string;
+        walletAddress: string;
+    }) => Promise<OnrampWidgetSession>;
+}
+export interface OnrampQuoteFormValues {
+    amount: string;
+    fiatCurrency: string;
+    cryptoCurrency: string;
+    walletAddress: string;
+}

package/dist/types/onramp/steps/quote-card.d.mts

@@ -0,0 +1,8 @@
+import type { OnrampQuote } from "../onramp-modal.types";
+interface QuoteCardProps {
+    quote: OnrampQuote;
+    rank: number;
+    onSelect: () => void;
+}
+export declare const QuoteCard: ({ quote, rank, onSelect }: QuoteCardProps) => JSX.Element;
+export {};

package/dist/types/onramp/steps/quote-card.d.ts

@@ -0,0 +1,8 @@
+import type { OnrampQuote } from "../onramp-modal.types";
+interface QuoteCardProps {
+    quote: OnrampQuote;
+    rank: number;
+    onSelect: () => void;
+}
+export declare const QuoteCard: ({ quote, rank, onSelect }: QuoteCardProps) => JSX.Element;
+export {};

package/dist/types/onramp/steps/quote-form.d.mts

@@ -0,0 +1,12 @@
+import type { OnrampQuoteFormValues } from "../onramp-modal.types";
+interface QuoteFormStepProps {
+    title: string;
+    values: OnrampQuoteFormValues;
+    onAmountChange: (amount: string) => void;
+    onFiatChange: (fiat: string) => void;
+    onCryptoChange: (crypto: string) => void;
+    onWalletAddressChange: (address: string) => void;
+    onSubmit: () => void;
+}
+export declare const QuoteFormStep: ({ title, values, onAmountChange, onFiatChange, onCryptoChange, onWalletAddressChange, onSubmit, }: QuoteFormStepProps) => JSX.Element;
+export {};

package/dist/types/onramp/steps/quote-form.d.ts

@@ -0,0 +1,12 @@
+import type { OnrampQuoteFormValues } from "../onramp-modal.types";
+interface QuoteFormStepProps {
+    title: string;
+    values: OnrampQuoteFormValues;
+    onAmountChange: (amount: string) => void;
+    onFiatChange: (fiat: string) => void;
+    onCryptoChange: (crypto: string) => void;
+    onWalletAddressChange: (address: string) => void;
+    onSubmit: () => void;
+}
+export declare const QuoteFormStep: ({ title, values, onAmountChange, onFiatChange, onCryptoChange, onWalletAddressChange, onSubmit, }: QuoteFormStepProps) => JSX.Element;
+export {};

package/dist/types/onramp/steps/quote-selection.d.mts

@@ -0,0 +1,14 @@
+import type { OnrampQuote } from "../onramp-modal.types";
+interface QuoteSelectionStepProps {
+    quotes: OnrampQuote[];
+    isLoading: boolean;
+    error: string | null;
+    fiatCurrency: string;
+    cryptoCurrency: string;
+    amount: number;
+    onBack: () => void;
+    onSelectQuote: (quote: OnrampQuote) => void;
+    onRetry: () => void;
+}
+export declare const QuoteSelectionStep: ({ quotes, isLoading, error, fiatCurrency, cryptoCurrency, amount, onBack, onSelectQuote, onRetry, }: QuoteSelectionStepProps) => JSX.Element;
+export {};

package/dist/types/onramp/steps/quote-selection.d.ts

@@ -0,0 +1,14 @@
+import type { OnrampQuote } from "../onramp-modal.types";
+interface QuoteSelectionStepProps {
+    quotes: OnrampQuote[];
+    isLoading: boolean;
+    error: string | null;
+    fiatCurrency: string;
+    cryptoCurrency: string;
+    amount: number;
+    onBack: () => void;
+    onSelectQuote: (quote: OnrampQuote) => void;
+    onRetry: () => void;
+}
+export declare const QuoteSelectionStep: ({ quotes, isLoading, error, fiatCurrency, cryptoCurrency, amount, onBack, onSelectQuote, onRetry, }: QuoteSelectionStepProps) => JSX.Element;
+export {};

package/dist/types/onramp/steps/widget.d.mts

@@ -0,0 +1,7 @@
+interface WidgetStepProps {
+    widgetUrl: string | null;
+    isLoading: boolean;
+    onBack: () => void;
+}
+export declare const WidgetStep: ({ widgetUrl, isLoading, onBack }: WidgetStepProps) => JSX.Element;
+export {};

package/dist/types/onramp/steps/widget.d.ts

@@ -0,0 +1,7 @@
+interface WidgetStepProps {
+    widgetUrl: string | null;
+    isLoading: boolean;
+    onBack: () => void;
+}
+export declare const WidgetStep: ({ widgetUrl, isLoading, onBack }: WidgetStepProps) => JSX.Element;
+export {};

package/dist/types/pages/event-market/event-market.types.d.mts

@@ -1,4 +1,4 @@
-import type { Event } from "@agg-market/hooks";
+import type { VenueEventWithMarkets } from "../../events/item/event-list-item.types";
 import type { PlaceOrderViewModel, SettlementViewModel } from "../../trading/types";
 import type { EventListItemDetailsTimeRange } from "../../events/item-details/event-list-item-details.types";
 export type EventMarketPageClassNames = Partial<{
@@ -30,7 +30,7 @@ export type EventMarketPageLoadingProps = EventMarketPageBaseProps & {
     eventId?: string;
 };
 export type EventMarketPageWithEventProps = EventMarketPageBaseProps & {
-    event: Event;
+    event: VenueEventWithMarkets;
     eventId?: string;
     isLoading?: false;
 };

package/dist/types/pages/event-market/event-market.types.d.ts

@@ -1,4 +1,4 @@
-import type { Event } from "@agg-market/hooks";
+import type { VenueEventWithMarkets } from "../../events/item/event-list-item.types";
 import type { PlaceOrderViewModel, SettlementViewModel } from "../../trading/types";
 import type { EventListItemDetailsTimeRange } from "../../events/item-details/event-list-item-details.types";
 export type EventMarketPageClassNames = Partial<{
@@ -30,7 +30,7 @@ export type EventMarketPageLoadingProps = EventMarketPageBaseProps & {
     eventId?: string;
 };
 export type EventMarketPageWithEventProps = EventMarketPageBaseProps & {
-    event: Event;
+    event: VenueEventWithMarkets;
     eventId?: string;
     isLoading?: false;
 };

package/dist/types/primitives/chart/index.d.mts

@@ -1,4 +1,5 @@
 import { type ReactNode } from "react";
+import { type CandlePoint, type LivelinePoint } from "liveline";
 export type LineChartPoint = {
     time: number;
     value: number;
@@ -29,6 +30,14 @@ export type LineChartProps = {
     chartType?: LineChartType;
     showSeriesControls?: boolean;
     renderSeriesControls?: (props: LineChartSeriesControlsRenderProps) => ReactNode;
+    /** Live forming candle (updates in real-time, not yet closed). */
+    liveCandle?: CandlePoint;
+    /** Live line overlay data (e.g., real-time price series). */
+    lineData?: LivelinePoint[];
+    /** Live line overlay current value. */
+    lineValue?: number;
+    /** Enable live visual effects (momentum particles + pulse animation). */
+    live?: boolean;
 };
 export type LineChartClassNames = {
     root?: string;
@@ -38,6 +47,6 @@ export type LineChartClassNames = {
     liveline?: string;
 };
 export declare const LineChart: {
-    ({ series, height, width, classNames, isLoading, chartType, showSeriesControls, renderSeriesControls, }: LineChartProps): JSX.Element;
+    ({ series, height, width, classNames, isLoading, chartType, showSeriesControls, renderSeriesControls, liveCandle: liveForming, lineData, lineValue, live, }: LineChartProps): JSX.Element;
     displayName: string;
 };