@agg-build/ui 1.0.0

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

@@ -0,0 +1,3 @@
+import type { TypographyVariant } from "./typography.types";
+export declare const typographyVariants: TypographyVariant[];
+export declare const typographyVariantClasses: Record<TypographyVariant, string>;

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

@@ -0,0 +1,3 @@
+import type { TypographyVariant } from "./typography.types";
+export declare const typographyVariants: TypographyVariant[];
+export declare const typographyVariantClasses: Record<TypographyVariant, string>;

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

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+export type TypographyVariant = "display" | "heading" | "title" | "title-strong" | "body-large" | "body-large-strong" | "body" | "body-strong" | "label" | "label-strong" | "label-caps" | "caption" | "caption-strong" | "caption-caps" | "overline";
+export type TypographyProps = {
+    /** HTML element or custom intrinsic tag used for rendering. */
+    as?: keyof JSX.IntrinsicElements;
+    /** Typography token that controls font size, weight, and casing. */
+    variant?: TypographyVariant;
+    /** Custom class name appended to the typography element. */
+    className?: string;
+    /** Content rendered inside the typography element. */
+    children: ReactNode;
+};

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

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+export type TypographyVariant = "display" | "heading" | "title" | "title-strong" | "body-large" | "body-large-strong" | "body" | "body-strong" | "label" | "label-strong" | "label-caps" | "caption" | "caption-strong" | "caption-caps" | "overline";
+export type TypographyProps = {
+    /** HTML element or custom intrinsic tag used for rendering. */
+    as?: keyof JSX.IntrinsicElements;
+    /** Typography token that controls font size, weight, and casing. */
+    variant?: TypographyVariant;
+    /** Custom class name appended to the typography element. */
+    className?: string;
+    /** Content rendered inside the typography element. */
+    children: ReactNode;
+};

package/dist/types/primitives/typography/typography.utils.d.mts

@@ -0,0 +1,6 @@
+import type { TypographyVariant } from "./typography.types";
+/** Utility helpers for composing typography variant and custom class names. */
+export declare const getTypographyClassName: ({ className, variant, }: {
+    className?: string;
+    variant: TypographyVariant;
+}) => string;

package/dist/types/primitives/typography/typography.utils.d.ts

@@ -0,0 +1,6 @@
+import type { TypographyVariant } from "./typography.types";
+/** Utility helpers for composing typography variant and custom class names. */
+export declare const getTypographyClassName: ({ className, variant, }: {
+    className?: string;
+    variant: TypographyVariant;
+}) => string;

package/dist/types/primitives/venue-logo/index.d.mts

