@agg-build/ui 1.0.0

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

@@ -0,0 +1,25 @@
+export type FooterLink = {
+    label: string;
+    mobileLabel?: string;
+    href?: string;
+    onClick?: () => void;
+};
+export type FooterClassNames = {
+    root?: string;
+    inner?: string;
+    leftSection?: string;
+    rightSection?: string;
+    link?: string;
+    separator?: string;
+    email?: string;
+    xLink?: string;
+};
+export type FooterProps = {
+    links?: FooterLink[];
+    email?: string;
+    emailHref?: string;
+    xHref?: string;
+    onXClick?: () => void;
+    classNames?: FooterClassNames;
+    "aria-label"?: string;
+};

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

@@ -0,0 +1,25 @@
+export type FooterLink = {
+    label: string;
+    mobileLabel?: string;
+    href?: string;
+    onClick?: () => void;
+};
+export type FooterClassNames = {
+    root?: string;
+    inner?: string;
+    leftSection?: string;
+    rightSection?: string;
+    link?: string;
+    separator?: string;
+    email?: string;
+    xLink?: string;
+};
+export type FooterProps = {
+    links?: FooterLink[];
+    email?: string;
+    emailHref?: string;
+    xHref?: string;
+    onXClick?: () => void;
+    classNames?: FooterClassNames;
+    "aria-label"?: string;
+};

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

