@agg-build/ui 1.2.11 → 1.2.12

package/dist/trading.mjs

@@ -6,7 +6,7 @@ import {
   SettlementDetails,
   parseAmount,
   parseVenue
-} from "./chunk-J7K2U44E.mjs";
+} from "./chunk-3JXBOU24.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-IBOE7DRY.mjs";
+import "./chunk-YSW4ULL5.mjs";
+import "./chunk-X3KCFWXN.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/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/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/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;
 };

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

@@ -232,6 +232,22 @@ export declare const iconRegistry: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
     };
+    readonly "sort-end-date": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
+    readonly "sort-top-arbitrage": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
+    readonly "sort-volume": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
+    readonly "sort-volume-24hr": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
     readonly "sparkles-filled": {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;

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

@@ -232,6 +232,22 @@ export declare const iconRegistry: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
     };
+    readonly "sort-end-date": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
+    readonly "sort-top-arbitrage": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
+    readonly "sort-volume": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
+    readonly "sort-volume-24hr": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
     readonly "sparkles-filled": {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;

package/dist/types/primitives/icon/svg/sort-end-date.d.mts

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

package/dist/types/primitives/icon/svg/sort-end-date.d.ts

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

package/dist/types/primitives/icon/svg/sort-top-arbitrage.d.mts

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

package/dist/types/primitives/icon/svg/sort-top-arbitrage.d.ts

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

package/dist/types/primitives/icon/svg/sort-volume-24hr.d.mts

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

package/dist/types/primitives/icon/svg/sort-volume-24hr.d.ts

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

package/dist/types/primitives/icon/svg/sort-volume.d.mts

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

package/dist/types/primitives/icon/svg/sort-volume.d.ts

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

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, disabled, }: SelectProps<TValue>): JSX.Element;
+    <TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, contentClassName, itemClassName, disabled, }: 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, disabled, }: SelectProps<TValue>): JSX.Element;
+    <TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, contentClassName, itemClassName, disabled, }: SelectProps<TValue>): JSX.Element;
     displayName: string;
 };

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