@@ -0,0 +1,9 @@
+import { venueLogoNames } from "./venue-logo.constants";
+import type { VenueLogoProps } from "./venue-logo.types";
+export { venueLogoNames };
+export type { VenueLogoName, VenueLogoVariant, VenueLogoProps } from "./venue-logo.types";
+/** Renders either icon or full-logo venue branding based on the selected variant. */
+export declare const VenueLogo: {
+    ({ venue, variant, isColor, isMonochromatic, color, size, className, ariaLabel, title, }: VenueLogoProps): JSX.Element | null;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/index.d.ts

@@ -0,0 +1,9 @@
+import { venueLogoNames } from "./venue-logo.constants";
+import type { VenueLogoProps } from "./venue-logo.types";
+export { venueLogoNames };
+export type { VenueLogoName, VenueLogoVariant, VenueLogoProps } from "./venue-logo.types";
+/** Renders either icon or full-logo venue branding based on the selected variant. */
+export declare const VenueLogo: {
+    ({ venue, variant, isColor, isMonochromatic, color, size, className, ariaLabel, title, }: VenueLogoProps): JSX.Element | null;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/logo-props.d.mts

@@ -0,0 +1,10 @@
+import type { IconSvgProps } from "../icon/types";
+export type LogoIconProps = IconSvgProps & {
+    isColor?: boolean;
+    color?: string;
+};
+export declare const resolveLogoPrimaryColor: ({ brandColor, isColor, color, }: {
+    brandColor: string;
+    isColor?: boolean;
+    color?: string;
+}) => string;

package/dist/types/primitives/venue-logo/logo-props.d.ts

@@ -0,0 +1,10 @@
+import type { IconSvgProps } from "../icon/types";
+export type LogoIconProps = IconSvgProps & {
+    isColor?: boolean;
+    color?: string;
+};
+export declare const resolveLogoPrimaryColor: ({ brandColor, isColor, color, }: {
+    brandColor: string;
+    isColor?: boolean;
+    color?: string;
+}) => string;

package/dist/types/primitives/venue-logo/svg/default-venue.d.mts

@@ -0,0 +1,2 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const DefaultVenueIcon: ({ title, className, isColor, color, ...props }: LogoIconProps) => JSX.Element;

package/dist/types/primitives/venue-logo/svg/default-venue.d.ts

@@ -0,0 +1,2 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const DefaultVenueIcon: ({ title, className, isColor, color, ...props }: LogoIconProps) => JSX.Element;

package/dist/types/primitives/venue-logo/svg/logo-hyperliquid.d.mts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoHyperliquidIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-hyperliquid.d.ts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoHyperliquidIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-kalshi.d.mts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoKalshiIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-kalshi.d.ts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoKalshiIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-limitless.d.mts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoLimitlessIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-limitless.d.ts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoLimitlessIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-myriad.d.mts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoMyriadIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-myriad.d.ts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoMyriadIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-opinion.d.mts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoOpinionIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-opinion.d.ts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoOpinionIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-polymarket.d.mts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoPolymarketIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-polymarket.d.ts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoPolymarketIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-predict.d.mts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoPredictIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-predict.d.ts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoPredictIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-probable.d.mts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoProbableIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-probable.d.ts

@@ -0,0 +1,5 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const LogoProbableIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/venue-logo.constants.d.mts

@@ -0,0 +1,17 @@
+import type { LogoIconProps } from "./logo-props";
+import { DefaultVenueIcon } from "./svg/default-venue";
+import type { VenueLogoName, VenueLogoProps } from "./venue-logo.types";
+type VenueLogoComponent = (props: LogoIconProps) => JSX.Element;
+export declare const venueLogoRegistry: Record<VenueLogoName, VenueLogoComponent>;
+export { DefaultVenueIcon };
+export declare const venueLogoUrlRegistry: Record<VenueLogoName, string>;
+export declare const venueLogoLabels: Record<VenueLogoName, string>;
+export declare const DEFAULT_VENUE_LABEL = "Market";
+export declare const DEFAULT_VENUE_LOGO_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos/default.png";
+export declare const venueLogoNames: VenueLogoName[];
+export declare const sizeClasses: Record<NonNullable<VenueLogoProps["size"]>, string>;
+type VenueLineColorTheme = "light" | "dark";
+export declare const lineColorByVenue: Record<VenueLineColorTheme, Record<string, string>>;
+export declare const resolveVenueLineColor: (venue: string, isDarkTheme: boolean) => string | undefined;
+export declare const DEFAULT_VENUE_COLOR = "#94a3b8";
+export declare const fallbackLineColors: string[];

package/dist/types/primitives/venue-logo/venue-logo.constants.d.ts

@@ -0,0 +1,17 @@
+import type { LogoIconProps } from "./logo-props";
+import { DefaultVenueIcon } from "./svg/default-venue";
+import type { VenueLogoName, VenueLogoProps } from "./venue-logo.types";
+type VenueLogoComponent = (props: LogoIconProps) => JSX.Element;
+export declare const venueLogoRegistry: Record<VenueLogoName, VenueLogoComponent>;
+export { DefaultVenueIcon };
+export declare const venueLogoUrlRegistry: Record<VenueLogoName, string>;
+export declare const venueLogoLabels: Record<VenueLogoName, string>;
+export declare const DEFAULT_VENUE_LABEL = "Market";
+export declare const DEFAULT_VENUE_LOGO_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos/default.png";
+export declare const venueLogoNames: VenueLogoName[];
+export declare const sizeClasses: Record<NonNullable<VenueLogoProps["size"]>, string>;
+type VenueLineColorTheme = "light" | "dark";
+export declare const lineColorByVenue: Record<VenueLineColorTheme, Record<string, string>>;
+export declare const resolveVenueLineColor: (venue: string, isDarkTheme: boolean) => string | undefined;
+export declare const DEFAULT_VENUE_COLOR = "#94a3b8";
+export declare const fallbackLineColors: string[];

package/dist/types/primitives/venue-logo/venue-logo.types.d.mts

@@ -0,0 +1,24 @@
+import type { Venue } from "@agg-build/sdk";
+import type { AvailableSizes } from "../../shared/types";
+export type VenueLogoName = `${Venue}`;
+export type VenueLogoVariant = "icon" | "logo";
+export type VenueLogoProps = {
+    /** Venue identifier used to select the correct logo asset. */
+    venue: VenueLogoName;
+    /** Logo presentation mode, such as icon-only or full logo. */
+    variant?: VenueLogoVariant;
+    /** Whether to render the logo using its colored artwork. */
+    isColor?: boolean;
+    /** Whether to force a monochromatic logo treatment. */
+    isMonochromatic?: boolean;
+    /** Color override applied to monochromatic rendering. */
+    color?: string;
+    /** Size preset for the rendered logo. */
+    size?: AvailableSizes;
+    /** Custom class name applied to the logo element. */
+    className?: string;
+    /** Accessible label announced for the logo. */
+    ariaLabel?: string;
+    /** Optional title attribute applied to the logo SVG. */
+    title?: string;
+};

package/dist/types/primitives/venue-logo/venue-logo.types.d.ts

@@ -0,0 +1,24 @@
+import type { Venue } from "@agg-build/sdk";
+import type { AvailableSizes } from "../../shared/types";
+export type VenueLogoName = `${Venue}`;
+export type VenueLogoVariant = "icon" | "logo";
+export type VenueLogoProps = {
+    /** Venue identifier used to select the correct logo asset. */
+    venue: VenueLogoName;
+    /** Logo presentation mode, such as icon-only or full logo. */
+    variant?: VenueLogoVariant;
+    /** Whether to render the logo using its colored artwork. */
+    isColor?: boolean;
+    /** Whether to force a monochromatic logo treatment. */
+    isMonochromatic?: boolean;
+    /** Color override applied to monochromatic rendering. */
+    color?: string;
+    /** Size preset for the rendered logo. */
+    size?: AvailableSizes;
+    /** Custom class name applied to the logo element. */
+    className?: string;
+    /** Accessible label announced for the logo. */
+    ariaLabel?: string;
+    /** Optional title attribute applied to the logo SVG. */
+    title?: string;
+};

package/dist/types/primitives/venue-logo/venue-logo.utils.d.mts

@@ -0,0 +1,13 @@
+import type { AggUiLabels } from "@agg-build/hooks";
+import type { VenueLogoName } from "./venue-logo.types";
+/** Utility helpers for deriving venue-logo label and color behavior. */
+export declare const resolveVenueLogoLabel: ({ ariaLabel, labels, venue, venueFallbackLabels, }: {
+    ariaLabel?: string;
+    labels: AggUiLabels;
+    venue: VenueLogoName;
+    venueFallbackLabels: Record<VenueLogoName, string>;
+}) => string;
+export declare const resolveVenueLogoIsColor: ({ isColor, isMonochromatic, }: {
+    isColor: boolean;
+    isMonochromatic: boolean;
+}) => boolean;

package/dist/types/primitives/venue-logo/venue-logo.utils.d.ts

@@ -0,0 +1,13 @@
+import type { AggUiLabels } from "@agg-build/hooks";
+import type { VenueLogoName } from "./venue-logo.types";
+/** Utility helpers for deriving venue-logo label and color behavior. */
+export declare const resolveVenueLogoLabel: ({ ariaLabel, labels, venue, venueFallbackLabels, }: {
+    ariaLabel?: string;
+    labels: AggUiLabels;
+    venue: VenueLogoName;
+    venueFallbackLabels: Record<VenueLogoName, string>;
+}) => string;
+export declare const resolveVenueLogoIsColor: ({ isColor, isMonochromatic, }: {
+    isColor: boolean;
+    isMonochromatic: boolean;
+}) => boolean;

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

@@ -0,0 +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;
+    displayName: string;
+};

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

@@ -0,0 +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;
+    displayName: string;
+};

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

