@mitrabook/ux 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,288 @@
+import { SizesVariants, InteractionProps, HoverCard, Button, Typography } from '@aksumite/ui';
+export * from '@aksumite/ui';
+import * as react from 'react';
+import { ComponentProps, SVGProps, PropsWithChildren, ReactNode } from 'react';
+import { ExtensionStatus, ExtensionAccount } from '@aksumite/react-providers';
+import { ExtensionDetails } from '@aksumite/sdk-types';
+
+declare function BTC(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function DOT(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function ETH(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function PDEX(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function USDT(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function IBTC(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function UNKN(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function GLMR(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function ASTR(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function EQB(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function PHA(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare const USDC: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const DED: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const PINK: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const UNQ: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare function BNC(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function VDOT(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare const Tokens_ASTR: typeof ASTR;
+declare const Tokens_BNC: typeof BNC;
+declare const Tokens_BTC: typeof BTC;
+declare const Tokens_DED: typeof DED;
+declare const Tokens_DOT: typeof DOT;
+declare const Tokens_EQB: typeof EQB;
+declare const Tokens_ETH: typeof ETH;
+declare const Tokens_GLMR: typeof GLMR;
+declare const Tokens_IBTC: typeof IBTC;
+declare const Tokens_PDEX: typeof PDEX;
+declare const Tokens_PHA: typeof PHA;
+declare const Tokens_PINK: typeof PINK;
+declare const Tokens_UNKN: typeof UNKN;
+declare const Tokens_UNQ: typeof UNQ;
+declare const Tokens_USDC: typeof USDC;
+declare const Tokens_USDT: typeof USDT;
+declare const Tokens_VDOT: typeof VDOT;
+declare namespace Tokens {
+  export { Tokens_ASTR as ASTR, Tokens_BNC as BNC, Tokens_BTC as BTC, Tokens_DED as DED, Tokens_DOT as DOT, Tokens_EQB as EQB, Tokens_ETH as ETH, Tokens_GLMR as GLMR, Tokens_IBTC as IBTC, Tokens_PDEX as PDEX, Tokens_PHA as PHA, Tokens_PINK as PINK, Tokens_UNKN as UNKN, Tokens_UNQ as UNQ, Tokens_USDC as USDC, Tokens_USDT as USDT, Tokens_VDOT as VDOT };
+}
+
+declare const AssetHub: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Astar: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Bifrost: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Ethereum: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Interlay: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Moonbeam: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Phala: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Polkadex: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Polkadot: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Unique: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Unknown: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Chains_AssetHub: typeof AssetHub;
+declare const Chains_Astar: typeof Astar;
+declare const Chains_Bifrost: typeof Bifrost;
+declare const Chains_Ethereum: typeof Ethereum;
+declare const Chains_Interlay: typeof Interlay;
+declare const Chains_Moonbeam: typeof Moonbeam;
+declare const Chains_Phala: typeof Phala;
+declare const Chains_Polkadex: typeof Polkadex;
+declare const Chains_Polkadot: typeof Polkadot;
+declare const Chains_Unique: typeof Unique;
+declare const Chains_Unknown: typeof Unknown;
+declare namespace Chains {
+  export { Chains_AssetHub as AssetHub, Chains_Astar as Astar, Chains_Bifrost as Bifrost, Chains_Ethereum as Ethereum, Chains_Interlay as Interlay, Chains_Moonbeam as Moonbeam, Chains_Phala as Phala, Chains_Polkadex as Polkadex, Chains_Polkadot as Polkadot, Chains_Unique as Unique, Chains_Unknown as Unknown };
+}
+
+declare const Logo: {
+    Thea: (props: ComponentProps<"svg">) => react.JSX.Element;
+    Orderbook: (props: ComponentProps<"svg">) => react.JSX.Element;
+    Polkadex: (props: ComponentProps<"svg">) => react.JSX.Element;
+    Ux: (props: ComponentProps<"svg">) => react.JSX.Element;
+};
+
+type TokensProps = keyof typeof Tokens;
+interface Props$1 extends ComponentProps<"svg"> {
+    name: string;
+    appearance?: string;
+    bordered?: boolean;
+    rounded?: boolean;
+    size?: SizesVariants;
+    loading?: boolean;
+}
+declare const Token: ({ name, appearance, size, loading, bordered, rounded, className, ...props }: Props$1) => react.JSX.Element;
+
+interface ChainProps extends ComponentProps<"svg"> {
+    name: string;
+    size?: SizesVariants;
+    loading?: boolean;
+    bordered?: boolean;
+    rounded?: boolean;
+}
+declare const Chain$1: ({ name, size, loading, bordered, rounded, className, ...props }: ChainProps) => react.JSX.Element;
+
+interface ConnectWalletProps extends InteractionProps {
+    onConnectProvider: (value: ExtensionDetails) => void;
+    installedExtensions: Record<string, ExtensionStatus>;
+    onBack: () => void;
+    onConnectCallback: () => void;
+    showChains?: boolean;
+    showTerms?: boolean;
+    showFooterClose?: boolean;
+    showEvmExtensions?: boolean;
+}
+declare const ConnectWallet: ({ children, onBack, installedExtensions, onConnectProvider, onConnectCallback, showChains, showTerms, showEvmExtensions, showFooterClose, className, ...props }: PropsWithChildren<ConnectWalletProps>) => react.JSX.Element;
+
+interface ProcessingTransactionProps extends InteractionProps {
+    logo: string;
+    onRedirect: () => void;
+    shouldRedirect: boolean;
+}
+declare const ProcessingTransaction: ({ logo, onRedirect, shouldRedirect, className, ...props }: ProcessingTransactionProps) => react.JSX.Element;
+
+interface ExtensionAccountsProps extends InteractionProps {
+    extensionAccounts: ExtensionAccount[];
+    onSelectExtensionAccount: (v: ExtensionAccount) => void;
+    onClose?: () => void;
+    onTryAgain?: () => void;
+    onRefresh?: () => Promise<boolean>;
+    onRedirect?: () => void;
+    loading?: boolean;
+    success?: boolean;
+    extensionIcon?: string;
+    extensionName?: string;
+    onPermission: () => Promise<boolean>;
+}
+declare const ExtensionAccounts: ({ extensionAccounts, onSelectExtensionAccount, onClose, onTryAgain, onRefresh, onRedirect, loading, success, extensionIcon, extensionName, onPermission, className, ...props }: ExtensionAccountsProps) => react.JSX.Element;
+
+type WalletCardProps = {
+    name?: string;
+    address: string;
+    onClick?: () => void;
+    withIcon?: boolean;
+    hoverable?: boolean;
+    present?: boolean;
+    addressLength?: number;
+    source?: string;
+    largeText?: boolean;
+};
+declare const AccountCard: {
+    ({ name, address, onClick, withIcon, hoverable, addressLength, source, largeText, children }: PropsWithChildren<WalletCardProps>): react.JSX.Element;
+    Inverted: ({ name, address, onClick, withIcon, hoverable, present, addressLength, children }: PropsWithChildren<WalletCardProps>) => react.JSX.Element;
+};
+
+declare const AccountCombobox: ({ account, evm, setAccount, open: controlledOpen, onOpenChange }: {
+    account?: ExtensionAccount | null;
+    setAccount: (e?: ExtensionAccount | null) => void;
+    evm?: boolean;
+    /** Optional controlled-open pair so callers (e.g. a form's primary button
+     *  saying "choose a destination account") can open the picker directly. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}) => react.JSX.Element;
+
+declare const ChainCard: ({ title, description, icon }: {
+    title: string;
+    description: string;
+    icon: TokensProps;
+}) => react.JSX.Element;
+
+interface Props extends ComponentProps<"div"> {
+    label: string;
+    tooltip?: string;
+}
+declare const GenericHorizontalItem: ({ label, tooltip, children, className, ...props }: Props) => react.JSX.Element;
+
+declare const HoverInformation: {
+    ({ children }: {
+        children: ReactNode;
+    }): react.JSX.Element;
+    Trigger: ({ className, children, loading, ...props }: TriggerProps) => react.JSX.Element;
+    Content: ({ className, children, ...props }: ComponentProps<typeof HoverCard.Content>) => react.JSX.Element;
+    Arrow: ({ children, className, ...props }: ComponentProps<"svg">) => string | number | boolean | react.JSX.Element | Iterable<ReactNode>;
+};
+interface TriggerProps extends ComponentProps<typeof HoverCard.Trigger> {
+    loading?: boolean;
+}
+
+interface ProviderCardProps extends ComponentProps<typeof Button.Ghost> {
+    title: string;
+    action: () => void;
+    icon: string;
+    installed?: boolean;
+    href?: string;
+}
+declare const ProviderCard: ({ title, action, installed, icon, href, className }: ProviderCardProps) => react.JSX.Element;
+
+interface ResponsiveCardProps extends ComponentProps<"div"> {
+    label?: string;
+    loading?: boolean;
+}
+declare const ResponsiveCard: {
+    ({ className, label, loading, children, ...props }: ResponsiveCardProps): react.JSX.Element;
+    Item: ({ children, loading, ...props }: ItemProps) => string | number | boolean | react.JSX.Element | Iterable<react.ReactNode> | null | undefined;
+};
+interface ItemProps extends ComponentProps<typeof Typography.Text> {
+    loading?: boolean;
+}
+
+type Chain = (typeof chains)[0];
+declare const SelectChain: {
+    ({ children, chains, onChange }: PropsWithChildren<{
+        chains: Chain[];
+        onChange: (v: Chain) => void;
+    }>): react.JSX.Element;
+    Card: ({ title, description, icon }: {
+        title: string;
+        description?: string;
+        icon: string;
+    }) => react.JSX.Element;
+};
+declare const Card: ({ title, description, icon }: {
+    title: string;
+    description?: string;
+    icon: string;
+}) => react.JSX.Element;
+
+declare const chains: {
+    name: string;
+    description: string;
+    icon: string;
+    active: boolean;
+}[];
+
+declare const TokenCard: ({ icon, ticker, tokenName, disabled, loading, balance }: {
+    icon: string;
+    ticker: string;
+    tokenName: string;
+    disabled?: boolean;
+    balance?: number | string;
+    loading?: boolean;
+}) => react.JSX.Element;
+
+interface ProcessingProps extends ComponentProps<"div"> {
+    logo: string;
+    errorTitle?: string;
+    errorMessage?: string;
+    errorButtonTitle?: string;
+    onErrorAction?: () => void;
+    loadingTitle?: string;
+    loadingMessage?: string;
+}
+declare const TransactionLoading: ({ children, logo, errorTitle, errorMessage, errorButtonTitle, onErrorAction, loadingTitle, loadingMessage, className, ...props }: PropsWithChildren<ProcessingProps>) => react.JSX.Element;
+
+/**
+ * @mitrabook/ux — the orderbook-specific UI layer.
+ *
+ * Re-exports everything from @aksumite/ui (the domain-agnostic component kit)
+ * so consumers keep a single import, then adds the pieces that only make
+ * sense for this product: token/chain artwork and the wallet + account
+ * flows in readyToUse/ and plugAndPlay/.
+ */
+
+type ChainsLogos = keyof typeof Chains;
+
+export { AccountCard, AccountCombobox, Card, Chain$1 as Chain, ChainCard, Chains, type ChainsLogos, ConnectWallet, ExtensionAccounts, GenericHorizontalItem, HoverInformation, Logo, ProcessingTransaction, ProviderCard, ResponsiveCard, SelectChain, Token, TokenCard, Tokens, type TokensProps, TransactionLoading, chains };

package/dist/index.d.ts

@@ -0,0 +1,288 @@
+import { SizesVariants, InteractionProps, HoverCard, Button, Typography } from '@aksumite/ui';
+export * from '@aksumite/ui';
+import * as react from 'react';
+import { ComponentProps, SVGProps, PropsWithChildren, ReactNode } from 'react';
+import { ExtensionStatus, ExtensionAccount } from '@aksumite/react-providers';
+import { ExtensionDetails } from '@aksumite/sdk-types';
+
+declare function BTC(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function DOT(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function ETH(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function PDEX(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function USDT(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function IBTC(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function UNKN(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function GLMR(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function ASTR(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function EQB(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function PHA(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare const USDC: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const DED: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const PINK: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const UNQ: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare function BNC(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare function VDOT(props: ComponentProps<"svg">): react.JSX.Element;
+
+declare const Tokens_ASTR: typeof ASTR;
+declare const Tokens_BNC: typeof BNC;
+declare const Tokens_BTC: typeof BTC;
+declare const Tokens_DED: typeof DED;
+declare const Tokens_DOT: typeof DOT;
+declare const Tokens_EQB: typeof EQB;
+declare const Tokens_ETH: typeof ETH;
+declare const Tokens_GLMR: typeof GLMR;
+declare const Tokens_IBTC: typeof IBTC;
+declare const Tokens_PDEX: typeof PDEX;
+declare const Tokens_PHA: typeof PHA;
+declare const Tokens_PINK: typeof PINK;
+declare const Tokens_UNKN: typeof UNKN;
+declare const Tokens_UNQ: typeof UNQ;
+declare const Tokens_USDC: typeof USDC;
+declare const Tokens_USDT: typeof USDT;
+declare const Tokens_VDOT: typeof VDOT;
+declare namespace Tokens {
+  export { Tokens_ASTR as ASTR, Tokens_BNC as BNC, Tokens_BTC as BTC, Tokens_DED as DED, Tokens_DOT as DOT, Tokens_EQB as EQB, Tokens_ETH as ETH, Tokens_GLMR as GLMR, Tokens_IBTC as IBTC, Tokens_PDEX as PDEX, Tokens_PHA as PHA, Tokens_PINK as PINK, Tokens_UNKN as UNKN, Tokens_UNQ as UNQ, Tokens_USDC as USDC, Tokens_USDT as USDT, Tokens_VDOT as VDOT };
+}
+
+declare const AssetHub: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Astar: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Bifrost: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Ethereum: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Interlay: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Moonbeam: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Phala: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Polkadex: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Polkadot: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Unique: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Unknown: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
+
+declare const Chains_AssetHub: typeof AssetHub;
+declare const Chains_Astar: typeof Astar;
+declare const Chains_Bifrost: typeof Bifrost;
+declare const Chains_Ethereum: typeof Ethereum;
+declare const Chains_Interlay: typeof Interlay;
+declare const Chains_Moonbeam: typeof Moonbeam;
+declare const Chains_Phala: typeof Phala;
+declare const Chains_Polkadex: typeof Polkadex;
+declare const Chains_Polkadot: typeof Polkadot;
+declare const Chains_Unique: typeof Unique;
+declare const Chains_Unknown: typeof Unknown;
+declare namespace Chains {
+  export { Chains_AssetHub as AssetHub, Chains_Astar as Astar, Chains_Bifrost as Bifrost, Chains_Ethereum as Ethereum, Chains_Interlay as Interlay, Chains_Moonbeam as Moonbeam, Chains_Phala as Phala, Chains_Polkadex as Polkadex, Chains_Polkadot as Polkadot, Chains_Unique as Unique, Chains_Unknown as Unknown };
+}
+
+declare const Logo: {
+    Thea: (props: ComponentProps<"svg">) => react.JSX.Element;
+    Orderbook: (props: ComponentProps<"svg">) => react.JSX.Element;
+    Polkadex: (props: ComponentProps<"svg">) => react.JSX.Element;
+    Ux: (props: ComponentProps<"svg">) => react.JSX.Element;
+};
+
+type TokensProps = keyof typeof Tokens;
+interface Props$1 extends ComponentProps<"svg"> {
+    name: string;
+    appearance?: string;
+    bordered?: boolean;
+    rounded?: boolean;
+    size?: SizesVariants;
+    loading?: boolean;
+}
+declare const Token: ({ name, appearance, size, loading, bordered, rounded, className, ...props }: Props$1) => react.JSX.Element;
+
+interface ChainProps extends ComponentProps<"svg"> {
+    name: string;
+    size?: SizesVariants;
+    loading?: boolean;
+    bordered?: boolean;
+    rounded?: boolean;
+}
+declare const Chain$1: ({ name, size, loading, bordered, rounded, className, ...props }: ChainProps) => react.JSX.Element;
+
+interface ConnectWalletProps extends InteractionProps {
+    onConnectProvider: (value: ExtensionDetails) => void;
+    installedExtensions: Record<string, ExtensionStatus>;
+    onBack: () => void;
+    onConnectCallback: () => void;
+    showChains?: boolean;
+    showTerms?: boolean;
+    showFooterClose?: boolean;
+    showEvmExtensions?: boolean;
+}
+declare const ConnectWallet: ({ children, onBack, installedExtensions, onConnectProvider, onConnectCallback, showChains, showTerms, showEvmExtensions, showFooterClose, className, ...props }: PropsWithChildren<ConnectWalletProps>) => react.JSX.Element;
+
+interface ProcessingTransactionProps extends InteractionProps {
+    logo: string;
+    onRedirect: () => void;
+    shouldRedirect: boolean;
+}
+declare const ProcessingTransaction: ({ logo, onRedirect, shouldRedirect, className, ...props }: ProcessingTransactionProps) => react.JSX.Element;
+
+interface ExtensionAccountsProps extends InteractionProps {
+    extensionAccounts: ExtensionAccount[];
+    onSelectExtensionAccount: (v: ExtensionAccount) => void;
+    onClose?: () => void;
+    onTryAgain?: () => void;
+    onRefresh?: () => Promise<boolean>;
+    onRedirect?: () => void;
+    loading?: boolean;
+    success?: boolean;
+    extensionIcon?: string;
+    extensionName?: string;
+    onPermission: () => Promise<boolean>;
+}
+declare const ExtensionAccounts: ({ extensionAccounts, onSelectExtensionAccount, onClose, onTryAgain, onRefresh, onRedirect, loading, success, extensionIcon, extensionName, onPermission, className, ...props }: ExtensionAccountsProps) => react.JSX.Element;
+
+type WalletCardProps = {
+    name?: string;
+    address: string;
+    onClick?: () => void;
+    withIcon?: boolean;
+    hoverable?: boolean;
+    present?: boolean;
+    addressLength?: number;
+    source?: string;
+    largeText?: boolean;
+};
+declare const AccountCard: {
+    ({ name, address, onClick, withIcon, hoverable, addressLength, source, largeText, children }: PropsWithChildren<WalletCardProps>): react.JSX.Element;
+    Inverted: ({ name, address, onClick, withIcon, hoverable, present, addressLength, children }: PropsWithChildren<WalletCardProps>) => react.JSX.Element;
+};
+
+declare const AccountCombobox: ({ account, evm, setAccount, open: controlledOpen, onOpenChange }: {
+    account?: ExtensionAccount | null;
+    setAccount: (e?: ExtensionAccount | null) => void;
+    evm?: boolean;
+    /** Optional controlled-open pair so callers (e.g. a form's primary button
+     *  saying "choose a destination account") can open the picker directly. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}) => react.JSX.Element;
+
+declare const ChainCard: ({ title, description, icon }: {
+    title: string;
+    description: string;
+    icon: TokensProps;
+}) => react.JSX.Element;
+
+interface Props extends ComponentProps<"div"> {
+    label: string;
+    tooltip?: string;
+}
+declare const GenericHorizontalItem: ({ label, tooltip, children, className, ...props }: Props) => react.JSX.Element;
+
+declare const HoverInformation: {
+    ({ children }: {
+        children: ReactNode;
+    }): react.JSX.Element;
+    Trigger: ({ className, children, loading, ...props }: TriggerProps) => react.JSX.Element;
+    Content: ({ className, children, ...props }: ComponentProps<typeof HoverCard.Content>) => react.JSX.Element;
+    Arrow: ({ children, className, ...props }: ComponentProps<"svg">) => string | number | boolean | react.JSX.Element | Iterable<ReactNode>;
+};
+interface TriggerProps extends ComponentProps<typeof HoverCard.Trigger> {
+    loading?: boolean;
+}
+
+interface ProviderCardProps extends ComponentProps<typeof Button.Ghost> {
+    title: string;
+    action: () => void;
+    icon: string;
+    installed?: boolean;
+    href?: string;
+}
+declare const ProviderCard: ({ title, action, installed, icon, href, className }: ProviderCardProps) => react.JSX.Element;
+
+interface ResponsiveCardProps extends ComponentProps<"div"> {
+    label?: string;
+    loading?: boolean;
+}
+declare const ResponsiveCard: {
+    ({ className, label, loading, children, ...props }: ResponsiveCardProps): react.JSX.Element;
+    Item: ({ children, loading, ...props }: ItemProps) => string | number | boolean | react.JSX.Element | Iterable<react.ReactNode> | null | undefined;
+};
+interface ItemProps extends ComponentProps<typeof Typography.Text> {
+    loading?: boolean;
+}
+
+type Chain = (typeof chains)[0];
+declare const SelectChain: {
+    ({ children, chains, onChange }: PropsWithChildren<{
+        chains: Chain[];
+        onChange: (v: Chain) => void;
+    }>): react.JSX.Element;
+    Card: ({ title, description, icon }: {
+        title: string;
+        description?: string;
+        icon: string;
+    }) => react.JSX.Element;
+};
+declare const Card: ({ title, description, icon }: {
+    title: string;
+    description?: string;
+    icon: string;
+}) => react.JSX.Element;
+
+declare const chains: {
+    name: string;
+    description: string;
+    icon: string;
+    active: boolean;
+}[];
+
+declare const TokenCard: ({ icon, ticker, tokenName, disabled, loading, balance }: {
+    icon: string;
+    ticker: string;
+    tokenName: string;
+    disabled?: boolean;
+    balance?: number | string;
+    loading?: boolean;
+}) => react.JSX.Element;
+
+interface ProcessingProps extends ComponentProps<"div"> {
+    logo: string;
+    errorTitle?: string;
+    errorMessage?: string;
+    errorButtonTitle?: string;
+    onErrorAction?: () => void;
+    loadingTitle?: string;
+    loadingMessage?: string;
+}
+declare const TransactionLoading: ({ children, logo, errorTitle, errorMessage, errorButtonTitle, onErrorAction, loadingTitle, loadingMessage, className, ...props }: PropsWithChildren<ProcessingProps>) => react.JSX.Element;
+
+/**
+ * @mitrabook/ux — the orderbook-specific UI layer.
+ *
+ * Re-exports everything from @aksumite/ui (the domain-agnostic component kit)
+ * so consumers keep a single import, then adds the pieces that only make
+ * sense for this product: token/chain artwork and the wallet + account
+ * flows in readyToUse/ and plugAndPlay/.
+ */
+
+type ChainsLogos = keyof typeof Chains;
+
+export { AccountCard, AccountCombobox, Card, Chain$1 as Chain, ChainCard, Chains, type ChainsLogos, ConnectWallet, ExtensionAccounts, GenericHorizontalItem, HoverInformation, Logo, ProcessingTransaction, ProviderCard, ResponsiveCard, SelectChain, Token, TokenCard, Tokens, type TokensProps, TransactionLoading, chains };