@reown/appkit-ui 0.0.3

package/dist/types/src/composites/wui-transaction-list-item/index.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+import { type TransactionType } from '../../utils/TypeUtil.js';
+import type { TransactionStatus, TransactionDirection, TransactionImage } from '@reown/appkit-common';
+import '../../components/wui-text/index.js';
+import '../wui-transaction-visual/index.js';
+export declare class WuiTransactionListItem extends LitElement {
+    static styles: import("lit").CSSResult[];
+    type: TransactionType;
+    descriptions?: string[];
+    date?: string;
+    onlyDirectionIcon?: boolean;
+    status?: TransactionStatus;
+    direction?: TransactionDirection;
+    images: TransactionImage[];
+    price: TransactionImage[];
+    amount: TransactionImage[];
+    symbol: TransactionImage[];
+    render(): import("lit").TemplateResult<1>;
+    private templateDescription;
+    private templateSecondDescription;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'wui-transaction-list-item': WuiTransactionListItem;
+    }
+}

package/dist/types/src/composites/wui-transaction-list-item/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/composites/wui-transaction-list-item-loader/index.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+import '../../components/wui-text/index.js';
+import '../wui-transaction-visual/index.js';
+export declare class WuiTransactionListItemLoader extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'wui-transaction-list-item-loader': WuiTransactionListItemLoader;
+    }
+}

package/dist/types/src/composites/wui-transaction-list-item-loader/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/composites/wui-transaction-visual/index.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+import type { TransactionDirection, TransactionImage, TransactionStatus } from '@reown/appkit-common';
+import type { TransactionType } from '../../utils/TypeUtil.js';
+import '../../components/wui-image/index.js';
+import '../wui-icon-box/index.js';
+export declare class WuiTransactionVisual extends LitElement {
+    static styles: import("lit").CSSResult[];
+    type?: TransactionType;
+    status?: TransactionStatus;
+    direction?: TransactionDirection;
+    onlyDirectionIcon?: boolean;
+    images: TransactionImage[];
+    secondImage: TransactionImage;
+    render(): import("lit").TemplateResult<1>;
+    private templateVisual;
+    private templateIcon;
+    private getDirectionIcon;
+    private getIcon;
+    private getStatusColor;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'wui-transaction-visual': WuiTransactionVisual;
+    }
+}

package/dist/types/src/composites/wui-transaction-visual/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/composites/wui-visual-thumbnail/index.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+import '../../components/wui-image/index.js';
+import '../../components/wui-icon/index.js';
+export declare class WuiVisualThumbnail extends LitElement {
+    static styles: import("lit").CSSResult[];
+    imageSrc?: string | null;
+    alt?: string;
+    borderRadiusFull?: boolean;
+    render(): import("lit").TemplateResult<1>;
+    private templateVisual;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'wui-visual-thumbnail': WuiVisualThumbnail;
+    }
+}

package/dist/types/src/composites/wui-visual-thumbnail/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/composites/wui-wallet-image/index.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-image/index.js';
+import type { IconType, SizeType } from '../../utils/TypeUtil.js';
+import '../wui-icon-box/index.js';
+export declare class WuiWalletImage extends LitElement {
+    static styles: import("lit").CSSResult[];
+    size: Exclude<SizeType, 'xl' | 'xs' | 'xxs'>;
+    name: string;
+    imageSrc?: string;
+    walletIcon?: IconType;
+    installed: boolean;
+    badgeSize: SizeType;
+    render(): import("lit").TemplateResult<1>;
+    private templateVisual;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'wui-wallet-image': WuiWalletImage;
+    }
+}

package/dist/types/src/composites/wui-wallet-image/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/layout/wui-flex/index.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+import type { FlexAlignItemsType, FlexBasisType, FlexDirectionType, FlexGrowType, FlexJustifyContentType, FlexShrinkType, FlexWrapType, SpacingType } from '../../utils/TypeUtil.js';
+export declare class WuiFlex extends LitElement {
+    static styles: import("lit").CSSResult[];
+    flexDirection?: FlexDirectionType;
+    flexWrap?: FlexWrapType;
+    flexBasis?: FlexBasisType;
+    flexGrow?: FlexGrowType;
+    flexShrink?: FlexShrinkType;
+    alignItems?: FlexAlignItemsType;
+    justifyContent?: FlexJustifyContentType;
+    columnGap?: SpacingType;
+    rowGap?: SpacingType;
+    gap?: SpacingType;
+    padding?: SpacingType | SpacingType[];
+    margin?: SpacingType | SpacingType[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'wui-flex': WuiFlex;
+    }
+}