@@ -1,7 +1,12 @@
 export type SelectItem<TValue extends string = string> = {
+    /** The value of the option */
     value: TValue;
+    /** The display label for the option */
     label: string;
+    /** If true, the option will be disabled and not clickable */
     disabled?: boolean;
+    /** If true, the option will be hidden and not displayed in the dropdown */
+    hidden?: boolean;
     /** Optional icon URL rendered beside the label in trigger and dropdown. */
     iconUrl?: string;
     /** Optional React node rendered as an icon beside the label (takes precedence over iconUrl). */
@@ -20,6 +25,10 @@ export type SelectProps<TValue extends string = string> = {
     className?: string;
     /** Extra classes for the trigger button, e.g. corner radius. */
     triggerClassName?: string;
+    /** Extra classes for the dropdown content container. */
+    contentClassName?: string;
+    /** Extra classes for each option row. */
+    itemClassName?: string;
     /** Whether the select should block user interaction. */
     disabled?: boolean;
 };

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

@@ -1,7 +1,12 @@
 export type SelectItem<TValue extends string = string> = {
+    /** The value of the option */
     value: TValue;
+    /** The display label for the option */
     label: string;
+    /** If true, the option will be disabled and not clickable */
     disabled?: boolean;
+    /** If true, the option will be hidden and not displayed in the dropdown */
+    hidden?: boolean;
     /** Optional icon URL rendered beside the label in trigger and dropdown. */
     iconUrl?: string;
     /** Optional React node rendered as an icon beside the label (takes precedence over iconUrl). */
@@ -20,6 +25,10 @@ export type SelectProps<TValue extends string = string> = {
     className?: string;
     /** Extra classes for the trigger button, e.g. corner radius. */
     triggerClassName?: string;
+    /** Extra classes for the dropdown content container. */
+    contentClassName?: string;
+    /** Extra classes for each option row. */
+    itemClassName?: string;
     /** Whether the select should block user interaction. */
     disabled?: boolean;
 };

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

@@ -3,6 +3,8 @@ export type ToastTone = "info" | "success" | "warning" | "error";
 export interface ToastOptions {
     tone?: ToastTone;
     title?: string;
+    /** Optional muted supporting line shown below the main message. */
+    detail?: string;
     /** Auto-dismiss duration in ms. Pass `Infinity` (or `0`) to require manual dismissal. Defaults to 5000. */
     durationMs?: number;
 }
@@ -11,6 +13,7 @@ export interface ToastEntry {
     message: string;
     tone: ToastTone;
     title?: string;
+    detail?: string;
     durationMs: number;
 }
 export interface ToastContextValue {

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

@@ -3,6 +3,8 @@ export type ToastTone = "info" | "success" | "warning" | "error";
 export interface ToastOptions {
     tone?: ToastTone;
     title?: string;
+    /** Optional muted supporting line shown below the main message. */
+    detail?: string;
     /** Auto-dismiss duration in ms. Pass `Infinity` (or `0`) to require manual dismissal. Defaults to 5000. */
     durationMs?: number;
 }
@@ -11,6 +13,7 @@ export interface ToastEntry {
     message: string;
     tone: ToastTone;
     title?: string;
+    detail?: string;
     durationMs: number;
 }
 export interface ToastContextValue {

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

@@ -1,6 +1,6 @@
 import type { ProfileModalProps } from "./profile-modal.types";
 export type { ProfileModalProps, ExchangeAccount, SocialAccountInfo, SocialAccountState, WalletAccountInfo, } from "./profile-modal.types";
 export declare const ProfileModal: {
-    ({ open, onOpenChange, username, avatarPreview, onSave, onDeleteProfile, exchanges, socialAccounts, wallets, email, onDisconnectExchange: onDisconnectExchangeProp, onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onConnectDiscord, onDisconnectDiscord, onConnectTelegram, onDisconnectTelegram, onDisconnectWallet, onConnectEmail, onKycError, }: ProfileModalProps): JSX.Element;
+    ({ open, onOpenChange, username, avatarPreview, onSave, onDeleteProfile, socialAccounts, wallets, email, onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onDisconnectWallet, onConnectEmail, onKycError, }: ProfileModalProps): JSX.Element;
     displayName: string;
 };

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

@@ -1,6 +1,6 @@
 import type { ProfileModalProps } from "./profile-modal.types";
 export type { ProfileModalProps, ExchangeAccount, SocialAccountInfo, SocialAccountState, WalletAccountInfo, } from "./profile-modal.types";
 export declare const ProfileModal: {
-    ({ open, onOpenChange, username, avatarPreview, onSave, onDeleteProfile, exchanges, socialAccounts, wallets, email, onDisconnectExchange: onDisconnectExchangeProp, onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onConnectDiscord, onDisconnectDiscord, onConnectTelegram, onDisconnectTelegram, onDisconnectWallet, onConnectEmail, onKycError, }: ProfileModalProps): JSX.Element;
+    ({ open, onOpenChange, username, avatarPreview, onSave, onDeleteProfile, socialAccounts, wallets, email, onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onDisconnectWallet, onConnectEmail, onKycError, }: ProfileModalProps): JSX.Element;
     displayName: string;
 };

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

@@ -1,7 +1,7 @@
 import type { IconName } from "../primitives/icon/registry";
 export declare const PROFILE_TAB_KEYS: {
-    readonly ABOUT: "about";
-    readonly ACCOUNTS_WALLETS: "accounts-wallets";
+    readonly PROFILE_ACCOUNTS: "profile-accounts";
+    readonly TRADING_ACCESS: "trading-access";
 };
 export type ProfileTabKey = (typeof PROFILE_TAB_KEYS)[keyof typeof PROFILE_TAB_KEYS];
 export interface ProfileTabItem {

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

@@ -1,7 +1,7 @@
 import type { IconName } from "../primitives/icon/registry";
 export declare const PROFILE_TAB_KEYS: {
-    readonly ABOUT: "about";
-    readonly ACCOUNTS_WALLETS: "accounts-wallets";
+    readonly PROFILE_ACCOUNTS: "profile-accounts";
+    readonly TRADING_ACCESS: "trading-access";
 };
 export type ProfileTabKey = (typeof PROFILE_TAB_KEYS)[keyof typeof PROFILE_TAB_KEYS];
 export interface ProfileTabItem {

package/dist/types/profile/tabs/accounts-wallets-tab.d.mts

@@ -1,33 +1,18 @@
-import type { ExchangeAccount, SocialAccountState, WalletAccountInfo } from "../profile-modal.types";
-interface VenueAccountInfo {
-    id: string;
-    venue: string;
-    status: string;
-    kycStatus: string;
-}
+import type { SocialAccountState, WalletAccountInfo } from "../profile-modal.types";
 export interface AccountsWalletsTabProps {
-    exchanges: ExchangeAccount[];
     wallets?: WalletAccountInfo[];
     socialAccounts?: SocialAccountState;
     email?: string | null;
-    venueAccounts?: VenueAccountInfo[] | null;
-    onKycError?: (error: Error) => void;
-    onDisconnectExchange?: (venue: string) => void;
     onConnectTwitter?: () => void;
     onDisconnectTwitter?: () => void;
     onConnectGoogle?: () => void;
     onDisconnectGoogle?: () => void;
     onConnectApple?: () => void;
     onDisconnectApple?: () => void;
-    onConnectDiscord?: () => void;
-    onDisconnectDiscord?: () => void;
-    onConnectTelegram?: () => void;
-    onDisconnectTelegram?: () => void;
     onDisconnectWallet?: (wallet: WalletAccountInfo) => void;
     onConnectEmail?: () => void;
 }
 export declare const AccountsWalletsTab: {
-    ({ exchanges: _exchanges, socialAccounts, email, venueAccounts, onKycError, onDisconnectExchange: _onDisconnectExchange, onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onConnectDiscord: _onConnectDiscord, onDisconnectDiscord: _onDisconnectDiscord, onConnectTelegram: _onConnectTelegram, onDisconnectTelegram: _onDisconnectTelegram, onConnectEmail, }: AccountsWalletsTabProps): JSX.Element;
+    ({ socialAccounts, email, wallets, onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onDisconnectWallet, onConnectEmail, }: AccountsWalletsTabProps): JSX.Element;
     displayName: string;
 };
-export {};