@agg-build/ui 1.2.11 → 1.3.0

package/dist/trading.mjs

@@ -6,7 +6,7 @@ import {
   SettlementDetails,
   parseAmount,
   parseVenue
-} from "./chunk-J7K2U44E.mjs";
+} from "./chunk-YWJIYEJV.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -21,9 +21,9 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   useEventTradingContext
-} from "./chunk-54PCEK6G.mjs";
-import "./chunk-NWJHFGBZ.mjs";
-import "./chunk-SJLHOAKK.mjs";
+} from "./chunk-UFC7L74C.mjs";
+import "./chunk-55ODXLOS.mjs";
+import "./chunk-QUZWA34R.mjs";
 export {
   PlaceOrder,
   PlaceOrderFailureView,

package/dist/types/agg-provider.d.mts

@@ -0,0 +1,27 @@
+import { type AggProviderProps as AggSdkProviderProps } from "@agg-build/hooks";
+import type { ReactNode } from "react";
+import { type AggToastProviderProps } from "./notifications/agg-toast-provider";
+export interface AggProviderProps extends Omit<AggSdkProviderProps, "children"> {
+    children?: ReactNode;
+    /**
+     * Optional overrides forwarded to the internally-mounted `AggToastProvider`.
+     * Use this for toast viewport positioning, swipe behavior, etc. The
+     * notification bridge itself is gated by
+     * `config.features.enableNotifications` (default `true`), not by this prop.
+     */
+    toast?: Omit<AggToastProviderProps, "children">;
+}
+/**
+ * Batteries-included AGG provider for partner React apps. Wraps the bare
+ * `AggProvider` from `@agg-build/hooks` with `AggToastProvider`, so partners
+ * get the toast surface **and** the global order/deposit/withdrawal
+ * notification bridge by mounting a single component.
+ *
+ * Partners who want a leaner setup (no toast surface) can import the original
+ * `AggProvider` from `@agg-build/hooks` directly.
+ *
+ * The notification bridge respects `config.features.enableNotifications`
+ * (default `true`) — set it to `false` to keep the toast surface mounted
+ * for ad-hoc partner-fired toasts while suppressing all SDK-driven ones.
+ */
+export declare function AggProvider({ children, toast, ...providerProps }: AggProviderProps): JSX.Element;

package/dist/types/agg-provider.d.ts

@@ -0,0 +1,27 @@
+import { type AggProviderProps as AggSdkProviderProps } from "@agg-build/hooks";
+import type { ReactNode } from "react";
+import { type AggToastProviderProps } from "./notifications/agg-toast-provider";
+export interface AggProviderProps extends Omit<AggSdkProviderProps, "children"> {
+    children?: ReactNode;
+    /**
+     * Optional overrides forwarded to the internally-mounted `AggToastProvider`.
+     * Use this for toast viewport positioning, swipe behavior, etc. The
+     * notification bridge itself is gated by
+     * `config.features.enableNotifications` (default `true`), not by this prop.
+     */
+    toast?: Omit<AggToastProviderProps, "children">;
+}
+/**
+ * Batteries-included AGG provider for partner React apps. Wraps the bare
+ * `AggProvider` from `@agg-build/hooks` with `AggToastProvider`, so partners
+ * get the toast surface **and** the global order/deposit/withdrawal
+ * notification bridge by mounting a single component.
+ *
+ * Partners who want a leaner setup (no toast surface) can import the original
+ * `AggProvider` from `@agg-build/hooks` directly.
+ *
+ * The notification bridge respects `config.features.enableNotifications`
+ * (default `true`) — set it to `false` to keep the toast surface mounted
+ * for ad-hoc partner-fired toasts while suppressing all SDK-driven ones.
+ */
+export declare function AggProvider({ children, toast, ...providerProps }: AggProviderProps): JSX.Element;

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

@@ -0,0 +1,28 @@
+import type { VenueMarket, VenueMarketOutcome } from "@agg-build/hooks";
+export type EventListItemV2Price = {
+    venue: VenueMarket["venue"];
+    market: VenueMarket;
+    outcome: VenueMarketOutcome;
+    price: number;
+    isBest: boolean;
+};
+export type EventListItemV2Row = {
+    id: string;
+    label: string;
+    market: VenueMarket;
+    outcome: VenueMarketOutcome;
+    prices: EventListItemV2Price[];
+};
+export type EventListItemV2Comparison = {
+    rows: EventListItemV2Row[];
+    hasVenueCompetition: boolean;
+    matchedVenues: VenueMarket["venue"][];
+};
+type NormalizeEventListItemV2ComparisonOptions = {
+    venueMarkets: VenueMarket[];
+    marketCount: number;
+    priceByOutcomeId?: ReadonlyMap<string, number>;
+};
+export declare const computePriceGapsFromComparisonRows: (rows: readonly EventListItemV2Row[]) => Map<string, number>;
+export declare const normalizeEventListItemV2Comparison: ({ venueMarkets, marketCount, priceByOutcomeId, }: NormalizeEventListItemV2ComparisonOptions) => EventListItemV2Comparison;
+export {};

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

@@ -0,0 +1,28 @@
+import type { VenueMarket, VenueMarketOutcome } from "@agg-build/hooks";
+export type EventListItemV2Price = {
+    venue: VenueMarket["venue"];
+    market: VenueMarket;
+    outcome: VenueMarketOutcome;
+    price: number;
+    isBest: boolean;
+};
+export type EventListItemV2Row = {
+    id: string;
+    label: string;
+    market: VenueMarket;
+    outcome: VenueMarketOutcome;
+    prices: EventListItemV2Price[];
+};
+export type EventListItemV2Comparison = {
+    rows: EventListItemV2Row[];
+    hasVenueCompetition: boolean;
+    matchedVenues: VenueMarket["venue"][];
+};
+type NormalizeEventListItemV2ComparisonOptions = {
+    venueMarkets: VenueMarket[];
+    marketCount: number;
+    priceByOutcomeId?: ReadonlyMap<string, number>;
+};
+export declare const computePriceGapsFromComparisonRows: (rows: readonly EventListItemV2Row[]) => Map<string, number>;
+export declare const normalizeEventListItemV2Comparison: ({ venueMarkets, marketCount, priceByOutcomeId, }: NormalizeEventListItemV2ComparisonOptions) => EventListItemV2Comparison;
+export {};

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

@@ -1 +1 @@
-export declare const baseCardClassName = "gap-3 overflow-hidden p-5 w-full";
+export declare const baseCardClassName = "gap-3 overflow-hidden p-4 w-full";

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

@@ -1 +1 @@
-export declare const baseCardClassName = "gap-3 overflow-hidden p-5 w-full";
+export declare const baseCardClassName = "gap-3 overflow-hidden p-4 w-full";

package/dist/types/events/item/index.d.mts

@@ -4,3 +4,7 @@ export declare const EventListItem: {
     (props: EventListItemProps): JSX.Element;
     displayName: string;
 };
+export declare const EventListItemV2: {
+    (props: EventListItemProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/events/item/index.d.ts

@@ -4,3 +4,7 @@ export declare const EventListItem: {
     (props: EventListItemProps): JSX.Element;
     displayName: string;
 };
+export declare const EventListItemV2: {
+    (props: EventListItemProps): JSX.Element;
+    displayName: string;
+};

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

@@ -41,4 +41,9 @@ export type EventListTabsHeaderOverflowResult<THeader extends HTMLElement, TTitl
  * element and `titleRef` to the title element. Pass `recomputeOn` (e.g.
  * the resolved tab list) to re-measure when tab content changes.
  */
-export declare const useEventListTabsHeaderOverflow: <THeader extends HTMLElement = HTMLElement, TTitle extends HTMLElement = HTMLElement>(recomputeOn?: unknown) => EventListTabsHeaderOverflowResult<THeader, TTitle>;
+export declare const useEventListTabsHeaderOverflow: <THeader extends HTMLElement = HTMLElement, TTitle extends HTMLElement = HTMLElement>(recomputeOn?: unknown, options?: {
+    /** Force select fallback when available tabs inline width drops below this threshold. */
+    minTabsInlineWidthForSelect?: number;
+    /** Whether natural tab overflow should switch to select. Default true for legacy behavior. */
+    preferSelectOnOverflow?: boolean;
+}) => EventListTabsHeaderOverflowResult<THeader, TTitle>;

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

@@ -41,4 +41,9 @@ export type EventListTabsHeaderOverflowResult<THeader extends HTMLElement, TTitl
  * element and `titleRef` to the title element. Pass `recomputeOn` (e.g.
  * the resolved tab list) to re-measure when tab content changes.
  */
-export declare const useEventListTabsHeaderOverflow: <THeader extends HTMLElement = HTMLElement, TTitle extends HTMLElement = HTMLElement>(recomputeOn?: unknown) => EventListTabsHeaderOverflowResult<THeader, TTitle>;
+export declare const useEventListTabsHeaderOverflow: <THeader extends HTMLElement = HTMLElement, TTitle extends HTMLElement = HTMLElement>(recomputeOn?: unknown, options?: {
+    /** Force select fallback when available tabs inline width drops below this threshold. */
+    minTabsInlineWidthForSelect?: number;
+    /** Whether natural tab overflow should switch to select. Default true for legacy behavior. */
+    preferSelectOnOverflow?: boolean;
+}) => EventListTabsHeaderOverflowResult<THeader, TTitle>;

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

@@ -31,6 +31,8 @@ export type EventListProps = {
     search?: UseVenueEventsOptions["search"];
     /** Category filters applied to the events query. */
     categoryIds?: UseVenueEventsOptions["categoryIds"];
+    /** Called when the sidebar selects a top-level category root. */
+    onCategoryRootChange?: (categoryId: string | undefined) => void;
     /** Called when an event card body is clicked. */
     onEventClick?: (event?: VenueEventWithMarkets) => void;
     /** Called when an outcome price badge is clicked. Use to navigate to the event with a preselected market and outcome. */

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

@@ -31,6 +31,8 @@ export type EventListProps = {
     search?: UseVenueEventsOptions["search"];
     /** Category filters applied to the events query. */
     categoryIds?: UseVenueEventsOptions["categoryIds"];
+    /** Called when the sidebar selects a top-level category root. */
+    onCategoryRootChange?: (categoryId: string | undefined) => void;
     /** Called when an event card body is clicked. */
     onEventClick?: (event?: VenueEventWithMarkets) => void;
     /** Called when an outcome price badge is clicked. Use to navigate to the event with a preselected market and outcome. */

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

@@ -16,4 +16,23 @@ export declare const filterEventsByTabValue: (events: VenueEventWithMarkets[], _
 export declare const filterOpenMarkets: (markets: VenueMarket[]) => VenueMarket[];
 /** Sort markets by YES odds descending, preserving input order for ties and missing values. */
 export declare const sortMarketsByYesOddsDesc: (markets: VenueMarket[]) => VenueMarket[];
+/** Sort markets by displayed volume descending, preserving input order for ties. */
+export declare const sortMarketsByVolumeDesc: (markets: VenueMarket[]) => VenueMarket[];
+/** A single drilled-into level beneath the active top-level tab. */
+export type SubcategoryPathEntry = {
+    id: string;
+    label: string;
+    eventCount: number;
+};
+export type CategoryNavigationItem = {
+    id: string;
+    name: string;
+};
+export declare const sortCategoriesForNavigation: <TCategory extends CategoryNavigationItem>(categories: readonly TCategory[]) => TCategory[];
+/**
+ * Resolve the categoryIds to send to the API based on the current drill path.
+ * - At the deepest selected level, filter by that category id only.
+ * - With an empty path, use the provided fallback category ids.
+ */
+export declare const resolveCategoryIdsFromPath: (path: readonly SubcategoryPathEntry[], fallbackCategoryIds: string[] | undefined) => string[] | undefined;
 export declare const resolveTabVenus: (tab: EventListTab | undefined, visibleVenues?: readonly string[]) => UseVenueEventsOptions["venues"] | undefined;

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

@@ -16,4 +16,23 @@ export declare const filterEventsByTabValue: (events: VenueEventWithMarkets[], _
 export declare const filterOpenMarkets: (markets: VenueMarket[]) => VenueMarket[];
 /** Sort markets by YES odds descending, preserving input order for ties and missing values. */
 export declare const sortMarketsByYesOddsDesc: (markets: VenueMarket[]) => VenueMarket[];
+/** Sort markets by displayed volume descending, preserving input order for ties. */
+export declare const sortMarketsByVolumeDesc: (markets: VenueMarket[]) => VenueMarket[];
+/** A single drilled-into level beneath the active top-level tab. */
+export type SubcategoryPathEntry = {
+    id: string;
+    label: string;
+    eventCount: number;
+};
+export type CategoryNavigationItem = {
+    id: string;
+    name: string;
+};
+export declare const sortCategoriesForNavigation: <TCategory extends CategoryNavigationItem>(categories: readonly TCategory[]) => TCategory[];
+/**
+ * Resolve the categoryIds to send to the API based on the current drill path.
+ * - At the deepest selected level, filter by that category id only.
+ * - With an empty path, use the provided fallback category ids.
+ */
+export declare const resolveCategoryIdsFromPath: (path: readonly SubcategoryPathEntry[], fallbackCategoryIds: string[] | undefined) => string[] | undefined;
 export declare const resolveTabVenus: (tab: EventListTab | undefined, visibleVenues?: readonly string[]) => UseVenueEventsOptions["venues"] | undefined;

package/dist/types/events/list/index.d.mts

@@ -1,6 +1,6 @@
 import type { EventListProps } from "./event-list.types";
 export type { EventListProps, EventListStateRef } from "./event-list.types";
 export declare const EventList: {
-    ({ title, limit, maxVisibleItems, search, categoryIds, onEventClick, onMarketClick, getMarketHref, getEventHref, initialVenueTab, initialLoadedPageCount, stateRef, }: EventListProps): JSX.Element;
+    ({ title, limit, maxVisibleItems, search, categoryIds, onCategoryRootChange, onEventClick, onMarketClick, getMarketHref, getEventHref, initialVenueTab, initialLoadedPageCount, stateRef, }: EventListProps): JSX.Element;
     displayName: string;
 };

package/dist/types/events/list/index.d.ts

@@ -1,6 +1,6 @@
 import type { EventListProps } from "./event-list.types";
 export type { EventListProps, EventListStateRef } from "./event-list.types";
 export declare const EventList: {
-    ({ title, limit, maxVisibleItems, search, categoryIds, onEventClick, onMarketClick, getMarketHref, getEventHref, initialVenueTab, initialLoadedPageCount, stateRef, }: EventListProps): JSX.Element;
+    ({ title, limit, maxVisibleItems, search, categoryIds, onCategoryRootChange, onEventClick, onMarketClick, getMarketHref, getEventHref, initialVenueTab, initialLoadedPageCount, stateRef, }: EventListProps): JSX.Element;
     displayName: string;
 };

package/dist/types/index.d.mts

@@ -1,4 +1,6 @@
 export * from "./primitives";
+export * from "./notifications";
+export { AggProvider, type AggProviderProps } from "./agg-provider";
 export * from "./auth/connect-button-view";
 export * from "./events";
 export * from "./pages";

package/dist/types/index.d.ts

@@ -1,4 +1,6 @@
 export * from "./primitives";
+export * from "./notifications";
+export { AggProvider, type AggProviderProps } from "./agg-provider";
 export * from "./auth/connect-button-view";
 export * from "./events";
 export * from "./pages";

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

@@ -0,0 +1,35 @@
+import { type ReactNode } from "react";
+import { type ToastContextValue } from "../primitives/toast";
+interface AggNotificationEventsProviderProps {
+    children?: ReactNode;
+    /**
+     * Toggle off without unmounting (e.g. partner is rendering a marketing page
+     * where toasts would be noise). Defaults to `true`. The
+     * `features.enableNotifications` flag on `<AggProvider config>` also gates
+     * the bridge — if either is `false`, no toasts fire.
+     */
+    enabled?: boolean;
+    /**
+     * How many recent deposit rows the bridge keeps in its observation window.
+     * The bridge mounts its own lightweight `useUserActivity({ type: "deposit" })`
+     * query so it can catch lifecycle transitions even when no other page is
+     * rendering the activity feed. Defaults to 25.
+     */
+    depositActivityLimit?: number;
+}
+/**
+ * Global notification bridge. Subscribes to order WS events, withdrawal
+ * lifecycle WS events, and the deposit activity feed; turns terminal
+ * transitions into toasts via the existing `ToastProvider`. Auto-mounted by
+ * `<ToastProvider>` — partners don't need to wire it manually.
+ *
+ * Bails to a transparent passthrough when no `<AggProvider>` is above it, so
+ * a partner using `<ToastProvider>` standalone (e.g. a marketing page) keeps
+ * working without hooking into the SDK.
+ *
+ * Toasts dedupe per `${kind}:${id}:${status}` so reconnect storms and polling
+ * overlap don't double-fire, and the dedupe table is cleared on user-id change
+ * so signing out / in cannot leak toasts from a prior session.
+ */
+export declare function AggNotificationEventsProvider({ children, enabled, depositActivityLimit, }: AggNotificationEventsProviderProps): JSX.Element;
+export type { ToastContextValue };

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

@@ -0,0 +1,35 @@
+import { type ReactNode } from "react";
+import { type ToastContextValue } from "../primitives/toast";
+interface AggNotificationEventsProviderProps {
+    children?: ReactNode;
+    /**
+     * Toggle off without unmounting (e.g. partner is rendering a marketing page
+     * where toasts would be noise). Defaults to `true`. The
+     * `features.enableNotifications` flag on `<AggProvider config>` also gates
+     * the bridge — if either is `false`, no toasts fire.
+     */
+    enabled?: boolean;
+    /**
+     * How many recent deposit rows the bridge keeps in its observation window.
+     * The bridge mounts its own lightweight `useUserActivity({ type: "deposit" })`
+     * query so it can catch lifecycle transitions even when no other page is
+     * rendering the activity feed. Defaults to 25.
+     */
+    depositActivityLimit?: number;
+}
+/**
+ * Global notification bridge. Subscribes to order WS events, withdrawal
+ * lifecycle WS events, and the deposit activity feed; turns terminal
+ * transitions into toasts via the existing `ToastProvider`. Auto-mounted by
+ * `<ToastProvider>` — partners don't need to wire it manually.
+ *
+ * Bails to a transparent passthrough when no `<AggProvider>` is above it, so
+ * a partner using `<ToastProvider>` standalone (e.g. a marketing page) keeps
+ * working without hooking into the SDK.
+ *
+ * Toasts dedupe per `${kind}:${id}:${status}` so reconnect storms and polling
+ * overlap don't double-fire, and the dedupe table is cleared on user-id change
+ * so signing out / in cannot leak toasts from a prior session.
+ */
+export declare function AggNotificationEventsProvider({ children, enabled, depositActivityLimit, }: AggNotificationEventsProviderProps): JSX.Element;
+export type { ToastContextValue };

package/dist/types/notifications/agg-toast-provider.d.mts

@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+import { type ToastProviderProps } from "../primitives/toast";
+export interface AggToastProviderProps extends Omit<ToastProviderProps, "children"> {
+    children?: ReactNode;
+    /**
+     * Disable the global notification bridge mounted under the toast viewport.
+     * When `true`, `AggToastProvider` behaves like the bare `ToastProvider` —
+     * no order/deposit/withdrawal toasts are emitted automatically. Defaults
+     * to `false`.
+     */
+    disableAggNotifications?: boolean;
+    /**
+     * Forwarded to `AggNotificationEventsProvider`. See its prop docs.
+     * Defaults to 25.
+     */
+    notificationDepositActivityLimit?: number;
+}
+/**
+ * Drop-in replacement for `ToastProvider` that also mounts the global Agg
+ * notification bridge. Partners using `@agg-build/ui` should prefer this
+ * over the raw `ToastProvider` so order/deposit/withdrawal lifecycle events
+ * become toasts automatically with no extra wiring.
+ *
+ * The bridge gracefully no-ops when no `<AggProvider>` is mounted above it,
+ * so this provider remains safe to use even on routes that don't run the SDK.
+ */
+export declare function AggToastProvider({ children, disableAggNotifications, notificationDepositActivityLimit, ...toastProps }: AggToastProviderProps): JSX.Element;

package/dist/types/notifications/agg-toast-provider.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+import { type ToastProviderProps } from "../primitives/toast";
+export interface AggToastProviderProps extends Omit<ToastProviderProps, "children"> {
+    children?: ReactNode;
+    /**
+     * Disable the global notification bridge mounted under the toast viewport.
+     * When `true`, `AggToastProvider` behaves like the bare `ToastProvider` —
+     * no order/deposit/withdrawal toasts are emitted automatically. Defaults
+     * to `false`.
+     */
+    disableAggNotifications?: boolean;
+    /**
+     * Forwarded to `AggNotificationEventsProvider`. See its prop docs.
+     * Defaults to 25.
+     */
+    notificationDepositActivityLimit?: number;
+}
+/**
+ * Drop-in replacement for `ToastProvider` that also mounts the global Agg
+ * notification bridge. Partners using `@agg-build/ui` should prefer this
+ * over the raw `ToastProvider` so order/deposit/withdrawal lifecycle events
+ * become toasts automatically with no extra wiring.
+ *
+ * The bridge gracefully no-ops when no `<AggProvider>` is mounted above it,
+ * so this provider remains safe to use even on routes that don't run the SDK.
+ */
+export declare function AggToastProvider({ children, disableAggNotifications, notificationDepositActivityLimit, ...toastProps }: AggToastProviderProps): JSX.Element;

package/dist/types/notifications/deposit-notification-events.d.mts

@@ -0,0 +1,10 @@
+export type AggDepositNotificationStatus = "completed" | "failed";
+export interface AggDepositNotificationDetail {
+    id?: string;
+    status: AggDepositNotificationStatus;
+    amount?: string;
+    tokenSymbol?: string;
+    errorMessage?: string;
+}
+export declare const dispatchAggDepositNotification: (detail: AggDepositNotificationDetail) => void;
+export declare const subscribeAggDepositNotification: (handler: (detail: AggDepositNotificationDetail) => void) => (() => void);

package/dist/types/notifications/deposit-notification-events.d.ts

@@ -0,0 +1,10 @@
+export type AggDepositNotificationStatus = "completed" | "failed";
+export interface AggDepositNotificationDetail {
+    id?: string;
+    status: AggDepositNotificationStatus;
+    amount?: string;
+    tokenSymbol?: string;
+    errorMessage?: string;
+}
+export declare const dispatchAggDepositNotification: (detail: AggDepositNotificationDetail) => void;
+export declare const subscribeAggDepositNotification: (handler: (detail: AggDepositNotificationDetail) => void) => (() => void);

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

@@ -0,0 +1,2 @@
+export { AggNotificationEventsProvider } from "./agg-notification-events-provider";
+export { AggToastProvider, type AggToastProviderProps } from "./agg-toast-provider";

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

@@ -0,0 +1,2 @@
+export { AggNotificationEventsProvider } from "./agg-notification-events-provider";
+export { AggToastProvider, type AggToastProviderProps } from "./agg-toast-provider";

package/dist/types/pages/home/home.types.d.mts

@@ -82,4 +82,5 @@ export type HomePageProps = {
 export type HomePageCategory = {
     id: string;
     name: string;
+    displayName?: string | null;
 };

package/dist/types/pages/home/home.types.d.ts

@@ -82,4 +82,5 @@ export type HomePageProps = {
 export type HomePageCategory = {
     id: string;
     name: string;
+    displayName?: string | null;
 };

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

@@ -120,7 +120,7 @@ export interface UserProfilePosition {
     /** Winning outcome ids used to redeem closed winning positions. */
     winningOutcomeIds?: string[];
 }
-export type UserProfileActivityKind = "trade" | "withdrawal" | "deposit" | "bridge" | "user_op";
+export type UserProfileActivityKind = "trade" | "redeem" | "withdrawal" | "deposit" | "bridge" | "user_op" | "unknown";
 export interface UserProfileTradeActivity {
     kind: "trade";
     id: string;
@@ -153,6 +153,32 @@ export interface UserProfileTradeActivity {
     /** Time label, e.g. "3d ago" */
     timeLabel: string;
 }
+export interface UserProfileRedeemActivity {
+    kind: "redeem";
+    id: string;
+    /** Whether the activity failed and should render in a degraded state. */
+    isFailed?: boolean;
+    /** Whether the row should use error-colored text because the activity has an error. */
+    hasError?: boolean;
+    /** Error message for the activity. */
+    errorMessage?: string;
+    /** Normalized lifecycle status driving row title and amount rendering. */
+    status?: UserProfileActivityStatus;
+    /** Activity type label, e.g. "Redeem". */
+    type: string;
+    /** Status-aware title, e.g. "Successful claim". */
+    title: string;
+    /** Market thumbnail image URL. */
+    thumbnailSrc: string;
+    /** Market question shown below the redeem title. */
+    marketTitle: string;
+    /** Outcome label, e.g. "Down". */
+    outcomeLabel: string;
+    /** Right-side payout label, e.g. "+20.00 USDC". */
+    amountLabel: string;
+    /** Time label, e.g. "3d ago". */
+    timeLabel: string;
+}
 /**
  * Normalized UI state for activity rows. Backend statuses collapse into
  * one of four buckets so row tone, status icons, titles, and amounts stay
@@ -161,9 +187,9 @@ export interface UserProfileTradeActivity {
  */
 export type UserProfileActivityStatus = "completed" | "pending" | "failed" | "canceled";
 export type UserProfileTransferStatus = UserProfileActivityStatus;
-/** Non-trade activity row: withdrawal / deposit / bridge / user_op. */
+/** Non-market-image activity row: withdrawal / deposit / bridge / user_op / unknown. */
 export interface UserProfileTransferActivity {
-    kind: "withdrawal" | "deposit" | "bridge" | "user_op";
+    kind: "withdrawal" | "deposit" | "bridge" | "user_op" | "unknown";
     id: string;
     /** Whether the activity failed and should render in a degraded state. */
     isFailed?: boolean;
@@ -188,7 +214,7 @@ export interface UserProfileTransferActivity {
     /** Chain ID for chain-aware deposit icons. */
     chainId?: string | number;
 }
-export type UserProfileActivity = UserProfileTradeActivity | UserProfileTransferActivity;
+export type UserProfileActivity = UserProfileTradeActivity | UserProfileRedeemActivity | UserProfileTransferActivity;
 export interface UserProfileOpenOrder {
     id: string;
     /** Market thumbnail image URL */

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

@@ -120,7 +120,7 @@ export interface UserProfilePosition {
     /** Winning outcome ids used to redeem closed winning positions. */
     winningOutcomeIds?: string[];
 }
-export type UserProfileActivityKind = "trade" | "withdrawal" | "deposit" | "bridge" | "user_op";
+export type UserProfileActivityKind = "trade" | "redeem" | "withdrawal" | "deposit" | "bridge" | "user_op" | "unknown";
 export interface UserProfileTradeActivity {
     kind: "trade";
     id: string;
@@ -153,6 +153,32 @@ export interface UserProfileTradeActivity {
     /** Time label, e.g. "3d ago" */
     timeLabel: string;
 }
+export interface UserProfileRedeemActivity {
+    kind: "redeem";
+    id: string;
+    /** Whether the activity failed and should render in a degraded state. */
+    isFailed?: boolean;
+    /** Whether the row should use error-colored text because the activity has an error. */
+    hasError?: boolean;
+    /** Error message for the activity. */
+    errorMessage?: string;
+    /** Normalized lifecycle status driving row title and amount rendering. */
+    status?: UserProfileActivityStatus;
+    /** Activity type label, e.g. "Redeem". */
+    type: string;
+    /** Status-aware title, e.g. "Successful claim". */
+    title: string;
+    /** Market thumbnail image URL. */
+    thumbnailSrc: string;
+    /** Market question shown below the redeem title. */
+    marketTitle: string;
+    /** Outcome label, e.g. "Down". */
+    outcomeLabel: string;
+    /** Right-side payout label, e.g. "+20.00 USDC". */
+    amountLabel: string;
+    /** Time label, e.g. "3d ago". */
+    timeLabel: string;
+}
 /**
  * Normalized UI state for activity rows. Backend statuses collapse into
  * one of four buckets so row tone, status icons, titles, and amounts stay
@@ -161,9 +187,9 @@ export interface UserProfileTradeActivity {
  */
 export type UserProfileActivityStatus = "completed" | "pending" | "failed" | "canceled";
 export type UserProfileTransferStatus = UserProfileActivityStatus;
-/** Non-trade activity row: withdrawal / deposit / bridge / user_op. */
+/** Non-market-image activity row: withdrawal / deposit / bridge / user_op / unknown. */
 export interface UserProfileTransferActivity {
-    kind: "withdrawal" | "deposit" | "bridge" | "user_op";
+    kind: "withdrawal" | "deposit" | "bridge" | "user_op" | "unknown";
     id: string;
     /** Whether the activity failed and should render in a degraded state. */
     isFailed?: boolean;
@@ -188,7 +214,7 @@ export interface UserProfileTransferActivity {
     /** Chain ID for chain-aware deposit icons. */
     chainId?: string | number;
 }
-export type UserProfileActivity = UserProfileTradeActivity | UserProfileTransferActivity;
+export type UserProfileActivity = UserProfileTradeActivity | UserProfileRedeemActivity | UserProfileTransferActivity;
 export interface UserProfileOpenOrder {
     id: string;
     /** Market thumbnail image URL */

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

@@ -15,4 +15,8 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "childre
     prefix?: JSX.Element | FC | ReactNode;
     /** Optional content rendered after the button label. */
     suffix?: JSX.Element | FC | ReactNode;
+    classNames?: {
+        root?: string;
+        label?: string;
+    };
 };

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

@@ -15,4 +15,8 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "childre
     prefix?: JSX.Element | FC | ReactNode;
     /** Optional content rendered after the button label. */
     suffix?: JSX.Element | FC | ReactNode;
+    classNames?: {
+        root?: string;
+        label?: string;
+    };
 };

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

@@ -2,6 +2,6 @@ import type { ButtonProps } from "./button.types";
 export type { ButtonProps, ButtonSize, ButtonVariant } from "./button.types";
 /** Renders a themed action button with loading state, sizing variants, and optional icon slots. */
 export declare const Button: {
-    ({ children, variant, size, isLoading, disabled, prefix, suffix, type, className, "aria-label": ariaLabel, ...other }: ButtonProps): JSX.Element;
+    ({ children, variant, size, isLoading, disabled, prefix, suffix, type, className, classNames, "aria-label": ariaLabel, ...other }: ButtonProps): JSX.Element;
     displayName: string;
 };

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

@@ -2,6 +2,6 @@ import type { ButtonProps } from "./button.types";
 export type { ButtonProps, ButtonSize, ButtonVariant } from "./button.types";
 /** Renders a themed action button with loading state, sizing variants, and optional icon slots. */
 export declare const Button: {
-    ({ children, variant, size, isLoading, disabled, prefix, suffix, type, className, "aria-label": ariaLabel, ...other }: ButtonProps): JSX.Element;
+    ({ children, variant, size, isLoading, disabled, prefix, suffix, type, className, classNames, "aria-label": ariaLabel, ...other }: ButtonProps): JSX.Element;
     displayName: string;
 };