package/dist/types/src/layout/wui-flex/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/layout/wui-grid/index.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+import type { GridContentType, GridItemsType, SpacingType } from '../../utils/TypeUtil.js';
+export declare class WuiGrid extends LitElement {
+    static styles: import("lit").CSSResult[];
+    gridTemplateRows?: string;
+    gridTemplateColumns?: string;
+    justifyItems?: GridItemsType;
+    alignItems?: GridItemsType;
+    justifyContent?: GridContentType;
+    alignContent?: GridContentType;
+    columnGap?: SpacingType;
+    rowGap?: SpacingType;
+    gap?: SpacingType;
+    padding?: SpacingType | SpacingType[];
+    margin?: SpacingType | SpacingType[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'wui-grid': WuiGrid;
+    }
+}

package/dist/types/src/layout/wui-grid/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/layout/wui-separator/index.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+import '../../components/wui-text/index.js';
+export declare class WuiSeparator extends LitElement {
+    static styles: import("lit").CSSResult[];
+    text?: string | undefined;
+    render(): import("lit").TemplateResult<1>;
+    private template;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'wui-separator': WuiSeparator;
+    }
+}

package/dist/types/src/layout/wui-separator/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/utils/ConstantsUtil.d.ts

@@ -0,0 +1,2 @@
+export declare const specialCharactersRegex: RegExp;
+export declare const numbersRegex: RegExp;

package/dist/types/src/utils/JSXTypeUtil.d.ts