@@ -0,0 +1,17 @@
+import type { IconName } from "../primitives/icon/registry";
+export declare const PROFILE_TAB_KEYS: {
+    readonly ABOUT: "about";
+    readonly ACCOUNTS_WALLETS: "accounts-wallets";
+};
+export type ProfileTabKey = (typeof PROFILE_TAB_KEYS)[keyof typeof PROFILE_TAB_KEYS];
+export interface ProfileTabItem {
+    value: ProfileTabKey;
+    label: string;
+    icon: IconName;
+}
+export declare const PROFILE_TAB_ITEMS: ProfileTabItem[];
+/**
+ * Display names for venue slugs.
+ * Re-uses the venue-logo labels as the single source of truth.
+ */
+export { venueLogoLabels as VENUE_DISPLAY_NAMES } from "../primitives/venue-logo/venue-logo.constants";

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

@@ -0,0 +1,17 @@
+import type { IconName } from "../primitives/icon/registry";
+export declare const PROFILE_TAB_KEYS: {
+    readonly ABOUT: "about";
+    readonly ACCOUNTS_WALLETS: "accounts-wallets";
+};
+export type ProfileTabKey = (typeof PROFILE_TAB_KEYS)[keyof typeof PROFILE_TAB_KEYS];
+export interface ProfileTabItem {
+    value: ProfileTabKey;
+    label: string;
+    icon: IconName;
+}
+export declare const PROFILE_TAB_ITEMS: ProfileTabItem[];
+/**
+ * Display names for venue slugs.
+ * Re-uses the venue-logo labels as the single source of truth.
+ */
+export { venueLogoLabels as VENUE_DISPLAY_NAMES } from "../primitives/venue-logo/venue-logo.constants";

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