@@ -0,0 +1,8 @@
+import { type JSX } from "react";
+import type { FooterProps } from "./footer.types";
+export type { FooterClassNames, FooterLink, FooterProps } from "./footer.types";
+/** Site footer with brand attribution, navigation links, support email, and social links. */
+export declare const Footer: {
+    ({ links, email, emailHref, xHref, onXClick, classNames, "aria-label": ariaLabel, }: FooterProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,8 @@
+import { type JSX } from "react";
+import type { FooterProps } from "./footer.types";
+export type { FooterClassNames, FooterLink, FooterProps } from "./footer.types";
+/** Site footer with brand attribution, navigation links, support email, and social links. */
+export declare const Footer: {
+    ({ links, email, emailHref, xHref, onXClick, classNames, "aria-label": ariaLabel, }: FooterProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,2 @@
+export { AggLogo } from "../agg-logo";
+export type { AggLogoProps } from "../agg-logo";

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

@@ -0,0 +1,2 @@
+export { AggLogo } from "../agg-logo";
+export type { AggLogoProps } from "../agg-logo";

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

@@ -0,0 +1,2 @@
+export declare const baseHeaderClasses = "group/agg-header w-full border-b bg-agg-secondary border-agg-separator bg-agg-background/80 backdrop-blur-sm supports-[backdrop-filter]:bg-agg-background/80";
+export declare const stickyHeaderClasses = "sticky top-0 z-50";

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

@@ -0,0 +1,2 @@
+export declare const baseHeaderClasses = "group/agg-header w-full border-b bg-agg-secondary border-agg-separator bg-agg-background/80 backdrop-blur-sm supports-[backdrop-filter]:bg-agg-background/80";
+export declare const stickyHeaderClasses = "sticky top-0 z-50";

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

@@ -0,0 +1,42 @@
+import type { ReactNode } from "react";
+import type { SearchProps } from "../search";
+export type HeaderClassNames = {
+    root?: string;
+    inner?: string;
+    leftSection?: string;
+    centerSection?: string;
+    rightSection?: string;
+    logoWrapper?: string;
+    logoElement?: string;
+};
+export type HeaderLogoProps = {
+    /** Image source used for the header logo. */
+    src: string;
+    /** Accessible alternative text for the logo image. */
+    alt: string;
+    /** Optional rendered width for the logo image. */
+    width?: number;
+    /** Optional rendered height for the logo image. */
+    height?: number;
+};
+export type HeaderProps = {
+    /** Custom logo node or structured logo config to render on the left side. */
+    logo?: ReactNode | HeaderLogoProps;
+    /** Link destination applied to the logo when rendered as a link. */
+    logoHref?: string;
+    /** Click handler for the logo area when no link navigation is used. */
+    onLogoClick?: () => void;
+    /** Fully custom search element rendered in the center section. */
+    search?: ReactNode;
+    /** Props passed to the default search component when `search` is not overridden. */
+    searchProps?: SearchProps;
+    /** Right-aligned actions rendered in the header. */
+    actions?: ReactNode;
+    /** Class name overrides for header layout slots. */
+    classNames?: HeaderClassNames;
+    /** Whether the header should stay pinned to the top while scrolling. */
+    sticky?: boolean;
+    /** Accessible label applied to the header landmark. */
+    "aria-label"?: string;
+};
+export declare const isHeaderLogoProps: (value: unknown) => value is HeaderLogoProps;

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

@@ -0,0 +1,42 @@
+import type { ReactNode } from "react";
+import type { SearchProps } from "../search";
+export type HeaderClassNames = {
+    root?: string;
+    inner?: string;
+    leftSection?: string;
+    centerSection?: string;
+    rightSection?: string;
+    logoWrapper?: string;
+    logoElement?: string;
+};
+export type HeaderLogoProps = {
+    /** Image source used for the header logo. */
+    src: string;
+    /** Accessible alternative text for the logo image. */
+    alt: string;
+    /** Optional rendered width for the logo image. */
+    width?: number;
+    /** Optional rendered height for the logo image. */
+    height?: number;
+};
+export type HeaderProps = {
+    /** Custom logo node or structured logo config to render on the left side. */
+    logo?: ReactNode | HeaderLogoProps;
+    /** Link destination applied to the logo when rendered as a link. */
+    logoHref?: string;
+    /** Click handler for the logo area when no link navigation is used. */
+    onLogoClick?: () => void;
+    /** Fully custom search element rendered in the center section. */
+    search?: ReactNode;
+    /** Props passed to the default search component when `search` is not overridden. */
+    searchProps?: SearchProps;
+    /** Right-aligned actions rendered in the header. */
+    actions?: ReactNode;
+    /** Class name overrides for header layout slots. */
+    classNames?: HeaderClassNames;
+    /** Whether the header should stay pinned to the top while scrolling. */
+    sticky?: boolean;
+    /** Accessible label applied to the header landmark. */
+    "aria-label"?: string;
+};
+export declare const isHeaderLogoProps: (value: unknown) => value is HeaderLogoProps;

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

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import type { SearchProps } from "../search";
+/** Utility helpers for resolving header slot content and accessibility labels. */
+export declare const resolveHeaderBannerAriaLabel: ({ ariaLabel, fallbackLabel, }: {
+    ariaLabel?: string;
+    fallbackLabel: string;
+}) => string;
+export declare const resolveHeaderSearchContent: ({ search, searchProps, renderSearch, }: {
+    search?: ReactNode;
+    searchProps?: SearchProps;
+    renderSearch: (searchProps: SearchProps) => ReactNode;
+}) => ReactNode;

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

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import type { SearchProps } from "../search";
+/** Utility helpers for resolving header slot content and accessibility labels. */
+export declare const resolveHeaderBannerAriaLabel: ({ ariaLabel, fallbackLabel, }: {
+    ariaLabel?: string;
+    fallbackLabel: string;
+}) => string;
+export declare const resolveHeaderSearchContent: ({ search, searchProps, renderSearch, }: {
+    search?: ReactNode;
+    searchProps?: SearchProps;
+    renderSearch: (searchProps: SearchProps) => ReactNode;
+}) => ReactNode;

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

@@ -0,0 +1,8 @@
+import type { JSX } from "react";
+import type { HeaderProps } from "./header.types";
+export type { HeaderClassNames, HeaderLogoProps, HeaderProps } from "./header.types";
+/** Renders the top header with logo, search slot, and right-side action content. */
+export declare const Header: {
+    ({ logo, logoHref, onLogoClick, search, searchProps, actions, classNames, sticky, "aria-label": ariaLabel, }: HeaderProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,8 @@
+import type { JSX } from "react";
+import type { HeaderProps } from "./header.types";
+export type { HeaderClassNames, HeaderLogoProps, HeaderProps } from "./header.types";
+/** Renders the top header with logo, search slot, and right-side action content. */
+export declare const Header: {
+    ({ logo, logoHref, onLogoClick, search, searchProps, actions, classNames, sticky, "aria-label": ariaLabel, }: HeaderProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,2 @@
+import type { IconSize } from "./icon.types";
+export declare const iconSizeClasses: Record<IconSize, string>;

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

@@ -0,0 +1,2 @@
+import type { IconSize } from "./icon.types";
+export declare const iconSizeClasses: Record<IconSize, string>;

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

@@ -0,0 +1,12 @@
+import type { AvailableSizes } from "../../shared/types";
+import type { IconName } from "./registry";
+import type { IconSvgProps } from "./types";
+export type IconSize = AvailableSizes;
+export type IconProps = IconSvgProps & {
+    /** Registry key of the icon glyph to render. */
+    name: IconName;
+    /** Override color applied to the icon. */
+    color?: string;
+    /** Size preset used for width and height. */
+    size?: IconSize;
+};

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

@@ -0,0 +1,12 @@
+import type { AvailableSizes } from "../../shared/types";
+import type { IconName } from "./registry";
+import type { IconSvgProps } from "./types";
+export type IconSize = AvailableSizes;
+export type IconProps = IconSvgProps & {
+    /** Registry key of the icon glyph to render. */
+    name: IconName;
+    /** Override color applied to the icon. */
+    color?: string;
+    /** Size preset used for width and height. */
+    size?: IconSize;
+};

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

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+/** Utility helper that merges optional icon color overrides into a style object. */
+export declare const resolveIconStyle: (color?: string, style?: CSSProperties) => CSSProperties | undefined;

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

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+/** Utility helper that merges optional icon color overrides into a style object. */
+export declare const resolveIconStyle: (color?: string, style?: CSSProperties) => CSSProperties | undefined;

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

@@ -0,0 +1,68 @@
+import { AppleIcon } from "./svg/apple";
+import { ArbitrumIcon } from "./svg/arbitrum";
+import { ArrowRightIcon } from "./svg/arrow-right";
+import { ArrowTrendUpIcon } from "./svg/arrow-trend-up";
+import { ArrowsToDotIcon } from "./svg/arrows-to-dot";
+import { BadgeCheckThinIcon } from "./svg/badge-check-thin";
+import { BankIcon } from "./svg/bank";
+import { BaseIcon } from "./svg/base";
+import { BestPricesIcon } from "./svg/best-prices";
+import { BnbIcon } from "./svg/bnb";
+import { BoltIcon } from "./svg/bolt";
+import { CheckCircleIcon } from "./svg/check-circle";
+import { ChartCandlestickIcon } from "./svg/chart-candlestick";
+import { ChartLineIcon } from "./svg/chart-line";
+import { ChevronDownIcon } from "./svg/chevron-down";
+import { ChevronLeftIcon } from "./svg/chevron-left";
+import { ChevronRightIcon } from "./svg/chevron-right";
+import { ChevronUpIcon } from "./svg/chevron-up";
+import { CloseIcon } from "./svg/close";
+import { CopyIcon } from "./svg/copy";
+import { CreateAccountIcon } from "./svg/create-account";
+import { CreditCardIcon } from "./svg/credit-card";
+import { DisconnectIcon } from "./svg/disconnect";
+import { DotsHorizontalIcon } from "./svg/dots-horizontal";
+import { DocumentIcon } from "./svg/document";
+import { DownloadIcon } from "./svg/download";
+import { ErrorFilledIcon } from "./svg/error-filled";
+import { ExternalLinkIcon } from "./svg/external-link";
+import { EthereumIcon } from "./svg/ethereum";
+import { GoogleIcon } from "./svg/google";
+import { ImageIcon } from "./svg/image";
+import { InfoIcon } from "./svg/info";
+import { iconNames } from "./registry";
+import { LinkAccountsIcon } from "./svg/link-accounts";
+import { PencilIcon } from "./svg/pencil";
+import { PlaySquareIcon } from "./svg/play-square";
+import { PolygonIcon } from "./svg/polygon";
+import { ProfileIcon } from "./svg/profile";
+import { RevenueAltIcon } from "./svg/revenue-alt";
+import { SearchIcon } from "./svg/search";
+import { ShieldTrustIcon } from "./svg/shield-trust";
+import { SolanaIcon } from "./svg/solana";
+import { SparklesFilledIcon } from "./svg/sparkles-filled";
+import { StayInControlIcon } from "./svg/stay-in-control";
+import { SuccessCheckIcon } from "./svg/success-check";
+import { TriangleDownIcon } from "./svg/triangle-down";
+import { TriangleUpFilledIcon } from "./svg/triangle-up-filled";
+import { TriangleUpIcon } from "./svg/triangle-up";
+import { UploadIcon } from "./svg/upload";
+import { UserTrustIcon } from "./svg/user-trust";
+import { UsdcIcon } from "./svg/usdc";
+import { ActivityChartIcon } from "./svg/activity-chart";
+import { WalletAvatarIcon } from "./svg/wallet-avatar";
+import { WalletFilledIcon } from "./svg/wallet-filled";
+import { WalletIcon } from "./svg/wallet";
+import { PaperPlaneIcon } from "./svg/paper-plane";
+import { WarningFilledIcon } from "./svg/warning-filled";
+import { WarningIcon } from "./svg/warning";
+import type { IconName } from "./registry";
+import type { IconSvgProps } from "./types";
+import type { IconProps, IconSize } from "./icon.types";
+export type { IconName, IconProps, IconSize, IconSvgProps };
+/** Renders a registry-backed icon with shared sizing, color, and accessibility props. */
+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, };

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

@@ -0,0 +1,68 @@
+import { AppleIcon } from "./svg/apple";
+import { ArbitrumIcon } from "./svg/arbitrum";
+import { ArrowRightIcon } from "./svg/arrow-right";
+import { ArrowTrendUpIcon } from "./svg/arrow-trend-up";
+import { ArrowsToDotIcon } from "./svg/arrows-to-dot";
+import { BadgeCheckThinIcon } from "./svg/badge-check-thin";
+import { BankIcon } from "./svg/bank";
+import { BaseIcon } from "./svg/base";
+import { BestPricesIcon } from "./svg/best-prices";
+import { BnbIcon } from "./svg/bnb";
+import { BoltIcon } from "./svg/bolt";
+import { CheckCircleIcon } from "./svg/check-circle";
+import { ChartCandlestickIcon } from "./svg/chart-candlestick";
+import { ChartLineIcon } from "./svg/chart-line";
+import { ChevronDownIcon } from "./svg/chevron-down";
+import { ChevronLeftIcon } from "./svg/chevron-left";
+import { ChevronRightIcon } from "./svg/chevron-right";
+import { ChevronUpIcon } from "./svg/chevron-up";
+import { CloseIcon } from "./svg/close";
+import { CopyIcon } from "./svg/copy";
+import { CreateAccountIcon } from "./svg/create-account";
+import { CreditCardIcon } from "./svg/credit-card";
+import { DisconnectIcon } from "./svg/disconnect";
+import { DotsHorizontalIcon } from "./svg/dots-horizontal";
+import { DocumentIcon } from "./svg/document";
+import { DownloadIcon } from "./svg/download";
+import { ErrorFilledIcon } from "./svg/error-filled";
+import { ExternalLinkIcon } from "./svg/external-link";
+import { EthereumIcon } from "./svg/ethereum";
+import { GoogleIcon } from "./svg/google";
+import { ImageIcon } from "./svg/image";
+import { InfoIcon } from "./svg/info";
+import { iconNames } from "./registry";
+import { LinkAccountsIcon } from "./svg/link-accounts";
+import { PencilIcon } from "./svg/pencil";
+import { PlaySquareIcon } from "./svg/play-square";
+import { PolygonIcon } from "./svg/polygon";
+import { ProfileIcon } from "./svg/profile";
+import { RevenueAltIcon } from "./svg/revenue-alt";
+import { SearchIcon } from "./svg/search";
+import { ShieldTrustIcon } from "./svg/shield-trust";
+import { SolanaIcon } from "./svg/solana";
+import { SparklesFilledIcon } from "./svg/sparkles-filled";
+import { StayInControlIcon } from "./svg/stay-in-control";
+import { SuccessCheckIcon } from "./svg/success-check";
+import { TriangleDownIcon } from "./svg/triangle-down";
+import { TriangleUpFilledIcon } from "./svg/triangle-up-filled";
+import { TriangleUpIcon } from "./svg/triangle-up";
+import { UploadIcon } from "./svg/upload";
+import { UserTrustIcon } from "./svg/user-trust";
+import { UsdcIcon } from "./svg/usdc";
+import { ActivityChartIcon } from "./svg/activity-chart";
+import { WalletAvatarIcon } from "./svg/wallet-avatar";
+import { WalletFilledIcon } from "./svg/wallet-filled";
+import { WalletIcon } from "./svg/wallet";
+import { PaperPlaneIcon } from "./svg/paper-plane";
+import { WarningFilledIcon } from "./svg/warning-filled";
+import { WarningIcon } from "./svg/warning";
+import type { IconName } from "./registry";
+import type { IconSvgProps } from "./types";
+import type { IconProps, IconSize } from "./icon.types";
+export type { IconName, IconProps, IconSize, IconSvgProps };
+/** Renders a registry-backed icon with shared sizing, color, and accessibility props. */
+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, };