@agg-build/ui 1.0.0 → 1.0.2

package/dist/trading.mjs

@@ -3,9 +3,13 @@ import {
   PlaceOrder,
   PlaceOrderFailureView,
   PlaceOrderSuccessView,
-  Settlement,
   SettlementDetails,
-  defaultSettlementDifferencesTitle,
+  parseAmount,
+  parseVenue
+} from "./chunk-XDZLCWUZ.mjs";
+import {
+  SETTLEMENT_SECTION_ID,
+  Settlement,
   defaultSettlementSectionLabel,
   defaultTradingDisclaimer,
   getTradingAveragePriceLabel,
@@ -16,22 +20,17 @@ import {
   getTradingSlippageLabel,
   getTradingValueLabel,
   getTradingVenueLabel,
-  mapVenueMarketsToSettlementSections,
-  parseAmount,
-  parseVenue
-} from "./chunk-CGNDMLQL.mjs";
-import {
   useEventTradingContext
-} from "./chunk-C7T56TJR.mjs";
-import "./chunk-2QJXRRYP.mjs";
-import "./chunk-6NS7D73S.mjs";
+} from "./chunk-PEVG67XU.mjs";
+import "./chunk-YSCHNVBZ.mjs";
+import "./chunk-TLGQ4LID.mjs";
 export {
   PlaceOrder,
   PlaceOrderFailureView,
   PlaceOrderSuccessView,
+  SETTLEMENT_SECTION_ID,
   Settlement,
   SettlementDetails,
-  defaultSettlementDifferencesTitle,
   defaultSettlementSectionLabel,
   defaultTradingDisclaimer,
   getTradingAveragePriceLabel,
@@ -42,7 +41,6 @@ export {
   getTradingSlippageLabel,
   getTradingValueLabel,
   getTradingVenueLabel,
-  mapVenueMarketsToSettlementSections,
   parseAmount,
   parseVenue,
   useEventTradingContext

package/dist/types/deposit/steps/card-payment-pending.d.mts

@@ -1,7 +1,9 @@
 export interface CardPaymentPendingStepProps {
     providerName: string;
+    /** Optional platform deposit address shown so users can paste it into the provider's checkout. */
+    walletAddress?: string;
     onClose: () => void;
     onViewActivity: () => void;
     onChooseAnotherProvider: () => void;
 }
-export declare const CardPaymentPendingStep: ({ providerName, onClose, onViewActivity, onChooseAnotherProvider, }: CardPaymentPendingStepProps) => JSX.Element;
+export declare const CardPaymentPendingStep: ({ providerName, walletAddress, onClose, onViewActivity, onChooseAnotherProvider, }: CardPaymentPendingStepProps) => JSX.Element;

package/dist/types/deposit/steps/card-payment-pending.d.ts

@@ -1,7 +1,9 @@
 export interface CardPaymentPendingStepProps {
     providerName: string;
+    /** Optional platform deposit address shown so users can paste it into the provider's checkout. */
+    walletAddress?: string;
     onClose: () => void;
     onViewActivity: () => void;
     onChooseAnotherProvider: () => void;
 }
-export declare const CardPaymentPendingStep: ({ providerName, onClose, onViewActivity, onChooseAnotherProvider, }: CardPaymentPendingStepProps) => JSX.Element;
+export declare const CardPaymentPendingStep: ({ providerName, walletAddress, onClose, onViewActivity, onChooseAnotherProvider, }: CardPaymentPendingStepProps) => JSX.Element;

package/dist/types/deposit/steps/crypto-transfer.d.mts

@@ -13,7 +13,7 @@ export interface CryptoTransferStepProps {
     onBack: () => void;
     onTokenChange: (token: string) => void;
     onNetworkChange: (network: string) => void;
-    onCopyAddress: () => void;
+    onCopyAddress?: () => void;
     onDone: () => void;
 }
 export declare const CryptoTransferStep: ({ tokenOptions, networkOptions, selectedToken, selectedNetwork, depositAddress, minDeposit, feeEstimate, eta, isLoadingAddress, addressError, onBack, onTokenChange, onNetworkChange, onCopyAddress, onDone, }: CryptoTransferStepProps) => JSX.Element;

package/dist/types/deposit/steps/crypto-transfer.d.ts

@@ -13,7 +13,7 @@ export interface CryptoTransferStepProps {
     onBack: () => void;
     onTokenChange: (token: string) => void;
     onNetworkChange: (network: string) => void;
-    onCopyAddress: () => void;
+    onCopyAddress?: () => void;
     onDone: () => void;
 }
 export declare const CryptoTransferStep: ({ tokenOptions, networkOptions, selectedToken, selectedNetwork, depositAddress, minDeposit, feeEstimate, eta, isLoadingAddress, addressError, onBack, onTokenChange, onNetworkChange, onCopyAddress, onDone, }: CryptoTransferStepProps) => JSX.Element;

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

@@ -15,6 +15,26 @@ export type EventListItemVisibleOutcome = {
     title: string;
 };
 export declare const resolveVisibleOutcomes: (venueMarkets: VenueMarket[]) => EventListItemVisibleOutcome[];
+/**
+ * Dedupe venue markets while collapsing matched-cluster siblings to a single
+ * row. Walks left-to-right; for each market we see, mark its own id AND every
+ * `matchedVenueMarkets[].id` as "seen", and skip any later row whose own id
+ * already appears in the seen set.
+ *
+ * Why cluster-aware (not just id): the home card preview and the load-more
+ * (`/venue-markets`) endpoint can pick different cluster representatives for
+ * the same matched group (one keeps the highest-volume venue, the other keeps
+ * the canonical cluster target). When the EventItem component merges the two
+ * lists for cross-page rendering, a naive id-only dedup leaves both rows in
+ * place and the user sees the same logical market (e.g. "Bayern Munich")
+ * twice — once per representative. Tracking sibling ids closes that gap
+ * without needing the backend to expose `matchEntry.targetVenueMarketId` on
+ * every list shape.
+ *
+ * Order semantics: first occurrence wins per cluster. Callers should pass
+ * the more authoritative list first (e.g. `[...allVenueMarkets, ...lazyLoaded]`
+ * if the home-card row is preferred, swap if the lazy-loaded row is preferred).
+ */
 export declare const dedupeVenueMarketsById: (venueMarkets: VenueMarket[]) => VenueMarket[];
 /** Returns the outcome's display text. Prefers `title` (the descriptive
  *  human-readable text — e.g. "Trump Wins") when present and non-empty,
@@ -42,5 +62,42 @@ type DisplayVolumeMarket = {
         targetVenueMarket?: DisplayVolumeMarket | null;
     } | null | undefined;
 };
+export type BestMidpointResult = {
+    /** Raw midpoint value (0–1 range, not yet clamped). */
+    midpoint: number;
+    venueMarketId: string;
+    venue: string;
+};
+/**
+ * Builds a venue-market-id → spread lookup from the raw midpoint rows returned
+ * by `useVenueMarketMidpoints`. Matched sibling rows are included in the map;
+ * first-write wins to match the same priority as `midpointsByVenueMarketId`.
+ */
+export declare function buildSpreadByVenueMarketId(midpointRows: ReadonlyArray<{
+    venueMarketId: string;
+    spread: number | null;
+    matched: ReadonlyArray<{
+        venueMarketId: string;
+        spread: number | null;
+    }>;
+}>): Map<string, number | null>;
+/**
+ * Returns the best available midpoint across a market and its matched venue
+ * markets. Candidates are collected in declaration order (primary first, then
+ * matched in array order) and deduplicated by ID. Among valid (non-null)
+ * midpoints, the candidate with the **lowest** YES midpoint wins — this gives
+ * the buyer the best available price across venues.
+ *
+ * The `spreadByVenueMarketId` parameter is accepted for call-site compatibility
+ * but is no longer used in the selection logic.
+ */
+export declare function resolveBestMidpointForMarket(market: {
+    id: string;
+    venue: string;
+    matchedVenueMarkets?: ReadonlyArray<{
+        id: string;
+        venue: string;
+    }> | null;
+}, midpointsByVenueMarketId: Map<string, number | null>, spreadByVenueMarketId?: Map<string, number | null>): BestMidpointResult | undefined;
 export declare const resolveDisplayVolume: (eventVolume: number | null | undefined, venueMarkets: ReadonlyArray<DisplayVolumeMarket>) => number | undefined;
 export {};

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

@@ -15,6 +15,26 @@ export type EventListItemVisibleOutcome = {
     title: string;
 };
 export declare const resolveVisibleOutcomes: (venueMarkets: VenueMarket[]) => EventListItemVisibleOutcome[];
+/**
+ * Dedupe venue markets while collapsing matched-cluster siblings to a single
+ * row. Walks left-to-right; for each market we see, mark its own id AND every
+ * `matchedVenueMarkets[].id` as "seen", and skip any later row whose own id
+ * already appears in the seen set.
+ *
+ * Why cluster-aware (not just id): the home card preview and the load-more
+ * (`/venue-markets`) endpoint can pick different cluster representatives for
+ * the same matched group (one keeps the highest-volume venue, the other keeps
+ * the canonical cluster target). When the EventItem component merges the two
+ * lists for cross-page rendering, a naive id-only dedup leaves both rows in
+ * place and the user sees the same logical market (e.g. "Bayern Munich")
+ * twice — once per representative. Tracking sibling ids closes that gap
+ * without needing the backend to expose `matchEntry.targetVenueMarketId` on
+ * every list shape.
+ *
+ * Order semantics: first occurrence wins per cluster. Callers should pass
+ * the more authoritative list first (e.g. `[...allVenueMarkets, ...lazyLoaded]`
+ * if the home-card row is preferred, swap if the lazy-loaded row is preferred).
+ */
 export declare const dedupeVenueMarketsById: (venueMarkets: VenueMarket[]) => VenueMarket[];
 /** Returns the outcome's display text. Prefers `title` (the descriptive
  *  human-readable text — e.g. "Trump Wins") when present and non-empty,
@@ -42,5 +62,42 @@ type DisplayVolumeMarket = {
         targetVenueMarket?: DisplayVolumeMarket | null;
     } | null | undefined;
 };
+export type BestMidpointResult = {
+    /** Raw midpoint value (0–1 range, not yet clamped). */
+    midpoint: number;
+    venueMarketId: string;
+    venue: string;
+};
+/**
+ * Builds a venue-market-id → spread lookup from the raw midpoint rows returned
+ * by `useVenueMarketMidpoints`. Matched sibling rows are included in the map;
+ * first-write wins to match the same priority as `midpointsByVenueMarketId`.
+ */
+export declare function buildSpreadByVenueMarketId(midpointRows: ReadonlyArray<{
+    venueMarketId: string;
+    spread: number | null;
+    matched: ReadonlyArray<{
+        venueMarketId: string;
+        spread: number | null;
+    }>;
+}>): Map<string, number | null>;
+/**
+ * Returns the best available midpoint across a market and its matched venue
+ * markets. Candidates are collected in declaration order (primary first, then
+ * matched in array order) and deduplicated by ID. Among valid (non-null)
+ * midpoints, the candidate with the **lowest** YES midpoint wins — this gives
+ * the buyer the best available price across venues.
+ *
+ * The `spreadByVenueMarketId` parameter is accepted for call-site compatibility
+ * but is no longer used in the selection logic.
+ */
+export declare function resolveBestMidpointForMarket(market: {
+    id: string;
+    venue: string;
+    matchedVenueMarkets?: ReadonlyArray<{
+        id: string;
+        venue: string;
+    }> | null;
+}, midpointsByVenueMarketId: Map<string, number | null>, spreadByVenueMarketId?: Map<string, number | null>): BestMidpointResult | undefined;
 export declare const resolveDisplayVolume: (eventVolume: number | null | undefined, venueMarkets: ReadonlyArray<DisplayVolumeMarket>) => number | undefined;
 export {};

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