@@ -0,0 +1,84 @@
+/** A connected exchange account (venue). */
+export interface ExchangeAccount {
+    /** Venue slug, e.g. "polymarket", "kalshi" */
+    venue: string;
+    /** Display label, e.g. a truncated wallet address or username */
+    displayAddress: string;
+    /** Whether this venue key has been verified */
+    verified?: boolean;
+    /** KYC verification status from the backend */
+    kycStatus?: string;
+}
+/** Connection state for a single social account. */
+export interface SocialAccountInfo {
+    connected: boolean;
+    /** Display handle, e.g. "@john" */
+    handle?: string;
+}
+/** Social account connection states. */
+export interface SocialAccountState {
+    twitter?: SocialAccountInfo;
+    google?: SocialAccountInfo;
+    apple?: SocialAccountInfo;
+    discord?: SocialAccountInfo;
+    telegram?: SocialAccountInfo;
+}
+export interface WalletAccountInfo {
+    chain: string;
+    address: string;
+    displayAddress?: string;
+}
+export interface ProfileModalProps {
+    /** Whether the profile modal is currently open. */
+    open: boolean;
+    /** Called whenever the profile modal open state changes. */
+    onOpenChange: (open: boolean) => void;
+    /** Current username (pre-fills the input) */
+    username?: string | null;
+    /** Current avatar preview URL */
+    avatarPreview?: string | null;
+    /** Called when user clicks "Save" on the About tab */
+    onSave: (data: {
+        username?: string;
+        avatarFile?: File;
+        avatarPreview?: string;
+    }) => void;
+    /** Called when user clicks "Delete Profile" */
+    onDeleteProfile: () => void;
+    /** Connected exchange accounts. When omitted, derived from auth-state `user.accounts`. */
+    exchanges?: ExchangeAccount[];
+    /** Social account connection state */
+    socialAccounts?: SocialAccountState;
+    /** Connected wallet addresses */
+    wallets?: WalletAccountInfo[];
+    /** Connected email address */
+    email?: string | null;
+    /** Called when user disconnects an exchange */
+    onDisconnectExchange?: (venue: string) => void;
+    /** Called when user clicks "Connect" on X / Twitter */
+    onConnectTwitter?: () => void;
+    /** Called when user clicks "Disconnect" on X / Twitter */
+    onDisconnectTwitter?: () => void;
+    /** Called when user clicks "Connect" on Google */
+    onConnectGoogle?: () => void;
+    /** Called when user clicks "Disconnect" on Google */
+    onDisconnectGoogle?: () => void;
+    /** Called when user clicks "Connect" on Apple */
+    onConnectApple?: () => void;
+    /** Called when user clicks "Disconnect" on Apple */
+    onDisconnectApple?: () => void;
+    /** Called when user clicks "Connect" on Discord */
+    onConnectDiscord?: () => void;
+    /** Called when user clicks "Disconnect" on Discord */
+    onDisconnectDiscord?: () => void;
+    /** Called when user clicks "Connect" on Telegram */
+    onConnectTelegram?: () => void;
+    /** Called when user clicks "Disconnect" on Telegram */
+    onDisconnectTelegram?: () => void;
+    /** Called when user disconnects a wallet account */
+    onDisconnectWallet?: (wallet: WalletAccountInfo) => void;
+    /** Called when user clicks "Connect" on Email */
+    onConnectEmail?: () => void;
+    /** Called when the KYC verification flow encounters an error */
+    onKycError?: (error: Error) => void;
+}

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

