@agg-build/ui 2.1.1 → 2.1.3

package/dist/types/notifications/agg-notification-events-provider.d.mts

@@ -1,5 +1,7 @@
+import { useAggLabels } from "@agg-build/hooks";
+import type { WsOrderEvent } from "@agg-build/sdk";
 import { type ReactNode } from "react";
-import { type ToastContextValue } from "../primitives/toast";
+import { type ToastContextValue, type ToastTone } from "../primitives/toast";
 interface AggNotificationEventsProviderProps {
     children?: ReactNode;
     /**
@@ -32,4 +34,11 @@ interface AggNotificationEventsProviderProps {
  * so signing out / in cannot leak toasts from a prior session.
  */
 export declare function AggNotificationEventsProvider({ children, enabled, depositActivityLimit, }: AggNotificationEventsProviderProps): JSX.Element;
+export declare function resetOrderNotificationDedupe(): void;
+interface HandleOrderArgs {
+    event: WsOrderEvent;
+    labels: ReturnType<typeof useAggLabels>;
+    fireOnce: (key: string, tone: ToastTone, title: string, message: string, detail?: string) => void;
+}
+export declare function handleOrderEvent({ event, labels, fireOnce }: HandleOrderArgs): void;
 export type { ToastContextValue };

package/dist/types/notifications/agg-notification-events-provider.d.ts

@@ -1,5 +1,7 @@
+import { useAggLabels } from "@agg-build/hooks";
+import type { WsOrderEvent } from "@agg-build/sdk";
 import { type ReactNode } from "react";
-import { type ToastContextValue } from "../primitives/toast";
+import { type ToastContextValue, type ToastTone } from "../primitives/toast";
 interface AggNotificationEventsProviderProps {
     children?: ReactNode;
     /**
@@ -32,4 +34,11 @@ interface AggNotificationEventsProviderProps {
  * so signing out / in cannot leak toasts from a prior session.
  */
 export declare function AggNotificationEventsProvider({ children, enabled, depositActivityLimit, }: AggNotificationEventsProviderProps): JSX.Element;
+export declare function resetOrderNotificationDedupe(): void;
+interface HandleOrderArgs {
+    event: WsOrderEvent;
+    labels: ReturnType<typeof useAggLabels>;
+    fireOnce: (key: string, tone: ToastTone, title: string, message: string, detail?: string) => void;
+}
+export declare function handleOrderEvent({ event, labels, fireOnce }: HandleOrderArgs): void;
 export type { ToastContextValue };

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

@@ -0,0 +1,30 @@
+import { resolveEventTradingState, type UseMidpointsResult } from "@agg-build/hooks";
+import type { EventMarketPageProps } from "./event-market.types";
+export declare const MOBILE_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1023px)";
+export declare const SPORTS_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1279px)";
+export type EventMarketPlaceOrderClassNames = {
+    root?: string;
+    body?: string;
+    content?: string;
+    footer?: string;
+    header?: string;
+};
+export declare const getIsMobileEventMarketViewport: (mediaQuery?: string) => boolean;
+export declare const useIsMobileEventMarketViewport: (mediaQuery?: string) => boolean;
+export declare const resolveDesktopTradePlaceOrderClassNames: (classNames?: EventMarketPageProps["classNames"]) => EventMarketPlaceOrderClassNames | undefined;
+export declare const resolveMobileTradePlaceOrderClassNames: (classNames?: EventMarketPageProps["classNames"]) => EventMarketPlaceOrderClassNames;
+type EventMarketPageMobileTradeProps = {
+    classNames?: EventMarketPageProps["classNames"];
+    eventTradingState: ReturnType<typeof resolveEventTradingState>;
+    executionMode?: EventMarketPageProps["executionMode"];
+    showPlaceOrder?: boolean;
+    isOpen: boolean;
+    onOpenChange: (nextOpen: boolean) => void;
+    midpointsResult?: UseMidpointsResult;
+    onBeforePrimaryAction?: EventMarketPageProps["onBeforePrimaryAction"];
+};
+export declare const EventMarketPageMobileTrade: ({ classNames, eventTradingState, executionMode, showPlaceOrder, isOpen, onOpenChange, midpointsResult, onBeforePrimaryAction, }: EventMarketPageMobileTradeProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const EventMarketPageUnavailableState: ({ ariaLabel: _ariaLabel, }: Pick<EventMarketPageProps, "ariaLabel">) => JSX.Element;
+export declare const EventMarketPageNotFoundState: ({ ariaLabel: _ariaLabel, }: Pick<EventMarketPageProps, "ariaLabel">) => JSX.Element;
+export declare const EventMarketPageLoadingState: ({ classNames, stickyOrderPanel, }: Pick<EventMarketPageProps, "classNames" | "stickyOrderPanel">) => JSX.Element;
+export {};

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

@@ -0,0 +1,30 @@
+import { resolveEventTradingState, type UseMidpointsResult } from "@agg-build/hooks";
+import type { EventMarketPageProps } from "./event-market.types";
+export declare const MOBILE_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1023px)";
+export declare const SPORTS_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1279px)";
+export type EventMarketPlaceOrderClassNames = {
+    root?: string;
+    body?: string;
+    content?: string;
+    footer?: string;
+    header?: string;
+};
+export declare const getIsMobileEventMarketViewport: (mediaQuery?: string) => boolean;
+export declare const useIsMobileEventMarketViewport: (mediaQuery?: string) => boolean;
+export declare const resolveDesktopTradePlaceOrderClassNames: (classNames?: EventMarketPageProps["classNames"]) => EventMarketPlaceOrderClassNames | undefined;
+export declare const resolveMobileTradePlaceOrderClassNames: (classNames?: EventMarketPageProps["classNames"]) => EventMarketPlaceOrderClassNames;
+type EventMarketPageMobileTradeProps = {
+    classNames?: EventMarketPageProps["classNames"];
+    eventTradingState: ReturnType<typeof resolveEventTradingState>;
+    executionMode?: EventMarketPageProps["executionMode"];
+    showPlaceOrder?: boolean;
+    isOpen: boolean;
+    onOpenChange: (nextOpen: boolean) => void;
+    midpointsResult?: UseMidpointsResult;
+    onBeforePrimaryAction?: EventMarketPageProps["onBeforePrimaryAction"];
+};
+export declare const EventMarketPageMobileTrade: ({ classNames, eventTradingState, executionMode, showPlaceOrder, isOpen, onOpenChange, midpointsResult, onBeforePrimaryAction, }: EventMarketPageMobileTradeProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const EventMarketPageUnavailableState: ({ ariaLabel: _ariaLabel, }: Pick<EventMarketPageProps, "ariaLabel">) => JSX.Element;
+export declare const EventMarketPageNotFoundState: ({ ariaLabel: _ariaLabel, }: Pick<EventMarketPageProps, "ariaLabel">) => JSX.Element;
+export declare const EventMarketPageLoadingState: ({ classNames, stickyOrderPanel, }: Pick<EventMarketPageProps, "classNames" | "stickyOrderPanel">) => JSX.Element;
+export {};

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

@@ -1,5 +1,6 @@
 import type { VenueEventWithMarkets } from "../../events/item/event-list-item.types";
 import type { PlaceOrderResolvedClaimSummary } from "../../trading";
+import type { PlaceOrderProps } from "../../trading/place-order/index.place-order.types";
 export type EventMarketPageClassNames = Partial<{
     root: string;
     content: string;
@@ -44,6 +45,12 @@ export type EventMarketPageBaseProps = {
     defaultOutcomeId?: string;
     /** Whether to render the place-order panel. */
     showPlaceOrder?: boolean;
+    /**
+     * Pre-flight gate run before the internal quote execution, forwarded to the
+     * place-order panel. When it resolves the order fills as usual; return
+     * `false` to cancel or throw to abort. See `PlaceOrderProps.onBeforePrimaryAction`.
+     */
+    onBeforePrimaryAction?: PlaceOrderProps["onBeforePrimaryAction"];
     executionMode?: "live" | "paper";
     /** Optional resolved-event claim summary shown inside the read-only order panel. */
     resolvedClaim?: PlaceOrderResolvedClaimSummary;

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

@@ -1,5 +1,6 @@
 import type { VenueEventWithMarkets } from "../../events/item/event-list-item.types";
 import type { PlaceOrderResolvedClaimSummary } from "../../trading";
+import type { PlaceOrderProps } from "../../trading/place-order/index.place-order.types";
 export type EventMarketPageClassNames = Partial<{
     root: string;
     content: string;
@@ -44,6 +45,12 @@ export type EventMarketPageBaseProps = {
     defaultOutcomeId?: string;
     /** Whether to render the place-order panel. */
     showPlaceOrder?: boolean;
+    /**
+     * Pre-flight gate run before the internal quote execution, forwarded to the
+     * place-order panel. When it resolves the order fills as usual; return
+     * `false` to cancel or throw to abort. See `PlaceOrderProps.onBeforePrimaryAction`.
+     */
+    onBeforePrimaryAction?: PlaceOrderProps["onBeforePrimaryAction"];
     executionMode?: "live" | "paper";
     /** Optional resolved-event claim summary shown inside the read-only order panel. */
     resolvedClaim?: PlaceOrderResolvedClaimSummary;

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

@@ -0,0 +1,8 @@
+import type { VenueEventWithMarkets } from "../../events/item/event-list-item.types";
+import type { EventMarketPageProps } from "./event-market.types";
+export declare const SportsEventMarketPage: {
+    ({ event, defaultMarketId, defaultOutcomeId, classNames, ariaLabel, showPlaceOrder, executionMode, stickyOrderPanel, resolvedClaim, onBeforePrimaryAction, }: Extract<EventMarketPageProps, {
+        event: VenueEventWithMarkets;
+    }>): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,8 @@
+import type { VenueEventWithMarkets } from "../../events/item/event-list-item.types";
+import type { EventMarketPageProps } from "./event-market.types";
+export declare const SportsEventMarketPage: {
+    ({ event, defaultMarketId, defaultOutcomeId, classNames, ariaLabel, showPlaceOrder, executionMode, stickyOrderPanel, resolvedClaim, onBeforePrimaryAction, }: Extract<EventMarketPageProps, {
+        event: VenueEventWithMarkets;
+    }>): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,13 @@
+import { type VenueEventWithMarkets, type VenueMarket } from "@agg-build/hooks";
+export declare const sportsSectionMarketsByTab: {
+    game_lines: VenueMarket[];
+    halves: readonly [VenueMarket, VenueMarket, VenueMarket];
+    exact_score: readonly [VenueMarket];
+    corners: readonly [VenueMarket, VenueMarket];
+    goals: VenueMarket[];
+    assists: readonly [VenueMarket];
+    shots: readonly [VenueMarket];
+    other: readonly [VenueMarket];
+};
+export declare const sportsEventPageFixture: VenueEventWithMarkets;
+export declare const sportsLikeEsportsEventFixture: VenueEventWithMarkets;

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

@@ -0,0 +1,13 @@
+import { type VenueEventWithMarkets, type VenueMarket } from "@agg-build/hooks";
+export declare const sportsSectionMarketsByTab: {
+    game_lines: VenueMarket[];
+    halves: readonly [VenueMarket, VenueMarket, VenueMarket];
+    exact_score: readonly [VenueMarket];
+    corners: readonly [VenueMarket, VenueMarket];
+    goals: VenueMarket[];
+    assists: readonly [VenueMarket];
+    shots: readonly [VenueMarket];
+    other: readonly [VenueMarket];
+};
+export declare const sportsEventPageFixture: VenueEventWithMarkets;
+export declare const sportsLikeEsportsEventFixture: VenueEventWithMarkets;

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

@@ -0,0 +1,156 @@
+import type { VenueEventWithMarkets, VenueMarket } from "@agg-build/hooks";
+export declare const SPORTS_SECTION_TAB_KEYS: readonly ["game_lines", "halves", "exact_score", "corners", "goals", "assists", "shots", "other"];
+export type SportsSectionTabKey = (typeof SPORTS_SECTION_TAB_KEYS)[number];
+export declare const SPORTS_MARKET_TYPE_KEYS: readonly ["moneyline", "spread", "total", "prop", "completion", "other"];
+export type SportsMarketTypeKey = (typeof SPORTS_MARKET_TYPE_KEYS)[number];
+export declare const SPORTS_PERIOD_KEYS: readonly ["full", "1h", "2h", "q1", "q2", "q3", "q4", "ot", "first_inning", "second_inning", "third_inning", "first_5_innings", "other"];
+export type SportsPeriodKey = (typeof SPORTS_PERIOD_KEYS)[number];
+export declare const SPORTS_MARKET_CATEGORY_KEYS: readonly ["game_lines", "exact_score", "corners", "goals", "assists", "shots", "other"];
+export type SportsMarketCategoryKey = (typeof SPORTS_MARKET_CATEGORY_KEYS)[number];
+export declare const SPORTS_MARKET_GROUP_KEYS: readonly ["game_lines", "spreads", "totals", "period_lines", "exact_score", "team_props", "player_props", "specials", "completion", "other"];
+export type SportsMarketGroupKey = (typeof SPORTS_MARKET_GROUP_KEYS)[number];
+export type SportsSectionTabDefinition = {
+    key: SportsSectionTabKey;
+    /** Preferred section filter — supersedes `marketCategory`. */
+    marketGroup?: readonly SportsMarketGroupKey[];
+    /** Legacy compatibility filter (soccer prop tabs without a marketGroup). */
+    marketCategory?: SportsMarketCategoryKey;
+    sportsMarketType?: readonly SportsMarketTypeKey[];
+    period?: readonly SportsPeriodKey[];
+};
+export declare const SPORTS_SECTION_TAB_DEFINITIONS: readonly [{
+    readonly key: "game_lines";
+    readonly marketGroup: readonly ["game_lines", "spreads", "totals"];
+}, {
+    readonly key: "exact_score";
+    readonly marketGroup: readonly ["exact_score"];
+}, {
+    readonly key: "halves";
+    readonly marketGroup: readonly ["period_lines"];
+    readonly period: readonly ["1h", "2h"];
+}, {
+    readonly key: "corners";
+    readonly marketCategory: "corners";
+}, {
+    readonly key: "goals";
+    readonly marketCategory: "goals";
+}, {
+    readonly key: "assists";
+    readonly marketCategory: "assists";
+}, {
+    readonly key: "shots";
+    readonly marketCategory: "shots";
+}, {
+    readonly key: "other";
+    readonly marketGroup: readonly ["other", "team_props", "player_props", "specials", "completion"];
+}];
+export type SportsMarketCardVariant = "outcome" | "line" | "yes_no";
+export type SportsMarketDisplayGroup = {
+    id: string;
+    title: string;
+    questionKey: string;
+    sportsMarketType: SportsMarketTypeKey | null;
+    marketCategory: SportsMarketCategoryKey | null;
+    period: SportsPeriodKey;
+    sectionRank: number;
+    markets: VenueMarket[];
+    hasLineVariants: boolean;
+};
+export type SportsPeriodGroup = {
+    key: SportsPeriodKey;
+    markets: VenueMarket[];
+    groups: SportsMarketDisplayGroup[];
+};
+export declare const resolveSportsSectionDefinition: (key: SportsSectionTabKey) => SportsSectionTabDefinition;
+export declare const normalizeSportsPeriod: (value: string | null | undefined) => SportsPeriodKey;
+export declare const normalizeSportsMarketType: (value: string | null | undefined) => SportsMarketTypeKey | null;
+export declare const normalizeSportsMarketCategory: (value: string | null | undefined) => SportsMarketCategoryKey | null;
+export declare const normalizeSportsMarketGroup: (value: string | null | undefined) => SportsMarketGroupKey | null;
+/**
+ * Map a market to the sports section tab it belongs to — marketGroup-first, with
+ * marketCategory as the documented compatibility fallback (see the
+ * sports-market-detail recipe). Returns null when a market carries no
+ * recognizable grouping metadata, so the page can fall back to the default,
+ * ungrouped market list instead of inventing an empty tab.
+ */
+export declare const resolveMarketSectionTabKey: (market: Pick<VenueMarket, "marketGroup" | "marketCategory">) => SportsSectionTabKey | null;
+export declare const resolveSportsSectionFilters: (key: SportsSectionTabKey) => {
+    marketGroup?: SportsMarketGroupKey[];
+    marketCategory?: SportsMarketCategoryKey[];
+    sportsMarketType?: SportsMarketTypeKey[];
+    period?: SportsPeriodKey[];
+};
+/**
+ * Resolve the markets a sports section tab should display and group.
+ *
+ * Section markets are fetched by `aggKey`, which intentionally spans every
+ * sibling venue-event for the same real-world game (so cross-venue line ladders
+ * and prop categories aggregate together). For the Game Lines MONEYLINE
+ * (match-result) group, that aggregation is wrong: it can surface duplicate
+ * draws sourced from sibling events, props mis-classified as `moneyline`, and —
+ * because a sibling's market often wins the cross-venue collapse — it can omit
+ * THIS event's own outcome markets entirely (e.g. show two "Draw"s and drop the
+ * "Australia" win).
+ *
+ * The event's own curated `venueMarkets` are the authoritative N-way result for
+ * this event (the same source the non-sports event page renders correctly). So
+ * on the Game Lines tab we take the moneyline markets from the event and keep
+ * only the line markets (spread/total) from the aggKey fetch. Every other tab —
+ * and the spread/total ladders within Game Lines — use the fetched markets
+ * unchanged.
+ */
+export declare const resolveSportsSectionMarkets: ({ tabKey, eventMarkets, sectionMarkets, }: {
+    tabKey: SportsSectionTabKey;
+    eventMarkets: VenueMarket[];
+    sectionMarkets: VenueMarket[];
+}) => VenueMarket[];
+export declare const resolveSportsMarketCardVariant: (market: VenueMarket) => SportsMarketCardVariant;
+export declare const isBinarySportsMoneylineMarket: (market: VenueMarket) => boolean;
+export declare const buildSportsMarketDisplayGroups: (markets: VenueMarket[]) => SportsMarketDisplayGroup[];
+export declare const groupSportsMarketsByPeriod: (markets: VenueMarket[]) => SportsPeriodGroup[];
+export type SportsGameLineSlideKind = "moneyline" | "spread" | "total" | "other";
+export type SportsGameLineSlideStop = {
+    /** Display value for the ladder chip, e.g. "1.5", "216.5". */
+    value: string;
+    /** Venue ids offering this line (cast to VenueLogoName at the render site). */
+    venues: string[];
+    market: VenueMarket;
+};
+export type SportsGameLineSlide = {
+    id: string;
+    kind: SportsGameLineSlideKind;
+    group: SportsMarketDisplayGroup;
+    /** False for moneyline / single-market groups → no line ladder. */
+    hasLadder: boolean;
+    stops: SportsGameLineSlideStop[];
+    /** Marquee line on first render — the highest-volume line in the group. */
+    defaultStopIndex: number;
+};
+export declare const resolveSelectedSportsLineValue: (lineValue: number | null | undefined) => string;
+export declare const collectVenueNames: (market: VenueMarket) => string[];
+export declare const resolveTotalGroupVolume: (markets: VenueMarket[]) => number;
+export declare const resolveSportsExpandedMarkets: (markets: VenueMarket[]) => VenueMarket[];
+export declare const resolveSportsExpandedMarketsVolume: (markets: VenueMarket[]) => number;
+export declare const buildSportsSlideFromGroup: (group: SportsMarketDisplayGroup) => SportsGameLineSlide;
+/**
+ * Derive the Moneyline / Spreads / Total game-line slides (in that order) from a
+ * flat list of venue markets. Reuses {@link buildSportsMarketDisplayGroups} so
+ * line variants collapse into one slide with the per-line ladder.
+ */
+export declare const buildSportsGameLineSlides: (markets: VenueMarket[], period?: SportsPeriodKey) => SportsGameLineSlide[];
+export type SportsTeam = {
+    name: string;
+    abbr: string;
+};
+export type SportsTeams = {
+    away: SportsTeam;
+    home: SportsTeam;
+};
+export declare const resolveSportsTeams: (event: Pick<VenueEventWithMarkets, "title">, moneylineMarket?: VenueMarket | null) => SportsTeams | null;
+export declare const resolveSportsLeagueLabel: (event: Pick<VenueEventWithMarkets, "categories" | "aggKey">) => string | null;
+export declare const isNonStandardSportsLikeEvent: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => boolean;
+export declare const resolveVisibleSportsSectionTabDefinitions: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => SportsSectionTabDefinition[];
+export declare const mergeSportsSectionMarketsIntoEvent: ({ event, sectionMarketsByKey, }: {
+    event: import("@agg-build/hooks").VenueEventWithMarkets;
+    sectionMarketsByKey: Partial<Record<SportsSectionTabKey, VenueMarket[]>>;
+}) => import("@agg-build/hooks").VenueEventWithMarkets;

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

@@ -0,0 +1,156 @@
+import type { VenueEventWithMarkets, VenueMarket } from "@agg-build/hooks";
+export declare const SPORTS_SECTION_TAB_KEYS: readonly ["game_lines", "halves", "exact_score", "corners", "goals", "assists", "shots", "other"];
+export type SportsSectionTabKey = (typeof SPORTS_SECTION_TAB_KEYS)[number];
+export declare const SPORTS_MARKET_TYPE_KEYS: readonly ["moneyline", "spread", "total", "prop", "completion", "other"];
+export type SportsMarketTypeKey = (typeof SPORTS_MARKET_TYPE_KEYS)[number];
+export declare const SPORTS_PERIOD_KEYS: readonly ["full", "1h", "2h", "q1", "q2", "q3", "q4", "ot", "first_inning", "second_inning", "third_inning", "first_5_innings", "other"];
+export type SportsPeriodKey = (typeof SPORTS_PERIOD_KEYS)[number];
+export declare const SPORTS_MARKET_CATEGORY_KEYS: readonly ["game_lines", "exact_score", "corners", "goals", "assists", "shots", "other"];
+export type SportsMarketCategoryKey = (typeof SPORTS_MARKET_CATEGORY_KEYS)[number];
+export declare const SPORTS_MARKET_GROUP_KEYS: readonly ["game_lines", "spreads", "totals", "period_lines", "exact_score", "team_props", "player_props", "specials", "completion", "other"];
+export type SportsMarketGroupKey = (typeof SPORTS_MARKET_GROUP_KEYS)[number];
+export type SportsSectionTabDefinition = {
+    key: SportsSectionTabKey;
+    /** Preferred section filter — supersedes `marketCategory`. */
+    marketGroup?: readonly SportsMarketGroupKey[];
+    /** Legacy compatibility filter (soccer prop tabs without a marketGroup). */
+    marketCategory?: SportsMarketCategoryKey;
+    sportsMarketType?: readonly SportsMarketTypeKey[];
+    period?: readonly SportsPeriodKey[];
+};
+export declare const SPORTS_SECTION_TAB_DEFINITIONS: readonly [{
+    readonly key: "game_lines";
+    readonly marketGroup: readonly ["game_lines", "spreads", "totals"];
+}, {
+    readonly key: "exact_score";
+    readonly marketGroup: readonly ["exact_score"];
+}, {
+    readonly key: "halves";
+    readonly marketGroup: readonly ["period_lines"];
+    readonly period: readonly ["1h", "2h"];
+}, {
+    readonly key: "corners";
+    readonly marketCategory: "corners";
+}, {
+    readonly key: "goals";
+    readonly marketCategory: "goals";
+}, {
+    readonly key: "assists";
+    readonly marketCategory: "assists";
+}, {
+    readonly key: "shots";
+    readonly marketCategory: "shots";
+}, {
+    readonly key: "other";
+    readonly marketGroup: readonly ["other", "team_props", "player_props", "specials", "completion"];
+}];
+export type SportsMarketCardVariant = "outcome" | "line" | "yes_no";
+export type SportsMarketDisplayGroup = {
+    id: string;
+    title: string;
+    questionKey: string;
+    sportsMarketType: SportsMarketTypeKey | null;
+    marketCategory: SportsMarketCategoryKey | null;
+    period: SportsPeriodKey;
+    sectionRank: number;
+    markets: VenueMarket[];
+    hasLineVariants: boolean;
+};
+export type SportsPeriodGroup = {
+    key: SportsPeriodKey;
+    markets: VenueMarket[];
+    groups: SportsMarketDisplayGroup[];
+};
+export declare const resolveSportsSectionDefinition: (key: SportsSectionTabKey) => SportsSectionTabDefinition;
+export declare const normalizeSportsPeriod: (value: string | null | undefined) => SportsPeriodKey;
+export declare const normalizeSportsMarketType: (value: string | null | undefined) => SportsMarketTypeKey | null;
+export declare const normalizeSportsMarketCategory: (value: string | null | undefined) => SportsMarketCategoryKey | null;
+export declare const normalizeSportsMarketGroup: (value: string | null | undefined) => SportsMarketGroupKey | null;
+/**
+ * Map a market to the sports section tab it belongs to — marketGroup-first, with
+ * marketCategory as the documented compatibility fallback (see the
+ * sports-market-detail recipe). Returns null when a market carries no
+ * recognizable grouping metadata, so the page can fall back to the default,
+ * ungrouped market list instead of inventing an empty tab.
+ */
+export declare const resolveMarketSectionTabKey: (market: Pick<VenueMarket, "marketGroup" | "marketCategory">) => SportsSectionTabKey | null;
+export declare const resolveSportsSectionFilters: (key: SportsSectionTabKey) => {
+    marketGroup?: SportsMarketGroupKey[];
+    marketCategory?: SportsMarketCategoryKey[];
+    sportsMarketType?: SportsMarketTypeKey[];
+    period?: SportsPeriodKey[];
+};
+/**
+ * Resolve the markets a sports section tab should display and group.
+ *
+ * Section markets are fetched by `aggKey`, which intentionally spans every
+ * sibling venue-event for the same real-world game (so cross-venue line ladders
+ * and prop categories aggregate together). For the Game Lines MONEYLINE
+ * (match-result) group, that aggregation is wrong: it can surface duplicate
+ * draws sourced from sibling events, props mis-classified as `moneyline`, and —
+ * because a sibling's market often wins the cross-venue collapse — it can omit
+ * THIS event's own outcome markets entirely (e.g. show two "Draw"s and drop the
+ * "Australia" win).
+ *
+ * The event's own curated `venueMarkets` are the authoritative N-way result for
+ * this event (the same source the non-sports event page renders correctly). So
+ * on the Game Lines tab we take the moneyline markets from the event and keep
+ * only the line markets (spread/total) from the aggKey fetch. Every other tab —
+ * and the spread/total ladders within Game Lines — use the fetched markets
+ * unchanged.
+ */
+export declare const resolveSportsSectionMarkets: ({ tabKey, eventMarkets, sectionMarkets, }: {
+    tabKey: SportsSectionTabKey;
+    eventMarkets: VenueMarket[];
+    sectionMarkets: VenueMarket[];
+}) => VenueMarket[];
+export declare const resolveSportsMarketCardVariant: (market: VenueMarket) => SportsMarketCardVariant;
+export declare const isBinarySportsMoneylineMarket: (market: VenueMarket) => boolean;
+export declare const buildSportsMarketDisplayGroups: (markets: VenueMarket[]) => SportsMarketDisplayGroup[];
+export declare const groupSportsMarketsByPeriod: (markets: VenueMarket[]) => SportsPeriodGroup[];
+export type SportsGameLineSlideKind = "moneyline" | "spread" | "total" | "other";
+export type SportsGameLineSlideStop = {
+    /** Display value for the ladder chip, e.g. "1.5", "216.5". */
+    value: string;
+    /** Venue ids offering this line (cast to VenueLogoName at the render site). */
+    venues: string[];
+    market: VenueMarket;
+};
+export type SportsGameLineSlide = {
+    id: string;
+    kind: SportsGameLineSlideKind;
+    group: SportsMarketDisplayGroup;
+    /** False for moneyline / single-market groups → no line ladder. */
+    hasLadder: boolean;
+    stops: SportsGameLineSlideStop[];
+    /** Marquee line on first render — the highest-volume line in the group. */
+    defaultStopIndex: number;
+};
+export declare const resolveSelectedSportsLineValue: (lineValue: number | null | undefined) => string;
+export declare const collectVenueNames: (market: VenueMarket) => string[];
+export declare const resolveTotalGroupVolume: (markets: VenueMarket[]) => number;
+export declare const resolveSportsExpandedMarkets: (markets: VenueMarket[]) => VenueMarket[];
+export declare const resolveSportsExpandedMarketsVolume: (markets: VenueMarket[]) => number;
+export declare const buildSportsSlideFromGroup: (group: SportsMarketDisplayGroup) => SportsGameLineSlide;
+/**
+ * Derive the Moneyline / Spreads / Total game-line slides (in that order) from a
+ * flat list of venue markets. Reuses {@link buildSportsMarketDisplayGroups} so
+ * line variants collapse into one slide with the per-line ladder.
+ */
+export declare const buildSportsGameLineSlides: (markets: VenueMarket[], period?: SportsPeriodKey) => SportsGameLineSlide[];
+export type SportsTeam = {
+    name: string;
+    abbr: string;
+};
+export type SportsTeams = {
+    away: SportsTeam;
+    home: SportsTeam;
+};
+export declare const resolveSportsTeams: (event: Pick<VenueEventWithMarkets, "title">, moneylineMarket?: VenueMarket | null) => SportsTeams | null;
+export declare const resolveSportsLeagueLabel: (event: Pick<VenueEventWithMarkets, "categories" | "aggKey">) => string | null;
+export declare const isNonStandardSportsLikeEvent: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => boolean;
+export declare const resolveVisibleSportsSectionTabDefinitions: (event: Pick<VenueEventWithMarkets, "categories" | "title" | "venueMarkets">) => SportsSectionTabDefinition[];
+export declare const mergeSportsSectionMarketsIntoEvent: ({ event, sectionMarketsByKey, }: {
+    event: import("@agg-build/hooks").VenueEventWithMarkets;
+    sectionMarketsByKey: Partial<Record<SportsSectionTabKey, VenueMarket[]>>;
+}) => import("@agg-build/hooks").VenueEventWithMarkets;

package/dist/types/pages/event-market/sports-line-rail.d.mts

@@ -0,0 +1,17 @@
+export type SportsLineRailStop = {
+    /** Display value for the line, e.g. "1.5", "216.5". */
+    value: string;
+    /** Venue ids offering this line (small logos under the value). */
+    venues?: string[];
+    disabled?: boolean;
+};
+export type SportsLineRailProps = {
+    stops: SportsLineRailStop[];
+    selectedIndex: number;
+    onSelect: (index: number) => void;
+    ariaLabel?: string;
+    previousAriaLabel?: string;
+    nextAriaLabel?: string;
+    className?: string;
+};
+export declare function SportsLineRail({ stops, selectedIndex, onSelect, ariaLabel, previousAriaLabel, nextAriaLabel, className, }: SportsLineRailProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/pages/event-market/sports-line-rail.d.ts

@@ -0,0 +1,17 @@
+export type SportsLineRailStop = {
+    /** Display value for the line, e.g. "1.5", "216.5". */
+    value: string;
+    /** Venue ids offering this line (small logos under the value). */
+    venues?: string[];
+    disabled?: boolean;
+};
+export type SportsLineRailProps = {
+    stops: SportsLineRailStop[];
+    selectedIndex: number;
+    onSelect: (index: number) => void;
+    ariaLabel?: string;
+    previousAriaLabel?: string;
+    nextAriaLabel?: string;
+    className?: string;
+};
+export declare function SportsLineRail({ stops, selectedIndex, onSelect, ariaLabel, previousAriaLabel, nextAriaLabel, className, }: SportsLineRailProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,22 @@
+import { type UseMidpointsResult, type VenueMarket } from "@agg-build/hooks";
+import { type SportsMarketDisplayGroup } from "./sports-event-market.utils";
+export type SportsMarketCardProps = {
+    group: SportsMarketDisplayGroup;
+    /** Full market set for the active section — MarketDetails resolves the active
+     *  market's cross-venue cluster from this (matched relations, not question). */
+    venueMarkets: VenueMarket[];
+    isExpanded: boolean;
+    onToggle: (groupId: string, market: VenueMarket) => void;
+    onOutcomeSelect?: (groupId: string, selection: {
+        marketId: string;
+        outcomeId: string;
+    }) => void;
+    live?: boolean;
+    midpointsFallback?: Map<string, number>;
+    midpointsFallbackVenues?: Map<string, string>;
+    midpointsResult?: UseMidpointsResult;
+};
+export declare const SportsMarketCard: {
+    ({ group, venueMarkets, isExpanded, onToggle, onOutcomeSelect, live, midpointsFallback, midpointsFallbackVenues, midpointsResult, }: SportsMarketCardProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

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

@@ -0,0 +1,22 @@
+import { type UseMidpointsResult, type VenueMarket } from "@agg-build/hooks";
+import { type SportsMarketDisplayGroup } from "./sports-event-market.utils";
+export type SportsMarketCardProps = {
+    group: SportsMarketDisplayGroup;
+    /** Full market set for the active section — MarketDetails resolves the active
+     *  market's cross-venue cluster from this (matched relations, not question). */
+    venueMarkets: VenueMarket[];
+    isExpanded: boolean;
+    onToggle: (groupId: string, market: VenueMarket) => void;
+    onOutcomeSelect?: (groupId: string, selection: {
+        marketId: string;
+        outcomeId: string;
+    }) => void;
+    live?: boolean;
+    midpointsFallback?: Map<string, number>;
+    midpointsFallbackVenues?: Map<string, string>;
+    midpointsResult?: UseMidpointsResult;
+};
+export declare const SportsMarketCard: {
+    ({ group, venueMarkets, isExpanded, onToggle, onOutcomeSelect, live, midpointsFallback, midpointsFallbackVenues, midpointsResult, }: SportsMarketCardProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

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

@@ -0,0 +1,13 @@
+import { type UseMidpointsResult, type VenueEventWithMarkets, type VenueMarket } from "@agg-build/hooks";
+import { type SportsSectionTabKey } from "./sports-event-market.utils";
+export type SportsMarketsProps = {
+    event: VenueEventWithMarkets;
+    onSectionMarketsChange: (tabKey: SportsSectionTabKey, markets: VenueMarket[]) => void;
+    onOutcomeSelect?: () => void;
+    live?: boolean;
+    midpointsResult?: UseMidpointsResult;
+};
+export declare const SportsMarkets: {
+    ({ event, onSectionMarketsChange, onOutcomeSelect, live, midpointsResult, }: SportsMarketsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,13 @@
+import { type UseMidpointsResult, type VenueEventWithMarkets, type VenueMarket } from "@agg-build/hooks";
+import { type SportsSectionTabKey } from "./sports-event-market.utils";
+export type SportsMarketsProps = {
+    event: VenueEventWithMarkets;
+    onSectionMarketsChange: (tabKey: SportsSectionTabKey, markets: VenueMarket[]) => void;
+    onOutcomeSelect?: () => void;
+    live?: boolean;
+    midpointsResult?: UseMidpointsResult;
+};
+export declare const SportsMarkets: {
+    ({ event, onSectionMarketsChange, onOutcomeSelect, live, midpointsResult, }: SportsMarketsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/state-message/index.d.mts

@@ -2,6 +2,6 @@ import type { StateMessageProps } from "./state-message.types";
 export type { StateMessageClassNames, StateMessageProps } from "./state-message.types";
 /** Renders a centered state message surface with a caller-provided icon and optional retry action. */
 export declare const StateMessage: {
-    ({ icon, title, description, onAction, classNames, }: StateMessageProps): JSX.Element;
+    ({ icon, title, description, onAction, classNames, ...rest }: StateMessageProps): JSX.Element;
     displayName: string;
 };

package/dist/types/primitives/state-message/index.d.ts

@@ -2,6 +2,6 @@ import type { StateMessageProps } from "./state-message.types";
 export type { StateMessageClassNames, StateMessageProps } from "./state-message.types";
 /** Renders a centered state message surface with a caller-provided icon and optional retry action. */
 export declare const StateMessage: {
-    ({ icon, title, description, onAction, classNames, }: StateMessageProps): JSX.Element;
+    ({ icon, title, description, onAction, classNames, ...rest }: StateMessageProps): JSX.Element;
     displayName: string;
 };