@@ -0,0 +1,155 @@
+import type { WuiCard } from '../components/wui-card/index.js';
+import type { WuiIcon } from '../components/wui-icon/index.js';
+import type { WuiImage } from '../components/wui-image/index.js';
+import type { WuiLoadingHexagon } from '../components/wui-loading-hexagon/index.js';
+import type { WuiLoadingSpinner } from '../components/wui-loading-spinner/index.js';
+import type { WuiLoadingThumbnail } from '../components/wui-loading-thumbnail/index.js';
+import type { WuiShimmer } from '../components/wui-shimmer/index.js';
+import type { WuiText } from '../components/wui-text/index.js';
+import type { WuiVisual } from '../components/wui-visual/index.js';
+import type { WuiAccountButton } from '../composites/wui-account-button/index.js';
+import type { WuiAllWalletsImage } from '../composites/wui-all-wallets-image/index.js';
+import type { WuiAvatar } from '../composites/wui-avatar/index.js';
+import type { WuiBalance } from '../composites/wui-balance/index.js';
+import type { WuiBanner } from '../composites/wui-banner/index.js';
+import type { WuiButton } from '../composites/wui-button/index.js';
+import type { WuiCardSelect } from '../composites/wui-card-select/index.js';
+import type { WuiCardSelectLoader } from '../composites/wui-card-select-loader/index.js';
+import type { WuiChip } from '../composites/wui-chip/index.js';
+import type { WuiCompatibleNetwork } from '../composites/wui-compatible-network/index.js';
+import type { WuiChipButton } from '../composites/wui-chip-button/index.js';
+import type { WuiConnectButton } from '../composites/wui-connect-button/index.js';
+import type { WuiCtaButton } from '../composites/wui-cta-button/index.js';
+import type { WuiDetailsGroup } from '../composites/wui-details-group/index.js';
+import type { WuiDetailsGroupItem } from '../composites/wui-details-group-item/index.js';
+import type { WuiEmailInput } from '../composites/wui-email-input/index.js';
+import type { WuiEnsInput } from '../composites/wui-ens-input/index.js';
+import type { WuiIconBox } from '../composites/wui-icon-box/index.js';
+import type { WuiIconLink } from '../composites/wui-icon-link/index.js';
+import type { WuiInputAmount } from '../composites/wui-input-amount/index.js';
+import type { WuiInputElement } from '../composites/wui-input-element/index.js';
+import type { WuiInputNumeric } from '../composites/wui-input-numeric/index.js';
+import type { WuiInputText } from '../composites/wui-input-text/index.js';
+import type { WuiLink } from '../composites/wui-link/index.js';
+import type { WuiListAccordion } from '../composites/wui-list-accordion/index.js';
+import type { WuiListButton } from '../composites/wui-list-button/index.js';
+import type { WuiListContent } from '../composites/wui-list-content/index.js';
+import type { WuiListDescription } from '../composites/wui-list-description/index.js';
+import type { WuiListItem } from '../composites/wui-list-item/index.js';
+import type { WuiListNetwork } from '../composites/wui-list-network/index.js';
+import type { WuiListToken } from '../composites/wui-list-token/index.js';
+import type { WuiListSocial } from '../composites/wui-list-social/index.js';
+import type { WuiListWallet } from '../composites/wui-list-wallet/index.js';
+import type { WuiLogo } from '../composites/wui-logo/index.js';
+import type { WuiLogoSelect } from '../composites/wui-logo-select/index.js';
+import type { WuiNetworkButton } from '../composites/wui-network-button/index.js';
+import type { WuiNetworkImage } from '../composites/wui-network-image/index.js';
+import type { WuiOtp } from '../composites/wui-otp/index.js';
+import type { WuiQrCode } from '../composites/wui-qr-code/index.js';
+import type { WuiSearchBar } from '../composites/wui-search-bar/index.js';
+import type { WuiSelect } from '../composites/wui-select/index.js';
+import type { WuiSnackbar } from '../composites/wui-snackbar/index.js';
+import type { WuiTabs } from '../composites/wui-tabs/index.js';
+import type { WuiTag } from '../composites/wui-tag/index.js';
+import type { WuiTokenButton } from '../composites/wui-token-button/index.js';
+import type { WuiTokenListItem } from '../composites/wui-token-list-item/index.js';
+import type { WuiTooltip } from '../composites/wui-tooltip/index.js';
+import type { WuiIconButton } from '../composites/wui-icon-button/index.js';
+import type { WuiTransactionListItem } from '../composites/wui-transaction-list-item/index.js';
+import type { WuiTransactionListItemLoader } from '../composites/wui-transaction-list-item-loader/index.js';
+import type { WuiTransactionVisual } from '../composites/wui-transaction-visual/index.js';
+import type { WuiVisualThumbnail } from '../composites/wui-visual-thumbnail/index.js';
+import type { WuiWalletImage } from '../composites/wui-wallet-image/index.js';
+import type { WuiNoticeCard } from '../composites/wui-notice-card/index.js';
+import type { WuiListWalletTransaction } from '../composites/wui-list-wallet-transaction/index.js';
+import type { WuiPromo } from '../composites/wui-promo/index.js';
+import type { WuiProfileButton } from '../composites/wui-profile-button/index.js';
+import type { WuiProfileButtonV2 } from '../composites/wui-profile-button-v2/index.js';
+import type { WuiListAccount } from '../composites/wui-list-account/index.js';
+import type { WuiPreviewItem } from '../composites/wui-preview-item/index.js';
+import type { WuiFlex } from '../layout/wui-flex/index.js';
+import type { WuiGrid } from '../layout/wui-grid/index.js';
+import type { WuiSeparator } from '../layout/wui-separator/index.js';
+type CustomElement<E> = Partial<E & {
+    children?: any;
+    onClick: any;
+}>;
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'wui-card': CustomElement<WuiCard>;
+            'wui-icon': CustomElement<WuiIcon>;
+            'wui-image': CustomElement<WuiImage>;
+            'wui-loading-hexagon': CustomElement<WuiLoadingHexagon>;
+            'wui-loading-spinner': CustomElement<WuiLoadingSpinner>;
+            'wui-loading-thumbnail': CustomElement<WuiLoadingThumbnail>;
+            'wui-shimmer': CustomElement<WuiShimmer>;
+            'wui-text': CustomElement<WuiText>;
+            'wui-visual': CustomElement<WuiVisual>;
+            'wui-account-button': CustomElement<WuiAccountButton>;
+            'wui-all-wallets-image': CustomElement<WuiAllWalletsImage>;
+            'wui-avatar': CustomElement<WuiAvatar>;
+            'wui-balance': CustomElement<WuiBalance>;
+            'wui-button': CustomElement<WuiButton>;
+            'wui-card-select-loader': CustomElement<WuiCardSelectLoader>;
+            'wui-card-select': CustomElement<WuiCardSelect>;
+            'wui-chip-button': CustomElement<WuiChipButton>;
+            'wui-chip': CustomElement<WuiChip>;
+            'wui-compatible-network': CustomElement<WuiCompatibleNetwork>;
+            'wui-connect-button': CustomElement<WuiConnectButton>;
+            'wui-cta-button': CustomElement<WuiCtaButton>;
+            'wui-details-group-item': CustomElement<WuiDetailsGroupItem>;
+            'wui-details-group': CustomElement<WuiDetailsGroup>;
+            'wui-email-input': CustomElement<WuiEmailInput>;
+            'wui-ens-input': CustomElement<WuiEnsInput>;
+            'wui-icon-box': CustomElement<WuiIconBox>;
+            'wui-icon-link': CustomElement<WuiIconLink>;
+            'wui-input-amount': CustomElement<WuiInputAmount>;
+            'wui-input-element': CustomElement<WuiInputElement>;
+            'wui-input-numeric': CustomElement<WuiInputNumeric>;
+            'wui-input-text': CustomElement<WuiInputText>;
+            'wui-link': CustomElement<WuiLink>;
+            'wui-list-accordion': CustomElement<WuiListAccordion>;
+            'wui-list-button': CustomElement<WuiListButton>;
+            'wui-list-content': CustomElement<WuiListContent>;
+            'wui-list-description': CustomElement<WuiListDescription>;
+            'wui-list-item': CustomElement<WuiListItem>;
+            'wui-list-network': CustomElement<WuiListNetwork>;
+            'wui-list-social': CustomElement<WuiListSocial>;
+            'wui-list-token': CustomElement<WuiListToken>;
+            'wui-list-wallet-transaction': CustomElement<WuiListWalletTransaction>;
+            'wui-list-wallet': CustomElement<WuiListWallet>;
+            'wui-logo-select': CustomElement<WuiLogoSelect>;
+            'wui-logo': CustomElement<WuiLogo>;
+            'wui-network-button': CustomElement<WuiNetworkButton>;
+            'wui-network-image': CustomElement<WuiNetworkImage>;
+            'wui-notice-card': CustomElement<WuiNoticeCard>;
+            'wui-otp': CustomElement<WuiOtp>;
+            'wui-preview-item': CustomElement<WuiPreviewItem>;
+            'wui-profile-button': CustomElement<WuiProfileButton>;
+            'wui-profile-button-v2': CustomElement<WuiProfileButtonV2>;
+            'wui-promo': CustomElement<WuiPromo>;
+            'wui-qr-code': CustomElement<WuiQrCode>;
+            'wui-search-bar': CustomElement<WuiSearchBar>;
+            'wui-select': CustomElement<WuiSelect>;
+            'wui-snackbar': CustomElement<WuiSnackbar>;
+            'wui-tabs': CustomElement<WuiTabs>;
+            'wui-tag': CustomElement<WuiTag>;
+            'wui-token-button': CustomElement<WuiTokenButton>;
+            'wui-token-list-item': CustomElement<WuiTokenListItem>;
+            'wui-icon-button': CustomElement<WuiIconButton>;
+            'wui-tooltip': CustomElement<WuiTooltip>;
+            'wui-transaction-list-item-loader': CustomElement<WuiTransactionListItemLoader>;
+            'wui-transaction-list-item': CustomElement<WuiTransactionListItem>;
+            'wui-transaction-visual': CustomElement<WuiTransactionVisual>;
+            'wui-visual-thumbnail': CustomElement<WuiVisualThumbnail>;
+            'wui-wallet-image': CustomElement<WuiWalletImage>;
+            'wui-banner': CustomElement<WuiBanner>;
+            'wui-list-account': CustomElement<WuiListAccount>;
+            'wui-flex': CustomElement<WuiFlex>;
+            'wui-grid': CustomElement<WuiGrid>;
+            'wui-separator': CustomElement<WuiSeparator>;
+        }
+    }
+}
+export {};

