@imtbl/checkout-widgets 2.0.0-alpha.0

package/dist/types/components/Body/SimpleTextBody.d.ts

@@ -0,0 +1,5 @@
+export interface SimpleTextBodyProps {
+    heading: string;
+    children?: React.ReactNode;
+}
+export declare function SimpleTextBody(props: SimpleTextBodyProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Body/SimpleTextBodyStyles.d.ts

@@ -0,0 +1,10 @@
+export declare const simpleTextBodyStyle: {
+    paddingX: string;
+    paddingTop: string;
+};
+export declare const bodyBoxStyle: {
+    marginTop: string;
+};
+export declare const bodyStyle: {
+    color: string;
+};

package/dist/types/components/CenteredBoxContent/CenteredBoxContent.d.ts

@@ -0,0 +1,5 @@
+export interface CenteredBoxContentProps {
+    testId?: string;
+    children?: React.ReactNode;
+}
+export declare function CenteredBoxContent({ children, testId, }: CenteredBoxContentProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/CenteredBoxContent/CenteredBoxStyles.d.ts

@@ -0,0 +1,6 @@
+export declare const centeredBoxContentStyles: {
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+    height: string;
+};

package/dist/types/components/ChangedYourMindDrawer/ChangedYourMindDrawer.d.ts

@@ -0,0 +1,8 @@
+import { Checkout } from '@imtbl/checkout-sdk';
+export interface ChangedYourMindDrawerProps {
+    visible: boolean;
+    checkout: Checkout;
+    onCloseDrawer: () => void;
+    onTryAgain?: () => void;
+}
+export declare function ChangedYourMindDrawer({ visible, checkout, onCloseDrawer, onTryAgain, }: ChangedYourMindDrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/CoinSelector/CoinSelector.d.ts

@@ -0,0 +1,12 @@
+import { CoinSelectorOptionProps } from './CoinSelectorOption';
+type CoinSelectorProps = {
+    onCloseDrawer?: () => void;
+    heading: string;
+    options: CoinSelectorOptionProps[];
+    defaultTokenImage: string;
+    optionsLoading?: boolean;
+    children?: any;
+    visible?: boolean;
+};
+export declare function CoinSelector({ heading, options, defaultTokenImage, optionsLoading, children, onCloseDrawer, visible, }: CoinSelectorProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/CoinSelector/CoinSelectorOption.d.ts

@@ -0,0 +1,15 @@
+import { AllIconKeys } from '@biom3/react';
+export interface CoinSelectorOptionProps {
+    testId?: string;
+    id: string;
+    name: string;
+    icon?: AllIconKeys | string;
+    defaultTokenImage: string;
+    symbol: string;
+    onClick?: () => void;
+    balance?: {
+        formattedFiatAmount: string;
+        formattedAmount: string;
+    };
+}
+export declare function CoinSelectorOption({ onClick, icon, name, symbol, balance, defaultTokenImage, testId, id, }: CoinSelectorOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/CoinSelector/CoinSelectorStyles.d.ts

@@ -0,0 +1,12 @@
+export declare const selectOptionsContainerStyles: {
+    display: string;
+    flexDirection: string;
+    gap: string;
+    paddingX: string;
+    paddingBottom: string;
+};
+export declare const selectOptionsLoadingIconStyles: {
+    display: string;
+    flexDirection: string;
+    rowGap: string;
+};

package/dist/types/components/ConnectLoader/ConnectLoader.d.ts

@@ -0,0 +1,21 @@
+import { ChainId, Checkout, WalletProviderName, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+import React from 'react';
+import { StrongCheckoutWidgetsConfig } from '../../lib/withDefaultWidgetConfig';
+export interface ConnectLoaderProps {
+    children?: React.ReactNode;
+    params: ConnectLoaderParams;
+    successEvent?: () => void;
+    closeEvent: () => void;
+    widgetConfig: StrongCheckoutWidgetsConfig;
+    goBackEvent?: () => void;
+    showBackButton?: boolean;
+}
+export interface ConnectLoaderParams {
+    targetChainId: ChainId;
+    walletProviderName?: WalletProviderName;
+    browserProvider?: WrappedBrowserProvider;
+    checkout: Checkout;
+    allowedChains: ChainId[];
+    isCheckNetworkEnabled?: boolean;
+}
+export declare function ConnectLoader({ children, params, widgetConfig, successEvent, closeEvent, goBackEvent, showBackButton, }: ConnectLoaderProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/ConnectLoader/ConnectLoaderSuccess.d.ts

@@ -0,0 +1,5 @@
+type ConnectLoaderSuccessProps = {
+    children: JSX.Element;
+};
+export declare function ConnectLoaderSuccess({ children }: ConnectLoaderSuccessProps): JSX.Element;
+export {};

package/dist/types/components/EOAWarningDrawer/EOAWarningDrawer.d.ts

@@ -0,0 +1,5 @@
+export declare function EOAWarningDrawer({ visible, onProceedClick, onCloseDrawer, }: {
+    visible: boolean;
+    onProceedClick: () => void;
+    onCloseDrawer: () => void;
+}): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Fees/FeeStyles.d.ts

@@ -0,0 +1,18 @@
+export declare const feeContainerStyles: {
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+    paddingTop: string;
+};
+export declare const feeBoxStyles: {
+    display: string;
+    flexDirection: string;
+};
+export declare const gasAmountAccordionStyles: {
+    backgroundColor: string;
+};
+export declare const gasAmountHeadingStyles: {
+    marginBottom: string;
+    color: string;
+};

package/dist/types/components/Fees/Fees.d.ts

@@ -0,0 +1,14 @@
+import { SxProps } from '@biom3/react';
+import { TokenInfo } from '@imtbl/checkout-sdk';
+import { FormattedFee } from '../../widgets/swap/functions/swapFees';
+interface FeesProps {
+    gasFeeValue: string;
+    gasFeeToken?: TokenInfo;
+    gasFeeFiatValue: string;
+    fees: FormattedFee[];
+    onFeesClick?: () => void;
+    loading?: boolean;
+    sx?: SxProps;
+}
+export declare function Fees({ gasFeeValue, gasFeeToken, gasFeeFiatValue, fees, onFeesClick, loading, sx, }: FeesProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/components/FeesBreakdown/FeeItem.d.ts

@@ -0,0 +1,9 @@
+export interface FeeItemProps {
+    boldLabel?: boolean;
+    label: string;
+    amount: string;
+    fiatAmount: string;
+    tokenSymbol: string;
+    prefix?: string;
+}
+export declare function FeeItem({ boldLabel, label, amount, fiatAmount, tokenSymbol, prefix, }: FeeItemProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/FeesBreakdown/FeesBreakdown.d.ts

@@ -0,0 +1,13 @@
+import { FormattedFee } from '../../widgets/swap/functions/swapFees';
+type FeesBreakdownProps = {
+    onCloseDrawer?: () => void;
+    fees: FormattedFee[];
+    children?: any;
+    visible?: boolean;
+    totalFiatAmount?: string;
+    totalAmount?: string;
+    tokenSymbol: string;
+    loading?: boolean;
+};
+export declare function FeesBreakdown({ fees, children, visible, onCloseDrawer, totalFiatAmount, totalAmount, tokenSymbol, loading, }: FeesBreakdownProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/FeesBreakdown/FeesBreakdownStyles.d.ts

@@ -0,0 +1,28 @@
+export declare const feesBreakdownContentStyles: {
+    display: string;
+    flexDirection: string;
+    height: string;
+    padding: string;
+};
+export declare const feeItemContainerStyles: {
+    display: string;
+    flexDirection: string;
+    gap: string;
+    height: string;
+};
+export declare const feeItemStyles: {
+    display: string;
+    width: string;
+};
+export declare const feeItemLabelStyles: (boldLabel?: boolean) => {
+    width: string;
+    color: string;
+};
+export declare const feeItemPriceDisplayStyles: {
+    width: string;
+};
+export declare const feeItemLoadingStyles: {
+    display: string;
+    flexDirection: string;
+    rowGap: string;
+};

package/dist/types/components/Footer/FooterButton.d.ts

@@ -0,0 +1,9 @@
+import { ButtonVariant } from '@biom3/react';
+export interface FooterButtonProps {
+    loading?: boolean;
+    hideActionButton?: boolean;
+    actionText: string;
+    onActionClick: () => void;
+    variant?: ButtonVariant;
+}
+export declare function FooterButton({ actionText, onActionClick, hideActionButton, loading, variant, }: FooterButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Footer/FooterLogo.d.ts

@@ -0,0 +1,4 @@
+export interface FooterLogoProps {
+    hideLogo?: boolean;
+}
+export declare function FooterLogo({ hideLogo }: FooterLogoProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Footer/FooterStyles.d.ts

@@ -0,0 +1,41 @@
+export declare const footerButtonStyles: {
+    width: string;
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+    padding: string;
+    paddingBottom: string;
+};
+export declare const footerLogoStyles: {
+    maxHeight: string;
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+    paddingTop: string;
+    paddingBottom: string;
+};
+export declare const footerButtonIconLoadingStyle: {
+    width: string;
+};
+export declare const quickswapFooterStyles: {
+    display: string;
+    flexDirection: string;
+    paddingX: string;
+    paddingBottom: string;
+};
+export declare const quickswapFooterLogoStyles: {
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+    marginBottom: string;
+    color: string;
+};
+export declare const quickswapFooterDisclaimerTextStyles: {
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+    textAlign: string;
+    color: string;
+};

package/dist/types/components/Footer/QuickswapFooter.d.ts

@@ -0,0 +1,7 @@
+import { WidgetTheme } from '@imtbl/checkout-sdk';
+import { Environment } from '@imtbl/config';
+export interface QuickswapFooterProps {
+    theme: WidgetTheme;
+    environment: Environment | undefined;
+}
+export declare function QuickswapFooter({ theme, environment }: QuickswapFooterProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/FormComponents/FormControlWrapper/FormControlWrapper.d.ts

@@ -0,0 +1,12 @@
+import { FormControlProps } from '@biom3/react';
+interface FormControlWrapperProps {
+    testId: string;
+    children: React.ReactNode;
+    subtext?: string;
+    textAlign?: 'left' | 'right';
+    isErrored?: boolean;
+    errorMessage?: string;
+    sx?: FormControlProps<undefined>['sx'];
+}
+export declare function FormControlWrapper({ testId, children, subtext, textAlign, isErrored, errorMessage, sx, }: FormControlWrapperProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/FormComponents/SelectForm/SelectForm.d.ts

@@ -0,0 +1,21 @@
+import { OptionKey } from '@biom3/react';
+import { Environment } from '@imtbl/config';
+import { WidgetTheme } from '@imtbl/checkout-sdk';
+import { CoinSelectorOptionProps } from '../../CoinSelector/CoinSelectorOption';
+interface SelectFormProps {
+    testId: string;
+    options: CoinSelectorOptionProps[];
+    optionsLoading?: boolean;
+    textAlign?: 'left' | 'right';
+    subtext?: string;
+    errorMessage?: string;
+    selectedOption?: OptionKey;
+    disabled?: boolean;
+    onSelectChange: (value: string) => void;
+    coinSelectorHeading: string;
+    defaultTokenImage: string;
+    environment?: Environment;
+    theme?: WidgetTheme;
+}
+export declare function SelectForm({ testId, options, optionsLoading, subtext, onSelectChange, textAlign, errorMessage, disabled, selectedOption, coinSelectorHeading, defaultTokenImage, environment, theme, }: SelectFormProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/FormComponents/SelectInput/SelectInput.d.ts

@@ -0,0 +1,34 @@
+import { OptionKey } from '@biom3/react';
+import { WidgetTheme } from '@imtbl/checkout-sdk';
+import { Environment } from '@imtbl/config';
+import { InputMode, TextInputType } from '../TextInputForm/TextInputForm';
+import { CoinSelectorOptionProps } from '../../CoinSelector/CoinSelectorOption';
+interface SelectInputProps {
+    testId: string;
+    options: CoinSelectorOptionProps[];
+    selectTextAlign?: 'left' | 'right';
+    textInputTextAlign?: 'left' | 'right';
+    textInputValue: string;
+    textInputPlaceholder?: string;
+    textInputSubtext?: string;
+    textInputErrorMessage?: string;
+    textInputType?: TextInputType;
+    testInputMode?: InputMode;
+    selectSubtext?: string;
+    selectErrorMessage?: string;
+    coinSelectorHeading: string;
+    textInputDisabled?: boolean;
+    selectInputDisabled?: boolean;
+    textInputValidator: (value: string) => boolean;
+    onTextInputChange: (value: string) => void;
+    onTextInputBlur?: (value: string) => void;
+    onTextInputFocus?: (value: string) => void;
+    textInputMaxButtonClick?: () => void;
+    onSelectChange: (value: OptionKey) => void;
+    selectedOption?: OptionKey;
+    defaultTokenImage: string;
+    environment?: Environment;
+    theme?: WidgetTheme;
+}
+export declare function SelectInput({ testId, options, textInputValue, textInputPlaceholder, textInputValidator, textInputType, onTextInputChange, onTextInputBlur, onTextInputFocus, textInputTextAlign, textInputSubtext, textInputErrorMessage, testInputMode, selectTextAlign, selectSubtext, selectErrorMessage, textInputMaxButtonClick, onSelectChange, textInputDisabled, selectInputDisabled, selectedOption, coinSelectorHeading, defaultTokenImage, environment, theme, }: SelectInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/FormComponents/SelectInput/SelectInputStyles.d.ts

@@ -0,0 +1,12 @@
+export declare const selectInputBoxStyle: {
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    columnGap: string;
+};
+export declare const selectStyle: {
+    flex: number;
+};
+export declare const inputStyle: {
+    flex: number;
+};

package/dist/types/components/FormComponents/TextInputForm/TextInputForm.d.ts

@@ -0,0 +1,21 @@
+interface TextInputFormProps {
+    testId: string;
+    value: string;
+    placeholder?: string;
+    subtext?: string;
+    textAlign?: 'left' | 'right';
+    type?: TextInputType;
+    errorMessage?: string;
+    disabled?: boolean;
+    inputMode?: InputMode;
+    validator: (value: string) => boolean;
+    onTextInputChange: (value: string) => void;
+    onTextInputBlur?: (value: string) => void;
+    onTextInputFocus?: (value: string) => void;
+    onTextInputEnter?: () => void;
+    maxButtonClick?: () => void;
+}
+export type TextInputType = 'text' | 'number';
+export type InputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+export declare function TextInputForm({ testId, value, placeholder, errorMessage, validator, onTextInputChange, onTextInputBlur, onTextInputFocus, onTextInputEnter, textAlign, type, subtext, maxButtonClick, disabled, inputMode, }: TextInputFormProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Handover/Handover.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function Handover({ id, children }: {
+    id: string;
+    children?: React.ReactNode;
+}): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Handover/HandoverAnimation.d.ts

@@ -0,0 +1,4 @@
+export declare function HandoverAnimation({ url, inputValue, }: {
+    url: string;
+    inputValue?: number;
+}): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Handover/HandoverContent.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare function HandoverContent({ headingText, subheadingText, primaryButtonText, onPrimaryButtonClick, secondaryButtonText, onSecondaryButtonClick, }: {
+    headingText: string;
+    subheadingText?: ReactNode;
+    primaryButtonText?: string;
+    onPrimaryButtonClick?: () => void;
+    secondaryButtonText?: string;
+    onSecondaryButtonClick?: () => void;
+}): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Header/HeaderNavigation.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface HeaderNavigationProps {
+    title?: string;
+    showBack?: boolean;
+    transparent?: boolean;
+    onBackButtonClick?: () => void;
+    onCloseButtonClick?: () => void;
+    rightActions?: ReactNode;
+}
+export declare function HeaderNavigation({ title, showBack, transparent, onBackButtonClick, onCloseButtonClick, rightActions, }: HeaderNavigationProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Header/HeaderStyles.d.ts

@@ -0,0 +1,6 @@
+export declare const HeaderNavigationStyles: (transparent: boolean) => {
+    backgroundColor: string;
+};
+export declare const ButtonNavigationStyles: (transparent?: boolean) => {
+    backgroundColor: string;
+};

package/dist/types/components/Hero/BridgeHero.d.ts

@@ -0,0 +1 @@
+export declare function BridgeHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/CreditCardWarningHero.d.ts

@@ -0,0 +1 @@
+export declare function CreditCardWarningHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/EthereumPlanetHero.d.ts

@@ -0,0 +1 @@
+export declare function EthereumPlanetHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/HeroImageStyles.d.ts

@@ -0,0 +1,19 @@
+export declare const heroImageStyles: {
+    position: string;
+    top: string;
+    left: string;
+    height: string;
+    width: string;
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+};
+export declare const heroImageBottomAlign: {
+    justifyContent: string;
+};
+export declare const heroBackGroundStyles: {
+    position: string;
+    height: string;
+    width: string;
+};

package/dist/types/components/Hero/IMXCoinsHero.d.ts

@@ -0,0 +1 @@
+export declare function IMXCoinsHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/ImmutablePlanetHero.d.ts

@@ -0,0 +1 @@
+export declare function ImmutablePlanetHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/MetamaskConnectHero.d.ts

@@ -0,0 +1 @@
+export declare function MetamaskConnectHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/NoServiceHero.d.ts

@@ -0,0 +1 @@
+export declare function NoServiceHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/PassportConnectHero.d.ts

@@ -0,0 +1 @@
+export declare function PassportConnectHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/RocketHero.d.ts

@@ -0,0 +1,6 @@
+import { Environment } from '@imtbl/config';
+interface RocketHeroProps {
+    environment: Environment;
+}
+export declare function RocketHero({ environment }: RocketHeroProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Hero/SanctionsHero.d.ts

@@ -0,0 +1 @@
+export declare function SanctionsHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/SatelliteHero.d.ts

@@ -0,0 +1 @@
+export declare function SatelliteHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/SpendingCapHero.d.ts

@@ -0,0 +1 @@
+export declare function SpendingCapHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/TransferAssetsL1WarningHero.d.ts

@@ -0,0 +1 @@
+export declare function TransferAssetsL1WarningHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/WalletApproveHero.d.ts

@@ -0,0 +1 @@
+export declare function WalletApproveHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/WalletWarningHero.d.ts

@@ -0,0 +1 @@
+export declare function WalletWarningHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Hero/WarningHero.d.ts

@@ -0,0 +1 @@
+export declare function WarningHero(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/NetworkSwitchDrawer/NetworkSwitchDrawer.d.ts

@@ -0,0 +1,10 @@
+import { ChainId, Checkout, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+export interface NetworkSwitchDrawerProps {
+    visible: boolean;
+    targetChainId: ChainId;
+    provider: WrappedBrowserProvider;
+    checkout: Checkout;
+    onCloseDrawer: () => void;
+    onNetworkSwitch?: (provider: WrappedBrowserProvider) => void;
+}
+export declare function NetworkSwitchDrawer({ visible, targetChainId, provider, checkout, onCloseDrawer, onNetworkSwitch, }: NetworkSwitchDrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/NotEnoughGas/NotEnoughGas.d.ts

@@ -0,0 +1,11 @@
+import { Environment } from '@imtbl/config';
+type NotEnoughGasProps = {
+    environment: Environment;
+    visible?: boolean;
+    walletAddress: string;
+    tokenSymbol: string;
+    onCloseDrawer?: () => void;
+    onAddCoinsClick?: () => void;
+};
+export declare function NotEnoughGas({ environment, onCloseDrawer, visible, walletAddress, tokenSymbol, onAddCoinsClick, }: NotEnoughGasProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/NotEnoughGas/NotEnoughGasStyles.d.ts

@@ -0,0 +1,40 @@
+export declare const containerStyles: {
+    display: string;
+    flexDirection: string;
+    alignItems: string;
+    paddingBottom: string;
+    height: string;
+    paddingX: string;
+};
+export declare const headingTextStyles: {
+    fontFamily: string;
+    textAlign: string;
+    marginTop: string;
+    paddingX: string;
+};
+export declare const bodyTextStyles: {
+    color: string;
+    fontFamily: string;
+    textAlign: string;
+    marginTop: string;
+    paddingX: string;
+};
+export declare const actionButtonContainerStyles: {
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    gap: string;
+    height: string;
+    width: string;
+};
+export declare const actionButtonStyles: {
+    width: string;
+    height: string;
+};
+export declare const logoContainerStyles: {
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+    paddingTop: string;
+};

package/dist/types/components/NotEnoughImx/NotEnoughImx.d.ts

@@ -0,0 +1,11 @@
+import { Environment } from '@imtbl/config';
+type NotEnoughImxProps = {
+    environment: Environment;
+    visible: boolean;
+    showAdjustAmount: boolean;
+    hasZeroImx: boolean;
+    onCloseDrawer?: () => void;
+    onAddCoinsClick: () => void;
+};
+export declare function NotEnoughImx({ environment, visible, showAdjustAmount, hasZeroImx, onCloseDrawer, onAddCoinsClick, }: NotEnoughImxProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/NotEnoughImx/NotEnoughImxStyles.d.ts

@@ -0,0 +1,33 @@
+export declare const containerStyles: {
+    display: string;
+    flexDirection: string;
+    alignItems: string;
+    paddingTop: string;
+    paddingBottom: string;
+    height: string;
+};
+export declare const contentTextStyles: {
+    color: string;
+    fontFamily: string;
+    textAlign: string;
+    marginTop: string;
+};
+export declare const actionButtonContainerStyles: {
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    gap: string;
+    height: string;
+    width: string;
+};
+export declare const actionButtonStyles: {
+    width: string;
+    height: string;
+};
+export declare const logoContainerStyles: {
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+    paddingTop: string;
+};

package/dist/types/components/RawImage/RawImage.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '@biom3/react';
+export type RawImageProps = {
+    src: string;
+    alt: string;
+} & BoxProps;
+export declare function RawImage({ src, alt, sx, ...props }: RawImageProps): import("@emotion/react/jsx-runtime").JSX.Element;