@agg-build/ui 1.0.0

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

@@ -0,0 +1,281 @@
+import type { VenueLogoName } from "../../primitives/venue-logo/venue-logo.types";
+import type { UserProfileTabValue } from "./user-profile.constants";
+export interface UserProfileSocialLink {
+    platform: "twitter" | "discord" | "telegram";
+    handle?: string;
+}
+export interface UserProfileConnectedExchange {
+    venue: VenueLogoName;
+}
+export interface UserProfileConnectedWallet {
+    /** Chain identifier, e.g. "evm" or "solana" */
+    chain: string;
+    /** Shortened wallet address, e.g. "0xec57...f8460" */
+    displayAddress: string;
+}
+export interface UserProfileInfo {
+    /** Display name */
+    username: string;
+    /** Avatar image URL; falls back to default SVG when absent */
+    avatarUrl?: string | null;
+    /** Social handles shown as icons beside the username */
+    socialLinks?: UserProfileSocialLink[];
+    /** Connected exchanges displayed as overlapping venue logos */
+    connectedExchanges?: UserProfileConnectedExchange[];
+    /** Connected wallets with chain icons (Ethereum for EVM, Solana for Solana) */
+    connectedWallets?: UserProfileConnectedWallet[];
+    /** Shortened wallet address displayed next to exchange logos, e.g. "0x82b1E...CeDB0" */
+    displayAddress?: string;
+    /** Primary social handle displayed in connected accounts section, e.g. "CryptoPapay" */
+    socialHandle?: string;
+    /** Venue logo displayed next to the socialHandle */
+    socialHandleVenue?: VenueLogoName;
+}
+export interface UserProfileVenueBalance {
+    chain: string;
+    accountCount?: number;
+    /** Balance formatted as a string, e.g. "$1,234.56" */
+    balanceLabel: string;
+}
+export interface UserProfileBalance {
+    /** Formatted total value, e.g. "$103,456.00" */
+    totalLabel: string;
+    /** Formatted change value, e.g. "+$1,234.56" (deprecated; optional) */
+    changeLabel?: string;
+    /** Formatted change percentage, e.g. "+12.3%" (deprecated; optional) */
+    changePercentLabel?: string;
+    /** True when the change is positive (green), false when negative (deprecated; optional) */
+    isPositive?: boolean;
+}
+/** One venue line under the outcome pill (API `venueBreakdown` entry). */
+export interface UserProfilePositionVenueShare {
+    venue: VenueLogoName;
+    /** Localized shares string, e.g. "103.4 shares" */
+    sharesLabel: string;
+}
+export interface UserProfilePosition {
+    id: string;
+    /** Event ID used for deep-link navigation to event details. */
+    eventId?: string;
+    /** Market ID used to preselect a market on the event details page. */
+    marketId?: string;
+    /** Market thumbnail image URL */
+    thumbnailSrc: string;
+    /** Market title */
+    title: string;
+    /** Outcome name for the pill only, e.g. "Yes" (no price). */
+    outcomeLabel: string;
+    /** Per-venue position sizes with logos below the pill. */
+    venueShareBreakdown: UserProfilePositionVenueShare[];
+    /** Average price, e.g. "29¢" */
+    averageLabel: string;
+    /** Current price, e.g. "25¢" */
+    currentLabel: string;
+    /** Total value, e.g. "$25.86" */
+    valueLabel: string;
+    /** P&L label, e.g. "-$4.14 (-13.79%)" */
+    pnlLabel: string;
+    /** True when P&L is positive */
+    isPnlPositive: boolean;
+    /** Bucket the backend placed this row in. */
+    status: "active" | "closed";
+    /** Raw VenueMarket.status for the primary market in the group. */
+    marketStatus: "unopened" | "paused" | "open" | "closed" | "resolved";
+    /** Aggregated winner across sibling outcomes; null until any venue resolves. */
+    winner: boolean | null;
+    /** Earliest non-null resolutionDate across sibling markets, ISO. */
+    resolutionDate: string | null;
+    /** Closed-table total traded label, e.g. "$310.11". */
+    closedTotalTradedLabel?: string;
+    /** Closed-table amount won label, e.g. "$469.95". */
+    closedAmountWonLabel?: string;
+    /** Closed-table return label, e.g. "+51.54%". */
+    closedReturnLabel?: string;
+    /** Redeem state used by the closed-table Claim column. */
+    closedClaimStatus?: "eligible" | "pending" | "redeemed" | "ineligible";
+    /** Winning outcome ids used to redeem closed winning positions. */
+    winningOutcomeIds?: string[];
+}
+export type UserProfileActivityKind = "trade" | "withdrawal" | "deposit" | "bridge" | "user_op";
+export interface UserProfileTradeActivity {
+    kind: "trade";
+    id: string;
+    /** Event ID used for deep-link navigation when available. */
+    eventId?: string;
+    /** Market ID used to preselect the market on event details when available. */
+    marketId?: string;
+    /** Whether the activity failed and should render in a degraded state. */
+    isFailed?: boolean;
+    /** Whether the row should use error-colored text because the activity has an error. */
+    hasError?: boolean;
+    /** Activity type, e.g. "Buy", "Sell" */
+    type: string;
+    /** Market thumbnail image URL */
+    thumbnailSrc: string;
+    /** Market title */
+    title: string;
+    /** Venue logo for the market */
+    venue: VenueLogoName;
+    /** Outcome label, e.g. "Yes 29¢" */
+    outcomeLabel: string;
+    /** Number of shares, e.g. "103.4 shares" */
+    sharesLabel: string;
+    /** Amount label, e.g. "$100.00" */
+    amountLabel: string;
+    /** Time label, e.g. "3d ago" */
+    timeLabel: string;
+}
+/** Non-trade activity row: withdrawal / deposit / bridge / user_op. */
+export interface UserProfileTransferActivity {
+    kind: "withdrawal" | "deposit" | "bridge" | "user_op";
+    id: string;
+    /** Whether the activity failed and should render in a degraded state. */
+    isFailed?: boolean;
+    /** Whether the row should use error-colored text because the activity has an error. */
+    hasError?: boolean;
+    /** Header label, e.g. "Withdraw", "Deposit", "Bridge", "Wallet op". */
+    type: string;
+    /** Title, e.g. "Withdraw USDC". */
+    title: string;
+    /** Subtitle line, e.g. "to 0xab…cd · base". */
+    subtitleLabel: string;
+    /** Right-side amount, e.g. "-100 USDC". May be empty. */
+    amountLabel: string;
+    /** Time label, e.g. "3d ago". */
+    timeLabel: string;
+    /** Deposit source — determines the icon in the thumbnail square. Only set when kind is "deposit". */
+    depositSource?: "wallet" | "crypto" | "card";
+    /** Chain ID for chain-aware deposit icons. */
+    chainId?: string | number;
+}
+export type UserProfileActivity = UserProfileTradeActivity | UserProfileTransferActivity;
+export interface UserProfileOpenOrder {
+    id: string;
+    /** Market thumbnail image URL */
+    thumbnailSrc: string;
+    /** Market title */
+    title: string;
+    /** Outcome name for the pill, e.g. "Yes" */
+    outcomeLabel: string;
+    /** Venue logo for the market */
+    venue: VenueLogoName;
+    /** Filled-out-of-total label, e.g. "0/150" */
+    filledLabel: string;
+    /** Total notional label, e.g. "$25.86" */
+    valueLabel: string;
+    /** Raw order status from API (used to gate Cancel availability). */
+    status: string;
+    /** DAG run ID; present once the order has been picked up by the processing queue. */
+    dagRunId?: string | null;
+}
+export type UserProfilePositionFilter = "active" | "closed";
+export type UserProfilePageClassNames = Partial<{
+    root: string;
+    topRow: string;
+    leftColumn: string;
+    rightColumn: string;
+    userInfoCard: string;
+    balanceDisplay: string;
+    balancesCard: string;
+    positionsActivity: string;
+}>;
+export type UserProfileCancelOrderHandler = (order: UserProfileOpenOrder) => void;
+export interface UserProfilePageProps {
+    /** User information. When omitted, page resolves current authenticated user via hooks. */
+    user?: UserProfileInfo;
+    /** Override for balances-by-network tooltip in storybook/demos; when omitted, hooks are used. */
+    balanceChainsOverride?: Array<{
+        /** Stable key for the balance chain row. */
+        key: string;
+        /** User-facing label for the chain. */
+        label: string;
+        /** Numeric balance value shown for the chain. */
+        balance: number;
+        /** Number of connected accounts contributing to this chain balance. */
+        accountCount: number;
+        /**
+         * Optional venues that hold this chain's balance (renders venue logos in tooltip).
+         * Unknown values are ignored at render time.
+         */
+        venues?: string[];
+    }>;
+    /** Venue balances shown in the sidebar card */
+    venueBalances?: UserProfileVenueBalance[];
+    /** Consolidated Balance / P&L data */
+    balance?: UserProfileBalance;
+    /** Active-tab positions (size > threshold && market not resolved). */
+    activePositions?: UserProfilePosition[];
+    /** Closed-tab positions (sold, resolved, dust). */
+    closedPositions?: UserProfilePosition[];
+    /** Initial positions filter selection. */
+    initialPositionFilter?: UserProfilePositionFilter;
+    /**
+     * Active tab — controlled. Pair with `onTabChange` so the host (e.g. router /
+     * URL state) drives the selected tab. Defaults to "positions" when omitted.
+     */
+    tab?: UserProfileTabValue;
+    /** Fires when the user clicks a tab. Use to reflect the change in your URL. */
+    onTabChange?: (tab: UserProfileTabValue) => void;
+    /** Open orders (resting / partially filled) */
+    openOrders?: UserProfileOpenOrder[];
+    /** Activity items */
+    activities?: UserProfileActivity[];
+    /** Called when the user clicks "Edit" on the user info card */
+    onEditProfile?: () => void;
+    /** Called when the user clicks "Deposit" */
+    onDeposit?: () => void;
+    /** Called when the user clicks "Withdraw" */
+    onWithdraw?: () => void;
+    /** Called when a position row is clicked */
+    onPositionClick?: (position: UserProfilePosition) => void;
+    /** Optional href for a position row (enables ctrl/cmd/middle-click to open in a new tab). */
+    getPositionHref?: (position: UserProfilePosition) => string | undefined;
+    /** Called when the user claims a closed winning position. */
+    onClaim?: (position: UserProfilePosition) => Promise<void> | void;
+    /** Map of claim key (marketId or position id) to loading state while claim is in-flight. */
+    claimingPositionKeys?: Record<string, boolean>;
+    /** Called when an activity row is clicked */
+    onActivityClick?: (activity: UserProfileActivity) => void;
+    /** Optional href for an activity row (enables ctrl/cmd/middle-click to open in a new tab). */
+    getActivityHref?: (activity: UserProfileActivity) => string | undefined;
+    /** Called when an open-order row is clicked */
+    onOpenOrderClick?: (order: UserProfileOpenOrder) => void;
+    /** Called when the user clicks Cancel on an open order. */
+    onCancelOrder?: UserProfileCancelOrderHandler;
+    /** Map of orderId → true while a cancel request is in-flight. */
+    cancellingOrderIds?: Record<string, boolean>;
+    /** Whether to show loading state on the currently-visible positions tab. */
+    isLoadingPositions?: boolean;
+    /** Whether the activity tab content is currently loading. */
+    isLoadingActivities?: boolean;
+    isLoadingOpenOrders?: boolean;
+    /** Whether to show error state on the currently-visible positions tab. */
+    positionsError?: boolean;
+    /** Whether the activity tab should render its error state. */
+    activitiesError?: boolean;
+    openOrdersError?: boolean;
+    /** Active-tab pagination */
+    hasMoreActivePositions?: boolean;
+    isLoadingMoreActivePositions?: boolean;
+    onLoadMoreActivePositions?: () => void;
+    /** Closed-tab pagination */
+    hasMoreClosedPositions?: boolean;
+    isLoadingMoreClosedPositions?: boolean;
+    onLoadMoreClosedPositions?: () => void;
+    /** Called when the user switches between Active and Closed filter pills. */
+    onPositionFilterChange?: (filter: "active" | "closed") => void;
+    /** Whether there are more activity items to fetch in connected mode. */
+    hasMoreActivities?: boolean;
+    /** Loading state for activity pagination. */
+    isLoadingMoreActivities?: boolean;
+    /** Cursor pagination handler for activity. */
+    onLoadMoreActivities?: () => void;
+    /** Whether there are more open orders to fetch in connected mode. */
+    hasMoreOpenOrders?: boolean;
+    /** Loading state for open-orders pagination. */
+    isLoadingMoreOpenOrders?: boolean;
+    /** Cursor pagination handler for open orders. */
+    onLoadMoreOpenOrders?: () => void;
+    /** Custom class names for sub-sections */
+    classNames?: UserProfilePageClassNames;
+}

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