package/dist/types/src/utils/MathUtil.d.ts

@@ -0,0 +1,3 @@
+export declare const MathUtil: {
+    interpolate(inputRange: number[], outputRange: number[], value: number): number;
+};

package/dist/types/src/utils/QrCode.d.ts

@@ -0,0 +1,4 @@
+import type { TemplateResult } from 'lit';
+export declare const QrCodeUtil: {
+    generate(uri: string, size: number, logoSize: number): TemplateResult[];
+};

package/dist/types/src/utils/ThemeUtil.d.ts

@@ -0,0 +1,7 @@
+import type { ThemeVariables, ThemeType } from '@reown/appkit-common';
+export declare function initializeTheming(themeVariables?: ThemeVariables, themeMode?: ThemeType): void;
+export declare function setColorTheme(themeMode?: string): void;
+export declare function setThemeVariables(themeVariables: ThemeVariables): void;
+export declare const resetStyles: import("lit").CSSResult;
+export declare const elementStyles: import("lit").CSSResult;
+export declare const colorStyles: import("lit").CSSResult;

package/dist/types/src/utils/TransactionUtil.d.ts

@@ -0,0 +1,13 @@
+import type { TransactionTransfer, Transaction, TransactionImage } from '@reown/appkit-common';
+export declare const TransactionUtil: {
+    getMonthName(monthNumber: number): string;
+    getTransactionGroupTitle(year: number, month: number): string;
+    getTransactionImages(transfers: TransactionTransfer[]): TransactionImage[];
+    getTransactionImage(transfer?: TransactionTransfer): TransactionImage;
+    getTransactionImageURL(transfer: TransactionTransfer | undefined): string | undefined;
+    getTransactionTransferTokenType(transfer?: TransactionTransfer): 'FUNGIBLE' | 'NFT' | undefined;
+    getTransactionDescriptions(transaction: Transaction): string[];
+    getTransferDescription(transfer?: TransactionTransfer): string;
+    getFungibleTransferDescription(transfer?: TransactionTransfer): string | null;
+    getQuantityFixedValue(value: string | undefined): string | null;
+};

