@agg-build/ui 2.4.3 → 2.4.5

package/dist/trading.mjs

@@ -8,7 +8,7 @@ import {
   parseVenue,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-PHAEFHBM.mjs";
+} from "./chunk-GWRFSQQK.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -26,9 +26,9 @@ import {
   prepareSettlementDifferences,
   resolveDifferenceIconClassName,
   useEventTradingContext
-} from "./chunk-STL4ZHLP.mjs";
-import "./chunk-3PSIO77N.mjs";
-import "./chunk-WZ55ERDO.mjs";
+} from "./chunk-UH3DUTMG.mjs";
+import "./chunk-JVRTJQPZ.mjs";
+import "./chunk-PTNFXXOV.mjs";
 export {
   PlaceOrder,
   PlaceOrderFailureView,

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

@@ -1,3 +1,3 @@
 import type { ProbabilityMode } from "./event-list-item-details.types";
-export declare const detailsBaseCardClassName = "w-full gap-6 p-5 md:gap-8";
+export declare const detailsBaseCardClassName = "w-full gap-6 p-4 md:p-5 md:gap-8";
 export declare const probabilityModeOrder: ProbabilityMode[];

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

@@ -1,3 +1,3 @@
 import type { ProbabilityMode } from "./event-list-item-details.types";
-export declare const detailsBaseCardClassName = "w-full gap-6 p-5 md:gap-8";
+export declare const detailsBaseCardClassName = "w-full gap-6 p-4 md:p-5 md:gap-8";
 export declare const probabilityModeOrder: ProbabilityMode[];

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

@@ -10,6 +10,6 @@ export type SettlementSummaryProps = {
     className?: string;
 };
 export declare const SettlementSummary: {
-    ({ content, settlementDiff, settlementSectionId, className, }: SettlementSummaryProps): JSX.Element | null;
+    ({ settlementDiff, settlementSectionId, className, }: SettlementSummaryProps): JSX.Element | null;
     displayName: string;
 };

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

@@ -10,6 +10,6 @@ export type SettlementSummaryProps = {
     className?: string;
 };
 export declare const SettlementSummary: {
-    ({ content, settlementDiff, settlementSectionId, className, }: SettlementSummaryProps): JSX.Element | null;
+    ({ settlementDiff, settlementSectionId, className, }: SettlementSummaryProps): JSX.Element | null;
     displayName: string;
 };

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

@@ -6,6 +6,6 @@ export { ConnectAccountsStep } from "./steps/connect-accounts";
 export { ConnectKalshiModal } from "./steps/connect-kalshi-modal";
 export { ConnectOnchainModal } from "./steps/connect-onchain-modal";
 export declare const OnboardingModal: {
-    ({ open, onOpenChange, onProfileSubmit, onConnectOnchain, onConnectKalshi, onComplete, howItWorksIcons, connectedOnchain, connectedKalshi, }: OnboardingModalProps): JSX.Element;
+    ({ open, onOpenChange, onProfileSubmit, onConnectOnchain, onComplete, howItWorksIcons, connectedOnchain, }: OnboardingModalProps): JSX.Element;
     displayName: string;
 };

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

@@ -6,6 +6,6 @@ export { ConnectAccountsStep } from "./steps/connect-accounts";
 export { ConnectKalshiModal } from "./steps/connect-kalshi-modal";
 export { ConnectOnchainModal } from "./steps/connect-onchain-modal";
 export declare const OnboardingModal: {
-    ({ open, onOpenChange, onProfileSubmit, onConnectOnchain, onConnectKalshi, onComplete, howItWorksIcons, connectedOnchain, connectedKalshi, }: OnboardingModalProps): JSX.Element;
+    ({ open, onOpenChange, onProfileSubmit, onConnectOnchain, onComplete, howItWorksIcons, connectedOnchain, }: OnboardingModalProps): JSX.Element;
     displayName: string;
 };

package/dist/types/onboarding/steps/connect-accounts.d.mts

@@ -1,5 +1,5 @@
 import type { ConnectAccountsStepProps } from "../onboarding-modal.types";
 export declare const ConnectAccountsStep: {
-    ({ onConnectOnchain, onConnectKalshi, onContinue, connectedOnchain, connectedKalshi, }: ConnectAccountsStepProps): JSX.Element;
+    ({ onConnectOnchain, onContinue, connectedOnchain, }: ConnectAccountsStepProps): JSX.Element;
     displayName: string;
 };

package/dist/types/onboarding/steps/connect-accounts.d.ts

@@ -1,5 +1,5 @@
 import type { ConnectAccountsStepProps } from "../onboarding-modal.types";
 export declare const ConnectAccountsStep: {
-    ({ onConnectOnchain, onConnectKalshi, onContinue, connectedOnchain, connectedKalshi, }: ConnectAccountsStepProps): JSX.Element;
+    ({ onConnectOnchain, onContinue, connectedOnchain, }: ConnectAccountsStepProps): JSX.Element;
     displayName: string;
 };

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

@@ -1,2 +1,3 @@
 import type { IconSize } from "./icon.types";
 export declare const iconSizeClasses: Record<IconSize, string>;
+export declare const iconSizePixels: Record<IconSize, number>;

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

@@ -1,2 +1,3 @@
 import type { IconSize } from "./icon.types";
 export declare const iconSizeClasses: Record<IconSize, string>;
+export declare const iconSizePixels: Record<IconSize, number>;

package/dist/types/shared/use-horizontal-scroll-state.d.mts

@@ -1,6 +1,9 @@
 import { type MutableRefObject } from "react";
 export type UseHorizontalScrollStateResult<T extends HTMLElement = HTMLElement> = {
     containerRef: MutableRefObject<T | null>;
+    hasOverflow: boolean;
+    isAtStart: boolean;
+    isAtEnd: boolean;
     canScrollLeft: boolean;
     canScrollRight: boolean;
     /** Call after content changes that alter overflow without triggering scroll/resize. */

package/dist/types/shared/use-horizontal-scroll-state.d.ts

@@ -1,6 +1,9 @@
 import { type MutableRefObject } from "react";
 export type UseHorizontalScrollStateResult<T extends HTMLElement = HTMLElement> = {
     containerRef: MutableRefObject<T | null>;
+    hasOverflow: boolean;
+    isAtStart: boolean;
+    isAtEnd: boolean;
     canScrollLeft: boolean;
     canScrollRight: boolean;
     /** Call after content changes that alter overflow without triggering scroll/resize. */

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

@@ -2,6 +2,7 @@ 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";
 export declare const extractGeoBlockedVenues: (warnings: SmartRouteResponse["warnings"]) => Set<string>;
+export declare const hasLowLiquidityWarning: (warnings: SmartRouteResponse["warnings"]) => boolean;
 /** Pure helpers for PlaceOrder view-model shaping, formatting, and keyboard logic. */
 export declare const getPlaceOrderContainerClassName: () => string;
 export declare const getResultValueClassName: (tone: PlaceOrderResultTone) => string;

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

@@ -2,6 +2,7 @@ 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";
 export declare const extractGeoBlockedVenues: (warnings: SmartRouteResponse["warnings"]) => Set<string>;
+export declare const hasLowLiquidityWarning: (warnings: SmartRouteResponse["warnings"]) => boolean;
 /** Pure helpers for PlaceOrder view-model shaping, formatting, and keyboard logic. */
 export declare const getPlaceOrderContainerClassName: () => string;
 export declare const getResultValueClassName: (tone: PlaceOrderResultTone) => string;

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

@@ -27,7 +27,7 @@ export type DisplaySettlementDifference = SettlementDifference & {
 export declare const prepareSettlementDifferences: (differences: SettlementDifference[] | undefined) => DisplaySettlementDifference[];
 export declare const resolveDifferenceIconClassName: (canonicalKey: string) => string;
 export declare const Settlement: {
-    ({ className, id, sectionLabel, question, eventDescription, marketDescription, primaryRules, settlementDiff, settlementVenues, settlementVenueRules, isLoading, }: SettlementProps): JSX.Element;
+    ({ className, id, sectionLabel, question, eventDescription, marketDescription, primaryRules, settlementDiff, settlementVenues, settlementVenueRules, isLoading, }: SettlementProps): JSX.Element | null;
     displayName: string;
 };
 export {};

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

@@ -27,7 +27,7 @@ export type DisplaySettlementDifference = SettlementDifference & {
 export declare const prepareSettlementDifferences: (differences: SettlementDifference[] | undefined) => DisplaySettlementDifference[];
 export declare const resolveDifferenceIconClassName: (canonicalKey: string) => string;
 export declare const Settlement: {
-    ({ className, id, sectionLabel, question, eventDescription, marketDescription, primaryRules, settlementDiff, settlementVenues, settlementVenueRules, isLoading, }: SettlementProps): JSX.Element;
+    ({ className, id, sectionLabel, question, eventDescription, marketDescription, primaryRules, settlementDiff, settlementVenues, settlementVenueRules, isLoading, }: SettlementProps): JSX.Element | null;
     displayName: string;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "2.4.3",
+  "version": "2.4.5",
   "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.3.0",
+    "@agg-build/hooks": "^2.4.4",
     "@agg-build/sdk": "^2.3.0"
   },
   "dependencies": {