@@ -0,0 +1,3 @@
+export declare const AGG_LOGO_WIDTH = "813";
+export declare const AGG_LOGO_HEIGHT = "160";
+export declare const AGG_LOGO_VIEW_BOX = "0 0 813 160";

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

@@ -0,0 +1,3 @@
+export declare const AGG_LOGO_WIDTH = "813";
+export declare const AGG_LOGO_HEIGHT = "160";
+export declare const AGG_LOGO_VIEW_BOX = "0 0 813 160";

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

@@ -0,0 +1,2 @@
+import type { IconSvgProps } from "../icon/types";
+export type AggLogoProps = IconSvgProps;

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

@@ -0,0 +1,2 @@
+import type { IconSvgProps } from "../icon/types";
+export type AggLogoProps = IconSvgProps;

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

@@ -0,0 +1,2 @@
+/** Utility helpers for AggLogo accessibility behavior. */
+export declare const resolveAggLogoA11yProps: (title?: string) => Pick<import("react").SVGProps<SVGSVGElement>, "role" | "aria-hidden">;

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

@@ -0,0 +1,2 @@
+/** Utility helpers for AggLogo accessibility behavior. */
+export declare const resolveAggLogoA11yProps: (title?: string) => Pick<import("react").SVGProps<SVGSVGElement>, "role" | "aria-hidden">;

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