package/dist/types/src/utils/TypeUtil.d.ts

@@ -0,0 +1,85 @@
+export type ColorType = 'accent-100' | 'error-100' | 'fg-100' | 'fg-150' | 'fg-200' | 'fg-250' | 'fg-300' | 'inherit' | 'inverse-000' | 'inverse-100' | 'success-100' | 'gray-glass-005' | 'gray-glass-020';
+export type TextType = 'large-500' | 'large-600' | 'large-700' | 'medium-400' | 'medium-600' | 'medium-title-600' | 'micro-600' | 'title-6-600' | 'micro-700' | 'mini-700' | 'paragraph-400' | 'paragraph-500' | 'paragraph-600' | 'paragraph-700' | 'small-400' | 'small-500' | 'small-600' | 'tiny-400' | 'tiny-500' | 'tiny-600' | '2xl-500';
+export type TextAlign = 'center' | 'left' | 'right';
+export type LineClamp = '1' | '2';
+export type SizeType = 'inherit' | 'xl' | 'lg' | 'md' | 'mdl' | 'sm' | 'xs' | 'xxs' | 'xxl';
+export type SpacingType = '0' | '1xs' | '2xl' | '3xl' | '4xl' | '5xl' | '3xs' | '4xs' | 'l' | '2l' | 'm' | 's' | 'xl' | 'xs' | 'xxl' | 'xxs';
+export type BorderRadiusType = Exclude<SpacingType, '1xs' | 'xl' | 'xxl'> | 'xs';
+export type FlexDirectionType = 'column-reverse' | 'column' | 'row-reverse' | 'row';
+export type FlexWrapType = 'nowrap' | 'wrap-reverse' | 'wrap';
+export type FlexBasisType = 'auto' | 'content' | 'fit-content' | 'max-content' | 'min-content';
+export type FlexGrowType = '0' | '1';
+export type FlexShrinkType = '0' | '1';
+export type FlexAlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
+export type FlexJustifyContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly';
+export interface IWalletImage {
+    src: string;
+    walletName?: string;
+}
+export type GridContentType = 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly' | 'start' | 'stretch';
+export type GridItemsType = 'center' | 'end' | 'start' | 'stretch';
+export type IconType = 'add' | 'allWallets' | 'arrowBottomCircle' | 'appStore' | 'chromeStore' | 'apple' | 'arrowBottom' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'bank' | 'browser' | 'card' | 'checkmark' | 'checkmarkBold' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'cursor' | 'cursorTransparent' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'farcaster' | 'filters' | 'github' | 'google' | 'helpCircle' | 'image' | 'id' | 'infoCircle' | 'lightbulb' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'playStore' | 'plus' | 'qrCode' | 'recycleHorizontal' | 'refresh' | 'search' | 'send' | 'swapHorizontal' | 'swapHorizontalBold' | 'swapHorizontalMedium' | 'swapHorizontalRoundedBold' | 'swapVertical' | 'telegram' | 'threeDots' | 'twitch' | 'twitter' | 'twitterIcon' | 'verify' | 'verifyFilled' | 'wallet' | 'walletConnect' | 'walletPlaceholder' | 'warningCircle' | 'x';
+export type VisualType = 'browser' | 'meld' | 'coinbase' | 'dao' | 'defi' | 'defiAlt' | 'eth' | 'google' | 'layers' | 'lightbulb' | 'lock' | 'login' | 'network' | 'nft' | 'noun' | 'onrampCard' | 'profile' | 'system' | 'moonpay' | 'stripe' | 'paypal' | 'pencil' | 'solana';
+export type VisualSize = 'sm' | 'md' | 'lg';
+export type LogoType = 'apple' | 'discord' | 'facebook' | 'github' | 'google' | 'more' | 'telegram' | 'twitch' | 'x' | 'farcaster';
+export type PlacementType = 'bottom' | 'left' | 'right' | 'top';
+export type ChipType = 'fill' | 'shade' | 'shadeSmall' | 'transparent' | 'success' | 'error';
+export type ChipButtonVariant = 'accent' | 'main' | 'shade' | 'gray';
+export type ButtonSize = 'lg' | 'md';
+export type ButtonVariant = 'main' | 'inverse' | 'accent' | 'accent-error' | 'accent-success' | 'neutral';
+export type TransactionType = 'approve' | 'bought' | 'borrow' | 'burn' | 'cancel' | 'claim' | 'deploy' | 'deposit' | 'execute' | 'mint' | 'receive' | 'repay' | 'send' | 'stake' | 'trade' | 'unstake' | 'withdraw';
+export declare enum TransactionTypePastTense {
+    'approve' = "approved",
+    'bought' = "bought",
+    'borrow' = "borrowed",
+    'burn' = "burnt",
+    'cancel' = "canceled",
+    'claim' = "claimed",
+    'deploy' = "deployed",
+    'deposit' = "deposited",
+    'execute' = "executed",
+    'mint' = "minted",
+    'receive' = "received",
+    'repay' = "repaid",
+    'send' = "sent",
+    'sell' = "sold",
+    'stake' = "staked",
+    'trade' = "swapped",
+    'unstake' = "unstaked",
+    'withdraw' = "withdrawn"
+}
+export type TransactionIconType = 'arrowBottom' | 'arrowTop' | 'swapVertical' | 'swapHorizontalBold' | 'checkmark' | 'close';
+export type CardSelectType = 'network' | 'wallet';
+export type BackgroundType = 'opaque' | 'gray' | 'transparent';
+export type TagType = 'main' | 'shade' | 'error' | 'success';
+export type AccountEntryType = 'icon' | 'image';
+export type ThemeType = 'dark' | 'light';
+export type InputType = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
+export interface ThemeVariables {
+    '--w3m-font-family'?: string;
+    '--w3m-accent'?: string;
+    '--w3m-color-mix'?: string;
+    '--w3m-color-mix-strength'?: number;
+    '--w3m-font-size-master'?: string;
+    '--w3m-border-radius-master'?: string;
+    '--w3m-z-index'?: number;
+}
+export type IconBoxBorderType = 'wui-color-bg-125' | 'wui-accent-glass-010';
+export type TruncateType = 'start' | 'middle' | 'end';
+export type TruncateOptions = {
+    string: string;
+    charsStart: number;
+    charsEnd: number;
+    truncate: TruncateType;
+};
+export interface TokenInfo {
+    address: `0x${string}`;
+    symbol: string;
+    name: string;
+    decimals: number;
+    logoURI: string;
+    domainVersion?: string;
+    eip2612?: boolean;
+    isFoT?: boolean;
+    tags?: string[];
+}