@@ -0,0 +1,84 @@
+/** A connected exchange account (venue). */
+export interface ExchangeAccount {
+    /** Venue slug, e.g. "polymarket", "kalshi" */
+    venue: string;
+    /** Display label, e.g. a truncated wallet address or username */
+    displayAddress: string;
+    /** Whether this venue key has been verified */
+    verified?: boolean;
+    /** KYC verification status from the backend */
+    kycStatus?: string;
+}
+/** Connection state for a single social account. */
+export interface SocialAccountInfo {
+    connected: boolean;
+    /** Display handle, e.g. "@john" */
+    handle?: string;
+}
+/** Social account connection states. */
+export interface SocialAccountState {
+    twitter?: SocialAccountInfo;
+    google?: SocialAccountInfo;
+    apple?: SocialAccountInfo;
+    discord?: SocialAccountInfo;
+    telegram?: SocialAccountInfo;
+}
+export interface WalletAccountInfo {
+    chain: string;
+    address: string;
+    displayAddress?: string;
+}
+export interface ProfileModalProps {
+    /** Whether the profile modal is currently open. */
+    open: boolean;
+    /** Called whenever the profile modal open state changes. */
+    onOpenChange: (open: boolean) => void;
+    /** Current username (pre-fills the input) */
+    username?: string | null;
+    /** Current avatar preview URL */
+    avatarPreview?: string | null;
+    /** Called when user clicks "Save" on the About tab */
+    onSave: (data: {
+        username?: string;
+        avatarFile?: File;
+        avatarPreview?: string;
+    }) => void;
+    /** Called when user clicks "Delete Profile" */
+    onDeleteProfile: () => void;
+    /** Connected exchange accounts. When omitted, derived from auth-state `user.accounts`. */
+    exchanges?: ExchangeAccount[];
+    /** Social account connection state */
+    socialAccounts?: SocialAccountState;
+    /** Connected wallet addresses */
+    wallets?: WalletAccountInfo[];
+    /** Connected email address */
+    email?: string | null;
+    /** Called when user disconnects an exchange */
+    onDisconnectExchange?: (venue: string) => void;
+    /** Called when user clicks "Connect" on X / Twitter */
+    onConnectTwitter?: () => void;
+    /** Called when user clicks "Disconnect" on X / Twitter */
+    onDisconnectTwitter?: () => void;
+    /** Called when user clicks "Connect" on Google */
+    onConnectGoogle?: () => void;
+    /** Called when user clicks "Disconnect" on Google */
+    onDisconnectGoogle?: () => void;
+    /** Called when user clicks "Connect" on Apple */
+    onConnectApple?: () => void;
+    /** Called when user clicks "Disconnect" on Apple */
+    onDisconnectApple?: () => void;
+    /** Called when user clicks "Connect" on Discord */
+    onConnectDiscord?: () => void;
+    /** Called when user clicks "Disconnect" on Discord */
+    onDisconnectDiscord?: () => void;
+    /** Called when user clicks "Connect" on Telegram */
+    onConnectTelegram?: () => void;
+    /** Called when user clicks "Disconnect" on Telegram */
+    onDisconnectTelegram?: () => void;
+    /** Called when user disconnects a wallet account */
+    onDisconnectWallet?: (wallet: WalletAccountInfo) => void;
+    /** Called when user clicks "Connect" on Email */
+    onConnectEmail?: () => void;
+    /** Called when the KYC verification flow encounters an error */
+    onKycError?: (error: Error) => void;
+}