@@ -0,0 +1,7 @@
+import type { AggLogoProps } from "./agg-logo.types";
+export type { AggLogoProps } from "./agg-logo.types";
+/** Renders the AGG build wordmark SVG with optional accessible title semantics. */
+export declare const AggLogo: {
+    ({ className, title, ...props }: AggLogoProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,7 @@
+import type { AggLogoProps } from "./agg-logo.types";
+export type { AggLogoProps } from "./agg-logo.types";
+/** Renders the AGG build wordmark SVG with optional accessible title semantics. */
+export declare const AggLogo: {
+    ({ className, title, ...props }: AggLogoProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/autocomplete-select/autocomplete-select.constants.d.mts

@@ -0,0 +1 @@
+export declare const AUTOCOMPLETE_SELECT_DEFAULT_IS_DISABLED = false;

package/dist/types/primitives/autocomplete-select/autocomplete-select.constants.d.ts

@@ -0,0 +1 @@
+export declare const AUTOCOMPLETE_SELECT_DEFAULT_IS_DISABLED = false;

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

@@ -0,0 +1,26 @@
+export type AutocompleteSelectOption<TValue extends string = string> = {
+    value: TValue;
+    label: string;
+    keywords?: string[];
+    disabled?: boolean;
+};
+export type AutocompleteSelectProps<TValue extends string = string> = {
+    /** Searchable options available in the autocomplete dropdown. */
+    options: AutocompleteSelectOption<TValue>[];
+    /** Currently selected option value. */
+    value: TValue;
+    /** Called when the selected option changes. */
+    onChange: (value: TValue) => void;
+    /** Placeholder shown in the closed trigger button. */
+    placeholder?: string;
+    /** Placeholder shown inside the search input. */
+    searchPlaceholder?: string;
+    /** Label shown when no matching options are found. */
+    emptyLabel?: string;
+    /** Accessible label announced for the control. */
+    ariaLabel?: string;
+    /** Custom class name applied to the root element. */
+    className?: string;
+    /** Whether the control should be disabled. */
+    disabled?: boolean;
+};

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

@@ -0,0 +1,26 @@
+export type AutocompleteSelectOption<TValue extends string = string> = {
+    value: TValue;
+    label: string;
+    keywords?: string[];
+    disabled?: boolean;
+};
+export type AutocompleteSelectProps<TValue extends string = string> = {
+    /** Searchable options available in the autocomplete dropdown. */
+    options: AutocompleteSelectOption<TValue>[];
+    /** Currently selected option value. */
+    value: TValue;
+    /** Called when the selected option changes. */
+    onChange: (value: TValue) => void;
+    /** Placeholder shown in the closed trigger button. */
+    placeholder?: string;
+    /** Placeholder shown inside the search input. */
+    searchPlaceholder?: string;
+    /** Label shown when no matching options are found. */
+    emptyLabel?: string;
+    /** Accessible label announced for the control. */
+    ariaLabel?: string;
+    /** Custom class name applied to the root element. */
+    className?: string;
+    /** Whether the control should be disabled. */
+    disabled?: boolean;
+};

package/dist/types/primitives/autocomplete-select/autocomplete-select.utils.d.mts

@@ -0,0 +1,7 @@
+import type { AutocompleteSelectOption } from "./autocomplete-select.types";
+export declare const filterOptions: <TValue extends string>(options: AutocompleteSelectOption<TValue>[], query: string) => AutocompleteSelectOption<TValue>[];
+export declare const resolveSelectedOption: <TValue extends string>(options: AutocompleteSelectOption<TValue>[], value: TValue) => AutocompleteSelectOption<TValue> | undefined;
+export declare const resolveIsDisabled: <TValue extends string>({ disabled, options, }: {
+    disabled: boolean;
+    options: AutocompleteSelectOption<TValue>[];
+}) => boolean;

package/dist/types/primitives/autocomplete-select/autocomplete-select.utils.d.ts

@@ -0,0 +1,7 @@
+import type { AutocompleteSelectOption } from "./autocomplete-select.types";
+export declare const filterOptions: <TValue extends string>(options: AutocompleteSelectOption<TValue>[], query: string) => AutocompleteSelectOption<TValue>[];
+export declare const resolveSelectedOption: <TValue extends string>(options: AutocompleteSelectOption<TValue>[], value: TValue) => AutocompleteSelectOption<TValue> | undefined;
+export declare const resolveIsDisabled: <TValue extends string>({ disabled, options, }: {
+    disabled: boolean;
+    options: AutocompleteSelectOption<TValue>[];
+}) => boolean;

package/dist/types/primitives/autocomplete-select/index.d.mts

@@ -0,0 +1,7 @@
+import type { AutocompleteSelectProps } from "./autocomplete-select.types";
+export type { AutocompleteSelectOption, AutocompleteSelectProps, } from "./autocomplete-select.types";
+/** Renders a searchable select dropdown with client-side filtering. */
+export declare const AutocompleteSelect: {
+    <TValue extends string = string>({ options, value, onChange, placeholder, searchPlaceholder, emptyLabel, ariaLabel, className, disabled, }: AutocompleteSelectProps<TValue>): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/autocomplete-select/index.d.ts

@@ -0,0 +1,7 @@
+import type { AutocompleteSelectProps } from "./autocomplete-select.types";
+export type { AutocompleteSelectOption, AutocompleteSelectProps, } from "./autocomplete-select.types";
+/** Renders a searchable select dropdown with client-side filtering. */
+export declare const AutocompleteSelect: {
+    <TValue extends string = string>({ options, value, onChange, placeholder, searchPlaceholder, emptyLabel, ariaLabel, className, disabled, }: AutocompleteSelectProps<TValue>): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,4 @@
+import type { BadgeSize } from "./badge.types";
+export declare const badgeSizes: BadgeSize[];
+export declare const badgeSizeClasses: Record<BadgeSize, string>;
+export declare const baseBadgeClasses: string;

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

@@ -0,0 +1,4 @@
+import type { BadgeSize } from "./badge.types";
+export declare const badgeSizes: BadgeSize[];
+export declare const badgeSizeClasses: Record<BadgeSize, string>;
+export declare const baseBadgeClasses: string;

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

@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+import type { AvailableSizes } from "../../shared/types";
+export type BadgeSize = AvailableSizes;
+export type BadgeClassNames = {
+    root?: string;
+    prefix?: string;
+    text?: string;
+    suffix?: string;
+};
+export interface BadgeProps {
+    /** Primary badge content rendered inside the label. */
+    text: string | number;
+    /** Optional leading content rendered before the badge text. */
+    prefix?: ReactNode;
+    /** Optional trailing content rendered after the badge text. */
+    suffix?: ReactNode;
+    /** Visual size preset for the badge. */
+    size?: BadgeSize;
+    /** Class name overrides for badge slots. */
+    classNames?: BadgeClassNames;
+    /** Whether the badge should render its active visual state. */
+    isActive?: boolean;
+    /** Called when the badge is clicked. */
+    onClick?: (e: React.MouseEvent) => void;
+    /** Called when an auxiliary pointer button is clicked (e.g. middle mouse). */
+    onAuxClick?: (e: React.MouseEvent) => void;
+}

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

@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+import type { AvailableSizes } from "../../shared/types";
+export type BadgeSize = AvailableSizes;
+export type BadgeClassNames = {
+    root?: string;
+    prefix?: string;
+    text?: string;
+    suffix?: string;
+};
+export interface BadgeProps {
+    /** Primary badge content rendered inside the label. */
+    text: string | number;
+    /** Optional leading content rendered before the badge text. */
+    prefix?: ReactNode;
+    /** Optional trailing content rendered after the badge text. */
+    suffix?: ReactNode;
+    /** Visual size preset for the badge. */
+    size?: BadgeSize;
+    /** Class name overrides for badge slots. */
+    classNames?: BadgeClassNames;
+    /** Whether the badge should render its active visual state. */
+    isActive?: boolean;
+    /** Called when the badge is clicked. */
+    onClick?: (e: React.MouseEvent) => void;
+    /** Called when an auxiliary pointer button is clicked (e.g. middle mouse). */
+    onAuxClick?: (e: React.MouseEvent) => void;
+}

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

@@ -0,0 +1,11 @@
+import type { BadgeProps, BadgeSize } from "./badge.types";
+/** Utility helpers for badge accessibility and class-name composition. */
+export declare const resolveBadgeAriaLabel: (text: BadgeProps["text"]) => string | undefined;
+export declare const getBadgeClassName: ({ classNames, enableAnimations, isActive, onClick, onAuxClick, size, }: {
+    classNames?: BadgeProps["classNames"];
+    enableAnimations: boolean;
+    isActive: boolean;
+    onClick?: BadgeProps["onClick"];
+    onAuxClick?: BadgeProps["onAuxClick"];
+    size: BadgeSize;
+}) => string;

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

@@ -0,0 +1,11 @@
+import type { BadgeProps, BadgeSize } from "./badge.types";
+/** Utility helpers for badge accessibility and class-name composition. */
+export declare const resolveBadgeAriaLabel: (text: BadgeProps["text"]) => string | undefined;
+export declare const getBadgeClassName: ({ classNames, enableAnimations, isActive, onClick, onAuxClick, size, }: {
+    classNames?: BadgeProps["classNames"];
+    enableAnimations: boolean;
+    isActive: boolean;
+    onClick?: BadgeProps["onClick"];
+    onAuxClick?: BadgeProps["onAuxClick"];
+    size: BadgeSize;
+}) => string;

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

@@ -0,0 +1,8 @@
+import type { BadgeProps } from "./badge.types";
+export { badgeSizes } from "./badge.constants";
+export type { BadgeClassNames, BadgeProps, BadgeSize } from "./badge.types";
+/** Renders a compact status badge with optional prefix/suffix content and selectable state styling. */
+export declare function Badge({ text, prefix, suffix, size, classNames, onClick, onAuxClick, isActive, }: BadgeProps): JSX.Element;
+export declare namespace Badge {
+    var displayName: string;
+}

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

@@ -0,0 +1,8 @@
+import type { BadgeProps } from "./badge.types";
+export { badgeSizes } from "./badge.constants";
+export type { BadgeClassNames, BadgeProps, BadgeSize } from "./badge.types";
+/** Renders a compact status badge with optional prefix/suffix content and selectable state styling. */
+export declare function Badge({ text, prefix, suffix, size, classNames, onClick, onAuxClick, isActive, }: BadgeProps): JSX.Element;
+export declare namespace Badge {
+    var displayName: string;
+}

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

@@ -0,0 +1,6 @@
+import type { ButtonSize, ButtonVariant } from "./button.types";
+export declare const sizeClasses: Record<ButtonSize, string>;
+export declare const iconSizeClasses: Record<ButtonSize, string>;
+export declare const iconSlotClasses: Record<ButtonSize, string>;
+export declare const variantClasses: Record<ButtonVariant, string>;
+export declare const baseButtonClasses: string;

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

@@ -0,0 +1,6 @@
+import type { ButtonSize, ButtonVariant } from "./button.types";
+export declare const sizeClasses: Record<ButtonSize, string>;
+export declare const iconSizeClasses: Record<ButtonSize, string>;
+export declare const iconSlotClasses: Record<ButtonSize, string>;
+export declare const variantClasses: Record<ButtonVariant, string>;
+export declare const baseButtonClasses: string;

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

@@ -0,0 +1,18 @@
+import type { ButtonHTMLAttributes, FC, ReactNode } from "react";
+import type { AvailableSizes } from "../../shared/types";
+export type ButtonVariant = "primary" | "secondary" | "tertiary";
+export type ButtonSize = AvailableSizes;
+export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "prefix"> & {
+    /** Button content rendered between optional prefix and suffix elements. */
+    children: ReactNode;
+    /** Visual treatment used for the button. */
+    variant?: ButtonVariant;
+    /** Size preset controlling padding and typography. */
+    size?: ButtonSize;
+    /** Whether the button should show its loading state. */
+    isLoading?: boolean;
+    /** Optional content rendered before the button label. */
+    prefix?: JSX.Element | FC | ReactNode;
+    /** Optional content rendered after the button label. */
+    suffix?: JSX.Element | FC | ReactNode;
+};

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

@@ -0,0 +1,18 @@
+import type { ButtonHTMLAttributes, FC, ReactNode } from "react";
+import type { AvailableSizes } from "../../shared/types";
+export type ButtonVariant = "primary" | "secondary" | "tertiary";
+export type ButtonSize = AvailableSizes;
+export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "prefix"> & {
+    /** Button content rendered between optional prefix and suffix elements. */
+    children: ReactNode;
+    /** Visual treatment used for the button. */
+    variant?: ButtonVariant;
+    /** Size preset controlling padding and typography. */
+    size?: ButtonSize;
+    /** Whether the button should show its loading state. */
+    isLoading?: boolean;
+    /** Optional content rendered before the button label. */
+    prefix?: JSX.Element | FC | ReactNode;
+    /** Optional content rendered after the button label. */
+    suffix?: JSX.Element | FC | ReactNode;
+};

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

@@ -0,0 +1,12 @@
+import type { ButtonProps } from "./button.types";
+/** Utility helpers for composing button styles and interaction state. */
+export declare const resolveButtonIsDisabled: ({ disabled, isLoading, }: {
+    disabled?: boolean;
+    isLoading: boolean;
+}) => boolean;
+export declare const getButtonClassName: ({ className, enableAnimations, size, variant, }: {
+    className?: string;
+    enableAnimations: boolean;
+    size: NonNullable<ButtonProps["size"]>;
+    variant: NonNullable<ButtonProps["variant"]>;
+}) => string;

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

@@ -0,0 +1,12 @@
+import type { ButtonProps } from "./button.types";
+/** Utility helpers for composing button styles and interaction state. */
+export declare const resolveButtonIsDisabled: ({ disabled, isLoading, }: {
+    disabled?: boolean;
+    isLoading: boolean;
+}) => boolean;
+export declare const getButtonClassName: ({ className, enableAnimations, size, variant, }: {
+    className?: string;
+    enableAnimations: boolean;
+    size: NonNullable<ButtonProps["size"]>;
+    variant: NonNullable<ButtonProps["variant"]>;
+}) => string;

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

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

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

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

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

@@ -0,0 +1,4 @@
+export declare const CARD_BASE_CLASS_NAME = "group/agg-card relative flex w-full flex-col font-agg-sans rounded-[calc(var(--agg-radius-xl)-1px)] bg-agg-secondary text-agg-foreground shadow-agg-card";
+export declare const CARD_HOVER_TRANSITION_CLASS_NAME = "transition-shadow hover:shadow-agg-card-hover duration-300 ease-in-out";
+export declare const CARD_GRADIENT_WRAPPER_CLASS_NAME = "group/agg-card-gradient rounded-agg-xl p-[1px] relative bg-agg-separator";
+export declare const CARD_GRADIENT_OVERLAY_CLASS_NAME = "absolute inset-0 rounded-agg-xl bg-gradient-to-b from-agg-separator to-agg-primary opacity-0 group-hover/agg-card-gradient:opacity-100 transition-opacity duration-200 ease-in-out pointer-events-none";