@agg-build/ui 2.7.2 → 2.8.0

package/dist/trading.mjs

@@ -9,7 +9,7 @@ import {
   parseVenue,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-O27JUYCF.mjs";
+} from "./chunk-R5S2QOYL.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -27,9 +27,9 @@ import {
   prepareSettlementDifferences,
   resolveDifferenceIconClassName,
   useEventTradingContext
-} from "./chunk-JQKJDSTW.mjs";
-import "./chunk-AHQA3B7D.mjs";
-import "./chunk-FMYYPNZZ.mjs";
+} from "./chunk-VR5ZRDQT.mjs";
+import "./chunk-KX3TQ7WC.mjs";
+import "./chunk-KO6VTRV6.mjs";
 export {
   FundKalshiModal,
   PlaceOrder,

package/dist/types/events/orderbook/orderbook.utils.d.mts

@@ -1,6 +1,6 @@
 import type { OrderbookResult } from "@agg-build/hooks";
 import type { OrderbookEntry, OrderbookRowData } from "./orderbook.types";
-export declare const formatProbabilityCents: (value: number | null | undefined) => string;
+export declare const formatProbabilityCents: (value: number | null | undefined, formatPrice?: (value: number) => string) => string;
 export declare const resolveOrderBookRows: ({ data, side, }: {
     data: OrderbookResult[] | undefined;
     side: "asks" | "bids";

package/dist/types/events/orderbook/orderbook.utils.d.ts

@@ -1,6 +1,6 @@
 import type { OrderbookResult } from "@agg-build/hooks";
 import type { OrderbookEntry, OrderbookRowData } from "./orderbook.types";
-export declare const formatProbabilityCents: (value: number | null | undefined) => string;
+export declare const formatProbabilityCents: (value: number | null | undefined, formatPrice?: (value: number) => string) => string;
 export declare const resolveOrderBookRows: ({ data, side, }: {
     data: OrderbookResult[] | undefined;
     side: "asks" | "bids";

package/dist/types/pages/user-profile/components/open-order-row.d.mts

@@ -14,6 +14,7 @@ type OpenOrderRowProps = {
     totalHeader?: string;
     expirationHeader?: string;
 };
+export declare const canCancelOpenOrder: (order: UserProfileOpenOrder) => boolean;
 export declare const OpenOrderRow: {
     ({ order, href, onClick, onCancel, isCancelling, cancelLabel, cancelAriaLabel, limitPriceHeader, filledHeader, totalHeader, expirationHeader, }: OpenOrderRowProps): JSX.Element;
     displayName: string;

package/dist/types/pages/user-profile/components/open-order-row.d.ts

@@ -14,6 +14,7 @@ type OpenOrderRowProps = {
     totalHeader?: string;
     expirationHeader?: string;
 };
+export declare const canCancelOpenOrder: (order: UserProfileOpenOrder) => boolean;
 export declare const OpenOrderRow: {
     ({ order, href, onClick, onCancel, isCancelling, cancelLabel, cancelAriaLabel, limitPriceHeader, filledHeader, totalHeader, expirationHeader, }: OpenOrderRowProps): JSX.Element;
     displayName: string;

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

@@ -32,9 +32,20 @@ export type PositionViewModelLabels = {
     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;
+/**
+ * Optional formatter overrides sourced from `config.formatting`. Every field is
+ * optional and, when omitted, this view model keeps its own default rendering —
+ * so partners who never set them see no change.
+ */
+export type PositionViewModelFormatters = {
+    /** Receives a `0..1` probability. */
+    formatPrice?: (value: number) => string;
+    /** Receives a dollar amount. */
+    formatCurrency?: (value: number) => string;
+};
+export declare const formatCurrency: (value: number | null | undefined, formatCurrencyOverride?: (value: number) => string) => string;
+export declare const formatSignedCurrency: (value: number | null | undefined, formatCurrencyOverride?: (value: number) => string) => string;
+export declare const formatPriceCents: (value: number | null | undefined, formatPrice?: (value: number) => string) => string;
 export declare const formatSignedPercent: (value: number | null | undefined) => string;
 export declare const resolvePositionStatus: (position: UserProfilePosition) => PositionStatus;
 export declare const resolvePositionBucket: (position: UserProfilePosition) => PositionBucket;
@@ -51,4 +62,4 @@ export declare const getPnlPercent: (position: UserProfilePosition, pnlValue: nu
 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;
+export declare const toPositionRowViewModel: (position: UserProfilePosition, labels?: PositionViewModelLabels, formatters?: PositionViewModelFormatters) => PositionRowViewModel;

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

@@ -32,9 +32,20 @@ export type PositionViewModelLabels = {
     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;
+/**
+ * Optional formatter overrides sourced from `config.formatting`. Every field is
+ * optional and, when omitted, this view model keeps its own default rendering —
+ * so partners who never set them see no change.
+ */
+export type PositionViewModelFormatters = {
+    /** Receives a `0..1` probability. */
+    formatPrice?: (value: number) => string;
+    /** Receives a dollar amount. */
+    formatCurrency?: (value: number) => string;
+};
+export declare const formatCurrency: (value: number | null | undefined, formatCurrencyOverride?: (value: number) => string) => string;
+export declare const formatSignedCurrency: (value: number | null | undefined, formatCurrencyOverride?: (value: number) => string) => string;
+export declare const formatPriceCents: (value: number | null | undefined, formatPrice?: (value: number) => string) => string;
 export declare const formatSignedPercent: (value: number | null | undefined) => string;
 export declare const resolvePositionStatus: (position: UserProfilePosition) => PositionStatus;
 export declare const resolvePositionBucket: (position: UserProfilePosition) => PositionBucket;
@@ -51,4 +62,4 @@ export declare const getPnlPercent: (position: UserProfilePosition, pnlValue: nu
 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;
+export declare const toPositionRowViewModel: (position: UserProfilePosition, labels?: PositionViewModelLabels, formatters?: PositionViewModelFormatters) => PositionRowViewModel;

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

@@ -2,6 +2,6 @@ import type { SelectProps } from "./select.types";
 export type { SelectItem, SelectProps } from "./select.types";
 /** Renders a custom select trigger and portaled listbox. */
 export declare const Select: {
-    <TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, contentClassName, itemClassName, disabled, }: SelectProps<TValue>): JSX.Element;
+    <TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, contentClassName, itemClassName, disabled, variant, openOnHover, contentAlign, contentSideOffset, }: SelectProps<TValue>): JSX.Element;
     displayName: string;
 };

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

@@ -2,6 +2,6 @@ import type { SelectProps } from "./select.types";
 export type { SelectItem, SelectProps } from "./select.types";
 /** Renders a custom select trigger and portaled listbox. */
 export declare const Select: {
-    <TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, contentClassName, itemClassName, disabled, }: SelectProps<TValue>): JSX.Element;
+    <TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, contentClassName, itemClassName, disabled, variant, openOnHover, contentAlign, contentSideOffset, }: SelectProps<TValue>): JSX.Element;
     displayName: string;
 };

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

@@ -31,4 +31,12 @@ export type SelectProps<TValue extends string = string> = {
     itemClassName?: string;
     /** Whether the select should block user interaction. */
     disabled?: boolean;
+    /** Visual treatment for the standard field or a compact inline control. */
+    variant?: "default" | "inline";
+    /** Opens the listbox on hover while preserving click and touch interaction. */
+    openOnHover?: boolean;
+    /** Horizontal alignment of the portaled listbox relative to the trigger. */
+    contentAlign?: "start" | "end";
+    /** Gap between the trigger and the portaled listbox, in pixels. */
+    contentSideOffset?: number;
 };

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

@@ -31,4 +31,12 @@ export type SelectProps<TValue extends string = string> = {
     itemClassName?: string;
     /** Whether the select should block user interaction. */
     disabled?: boolean;
+    /** Visual treatment for the standard field or a compact inline control. */
+    variant?: "default" | "inline";
+    /** Opens the listbox on hover while preserving click and touch interaction. */
+    openOnHover?: boolean;
+    /** Horizontal alignment of the portaled listbox relative to the trigger. */
+    contentAlign?: "start" | "end";
+    /** Gap between the trigger and the portaled listbox, in pixels. */
+    contentSideOffset?: number;
 };

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

@@ -2,6 +2,7 @@ import type { IconName } from "../primitives/icon/registry";
 export declare const PROFILE_TAB_KEYS: {
     readonly PROFILE_ACCOUNTS: "profile-accounts";
     readonly TRADING_ACCESS: "trading-access";
+    readonly BALANCE_MANAGEMENT: "balance-management";
 };
 export type ProfileTabKey = (typeof PROFILE_TAB_KEYS)[keyof typeof PROFILE_TAB_KEYS];
 export interface ProfileTabItem {
@@ -9,7 +10,7 @@ export interface ProfileTabItem {
     label: string;
     icon: IconName;
 }
-export declare const PROFILE_TAB_ITEMS: ProfileTabItem[];
+export declare const getProfileTabItems: (balanceManagementLabel: string) => ProfileTabItem[];
 /**
  * Display names for venue slugs.
  * Re-uses the venue-logo labels as the single source of truth.

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

@@ -2,6 +2,7 @@ import type { IconName } from "../primitives/icon/registry";
 export declare const PROFILE_TAB_KEYS: {
     readonly PROFILE_ACCOUNTS: "profile-accounts";
     readonly TRADING_ACCESS: "trading-access";
+    readonly BALANCE_MANAGEMENT: "balance-management";
 };
 export type ProfileTabKey = (typeof PROFILE_TAB_KEYS)[keyof typeof PROFILE_TAB_KEYS];
 export interface ProfileTabItem {
@@ -9,7 +10,7 @@ export interface ProfileTabItem {
     label: string;
     icon: IconName;
 }
-export declare const PROFILE_TAB_ITEMS: ProfileTabItem[];
+export declare const getProfileTabItems: (balanceManagementLabel: string) => ProfileTabItem[];
 /**
  * Display names for venue slugs.
  * Re-uses the venue-logo labels as the single source of truth.

package/dist/types/profile/tabs/balance-management-tab.d.mts

@@ -0,0 +1,3 @@
+export declare const BalanceManagementTab: ({ enabled }: {
+    enabled: boolean;
+}) => JSX.Element;

package/dist/types/profile/tabs/balance-management-tab.d.ts

@@ -0,0 +1,3 @@
+export declare const BalanceManagementTab: ({ enabled }: {
+    enabled: boolean;
+}) => JSX.Element;

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

@@ -16,11 +16,12 @@ export declare const DEFAULT_SLIPPAGE_VALUE = "0.5";
 export declare const DEFAULT_SLIPPAGE_MINIMUM = 0.5;
 export declare const HIGH_SLIPPAGE_THRESHOLD = 10;
 export declare const PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT = 3;
+export declare const PLACE_ORDER_NUMERIC_INPUT_CLASS_NAME = "bg-transparent text-right text-agg-3xl font-agg-bold leading-agg-9 tracking-agg-normal text-agg-foreground outline-none";
 export declare const PLACE_ORDER_CONTAINER_CLASS_NAME = "w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary shadow-none hover:shadow-none";
 export declare const PLACE_ORDER_OUTCOME_BUTTON_CLASS_NAMES: {
     readonly activeNegative: "border-agg-error/50 bg-agg-error/15 font-agg-bold text-agg-error";
     readonly activePositive: "border-agg-success/50 bg-agg-success/15 font-agg-bold text-agg-success";
-    readonly base: "flex h-10 flex-1 items-center justify-center rounded-agg-full border px-6 text-agg-base leading-agg-6";
+    readonly base: "flex h-11 flex-1 items-center justify-center rounded-agg-full border px-6 text-agg-base leading-agg-6";
     readonly inactive: "border-transparent bg-agg-secondary-hover font-agg-normal text-agg-foreground hover:bg-agg-tertiary";
 };
 export declare const PLACE_ORDER_RESULT_VALUE_CLASS_NAME_BY_TONE: Record<PlaceOrderResultTone, string>;

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

@@ -16,11 +16,12 @@ export declare const DEFAULT_SLIPPAGE_VALUE = "0.5";
 export declare const DEFAULT_SLIPPAGE_MINIMUM = 0.5;
 export declare const HIGH_SLIPPAGE_THRESHOLD = 10;
 export declare const PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT = 3;
+export declare const PLACE_ORDER_NUMERIC_INPUT_CLASS_NAME = "bg-transparent text-right text-agg-3xl font-agg-bold leading-agg-9 tracking-agg-normal text-agg-foreground outline-none";
 export declare const PLACE_ORDER_CONTAINER_CLASS_NAME = "w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary shadow-none hover:shadow-none";
 export declare const PLACE_ORDER_OUTCOME_BUTTON_CLASS_NAMES: {
     readonly activeNegative: "border-agg-error/50 bg-agg-error/15 font-agg-bold text-agg-error";
     readonly activePositive: "border-agg-success/50 bg-agg-success/15 font-agg-bold text-agg-success";
-    readonly base: "flex h-10 flex-1 items-center justify-center rounded-agg-full border px-6 text-agg-base leading-agg-6";
+    readonly base: "flex h-11 flex-1 items-center justify-center rounded-agg-full border px-6 text-agg-base leading-agg-6";
     readonly inactive: "border-transparent bg-agg-secondary-hover font-agg-normal text-agg-foreground hover:bg-agg-tertiary";
 };
 export declare const PLACE_ORDER_RESULT_VALUE_CLASS_NAME_BY_TONE: Record<PlaceOrderResultTone, string>;

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

@@ -145,6 +145,12 @@ export type PlaceOrderVenueQuote = {
     venueMarketId: string;
     venueMarketOutcomeId: string;
 };
+export type PlaceOrderLimitVenueOption = {
+    currentPrice?: number;
+    venue: TradingVenue;
+    venueMarketId: string;
+    venueMarketOutcomeId: string;
+};
 export type PlaceOrderResultTone = "default" | "success";
 export type PlaceOrderQuoteResult = {
     hint: string;

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

@@ -145,6 +145,12 @@ export type PlaceOrderVenueQuote = {
     venueMarketId: string;
     venueMarketOutcomeId: string;
 };
+export type PlaceOrderLimitVenueOption = {
+    currentPrice?: number;
+    venue: TradingVenue;
+    venueMarketId: string;
+    venueMarketOutcomeId: string;
+};
 export type PlaceOrderResultTone = "default" | "success";
 export type PlaceOrderQuoteResult = {
     hint: string;

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

@@ -1,8 +1,16 @@
-import type { VenueSellQuoteRequest } from "@agg-build/hooks";
+import type { VenueMarket, VenueSellQuoteRequest } from "@agg-build/hooks";
 import type { SmartRouteResponse, WsOrderSubmitted } from "@agg-build/sdk";
 import { type PlaceOrderOutcome, type PlaceOrderRoutingRow, type PlaceOrderTab, type TradingVenue } from "../types";
-import type { BuildLiveRouteCardsParams, PlaceOrderOutcomeClassNameParams, PlaceOrderExecutionStepGroup, PlaceOrderFailureStep, PlaceOrderFailureSummary, PlaceOrderOutcomeLabelValue, PlaceOrderQuoteResult, PlaceOrderQuoteStatus, PlaceOrderResultTone, PlaceOrderRouteCard, PlaceOrderTerminalOrderEvent, PlaceOrderTradingLabels, PlaceOrderVenueOutcome, ResolvePlaceOrderQuoteResultParams, ResolvePlaceOrderQuoteStatusParams, ResolvePlaceOrderTabKeyParams } from "./index.place-order.types";
+import type { BuildLiveRouteCardsParams, PlaceOrderOutcomeClassNameParams, PlaceOrderExecutionStepGroup, PlaceOrderFailureStep, PlaceOrderFailureSummary, PlaceOrderOutcomeLabelValue, PlaceOrderLimitVenueOption, PlaceOrderQuoteResult, PlaceOrderQuoteStatus, PlaceOrderResultTone, PlaceOrderRouteCard, PlaceOrderTerminalOrderEvent, PlaceOrderTradingLabels, PlaceOrderVenueOutcome, ResolvePlaceOrderQuoteResultParams, ResolvePlaceOrderQuoteStatusParams, ResolvePlaceOrderTabKeyParams } from "./index.place-order.types";
+export declare const buildLimitOrderVenueOptions: ({ currentPrices, livePrices, market, selectedOutcomeId, }: {
+    currentPrices: ReadonlyMap<string, number>;
+    livePrices?: ReadonlyMap<string, number>;
+    market: VenueMarket | null | undefined;
+    selectedOutcomeId: string | null | undefined;
+}) => PlaceOrderLimitVenueOption[];
+export declare const resolveAutomaticLimitOrderVenueOption: (options: PlaceOrderLimitVenueOption[], side: PlaceOrderTab) => PlaceOrderLimitVenueOption | null;
 export declare const extractGeoBlockedVenues: (warnings: SmartRouteResponse["warnings"]) => Set<string>;
+export declare const getSmartRouteTotalFees: (feeBreakdown: SmartRouteResponse["feeBreakdown"]) => number | null;
 export declare const hasLowLiquidityWarning: (warnings: SmartRouteResponse["warnings"]) => boolean;
 /** Pure helpers for PlaceOrder view-model shaping, formatting, and keyboard logic. */
 export declare const getPlaceOrderContainerClassName: () => string;

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

@@ -1,8 +1,16 @@
-import type { VenueSellQuoteRequest } from "@agg-build/hooks";
+import type { VenueMarket, VenueSellQuoteRequest } from "@agg-build/hooks";
 import type { SmartRouteResponse, WsOrderSubmitted } from "@agg-build/sdk";
 import { type PlaceOrderOutcome, type PlaceOrderRoutingRow, type PlaceOrderTab, type TradingVenue } from "../types";
-import type { BuildLiveRouteCardsParams, PlaceOrderOutcomeClassNameParams, PlaceOrderExecutionStepGroup, PlaceOrderFailureStep, PlaceOrderFailureSummary, PlaceOrderOutcomeLabelValue, PlaceOrderQuoteResult, PlaceOrderQuoteStatus, PlaceOrderResultTone, PlaceOrderRouteCard, PlaceOrderTerminalOrderEvent, PlaceOrderTradingLabels, PlaceOrderVenueOutcome, ResolvePlaceOrderQuoteResultParams, ResolvePlaceOrderQuoteStatusParams, ResolvePlaceOrderTabKeyParams } from "./index.place-order.types";
+import type { BuildLiveRouteCardsParams, PlaceOrderOutcomeClassNameParams, PlaceOrderExecutionStepGroup, PlaceOrderFailureStep, PlaceOrderFailureSummary, PlaceOrderOutcomeLabelValue, PlaceOrderLimitVenueOption, PlaceOrderQuoteResult, PlaceOrderQuoteStatus, PlaceOrderResultTone, PlaceOrderRouteCard, PlaceOrderTerminalOrderEvent, PlaceOrderTradingLabels, PlaceOrderVenueOutcome, ResolvePlaceOrderQuoteResultParams, ResolvePlaceOrderQuoteStatusParams, ResolvePlaceOrderTabKeyParams } from "./index.place-order.types";
+export declare const buildLimitOrderVenueOptions: ({ currentPrices, livePrices, market, selectedOutcomeId, }: {
+    currentPrices: ReadonlyMap<string, number>;
+    livePrices?: ReadonlyMap<string, number>;
+    market: VenueMarket | null | undefined;
+    selectedOutcomeId: string | null | undefined;
+}) => PlaceOrderLimitVenueOption[];
+export declare const resolveAutomaticLimitOrderVenueOption: (options: PlaceOrderLimitVenueOption[], side: PlaceOrderTab) => PlaceOrderLimitVenueOption | null;
 export declare const extractGeoBlockedVenues: (warnings: SmartRouteResponse["warnings"]) => Set<string>;
+export declare const getSmartRouteTotalFees: (feeBreakdown: SmartRouteResponse["feeBreakdown"]) => number | null;
 export declare const hasLowLiquidityWarning: (warnings: SmartRouteResponse["warnings"]) => boolean;
 /** Pure helpers for PlaceOrder view-model shaping, formatting, and keyboard logic. */
 export declare const getPlaceOrderContainerClassName: () => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "2.7.2",
+  "version": "2.8.0",
   "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,7 +100,7 @@
     "liveline": "^0.0.7",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agg-build/hooks": "^2.7.2",
+    "@agg-build/hooks": "^2.8.0",
     "@agg-build/sdk": "^2.5.1"
   },
   "dependencies": {