@agg-build/ui 1.0.1 → 1.0.2

package/dist/trading.mjs

@@ -3,9 +3,13 @@ import {
   PlaceOrder,
   PlaceOrderFailureView,
   PlaceOrderSuccessView,
-  Settlement,
   SettlementDetails,
-  defaultSettlementDifferencesTitle,
+  parseAmount,
+  parseVenue
+} from "./chunk-XDZLCWUZ.mjs";
+import {
+  SETTLEMENT_SECTION_ID,
+  Settlement,
   defaultSettlementSectionLabel,
   defaultTradingDisclaimer,
   getTradingAveragePriceLabel,
@@ -16,22 +20,17 @@ import {
   getTradingSlippageLabel,
   getTradingValueLabel,
   getTradingVenueLabel,
-  mapVenueMarketsToSettlementSections,
-  parseAmount,
-  parseVenue
-} from "./chunk-LPNZOX3E.mjs";
-import {
   useEventTradingContext
-} from "./chunk-HD6HBTK2.mjs";
-import "./chunk-43K4PFBC.mjs";
-import "./chunk-YZNO6IUD.mjs";
+} from "./chunk-PEVG67XU.mjs";
+import "./chunk-YSCHNVBZ.mjs";
+import "./chunk-TLGQ4LID.mjs";
 export {
   PlaceOrder,
   PlaceOrderFailureView,
   PlaceOrderSuccessView,
+  SETTLEMENT_SECTION_ID,
   Settlement,
   SettlementDetails,
-  defaultSettlementDifferencesTitle,
   defaultSettlementSectionLabel,
   defaultTradingDisclaimer,
   getTradingAveragePriceLabel,
@@ -42,7 +41,6 @@ export {
   getTradingSlippageLabel,
   getTradingValueLabel,
   getTradingVenueLabel,
-  mapVenueMarketsToSettlementSections,
   parseAmount,
   parseVenue,
   useEventTradingContext

package/dist/types/events/item-details/settlement-summary.d.mts

@@ -1,9 +1,13 @@
 export type SettlementSummaryProps = {
     content: string | null | undefined;
-    onToggle?: (expanded: boolean) => void;
+    /**
+     * DOM id of the full Settlement section that "Read full details" should
+     * smooth-scroll to. Defaults to the shared SETTLEMENT_SECTION_ID.
+     */
+    settlementSectionId?: string;
     className?: string;
 };
 export declare const SettlementSummary: {
-    ({ content, onToggle, className, }: SettlementSummaryProps): JSX.Element | null;
+    ({ content, settlementSectionId, className, }: SettlementSummaryProps): JSX.Element | null;
     displayName: string;
 };

package/dist/types/events/item-details/settlement-summary.d.ts

@@ -1,9 +1,13 @@
 export type SettlementSummaryProps = {
     content: string | null | undefined;
-    onToggle?: (expanded: boolean) => void;
+    /**
+     * DOM id of the full Settlement section that "Read full details" should
+     * smooth-scroll to. Defaults to the shared SETTLEMENT_SECTION_ID.
+     */
+    settlementSectionId?: string;
     className?: string;
 };
 export declare const SettlementSummary: {
-    ({ content, onToggle, className, }: SettlementSummaryProps): JSX.Element | null;
+    ({ content, settlementSectionId, className, }: SettlementSummaryProps): JSX.Element | null;
     displayName: string;
 };

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

@@ -4,7 +4,7 @@ import type { MutableRefObject } from "react";
 import type { IconName } from "../../primitives/icon";
 import type { VenueLogoName } from "../../primitives/venue-logo";
 import type { VenueEventWithMarkets, VenueMarket, VenueMarketOutcome } from "../item";
-export type EventListTabValue = "matched" | `${Venue}` | (string & {});
+export type EventListTabValue = "matched" | "all" | `${Venue}` | (string & {});
 /** Exposes EventList internal state for snapshot capture by parent components. */
 export type EventListStateRef = {
     venueTab: EventListTabValue;

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

@@ -4,7 +4,7 @@ import type { MutableRefObject } from "react";
 import type { IconName } from "../../primitives/icon";
 import type { VenueLogoName } from "../../primitives/venue-logo";
 import type { VenueEventWithMarkets, VenueMarket, VenueMarketOutcome } from "../item";
-export type EventListTabValue = "matched" | `${Venue}` | (string & {});
+export type EventListTabValue = "matched" | "all" | `${Venue}` | (string & {});
 /** Exposes EventList internal state for snapshot capture by parent components. */
 export type EventListStateRef = {
     venueTab: EventListTabValue;

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

@@ -3,7 +3,7 @@ import type { EventListItemEvent, VenueEventWithMarkets } from "../item/event-li
 import type { EventListTab, EventListTabValue } from "./event-list.types";
 /** Filter out events that are not open or have no open venue markets. */
 export declare const filterOpenEvents: (events: VenueEventWithMarkets[]) => VenueEventWithMarkets[];
-export declare const sortEventsByVolumeDesc: (events: VenueEventWithMarkets[]) => VenueEventWithMarkets[];
+export declare const sortEventsByVolumeDesc: (events: VenueEventWithMarkets[], sortEventsBy?: "volume") => VenueEventWithMarkets[];
 export type EventLifecycleGroup = {
     open: VenueEventWithMarkets[];
     upcoming: VenueEventWithMarkets[];

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

@@ -3,7 +3,7 @@ import type { EventListItemEvent, VenueEventWithMarkets } from "../item/event-li
 import type { EventListTab, EventListTabValue } from "./event-list.types";
 /** Filter out events that are not open or have no open venue markets. */
 export declare const filterOpenEvents: (events: VenueEventWithMarkets[]) => VenueEventWithMarkets[];
-export declare const sortEventsByVolumeDesc: (events: VenueEventWithMarkets[]) => VenueEventWithMarkets[];
+export declare const sortEventsByVolumeDesc: (events: VenueEventWithMarkets[], sortEventsBy?: "volume") => VenueEventWithMarkets[];
 export type EventLifecycleGroup = {
     open: VenueEventWithMarkets[];
     upcoming: VenueEventWithMarkets[];

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

@@ -1,5 +1,5 @@
 import type { VenueEventWithMarkets } from "../../events/item/event-list-item.types";
-import type { PlaceOrderResolvedClaimSummary, SettlementViewModel } from "../../trading";
+import type { PlaceOrderResolvedClaimSummary } from "../../trading";
 export type EventMarketPageClassNames = Partial<{
     root: string;
     content: string;
@@ -46,8 +46,6 @@ export type EventMarketPageBaseProps = {
     showPlaceOrder?: boolean;
     /** Optional resolved-event claim summary shown inside the read-only order panel. */
     resolvedClaim?: PlaceOrderResolvedClaimSummary;
-    /** Settlement view model shown when the event has settled. */
-    settlement?: SettlementViewModel;
     /** Class name overrides for page layout slots. */
     classNames?: EventMarketPageClassNames;
     /** Sticky order panel behavior configuration. */

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

@@ -1,5 +1,5 @@
 import type { VenueEventWithMarkets } from "../../events/item/event-list-item.types";
-import type { PlaceOrderResolvedClaimSummary, SettlementViewModel } from "../../trading";
+import type { PlaceOrderResolvedClaimSummary } from "../../trading";
 export type EventMarketPageClassNames = Partial<{
     root: string;
     content: string;
@@ -46,8 +46,6 @@ export type EventMarketPageBaseProps = {
     showPlaceOrder?: boolean;
     /** Optional resolved-event claim summary shown inside the read-only order panel. */
     resolvedClaim?: PlaceOrderResolvedClaimSummary;
-    /** Settlement view model shown when the event has settled. */
-    settlement?: SettlementViewModel;
     /** Class name overrides for page layout slots. */
     classNames?: EventMarketPageClassNames;
     /** Sticky order panel behavior configuration. */

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

@@ -1,4 +1,5 @@
 import { AppleIcon } from "./svg/apple";
+import { AppsIcon } from "./svg/apps";
 import { ArbitrumIcon } from "./svg/arbitrum";
 import { ArrowRightIcon } from "./svg/arrow-right";
 import { ArrowTrendUpIcon } from "./svg/arrow-trend-up";
@@ -12,6 +13,7 @@ import { BoltIcon } from "./svg/bolt";
 import { CheckCircleIcon } from "./svg/check-circle";
 import { ChartCandlestickIcon } from "./svg/chart-candlestick";
 import { ChartLineIcon } from "./svg/chart-line";
+import { CircleOverlapIcon } from "./svg/circle-overlap";
 import { ChevronDownIcon } from "./svg/chevron-down";
 import { ChevronLeftIcon } from "./svg/chevron-left";
 import { ChevronRightIcon } from "./svg/chevron-right";
@@ -65,4 +67,4 @@ export declare const Icon: {
     ({ name, color, size, className, style, ...props }: IconProps): JSX.Element | null;
     displayName: string;
 };
-export { ActivityChartIcon, AppleIcon, BadgeCheckThinIcon, ArbitrumIcon, ArrowRightIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BaseIcon, BestPricesIcon, BnbIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GoogleIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, PencilIcon, PlaySquareIcon, PolygonIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, SparklesFilledIcon, StayInControlIcon, SuccessCheckIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, UserTrustIcon, UsdcIcon, PaperPlaneIcon, WalletAvatarIcon, WalletFilledIcon, WalletIcon, WarningFilledIcon, WarningIcon, };
+export { ActivityChartIcon, AppleIcon, AppsIcon, BadgeCheckThinIcon, ArbitrumIcon, ArrowRightIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BaseIcon, BestPricesIcon, BnbIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, CircleOverlapIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GoogleIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, PencilIcon, PlaySquareIcon, PolygonIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, SparklesFilledIcon, StayInControlIcon, SuccessCheckIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, UserTrustIcon, UsdcIcon, PaperPlaneIcon, WalletAvatarIcon, WalletFilledIcon, WalletIcon, WarningFilledIcon, WarningIcon, };

package/dist/types/primitives/icon/index.d.ts

@@ -1,4 +1,5 @@
 import { AppleIcon } from "./svg/apple";
+import { AppsIcon } from "./svg/apps";
 import { ArbitrumIcon } from "./svg/arbitrum";
 import { ArrowRightIcon } from "./svg/arrow-right";
 import { ArrowTrendUpIcon } from "./svg/arrow-trend-up";
@@ -12,6 +13,7 @@ import { BoltIcon } from "./svg/bolt";
 import { CheckCircleIcon } from "./svg/check-circle";
 import { ChartCandlestickIcon } from "./svg/chart-candlestick";
 import { ChartLineIcon } from "./svg/chart-line";
+import { CircleOverlapIcon } from "./svg/circle-overlap";
 import { ChevronDownIcon } from "./svg/chevron-down";
 import { ChevronLeftIcon } from "./svg/chevron-left";
 import { ChevronRightIcon } from "./svg/chevron-right";
@@ -65,4 +67,4 @@ export declare const Icon: {
     ({ name, color, size, className, style, ...props }: IconProps): JSX.Element | null;
     displayName: string;
 };
-export { ActivityChartIcon, AppleIcon, BadgeCheckThinIcon, ArbitrumIcon, ArrowRightIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BaseIcon, BestPricesIcon, BnbIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GoogleIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, PencilIcon, PlaySquareIcon, PolygonIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, SparklesFilledIcon, StayInControlIcon, SuccessCheckIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, UserTrustIcon, UsdcIcon, PaperPlaneIcon, WalletAvatarIcon, WalletFilledIcon, WalletIcon, WarningFilledIcon, WarningIcon, };
+export { ActivityChartIcon, AppleIcon, AppsIcon, BadgeCheckThinIcon, ArbitrumIcon, ArrowRightIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BaseIcon, BestPricesIcon, BnbIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, CircleOverlapIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GoogleIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, PencilIcon, PlaySquareIcon, PolygonIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, SparklesFilledIcon, StayInControlIcon, SuccessCheckIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, UserTrustIcon, UsdcIcon, PaperPlaneIcon, WalletAvatarIcon, WalletFilledIcon, WalletIcon, WarningFilledIcon, WarningIcon, };

package/dist/types/primitives/icon/registry.d.mts

@@ -12,6 +12,10 @@ export declare const iconRegistry: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
     };
+    readonly apps: {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
     readonly arbitrum: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
@@ -72,6 +76,10 @@ export declare const iconRegistry: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
     };
+    readonly "circle-overlap": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
     readonly "chevron-down": {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;

package/dist/types/primitives/icon/registry.d.ts

@@ -12,6 +12,10 @@ export declare const iconRegistry: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
     };
+    readonly apps: {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
     readonly arbitrum: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
@@ -72,6 +76,10 @@ export declare const iconRegistry: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
     };
+    readonly "circle-overlap": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
     readonly "chevron-down": {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;

package/dist/types/primitives/icon/svg/apps.d.mts

@@ -0,0 +1,5 @@
+import type { IconSvgProps } from "../types";
+export declare const AppsIcon: {
+    ({ title, className, ...props }: IconSvgProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/icon/svg/apps.d.ts

@@ -0,0 +1,5 @@
+import type { IconSvgProps } from "../types";
+export declare const AppsIcon: {
+    ({ title, className, ...props }: IconSvgProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/icon/svg/circle-overlap.d.mts

@@ -0,0 +1,5 @@
+import type { IconSvgProps } from "../types";
+export declare const CircleOverlapIcon: {
+    ({ title, className, ...props }: IconSvgProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/icon/svg/circle-overlap.d.ts

@@ -0,0 +1,5 @@
+import type { IconSvgProps } from "../types";
+export declare const CircleOverlapIcon: {
+    ({ title, className, ...props }: IconSvgProps): JSX.Element;
+    displayName: string;
+};

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

@@ -1,6 +1,6 @@
 import type { SelectProps } from "./select.types";
 export type { SelectItem, SelectProps } from "./select.types";
-/** Renders a native select or custom icon-aware dropdown depending on available item icons. */
+/** Renders a custom select trigger and portaled listbox. */
 export declare const Select: {
     <TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, disabled, }: SelectProps<TValue>): JSX.Element;
     displayName: string;

package/dist/types/primitives/select/index.d.ts

@@ -1,6 +1,6 @@
 import type { SelectProps } from "./select.types";
 export type { SelectItem, SelectProps } from "./select.types";
-/** Renders a native select or custom icon-aware dropdown depending on available item icons. */
+/** Renders a custom select trigger and portaled listbox. */
 export declare const Select: {
     <TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, disabled, }: SelectProps<TValue>): JSX.Element;
     displayName: string;

package/dist/types/primitives/select/select.types.d.mts

@@ -18,7 +18,7 @@ export type SelectProps<TValue extends string = string> = {
     ariaLabel?: string;
     /** Custom class name applied to the select root. */
     className?: string;
-    /** Extra classes for the trigger (`<select>` or `<button>`), e.g. corner radius. */
+    /** Extra classes for the trigger button, e.g. corner radius. */
     triggerClassName?: string;
     /** Whether the select should block user interaction. */
     disabled?: boolean;

package/dist/types/primitives/select/select.types.d.ts

@@ -18,7 +18,7 @@ export type SelectProps<TValue extends string = string> = {
     ariaLabel?: string;
     /** Custom class name applied to the select root. */
     className?: string;
-    /** Extra classes for the trigger (`<select>` or `<button>`), e.g. corner radius. */
+    /** Extra classes for the trigger button, e.g. corner radius. */
     triggerClassName?: string;
     /** Whether the select should block user interaction. */
     disabled?: boolean;

package/dist/types/primitives/select/select.utils.d.mts

@@ -1,7 +1,6 @@
 import type { SelectItem } from "./select.types";
 /** Utility helpers for resolving select UI state from items and selected value. */
 export declare const resolveHasEnabledItems: <TValue extends string>(items: SelectItem<TValue>[]) => boolean;
-export declare const resolveHasAnyIcon: <TValue extends string>(items: SelectItem<TValue>[]) => boolean;
 export declare const resolveSelectedItem: <TValue extends string>(items: SelectItem<TValue>[], value: TValue) => SelectItem<TValue> | undefined;
 export declare const resolveIsSelectDisabled: ({ disabled, items, }: {
     disabled: boolean;

package/dist/types/primitives/select/select.utils.d.ts

@@ -1,7 +1,6 @@
 import type { SelectItem } from "./select.types";
 /** Utility helpers for resolving select UI state from items and selected value. */
 export declare const resolveHasEnabledItems: <TValue extends string>(items: SelectItem<TValue>[]) => boolean;
-export declare const resolveHasAnyIcon: <TValue extends string>(items: SelectItem<TValue>[]) => boolean;
 export declare const resolveSelectedItem: <TValue extends string>(items: SelectItem<TValue>[], value: TValue) => SelectItem<TValue> | undefined;
 export declare const resolveIsSelectDisabled: ({ disabled, items, }: {
     disabled: boolean;

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

@@ -1,5 +1,6 @@
+import { PlaceOrderRouteCardSkeleton } from "./views/place-order-skeleton-view";
 import { skeletonViews, type SkeletonProps } from "./skeleton.types";
-export { skeletonViews };
+export { skeletonViews, PlaceOrderRouteCardSkeleton };
 export type { SkeletonProps, SkeletonView } from "./skeleton.types";
 /** Renders the requested skeleton placeholder surface for loading UI states. */
 export declare const Skeleton: {

package/dist/types/primitives/skeleton/index.d.ts

@@ -1,5 +1,6 @@
+import { PlaceOrderRouteCardSkeleton } from "./views/place-order-skeleton-view";
 import { skeletonViews, type SkeletonProps } from "./skeleton.types";
-export { skeletonViews };
+export { skeletonViews, PlaceOrderRouteCardSkeleton };
 export type { SkeletonProps, SkeletonView } from "./skeleton.types";
 /** Renders the requested skeleton placeholder surface for loading UI states. */
 export declare const Skeleton: {

package/dist/types/primitives/skeleton/views/place-order-skeleton-view.d.mts

@@ -1,4 +1,8 @@
 import type { SkeletonViewProps } from "../skeleton.types";
+export declare const PlaceOrderRouteCardSkeleton: {
+    (): JSX.Element;
+    displayName: string;
+};
 export declare const PlaceOrderSkeletonView: {
     ({ className, ariaLabel, }: SkeletonViewProps): JSX.Element;
     displayName: string;

package/dist/types/primitives/skeleton/views/place-order-skeleton-view.d.ts

@@ -1,4 +1,8 @@
 import type { SkeletonViewProps } from "../skeleton.types";
+export declare const PlaceOrderRouteCardSkeleton: {
+    (): JSX.Element;
+    displayName: string;
+};
 export declare const PlaceOrderSkeletonView: {
     ({ className, ariaLabel, }: SkeletonViewProps): JSX.Element;
     displayName: string;

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

@@ -1,5 +1,5 @@
 import type { TypographyProps } from "./typography.types";
-export type { TypographyProps, TypographyVariant } from "./typography.types";
+export type { LegacyTypographyVariant, TokenTypographyVariant, TypographyProps, TypographyVariant, } from "./typography.types";
 export { typographyVariants } from "./typography.constants";
 /** Renders semantic text content using the selected typography variant styles. */
 export declare const Typography: {

package/dist/types/primitives/typography/index.d.ts

@@ -1,5 +1,5 @@
 import type { TypographyProps } from "./typography.types";
-export type { TypographyProps, TypographyVariant } from "./typography.types";
+export type { LegacyTypographyVariant, TokenTypographyVariant, TypographyProps, TypographyVariant, } from "./typography.types";
 export { typographyVariants } from "./typography.constants";
 /** Renders semantic text content using the selected typography variant styles. */
 export declare const Typography: {

package/dist/types/primitives/typography/typography.types.d.mts

@@ -1,5 +1,7 @@
 import type { ReactNode } from "react";
-export type TypographyVariant = "display" | "heading" | "title" | "title-strong" | "body-large" | "body-large-strong" | "body" | "body-strong" | "label" | "label-strong" | "label-caps" | "caption" | "caption-strong" | "caption-caps" | "overline";
+export type LegacyTypographyVariant = "display" | "heading" | "title" | "title-strong" | "body-large" | "body-large-strong" | "body" | "body-strong" | "label" | "label-strong" | "label-caps" | "caption" | "caption-strong" | "caption-caps" | "overline";
+export type TokenTypographyVariant = "text-3xl" | "text-2xl" | "text-xl" | "text-xl-bold" | "text-lg" | "text-lg-bold" | "text-base" | "text-base-bold" | "text-sm" | "text-sm-bold" | "text-sm-caps" | "text-xs" | "text-xs-bold" | "text-xs-caps" | "text-2xs-caps";
+export type TypographyVariant = LegacyTypographyVariant | TokenTypographyVariant;
 export type TypographyProps = {
     /** HTML element or custom intrinsic tag used for rendering. */
     as?: keyof JSX.IntrinsicElements;

package/dist/types/primitives/typography/typography.types.d.ts

@@ -1,5 +1,7 @@
 import type { ReactNode } from "react";
-export type TypographyVariant = "display" | "heading" | "title" | "title-strong" | "body-large" | "body-large-strong" | "body" | "body-strong" | "label" | "label-strong" | "label-caps" | "caption" | "caption-strong" | "caption-caps" | "overline";
+export type LegacyTypographyVariant = "display" | "heading" | "title" | "title-strong" | "body-large" | "body-large-strong" | "body" | "body-strong" | "label" | "label-strong" | "label-caps" | "caption" | "caption-strong" | "caption-caps" | "overline";
+export type TokenTypographyVariant = "text-3xl" | "text-2xl" | "text-xl" | "text-xl-bold" | "text-lg" | "text-lg-bold" | "text-base" | "text-base-bold" | "text-sm" | "text-sm-bold" | "text-sm-caps" | "text-xs" | "text-xs-bold" | "text-xs-caps" | "text-2xs-caps";
+export type TypographyVariant = LegacyTypographyVariant | TokenTypographyVariant;
 export type TypographyProps = {
     /** HTML element or custom intrinsic tag used for rendering. */
     as?: keyof JSX.IntrinsicElements;

package/dist/types/shared/utils.d.mts

@@ -7,7 +7,9 @@ export declare const getMotionClassName: (enabled: boolean, ...values: ClassValu
 export declare const getScrollBehavior: (enabled: boolean) => "auto" | "smooth";
 export declare const isValidDateValue: (value: unknown) => value is Date;
 export declare const toDate: (value: string | Date | undefined) => Date | null;
-export declare const shortenAddress: (value: string) => string;
+export declare const shortenAddress: (value: string | null | undefined, options?: {
+    chain?: string;
+}) => string | undefined;
 export declare const formatUsd: (value: number) => string;
 /** Compact USD format (e.g. 127.8 → "$127.8", 50 → "$50"). */
 export declare const formatCompactUsd: (amount: number) => string;

package/dist/types/shared/utils.d.ts

@@ -7,7 +7,9 @@ export declare const getMotionClassName: (enabled: boolean, ...values: ClassValu
 export declare const getScrollBehavior: (enabled: boolean) => "auto" | "smooth";
 export declare const isValidDateValue: (value: unknown) => value is Date;
 export declare const toDate: (value: string | Date | undefined) => Date | null;
-export declare const shortenAddress: (value: string) => string;
+export declare const shortenAddress: (value: string | null | undefined, options?: {
+    chain?: string;
+}) => string | undefined;
 export declare const formatUsd: (value: number) => string;
 /** Compact USD format (e.g. 127.8 → "$127.8", 50 → "$50"). */
 export declare const formatCompactUsd: (amount: number) => string;

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

@@ -2,6 +2,5 @@ export * from "./types";
 export * from "./utils";
 export * from "./settlement";
 export * from "./settlement/settlement-details";
-export * from "./settlement/settlement-details.utils";
 export * from "./place-order";
 export * from "./trading-context";

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

@@ -2,6 +2,5 @@ export * from "./types";
 export * from "./utils";
 export * from "./settlement";
 export * from "./settlement/settlement-details";
-export * from "./settlement/settlement-details.utils";
 export * from "./place-order";
 export * from "./trading-context";

package/dist/types/trading/place-order/index.place-order.types.d.mts

@@ -179,7 +179,6 @@ export type PlaceOrderExecutionSummary = {
     eventDateLabel?: string;
     eventImage?: string | null;
     actionLabel?: string;
-    actionTone?: "positive" | "negative";
     amountLabel?: string;
     toWinLabel?: string;
     potentialReturnLabel?: string;

package/dist/types/trading/place-order/index.place-order.types.d.ts

@@ -179,7 +179,6 @@ export type PlaceOrderExecutionSummary = {
     eventDateLabel?: string;
     eventImage?: string | null;
     actionLabel?: string;
-    actionTone?: "positive" | "negative";
     amountLabel?: string;
     toWinLabel?: string;
     potentialReturnLabel?: string;

package/dist/types/trading/place-order/index.place-order.utils.d.mts

@@ -36,10 +36,6 @@ export declare const getTradingRoutePriceLabel: (value: number) => string;
 export declare const resolvePlaceOrderQuoteStatus: ({ amount, labels, quoteData, selectedMarket, }: ResolvePlaceOrderQuoteStatusParams) => PlaceOrderQuoteStatus;
 export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
 export declare const resolveExecutionVenueFromQuote: (quoteData: SmartRouteResponse | null) => TradingVenue | undefined;
-export declare const resolvePlaceOrderSuccessTone: ({ outcomeIndex, tab, }: {
-    outcomeIndex: number;
-    tab: PlaceOrderTab;
-}) => "positive" | "negative";
 export declare const getPlaceOrderPotentialReturn: (quoteData: SmartRouteResponse | null | undefined) => number;
 export declare const buildPlaceOrderExecutionStepGroups: ({ labels, orderId, quoteData, submittedOrders, }: {
     labels: PlaceOrderTradingLabels;

package/dist/types/trading/place-order/index.place-order.utils.d.ts

@@ -36,10 +36,6 @@ export declare const getTradingRoutePriceLabel: (value: number) => string;
 export declare const resolvePlaceOrderQuoteStatus: ({ amount, labels, quoteData, selectedMarket, }: ResolvePlaceOrderQuoteStatusParams) => PlaceOrderQuoteStatus;
 export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
 export declare const resolveExecutionVenueFromQuote: (quoteData: SmartRouteResponse | null) => TradingVenue | undefined;
-export declare const resolvePlaceOrderSuccessTone: ({ outcomeIndex, tab, }: {
-    outcomeIndex: number;
-    tab: PlaceOrderTab;
-}) => "positive" | "negative";
 export declare const getPlaceOrderPotentialReturn: (quoteData: SmartRouteResponse | null | undefined) => number;
 export declare const buildPlaceOrderExecutionStepGroups: ({ labels, orderId, quoteData, submittedOrders, }: {
     labels: PlaceOrderTradingLabels;

package/dist/types/trading/settlement/index.d.mts

@@ -1,12 +1,15 @@
-import type { SettlementViewModel, TradingVenue } from "../types";
-export type SettlementProps = SettlementViewModel & {
+export declare const SETTLEMENT_SECTION_ID = "agg-settlement-section";
+export type SettlementProps = {
     className?: string;
-    expandedVenue?: TradingVenue | null;
+    id?: string;
+    sectionLabel?: string;
+    question?: string;
+    eventDescription?: string | null;
+    marketDescription?: string | null;
+    primaryRules?: string | null;
     isLoading?: boolean;
-    onExpandedVenueChange?: (venue: TradingVenue | null) => void;
-    onShowMore?: (venue: TradingVenue) => void;
 };
 export declare const Settlement: {
-    ({ sectionLabel, question, differencesTitle, differences, venues, expandedVenue, isLoading, onExpandedVenueChange, onShowMore, className, }: SettlementProps): JSX.Element;
+    ({ className, id, sectionLabel, question, eventDescription, marketDescription, primaryRules, isLoading, }: SettlementProps): JSX.Element;
     displayName: string;
 };

package/dist/types/trading/settlement/index.d.ts

@@ -1,12 +1,15 @@
-import type { SettlementViewModel, TradingVenue } from "../types";
-export type SettlementProps = SettlementViewModel & {
+export declare const SETTLEMENT_SECTION_ID = "agg-settlement-section";
+export type SettlementProps = {
     className?: string;
-    expandedVenue?: TradingVenue | null;
+    id?: string;
+    sectionLabel?: string;
+    question?: string;
+    eventDescription?: string | null;
+    marketDescription?: string | null;
+    primaryRules?: string | null;
     isLoading?: boolean;
-    onExpandedVenueChange?: (venue: TradingVenue | null) => void;
-    onShowMore?: (venue: TradingVenue) => void;
 };
 export declare const Settlement: {
-    ({ sectionLabel, question, differencesTitle, differences, venues, expandedVenue, isLoading, onExpandedVenueChange, onShowMore, className, }: SettlementProps): JSX.Element;
+    ({ className, id, sectionLabel, question, eventDescription, marketDescription, primaryRules, isLoading, }: SettlementProps): JSX.Element;
     displayName: string;
 };

package/dist/types/trading/settlement/settlement-text-renderer.d.mts

@@ -0,0 +1,8 @@
+export type SettlementTextRendererProps = {
+    content: string;
+    className?: string;
+};
+export declare const SettlementTextRenderer: {
+    ({ content, className, }: SettlementTextRendererProps): JSX.Element | null;
+    displayName: string;
+};

package/dist/types/trading/settlement/settlement-text-renderer.d.ts

@@ -0,0 +1,8 @@
+export type SettlementTextRendererProps = {
+    content: string;
+    className?: string;
+};
+export declare const SettlementTextRenderer: {
+    ({ content, className, }: SettlementTextRendererProps): JSX.Element | null;
+    displayName: string;
+};

package/dist/types/trading/settlement/settlement-text.utils.d.mts

@@ -0,0 +1,36 @@
+/**
+ * Helpers used only by the Settlement / SettlementSummary surface to parse and
+ * normalize settlement-related text (event description, market description,
+ * primary rules). Not intended for use elsewhere.
+ */
+export type SettlementBlock = {
+    kind: "paragraph";
+    lines: string[];
+} | {
+    kind: "list";
+    items: string[];
+};
+export declare const parseSettlementBlocks: (input: string) => SettlementBlock[];
+/**
+ * Returns the first non-empty paragraph from the input — used by
+ * SettlementSummary to show only a teaser of the event description.
+ */
+export declare const getFirstSettlementParagraph: (input: string | null | undefined) => string;
+/** Lower-cased, whitespace-collapsed form used for dedup comparisons. */
+export declare const normalizeSettlementForCompare: (input: string) => string;
+export type SettlementSourceInput = {
+    eventDescription?: string | null;
+    marketDescription?: string | null;
+    primaryRules?: string | null;
+};
+export type SettlementSourceKey = "eventDescription" | "marketDescription" | "primaryRules";
+export type SettlementSourceBlock = {
+    key: SettlementSourceKey;
+    content: string;
+};
+/**
+ * Produces the ordered list of non-empty settlement blocks for the Settlement
+ * section, dropping any source whose normalized text is identical to a block
+ * already included.
+ */
+export declare const dedupeSettlementSources: (sources: SettlementSourceInput) => SettlementSourceBlock[];