@agg-build/ui 1.1.0 → 1.2.1

package/dist/trading.mjs

@@ -6,7 +6,7 @@ import {
   SettlementDetails,
   parseAmount,
   parseVenue
-} from "./chunk-OHEZGKFM.mjs";
+} from "./chunk-FDTLV74F.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -21,9 +21,9 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   useEventTradingContext
-} from "./chunk-KDMNFHPL.mjs";
-import "./chunk-JDYZJKTE.mjs";
-import "./chunk-R6DETAZ6.mjs";
+} from "./chunk-TBKDLNOE.mjs";
+import "./chunk-5FXMHTVR.mjs";
+import "./chunk-34L7ZKJW.mjs";
 export {
   PlaceOrder,
   PlaceOrderFailureView,

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

@@ -7,6 +7,6 @@ export declare const MarketDetails: {
     displayName: string;
 };
 export declare const MarketDetailsList: {
-    ({ eventId, markets: providedMarkets, eventTradingState, onClick, onExpandedMarketChange, defaultTab, classNames, live, }: MarketDetailsListProps): JSX.Element;
+    ({ eventId, markets: providedMarkets, eventTradingState, onClick, onOutcomeSelect, onExpandedMarketChange, defaultTab, classNames, live, }: MarketDetailsListProps): JSX.Element;
     displayName: string;
 };

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

@@ -7,6 +7,6 @@ export declare const MarketDetails: {
     displayName: string;
 };
 export declare const MarketDetailsList: {
-    ({ eventId, markets: providedMarkets, eventTradingState, onClick, onExpandedMarketChange, defaultTab, classNames, live, }: MarketDetailsListProps): JSX.Element;
+    ({ eventId, markets: providedMarkets, eventTradingState, onClick, onOutcomeSelect, onExpandedMarketChange, defaultTab, classNames, live, }: MarketDetailsListProps): JSX.Element;
     displayName: string;
 };

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

@@ -26,6 +26,11 @@ export type MarketDetailsBaseProps = {
     onOpenChange?: (marketId: string) => void;
     /** Called when the market details surface is clicked. */
     onClick?: (market?: VenueMarket) => void;
+    /** Called when a user explicitly selects an outcome from this market header. */
+    onOutcomeSelect?: (selection: {
+        marketId: string;
+        outcomeId: string;
+    }) => void;
     /** Default tab shown when the details open. */
     defaultTab?: MarketDetailsTab;
     /** Default outcome label used for order book and graph context. */
@@ -102,6 +107,11 @@ export type MarketDetailsListProps = {
     onExpandedMarketChange?: (marketId: string | null) => void;
     /** Called when a market is clicked. */
     onClick?: (market: VenueMarket) => void;
+    /** Called when a user explicitly selects an outcome from any market card. */
+    onOutcomeSelect?: (selection: {
+        marketId: string;
+        outcomeId: string;
+    }) => void;
     /** Default tab to display. */
     defaultTab?: MarketDetailsTab;
     /** Class names for the market details list. */
@@ -115,6 +125,7 @@ export type MarketDetailsOutcomeTone = MarketDetailsOrderBookTone;
 export type MarketDetailsHeaderOutcomeItem = {
     id: string;
     label: string;
+    title: string;
     probability: number | undefined;
     tone: MarketDetailsOutcomeTone;
     venue: VenueLogoName;

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

@@ -26,6 +26,11 @@ export type MarketDetailsBaseProps = {
     onOpenChange?: (marketId: string) => void;
     /** Called when the market details surface is clicked. */
     onClick?: (market?: VenueMarket) => void;
+    /** Called when a user explicitly selects an outcome from this market header. */
+    onOutcomeSelect?: (selection: {
+        marketId: string;
+        outcomeId: string;
+    }) => void;
     /** Default tab shown when the details open. */
     defaultTab?: MarketDetailsTab;
     /** Default outcome label used for order book and graph context. */
@@ -102,6 +107,11 @@ export type MarketDetailsListProps = {
     onExpandedMarketChange?: (marketId: string | null) => void;
     /** Called when a market is clicked. */
     onClick?: (market: VenueMarket) => void;
+    /** Called when a user explicitly selects an outcome from any market card. */
+    onOutcomeSelect?: (selection: {
+        marketId: string;
+        outcomeId: string;
+    }) => void;
     /** Default tab to display. */
     defaultTab?: MarketDetailsTab;
     /** Class names for the market details list. */
@@ -115,6 +125,7 @@ export type MarketDetailsOutcomeTone = MarketDetailsOrderBookTone;
 export type MarketDetailsHeaderOutcomeItem = {
     id: string;
     label: string;
+    title: string;
     probability: number | undefined;
     tone: MarketDetailsOutcomeTone;
     venue: VenueLogoName;

package/dist/types/pages/user-profile/position-view-model.d.mts

@@ -0,0 +1,54 @@
+import type { UserProfilePosition } from "./user-profile.types";
+export type PositionStatus = "open" | "won_unclaimed" | "won_claimed" | "lost" | "sold";
+export type PositionBucket = "active" | "closed";
+export type PositionTone = "positive" | "negative" | "neutral";
+export type PositionValueDisplay = {
+    primaryLabel: string;
+    deltaLabel: string;
+    priceLabel: string;
+    percentLabel: string;
+    tone: PositionTone;
+};
+export type PositionTotalTradedDisplay = {
+    primaryLabel: string;
+    averageLabel: string;
+};
+export type PositionRowViewModel = {
+    position: UserProfilePosition;
+    positionStatus: PositionStatus;
+    bucket: PositionBucket;
+    title: string;
+    thumbnailSrc: string;
+    selectedOutcomeLabel: string;
+    resolutionLabel: string;
+    venueShareBreakdown: UserProfilePosition["venueShareBreakdown"];
+    totalTraded: PositionTotalTradedDisplay;
+    currentValue: PositionValueDisplay;
+    payout: PositionValueDisplay;
+    canClaim: boolean;
+};
+export type PositionViewModelLabels = {
+    avgPrefix: string;
+    nowPrefix: string;
+    finalPrefix: string;
+};
+export declare const formatCurrency: (value: number | null | undefined) => string;
+export declare const formatSignedCurrency: (value: number | null | undefined) => string;
+export declare const formatPriceCents: (value: number | null | undefined) => string;
+export declare const formatSignedPercent: (value: number | null | undefined) => string;
+export declare const resolvePositionStatus: (position: UserProfilePosition) => PositionStatus;
+export declare const resolvePositionBucket: (position: UserProfilePosition) => PositionBucket;
+export declare const shouldDisplayPosition: (position: UserProfilePosition) => boolean;
+export declare const partitionPositions: (positions: UserProfilePosition[]) => Record<PositionBucket, UserProfilePosition[]>;
+export declare const getTotalTradedValue: (position: UserProfilePosition) => number | null;
+export declare const getAveragePrice: (position: UserProfilePosition) => number | null;
+export declare const getCurrentPrice: (position: UserProfilePosition) => number | null;
+export declare const getCurrentValue: (position: UserProfilePosition) => number | null;
+export declare const getFinalPayoutValue: (position: UserProfilePosition) => number | null;
+export declare const getFinalPrice: (position: UserProfilePosition) => number | null;
+export declare const getPnlValue: (position: UserProfilePosition, value: number | null) => number | null;
+export declare const getPnlPercent: (position: UserProfilePosition, pnlValue: number | null) => number | null;
+export declare const getFinalPnlValue: (position: UserProfilePosition, value: number | null) => number | null;
+export declare const getFinalPnlPercent: (position: UserProfilePosition, pnlValue: number | null) => number | null;
+export declare const getPositionTone: (value: number | null | undefined) => PositionTone;
+export declare const toPositionRowViewModel: (position: UserProfilePosition, labels?: PositionViewModelLabels) => PositionRowViewModel;

package/dist/types/pages/user-profile/position-view-model.d.ts

@@ -0,0 +1,54 @@
+import type { UserProfilePosition } from "./user-profile.types";
+export type PositionStatus = "open" | "won_unclaimed" | "won_claimed" | "lost" | "sold";
+export type PositionBucket = "active" | "closed";
+export type PositionTone = "positive" | "negative" | "neutral";
+export type PositionValueDisplay = {
+    primaryLabel: string;
+    deltaLabel: string;
+    priceLabel: string;
+    percentLabel: string;
+    tone: PositionTone;
+};
+export type PositionTotalTradedDisplay = {
+    primaryLabel: string;
+    averageLabel: string;
+};
+export type PositionRowViewModel = {
+    position: UserProfilePosition;
+    positionStatus: PositionStatus;
+    bucket: PositionBucket;
+    title: string;
+    thumbnailSrc: string;
+    selectedOutcomeLabel: string;
+    resolutionLabel: string;
+    venueShareBreakdown: UserProfilePosition["venueShareBreakdown"];
+    totalTraded: PositionTotalTradedDisplay;
+    currentValue: PositionValueDisplay;
+    payout: PositionValueDisplay;
+    canClaim: boolean;
+};
+export type PositionViewModelLabels = {
+    avgPrefix: string;
+    nowPrefix: string;
+    finalPrefix: string;
+};
+export declare const formatCurrency: (value: number | null | undefined) => string;
+export declare const formatSignedCurrency: (value: number | null | undefined) => string;
+export declare const formatPriceCents: (value: number | null | undefined) => string;
+export declare const formatSignedPercent: (value: number | null | undefined) => string;
+export declare const resolvePositionStatus: (position: UserProfilePosition) => PositionStatus;
+export declare const resolvePositionBucket: (position: UserProfilePosition) => PositionBucket;
+export declare const shouldDisplayPosition: (position: UserProfilePosition) => boolean;
+export declare const partitionPositions: (positions: UserProfilePosition[]) => Record<PositionBucket, UserProfilePosition[]>;
+export declare const getTotalTradedValue: (position: UserProfilePosition) => number | null;
+export declare const getAveragePrice: (position: UserProfilePosition) => number | null;
+export declare const getCurrentPrice: (position: UserProfilePosition) => number | null;
+export declare const getCurrentValue: (position: UserProfilePosition) => number | null;
+export declare const getFinalPayoutValue: (position: UserProfilePosition) => number | null;
+export declare const getFinalPrice: (position: UserProfilePosition) => number | null;
+export declare const getPnlValue: (position: UserProfilePosition, value: number | null) => number | null;
+export declare const getPnlPercent: (position: UserProfilePosition, pnlValue: number | null) => number | null;
+export declare const getFinalPnlValue: (position: UserProfilePosition, value: number | null) => number | null;
+export declare const getFinalPnlPercent: (position: UserProfilePosition, pnlValue: number | null) => number | null;
+export declare const getPositionTone: (value: number | null | undefined) => PositionTone;
+export declare const toPositionRowViewModel: (position: UserProfilePosition, labels?: PositionViewModelLabels) => PositionRowViewModel;

package/dist/types/pages/user-profile/user-profile.types.d.mts

@@ -67,14 +67,26 @@ export interface UserProfilePosition {
     outcomeLabel: string;
     /** Per-venue position sizes with logos below the pill. */
     venueShareBreakdown: UserProfilePositionVenueShare[];
+    /** Total shares/contracts represented by this row. */
+    totalShares?: number | null;
     /** Average price, e.g. "29¢" */
     averageLabel: string;
+    /** Average entry price as a 0-1 decimal, e.g. 0.29. */
+    averagePrice?: number | null;
     /** Current price, e.g. "25¢" */
     currentLabel: string;
+    /** Current or mark price as a 0-1 decimal, e.g. 0.25. */
+    currentPrice?: number | null;
     /** Total value, e.g. "$25.86" */
     valueLabel: string;
+    /** Current position value in USD. */
+    currentValue?: number | null;
     /** P&L label, e.g. "-$4.14 (-13.79%)" */
     pnlLabel: string;
+    /** Absolute P&L in USD. */
+    pnlValue?: number | null;
+    /** P&L percentage as display percent, e.g. -13.79 for -13.79%. */
+    pnlPercent?: number | null;
     /** True when P&L is positive */
     isPnlPositive: boolean;
     /** Bucket the backend placed this row in. */
@@ -87,8 +99,18 @@ export interface UserProfilePosition {
     resolutionDate: string | null;
     /** Closed-table total traded label, e.g. "$310.11". */
     closedTotalTradedLabel?: string;
+    /** Total order cost in USD. */
+    totalTradedValue?: number | null;
     /** Closed-table amount won label, e.g. "$469.95". */
     closedAmountWonLabel?: string;
+    /** Final payout value in USD. */
+    finalPayoutValue?: number | null;
+    /** Final absolute P&L in USD. */
+    finalPnlValue?: number | null;
+    /** Final P&L percentage as display percent, e.g. -100 for -100%. */
+    finalPnlPercent?: number | null;
+    /** Final price as a 0-1 decimal, e.g. 1 for 100¢. */
+    finalPrice?: number | null;
     /** Closed-table return label, e.g. "+51.54%". */
     closedReturnLabel?: string;
     /** Redeem state used by the closed-table Claim column. */

package/dist/types/pages/user-profile/user-profile.types.d.ts

@@ -67,14 +67,26 @@ export interface UserProfilePosition {
     outcomeLabel: string;
     /** Per-venue position sizes with logos below the pill. */
     venueShareBreakdown: UserProfilePositionVenueShare[];
+    /** Total shares/contracts represented by this row. */
+    totalShares?: number | null;
     /** Average price, e.g. "29¢" */
     averageLabel: string;
+    /** Average entry price as a 0-1 decimal, e.g. 0.29. */
+    averagePrice?: number | null;
     /** Current price, e.g. "25¢" */
     currentLabel: string;
+    /** Current or mark price as a 0-1 decimal, e.g. 0.25. */
+    currentPrice?: number | null;
     /** Total value, e.g. "$25.86" */
     valueLabel: string;
+    /** Current position value in USD. */
+    currentValue?: number | null;
     /** P&L label, e.g. "-$4.14 (-13.79%)" */
     pnlLabel: string;
+    /** Absolute P&L in USD. */
+    pnlValue?: number | null;
+    /** P&L percentage as display percent, e.g. -13.79 for -13.79%. */
+    pnlPercent?: number | null;
     /** True when P&L is positive */
     isPnlPositive: boolean;
     /** Bucket the backend placed this row in. */
@@ -87,8 +99,18 @@ export interface UserProfilePosition {
     resolutionDate: string | null;
     /** Closed-table total traded label, e.g. "$310.11". */
     closedTotalTradedLabel?: string;
+    /** Total order cost in USD. */
+    totalTradedValue?: number | null;
     /** Closed-table amount won label, e.g. "$469.95". */
     closedAmountWonLabel?: string;
+    /** Final payout value in USD. */
+    finalPayoutValue?: number | null;
+    /** Final absolute P&L in USD. */
+    finalPnlValue?: number | null;
+    /** Final P&L percentage as display percent, e.g. -100 for -100%. */
+    finalPnlPercent?: number | null;
+    /** Final price as a 0-1 decimal, e.g. 1 for 100¢. */
+    finalPrice?: number | null;
     /** Closed-table return label, e.g. "+51.54%". */
     closedReturnLabel?: string;
     /** Redeem state used by the closed-table Claim column. */

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

@@ -30,6 +30,7 @@ import { ErrorFilledIcon } from "./svg/error-filled";
 import { ExternalLinkIcon } from "./svg/external-link";
 import { EthereumIcon } from "./svg/ethereum";
 import { GoogleIcon } from "./svg/google";
+import { HourglassStartIcon } from "./svg/hourglass-start";
 import { ImageIcon } from "./svg/image";
 import { InfoIcon } from "./svg/info";
 import { iconNames } from "./registry";
@@ -68,4 +69,4 @@ export declare const Icon: {
     ({ name, color, size, className, style, ...props }: IconProps): JSX.Element | null;
     displayName: string;
 };
-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, LockIcon, 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, HourglassStartIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, LockIcon, 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

@@ -30,6 +30,7 @@ import { ErrorFilledIcon } from "./svg/error-filled";
 import { ExternalLinkIcon } from "./svg/external-link";
 import { EthereumIcon } from "./svg/ethereum";
 import { GoogleIcon } from "./svg/google";
+import { HourglassStartIcon } from "./svg/hourglass-start";
 import { ImageIcon } from "./svg/image";
 import { InfoIcon } from "./svg/info";
 import { iconNames } from "./registry";
@@ -68,4 +69,4 @@ export declare const Icon: {
     ({ name, color, size, className, style, ...props }: IconProps): JSX.Element | null;
     displayName: string;
 };
-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, LockIcon, 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, HourglassStartIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, LockIcon, 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

@@ -156,6 +156,10 @@ export declare const iconRegistry: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
     };
+    readonly "hourglass-start": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
     readonly image: {
         ({ title, className, isDarkTheme, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;

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

@@ -156,6 +156,10 @@ export declare const iconRegistry: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
     };
+    readonly "hourglass-start": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
     readonly image: {
         ({ title, className, isDarkTheme, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;

package/dist/types/primitives/icon/svg/hourglass-start.d.mts

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

package/dist/types/primitives/icon/svg/hourglass-start.d.ts

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

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

@@ -10,7 +10,11 @@ export declare const toDate: (value: string | Date | undefined) => Date | null;
 export declare const shortenAddress: (value: string | null | undefined, options?: {
     chain?: string;
 }) => string | undefined;
-export declare const formatUsd: (value: number) => string;
+type FormatUsdOptions = {
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+};
+export declare const formatUsd: (value: number, options?: FormatUsdOptions) => string;
 /** Compact USD format (e.g. 127.8 → "$127.8", 50 → "$50"). */
 export declare const formatCompactUsd: (amount: number) => string;
 /** Format a raw numeric string for the amount input (adds locale grouping). */

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

@@ -10,7 +10,11 @@ export declare const toDate: (value: string | Date | undefined) => Date | null;
 export declare const shortenAddress: (value: string | null | undefined, options?: {
     chain?: string;
 }) => string | undefined;
-export declare const formatUsd: (value: number) => string;
+type FormatUsdOptions = {
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+};
+export declare const formatUsd: (value: number, options?: FormatUsdOptions) => string;
 /** Compact USD format (e.g. 127.8 → "$127.8", 50 → "$50"). */
 export declare const formatCompactUsd: (amount: number) => string;
 /** Format a raw numeric string for the amount input (adds locale grouping). */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "Pre-built React component library for the AGG prediction market aggregator. Tailwind-based, themeable, with primitives, event surfaces, trading flows, full pages, and modals.",
   "sideEffects": false,
   "license": "MIT",
@@ -100,8 +100,8 @@
     "liveline": "^0.0.7",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agg-build/sdk": "^1.0.1",
-    "@agg-build/hooks": "^1.0.2"
+    "@agg-build/hooks": "^1.2.0",
+    "@agg-build/sdk": "^1.2.0"
   },
   "dependencies": {
     "@number-flow/react": "^0.6.0",