@@ -108,8 +108,23 @@ export type EventListItemDetailsGraphSectionProps = {
     venueInfo?: EventListItemVenueInfoMap;
     /** Venue markets used to build the chart series. */
     venueMarkets: EventListItemDetailsContentProps["event"]["venueMarkets"];
-    /** Live outcome prices keyed by outcome ID. */
+    /**
+     * WS+REST merged prices (WS wins) keyed by outcome ID. General-purpose live
+     * prices for contexts where per-venue accuracy or availability doesn't matter.
+     */
     livePrices: Map<string, number>;
+    /**
+     * WS-only prices keyed by outcome ID. Used for chart venue badges so each
+     * badge shows its own venue's price rather than the cross-venue best.
+     * Falls back to `outcome.price` when a venue has no WS data yet.
+     */
+    wsLivePrices: Map<string, number>;
+    /**
+     * REST cross-venue best prices keyed by outcome ID. Used for the outcome
+     * selector switch so it shows the lowest available price across venues rather
+     * than the WS price of a single venue.
+     */
+    restMidpoints: Map<string, number>;
     /** Override live WS subscriptions for the chart hook.
      *  Set to `false` when a parent manages subscriptions centrally. */
     live?: boolean;

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

@@ -108,8 +108,23 @@ export type EventListItemDetailsGraphSectionProps = {
     venueInfo?: EventListItemVenueInfoMap;
     /** Venue markets used to build the chart series. */
     venueMarkets: EventListItemDetailsContentProps["event"]["venueMarkets"];
-    /** Live outcome prices keyed by outcome ID. */
+    /**
+     * WS+REST merged prices (WS wins) keyed by outcome ID. General-purpose live
+     * prices for contexts where per-venue accuracy or availability doesn't matter.
+     */
     livePrices: Map<string, number>;
+    /**
+     * WS-only prices keyed by outcome ID. Used for chart venue badges so each
+     * badge shows its own venue's price rather than the cross-venue best.
+     * Falls back to `outcome.price` when a venue has no WS data yet.
+     */
+    wsLivePrices: Map<string, number>;
+    /**
+     * REST cross-venue best prices keyed by outcome ID. Used for the outcome
+     * selector switch so it shows the lowest available price across venues rather
+     * than the WS price of a single venue.
+     */
+    restMidpoints: Map<string, number>;
     /** Override live WS subscriptions for the chart hook.
      *  Set to `false` when a parent manages subscriptions centrally. */
     live?: boolean;

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

@@ -1,9 +1,13 @@
 export type SettlementSummaryProps = {
     content: string | null | undefined;
-    onToggle?: (expanded: boolean) => void;
+    /**
+     * DOM id of the full Settlement section that "Read full details" should
+     * smooth-scroll to. Defaults to the shared SETTLEMENT_SECTION_ID.
+     */
+    settlementSectionId?: string;
     className?: string;
 };
 export declare const SettlementSummary: {
-    ({ content, onToggle, className, }: SettlementSummaryProps): JSX.Element | null;
+    ({ content, settlementSectionId, className, }: SettlementSummaryProps): JSX.Element | null;
     displayName: string;
 };

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

@@ -1,9 +1,13 @@
 export type SettlementSummaryProps = {
     content: string | null | undefined;
-    onToggle?: (expanded: boolean) => void;
+    /**
+     * DOM id of the full Settlement section that "Read full details" should
+     * smooth-scroll to. Defaults to the shared SETTLEMENT_SECTION_ID.
+     */
+    settlementSectionId?: string;
     className?: string;
 };
 export declare const SettlementSummary: {
-    ({ content, onToggle, className, }: SettlementSummaryProps): JSX.Element | null;
+    ({ content, settlementSectionId, className, }: SettlementSummaryProps): JSX.Element | null;
     displayName: string;
 };

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

@@ -4,7 +4,7 @@ import type { MutableRefObject } from "react";
 import type { IconName } from "../../primitives/icon";
 import type { VenueLogoName } from "../../primitives/venue-logo";
 import type { VenueEventWithMarkets, VenueMarket, VenueMarketOutcome } from "../item";
-export type EventListTabValue = "matched" | `${Venue}` | (string & {});
+export type EventListTabValue = "matched" | "all" | `${Venue}` | (string & {});
 /** Exposes EventList internal state for snapshot capture by parent components. */
 export type EventListStateRef = {
     venueTab: EventListTabValue;

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

@@ -4,7 +4,7 @@ import type { MutableRefObject } from "react";
 import type { IconName } from "../../primitives/icon";
 import type { VenueLogoName } from "../../primitives/venue-logo";
 import type { VenueEventWithMarkets, VenueMarket, VenueMarketOutcome } from "../item";
-export type EventListTabValue = "matched" | `${Venue}` | (string & {});
+export type EventListTabValue = "matched" | "all" | `${Venue}` | (string & {});
 /** Exposes EventList internal state for snapshot capture by parent components. */
 export type EventListStateRef = {
     venueTab: EventListTabValue;

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

@@ -3,7 +3,7 @@ import type { EventListItemEvent, VenueEventWithMarkets } from "../item/event-li
 import type { EventListTab, EventListTabValue } from "./event-list.types";
 /** Filter out events that are not open or have no open venue markets. */
 export declare const filterOpenEvents: (events: VenueEventWithMarkets[]) => VenueEventWithMarkets[];
-export declare const sortEventsByVolumeDesc: (events: VenueEventWithMarkets[]) => VenueEventWithMarkets[];
+export declare const sortEventsByVolumeDesc: (events: VenueEventWithMarkets[], sortEventsBy?: "volume") => VenueEventWithMarkets[];
 export type EventLifecycleGroup = {
     open: VenueEventWithMarkets[];
     upcoming: VenueEventWithMarkets[];

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

@@ -3,7 +3,7 @@ import type { EventListItemEvent, VenueEventWithMarkets } from "../item/event-li
 import type { EventListTab, EventListTabValue } from "./event-list.types";
 /** Filter out events that are not open or have no open venue markets. */
 export declare const filterOpenEvents: (events: VenueEventWithMarkets[]) => VenueEventWithMarkets[];
-export declare const sortEventsByVolumeDesc: (events: VenueEventWithMarkets[]) => VenueEventWithMarkets[];
+export declare const sortEventsByVolumeDesc: (events: VenueEventWithMarkets[], sortEventsBy?: "volume") => VenueEventWithMarkets[];
 export type EventLifecycleGroup = {
     open: VenueEventWithMarkets[];
     upcoming: VenueEventWithMarkets[];

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

@@ -71,6 +71,12 @@ export type MarketDetailsWithMarketsProps = MarketDetailsBaseProps & {
      * card is not the selected market and therefore isn't on the WS feed.
      */
     midpointsFallback?: Map<string, number>;
+    /**
+     * Venue name for each outcome id in `midpointsFallback`. When a matched venue
+     * offered a lower YES price, this records that venue so the outcome button
+     * shows the correct logo alongside the best price.
+     */
+    midpointsFallbackVenues?: Map<string, string>;
 };
 export type MarketDetailsProps = MarketDetailsLoadingProps | MarketDetailsWithMarketsProps;
 export type MarketDetailsContentProps = MarketDetailsBaseProps & {
@@ -78,6 +84,8 @@ export type MarketDetailsContentProps = MarketDetailsBaseProps & {
     venueMarkets: VenueMarket[];
     /** See MarketDetailsWithMarketsProps.midpointsFallback. */
     midpointsFallback?: Map<string, number>;
+    /** See MarketDetailsWithMarketsProps.midpointsFallbackVenues. */
+    midpointsFallbackVenues?: Map<string, string>;
 };
 export type MarketDetailsListClassNames = Partial<{
     root: string;

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

@@ -71,6 +71,12 @@ export type MarketDetailsWithMarketsProps = MarketDetailsBaseProps & {
      * card is not the selected market and therefore isn't on the WS feed.
      */
     midpointsFallback?: Map<string, number>;
+    /**
+     * Venue name for each outcome id in `midpointsFallback`. When a matched venue
+     * offered a lower YES price, this records that venue so the outcome button
+     * shows the correct logo alongside the best price.
+     */
+    midpointsFallbackVenues?: Map<string, string>;
 };
 export type MarketDetailsProps = MarketDetailsLoadingProps | MarketDetailsWithMarketsProps;
 export type MarketDetailsContentProps = MarketDetailsBaseProps & {
@@ -78,6 +84,8 @@ export type MarketDetailsContentProps = MarketDetailsBaseProps & {
     venueMarkets: VenueMarket[];
     /** See MarketDetailsWithMarketsProps.midpointsFallback. */
     midpointsFallback?: Map<string, number>;
+    /** See MarketDetailsWithMarketsProps.midpointsFallbackVenues. */
+    midpointsFallbackVenues?: Map<string, string>;
 };
 export type MarketDetailsListClassNames = Partial<{
     root: string;

package/dist/types/pages/event-market/event-market.types.d.mts

@@ -1,5 +1,5 @@
 import type { VenueEventWithMarkets } from "../../events/item/event-list-item.types";
-import type { PlaceOrderResolvedClaimSummary, SettlementViewModel } from "../../trading";
+import type { PlaceOrderResolvedClaimSummary } from "../../trading";
 export type EventMarketPageClassNames = Partial<{
     root: string;
     content: string;
@@ -46,8 +46,6 @@ export type EventMarketPageBaseProps = {
     showPlaceOrder?: boolean;
     /** Optional resolved-event claim summary shown inside the read-only order panel. */
     resolvedClaim?: PlaceOrderResolvedClaimSummary;
-    /** Settlement view model shown when the event has settled. */
-    settlement?: SettlementViewModel;
     /** Class name overrides for page layout slots. */
     classNames?: EventMarketPageClassNames;
     /** Sticky order panel behavior configuration. */

package/dist/types/pages/event-market/event-market.types.d.ts

@@ -1,5 +1,5 @@
 import type { VenueEventWithMarkets } from "../../events/item/event-list-item.types";
-import type { PlaceOrderResolvedClaimSummary, SettlementViewModel } from "../../trading";
+import type { PlaceOrderResolvedClaimSummary } from "../../trading";
 export type EventMarketPageClassNames = Partial<{
     root: string;
     content: string;
@@ -46,8 +46,6 @@ export type EventMarketPageBaseProps = {
     showPlaceOrder?: boolean;
     /** Optional resolved-event claim summary shown inside the read-only order panel. */
     resolvedClaim?: PlaceOrderResolvedClaimSummary;
-    /** Settlement view model shown when the event has settled. */
-    settlement?: SettlementViewModel;
     /** Class name overrides for page layout slots. */
     classNames?: EventMarketPageClassNames;
     /** Sticky order panel behavior configuration. */

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

@@ -0,0 +1,25 @@
+export interface CopyButtonProps {
+    /** Value written to the clipboard when the button is clicked. */
+    value: string;
+    /** Optional text rendered next to the icon in idle state. */
+    label?: string;
+    /** Optional text rendered next to the icon while the copied feedback is showing. */
+    copiedLabel?: string;
+    /** ARIA label used when no visible text label is rendered. */
+    "aria-label"?: string;
+    /** Disables the button (e.g. while the value is loading). */
+    disabled?: boolean;
+    /** Wrapper class applied to the underlying button. */
+    className?: string;
+    /** Class applied to the icon (size and color). Defaults to `"h-4 w-4"`. */
+    iconClassName?: string;
+    /** Fires after the value is written to the clipboard. */
+    onCopy?: () => void;
+    /** How long the copied state is shown, in ms. Defaults to 2000. */
+    resetMs?: number;
+}
+/** Button that copies `value` to the clipboard and briefly swaps to a confirmation icon. */
+export declare const CopyButton: {
+    ({ value, label, copiedLabel, "aria-label": ariaLabel, disabled, className, iconClassName, onCopy, resetMs, }: CopyButtonProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,25 @@
+export interface CopyButtonProps {
+    /** Value written to the clipboard when the button is clicked. */
+    value: string;
+    /** Optional text rendered next to the icon in idle state. */
+    label?: string;
+    /** Optional text rendered next to the icon while the copied feedback is showing. */
+    copiedLabel?: string;
+    /** ARIA label used when no visible text label is rendered. */
+    "aria-label"?: string;
+    /** Disables the button (e.g. while the value is loading). */
+    disabled?: boolean;
+    /** Wrapper class applied to the underlying button. */
+    className?: string;
+    /** Class applied to the icon (size and color). Defaults to `"h-4 w-4"`. */
+    iconClassName?: string;
+    /** Fires after the value is written to the clipboard. */
+    onCopy?: () => void;
+    /** How long the copied state is shown, in ms. Defaults to 2000. */
+    resetMs?: number;
+}
+/** Button that copies `value` to the clipboard and briefly swaps to a confirmation icon. */
+export declare const CopyButton: {
+    ({ value, label, copiedLabel, "aria-label": ariaLabel, disabled, className, iconClassName, onCopy, resetMs, }: CopyButtonProps): JSX.Element;
+    displayName: string;
+};

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

@@ -1,4 +1,5 @@
 import { AppleIcon } from "./svg/apple";
+import { AppsIcon } from "./svg/apps";
 import { ArbitrumIcon } from "./svg/arbitrum";
 import { ArrowRightIcon } from "./svg/arrow-right";
 import { ArrowTrendUpIcon } from "./svg/arrow-trend-up";
@@ -12,6 +13,7 @@ import { BoltIcon } from "./svg/bolt";
 import { CheckCircleIcon } from "./svg/check-circle";
 import { ChartCandlestickIcon } from "./svg/chart-candlestick";
 import { ChartLineIcon } from "./svg/chart-line";
+import { CircleOverlapIcon } from "./svg/circle-overlap";
 import { ChevronDownIcon } from "./svg/chevron-down";
 import { ChevronLeftIcon } from "./svg/chevron-left";
 import { ChevronRightIcon } from "./svg/chevron-right";
@@ -65,4 +67,4 @@ export declare const Icon: {
     ({ name, color, size, className, style, ...props }: IconProps): JSX.Element | null;
     displayName: string;
 };
-export { ActivityChartIcon, AppleIcon, BadgeCheckThinIcon, ArbitrumIcon, ArrowRightIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BaseIcon, BestPricesIcon, BnbIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GoogleIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, PencilIcon, PlaySquareIcon, PolygonIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, SparklesFilledIcon, StayInControlIcon, SuccessCheckIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, UserTrustIcon, UsdcIcon, PaperPlaneIcon, WalletAvatarIcon, WalletFilledIcon, WalletIcon, WarningFilledIcon, WarningIcon, };
+export { ActivityChartIcon, AppleIcon, AppsIcon, BadgeCheckThinIcon, ArbitrumIcon, ArrowRightIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BaseIcon, BestPricesIcon, BnbIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, CircleOverlapIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GoogleIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, PencilIcon, PlaySquareIcon, PolygonIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, SparklesFilledIcon, StayInControlIcon, SuccessCheckIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, UserTrustIcon, UsdcIcon, PaperPlaneIcon, WalletAvatarIcon, WalletFilledIcon, WalletIcon, WarningFilledIcon, WarningIcon, };

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

@@ -1,4 +1,5 @@
 import { AppleIcon } from "./svg/apple";
+import { AppsIcon } from "./svg/apps";
 import { ArbitrumIcon } from "./svg/arbitrum";
 import { ArrowRightIcon } from "./svg/arrow-right";
 import { ArrowTrendUpIcon } from "./svg/arrow-trend-up";
@@ -12,6 +13,7 @@ import { BoltIcon } from "./svg/bolt";
 import { CheckCircleIcon } from "./svg/check-circle";
 import { ChartCandlestickIcon } from "./svg/chart-candlestick";
 import { ChartLineIcon } from "./svg/chart-line";
+import { CircleOverlapIcon } from "./svg/circle-overlap";
 import { ChevronDownIcon } from "./svg/chevron-down";
 import { ChevronLeftIcon } from "./svg/chevron-left";
 import { ChevronRightIcon } from "./svg/chevron-right";
@@ -65,4 +67,4 @@ export declare const Icon: {
     ({ name, color, size, className, style, ...props }: IconProps): JSX.Element | null;
     displayName: string;
 };
-export { ActivityChartIcon, AppleIcon, BadgeCheckThinIcon, ArbitrumIcon, ArrowRightIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BaseIcon, BestPricesIcon, BnbIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GoogleIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, PencilIcon, PlaySquareIcon, PolygonIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, SparklesFilledIcon, StayInControlIcon, SuccessCheckIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, UserTrustIcon, UsdcIcon, PaperPlaneIcon, WalletAvatarIcon, WalletFilledIcon, WalletIcon, WarningFilledIcon, WarningIcon, };
+export { ActivityChartIcon, AppleIcon, AppsIcon, BadgeCheckThinIcon, ArbitrumIcon, ArrowRightIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BaseIcon, BestPricesIcon, BnbIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, CircleOverlapIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GoogleIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, PencilIcon, PlaySquareIcon, PolygonIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, SparklesFilledIcon, StayInControlIcon, SuccessCheckIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, UserTrustIcon, UsdcIcon, PaperPlaneIcon, WalletAvatarIcon, WalletFilledIcon, WalletIcon, WarningFilledIcon, WarningIcon, };

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

@@ -12,6 +12,10 @@ export declare const iconRegistry: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
     };
+    readonly apps: {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
     readonly arbitrum: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
@@ -72,6 +76,10 @@ export declare const iconRegistry: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
     };
+    readonly "circle-overlap": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
     readonly "chevron-down": {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;

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

@@ -12,6 +12,10 @@ export declare const iconRegistry: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
     };
+    readonly apps: {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
     readonly arbitrum: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
@@ -72,6 +76,10 @@ export declare const iconRegistry: {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;
     };
+    readonly "circle-overlap": {
+        ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
+        displayName: string;
+    };
     readonly "chevron-down": {
         ({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
         displayName: string;

package/dist/types/primitives/icon/svg/apps.d.mts

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

package/dist/types/primitives/icon/svg/apps.d.ts

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

package/dist/types/primitives/icon/svg/circle-overlap.d.mts

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

package/dist/types/primitives/icon/svg/circle-overlap.d.ts

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

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

@@ -5,6 +5,7 @@ export * from "./badge";
 export * from "./button";
 export * from "./card";
 export * from "./chart";
+export * from "./copy-button";
 export * from "./currency-input";
 export * from "./footer";
 export * from "./header";
@@ -20,6 +21,7 @@ export * from "./skeleton";
 export * from "./state-message";
 export * from "./switch-button";
 export * from "./tabs";
+export * from "./toast";
 export * from "./tooltip";
 export * from "./typography";
 export * from "./venue-logo";