package/dist/types/src/utils/UiHelperUtil.d.ts

@@ -0,0 +1,15 @@
+import type { SpacingType, ThemeType, TruncateOptions } from './TypeUtil.js';
+export declare const UiHelperUtil: {
+    getSpacingStyles(spacing: SpacingType | SpacingType[], index: number): string | undefined;
+    getFormattedDate(date: Date): string;
+    getHostName(url: string): string;
+    getTruncateString({ string, charsStart, charsEnd, truncate }: TruncateOptions): string;
+    generateAvatarColors(address: string): string;
+    hexToRgb(hex: string): [number, number, number];
+    tintColor(rgb: [number, number, number], tint: number): [number, number, number];
+    isNumber(character: string): boolean;
+    getColorTheme(theme: ThemeType | undefined): ThemeType;
+    splitBalance(input: string): [string, string];
+    roundNumber(number: number, threshold: number, fixed: number): string | number;
+    formatNumberToLocalString(value: string | number | undefined, decimals?: number): string;
+};

package/dist/types/src/utils/WebComponentsUtil.d.ts

@@ -0,0 +1,17 @@
+type Constructor<T> = new (...args: any[]) => T;
+interface ClassDescriptor {
+    kind: 'class';
+    elements: ClassElement[];
+    finisher?: <T>(clazz: Constructor<T>) => undefined | Constructor<T>;
+}
+interface ClassElement {
+    kind: 'field' | 'method';
+    key: PropertyKey;
+    placement: 'static' | 'prototype' | 'own';
+    initializer?: Function;
+    extras?: ClassElement[];
+    finisher?: <T>(clazz: Constructor<T>) => undefined | Constructor<T>;
+    descriptor?: PropertyDescriptor;
+}
+export declare function customElement(tagName: string): (classOrDescriptor: Constructor<HTMLElement> | ClassDescriptor) => any;
+export {};