package/dist/types/profile/tabs/about-tab.d.mts

@@ -0,0 +1,18 @@
+export interface AboutTabProps {
+    username?: string | null;
+    avatarPreview?: string | null;
+    onDeleteProfile: () => void;
+    /** Controlled draft username – lifted to the parent so the footer Save can read it */
+    draftUsername: string;
+    onDraftUsernameChange: (value: string) => void;
+    /** Controlled draft avatar – lifted to the parent so the footer Save can read it */
+    draftAvatarFile?: File;
+    onDraftAvatarChange: (file: File | undefined, preview: string | undefined) => void;
+    draftAvatarPreview?: string;
+    /** Validation error for the avatar file (e.g. unsupported type) */
+    avatarError?: string | null;
+}
+export declare const AboutTab: {
+    ({ avatarPreview, onDeleteProfile: _onDeleteProfile, draftUsername, onDraftUsernameChange, onDraftAvatarChange, draftAvatarPreview, avatarError: _avatarError, }: AboutTabProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/profile/tabs/about-tab.d.ts

@@ -0,0 +1,18 @@
+export interface AboutTabProps {
+    username?: string | null;
+    avatarPreview?: string | null;
+    onDeleteProfile: () => void;
+    /** Controlled draft username – lifted to the parent so the footer Save can read it */
+    draftUsername: string;
+    onDraftUsernameChange: (value: string) => void;
+    /** Controlled draft avatar – lifted to the parent so the footer Save can read it */
+    draftAvatarFile?: File;
+    onDraftAvatarChange: (file: File | undefined, preview: string | undefined) => void;
+    draftAvatarPreview?: string;
+    /** Validation error for the avatar file (e.g. unsupported type) */
+    avatarError?: string | null;
+}
+export declare const AboutTab: {
+    ({ avatarPreview, onDeleteProfile: _onDeleteProfile, draftUsername, onDraftUsernameChange, onDraftAvatarChange, draftAvatarPreview, avatarError: _avatarError, }: AboutTabProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,33 @@
+import type { ExchangeAccount, SocialAccountState, WalletAccountInfo } from "../profile-modal.types";
+interface VenueAccountInfo {
+    id: string;
+    venue: string;
+    status: string;
+    kycStatus: string;
+}
+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;
+    displayName: string;
+};
+export {};