package/dist/types/tests/Math.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/UiHelperUtil.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@reown/appkit-ui",
+  "version": "0.0.3",
+  "type": "module",
+  "main": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist",
+    "!tsconfig.tsbuildinfo"
+  ],
+  "dependencies": {
+    "lit": "3.1.0",
+    "qrcode": "1.5.3"
+  },
+  "devDependencies": {
+    "@types/qrcode": "1.5.5",
+    "eslint-plugin-lit": "1.11.0",
+    "eslint-plugin-wc": "2.0.4",
+    "vitest": "2.0.3",
+    "@vitest/coverage-v8": "2.0.5",
+    "@reown/appkit-common": "0.0.3",
+    "@reown/appkit-core": "0.0.3",
+    "@reown/appkit-wallet": "0.0.3"
+  },
+  "author": "reown <reown.com>",
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/web3modal/web3modal",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/WalletConnect/shadow-appkit.git"
+  },
+  "bugs": {
+    "url": "https://github.com/web3modal/web3modal/issues"
+  },
+  "scripts": {
+    "build:clean": "rm -rf dist",
+    "build": "tsc --build",
+    "watch": "tsc --watch",
+    "test": "vitest run --dir tests --coverage.enabled --reporter=junit --coverage.reporter=json-summary --coverage.reporter=html",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
+  }
+}

package/readme.md

@@ -0,0 +1,11 @@
+#### 📚 [Documentation](https://docs.walletconnect.com/2.0/web3modal/about)
+
+#### 🔗 [Website](https://web3modal.com)
+
+# Web3Modal
+
+Your on-ramp to web3 multichain. Web3Modal is a versatile library that makes it super easy to connect users with your Dapp and start interacting with the blockchain.
+
+<p align="center">
+  <img src="./.github/assets/header.png" alt="" border="0">
+</p>