@ton/appkit-react 1.0.0-alpha.0 → 1.0.0-alpha.1

package/dist/esm/utils/map-defi-error.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { DefiError } from '@ton/appkit';
+import { DefiError, DefiErrorCode } from '@ton/appkit';
 /**
  * Map a thrown error to an i18n key from the `defi.*` namespace.
  * Returns `null` when the error isn't a {@link DefiError} or the code isn't recognised —
@@ -15,17 +15,17 @@ export const mapDefiError = (error) => {
     if (!(error instanceof DefiError))
         return null;
     switch (error.code) {
-        case DefiError.UNSUPPORTED_NETWORK:
+        case DefiErrorCode.UnsupportedNetwork:
             return 'defi.unsupportedNetwork';
-        case DefiError.NETWORK_ERROR:
+        case DefiErrorCode.NetworkError:
             return 'defi.networkError';
-        case DefiError.PROVIDER_NOT_FOUND:
+        case DefiErrorCode.ProviderNotFound:
             return 'defi.providerNotFound';
-        case DefiError.NO_DEFAULT_PROVIDER:
+        case DefiErrorCode.NoDefaultProvider:
             return 'defi.noDefaultProvider';
-        case DefiError.INVALID_PROVIDER:
+        case DefiErrorCode.InvalidProvider:
             return 'defi.invalidProvider';
-        case DefiError.INVALID_PARAMS:
+        case DefiErrorCode.InvalidParams:
             return 'defi.invalidParams';
         default:
             return null;

package/dist/esm/utils/map-defi-error.js.map

@@ -1 +1 @@
-{"version":3,"file":"map-defi-error.js","sourceRoot":"","sources":["../../../src/utils/map-defi-error.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAc,EAAiB,EAAE;IAC1D,IAAI,CAAC,CAAC,KAAK,YAAY,SAAS,CAAC;QAAE,OAAO,IAAI,CAAC;IAE/C,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,SAAS,CAAC,mBAAmB;YAC9B,OAAO,yBAAyB,CAAC;QACrC,KAAK,SAAS,CAAC,aAAa;YACxB,OAAO,mBAAmB,CAAC;QAC/B,KAAK,SAAS,CAAC,kBAAkB;YAC7B,OAAO,uBAAuB,CAAC;QACnC,KAAK,SAAS,CAAC,mBAAmB;YAC9B,OAAO,wBAAwB,CAAC;QACpC,KAAK,SAAS,CAAC,gBAAgB;YAC3B,OAAO,sBAAsB,CAAC;QAClC,KAAK,SAAS,CAAC,cAAc;YACzB,OAAO,oBAAoB,CAAC;QAChC;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"map-defi-error.js","sourceRoot":"","sources":["../../../src/utils/map-defi-error.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEvD;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAc,EAAiB,EAAE;IAC1D,IAAI,CAAC,CAAC,KAAK,YAAY,SAAS,CAAC;QAAE,OAAO,IAAI,CAAC;IAE/C,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,aAAa,CAAC,kBAAkB;YACjC,OAAO,yBAAyB,CAAC;QACrC,KAAK,aAAa,CAAC,YAAY;YAC3B,OAAO,mBAAmB,CAAC;QAC/B,KAAK,aAAa,CAAC,gBAAgB;YAC/B,OAAO,uBAAuB,CAAC;QACnC,KAAK,aAAa,CAAC,iBAAiB;YAChC,OAAO,wBAAwB,CAAC;QACpC,KAAK,aAAa,CAAC,eAAe;YAC9B,OAAO,sBAAsB,CAAC;QAClC,KAAK,aAAa,CAAC,aAAa;YAC5B,OAAO,oBAAoB,CAAC;QAChC;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC,CAAC"}

package/dist/types/features/balances/index.d.ts

@@ -6,7 +6,6 @@
  *
  */
 export * from './components/currency-item';
-export * from './components/balance-badge';
 export * from './components/send-ton-button';
 export * from './components/send-jetton-button';
 export * from './hooks/use-balance';

package/dist/types/features/balances/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/balances/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAEhD,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/balances/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAEhD,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sCAAsC,CAAC"}

package/dist/types/features/staking/components/select-unstake-mode/select-unstake-mode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-unstake-mode.d.ts","sourceRoot":"","sources":["../../../../../../src/features/staking/components/select-unstake-mode/select-unstake-mode.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAQ9F,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,KAAK,CAAC;IACjE,KAAK,EAAE,YAAY,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC9C,gBAAgB,EAAE,uBAAuB,GAAG,SAAS,CAAC;CACzD;AAQD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA8FxD,CAAC"}
+{"version":3,"file":"select-unstake-mode.d.ts","sourceRoot":"","sources":["../../../../../../src/features/staking/components/select-unstake-mode/select-unstake-mode.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAS9F,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,KAAK,CAAC;IACjE,KAAK,EAAE,YAAY,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC9C,gBAAgB,EAAE,uBAAuB,GAAG,SAAS,CAAC;CACzD;AAQD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAqGxD,CAAC"}

package/dist/types/features/staking/components/staking-widget-ui/staking-widget-ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"staking-widget-ui.d.ts","sourceRoot":"","sources":["../../../../../../src/features/staking/components/staking-widget-ui/staking-widget-ui.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAY3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAMrE,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAElF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,wBAAwB,CAyKxD,CAAC"}
+{"version":3,"file":"staking-widget-ui.d.ts","sourceRoot":"","sources":["../../../../../../src/features/staking/components/staking-widget-ui/staking-widget-ui.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAY3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAMrE,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAElF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,wBAAwB,CA0KxD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ton/appkit-react",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.1",
   "type": "module",
   "repository": {
     "type": "git",
@@ -36,7 +36,7 @@
     "clsx": "2.1.1",
     "radix-ui": "^1.4.3",
     "rosetta": "1.1.0",
-    "@ton/appkit": "1.0.0-alpha.0"
+    "@ton/appkit": "1.0.0-alpha.1"
   },
   "devDependencies": {
     "@storybook/addon-docs": "10.3.5",

package/src/components/shared/settings-button/settings-button.tsx

@@ -21,7 +21,7 @@ export const SettingsButton: FC<SettingsButtonProps> = ({ onClick, className, ..
     return (
         <Button
             className={clsx(styles.settingsButton, className)}
-            variant="secondary"
+            variant="gray"
             size="l"
             borderRadius="l"
             onClick={onClick}

package/src/features/balances/components/send-jetton-button/send-jetton-button.tsx

@@ -40,7 +40,7 @@ export const SendJettonButton: FC<SendJettonButtonProps> = ({
             throw new Error('Jetton address is required');
         }
 
-        if (!jetton.decimals) {
+        if (jetton.decimals === undefined) {
             throw new Error('Jetton decimals is required');
         }
 
@@ -54,7 +54,7 @@ export const SendJettonButton: FC<SendJettonButtonProps> = ({
     }, [appKit, recipientAddress, amount, comment, jetton]);
 
     const text = useMemo(() => {
-        if (amount && jetton.decimals) {
+        if (amount && jetton.decimals !== undefined) {
             return t('balances.sendJettonWithAmount', {
                 amount: formatUnits(parseUnits(amount, jetton.decimals), jetton.decimals).toString(),
                 symbol: jetton.symbol,
@@ -68,7 +68,7 @@ export const SendJettonButton: FC<SendJettonButtonProps> = ({
         <Send
             request={createTransferTransaction}
             text={text}
-            disabled={!recipientAddress || !amount || !jetton.address || !jetton.decimals}
+            disabled={!recipientAddress || !amount || !jetton.address || jetton.decimals === undefined}
             {...props}
         />
     );

package/src/features/balances/index.ts

@@ -7,7 +7,6 @@
  */
 
 export * from './components/currency-item';
-export * from './components/balance-badge';
 export * from './components/send-ton-button';
 export * from './components/send-jetton-button';
 

package/src/features/staking/components/select-unstake-mode/select-unstake-mode.tsx

@@ -17,6 +17,7 @@ import { ChevronDownIcon } from '../../../../components/ui/icons';
 import { useI18n } from '../../../settings/hooks/use-i18n';
 import { formatAmount } from '../staking-info/utils';
 import styles from './select-unstake-mode.module.css';
+import { Button } from '../../../../components/ui/button';
 
 export interface SelectUnstakeModeProps extends ComponentProps<'div'> {
     value: UnstakeModes;
@@ -84,13 +85,20 @@ export const SelectUnstakeMode: FC<SelectUnstakeModeProps> = ({
 
     return (
         <div className={clsx(styles.root, className)} {...props}>
-            <button type="button" className={styles.header} onClick={() => setOpen((v) => !v)}>
+            <div className={styles.header}>
                 <span className={styles.headerLabel}>{t('staking.unstakeType')}</span>
-                <span className={styles.headerValue}>
+
+                <Button
+                    variant="gray"
+                    size="s"
+                    borderRadius="full"
+                    className={styles.headerValue}
+                    onClick={() => setOpen((v) => !v)}
+                >
                     {selectedLabel}
                     <ChevronDownIcon size={16} className={clsx(styles.chevron, open && styles.chevronOpen)} />
-                </span>
-            </button>
+                </Button>
+            </div>
 
             <Collapsible open={open}>
                 <div className={styles.options}>

package/src/features/staking/components/staking-widget-ui/staking-widget-ui.tsx

@@ -127,7 +127,7 @@ export const StakingWidgetUI: FC<StakingWidgetRenderProps> = ({
                 </TabsContent>
 
                 {/* ── UNSTAKE TAB ── */}
-                <TabsContent className={styles.tab} value="unstake">
+                <TabsContent value="unstake">
                     <div className={styles.content}>
                         <div className={styles.inputSection}>
                             <CenteredAmountInput
@@ -167,17 +167,18 @@ export const StakingWidgetUI: FC<StakingWidgetRenderProps> = ({
                         />
                     </div>
                 </TabsContent>
-
-                <StakingInfo
-                    quote={quote}
-                    isQuoteLoading={isQuoteLoading}
-                    providerInfo={providerInfo}
-                    providerMetadata={providerMetadata}
-                    isProviderInfoLoading={isProviderInfoLoading}
-                    direction={direction}
-                />
             </Tabs>
 
+            <StakingInfo
+                className={styles.info}
+                quote={quote}
+                isQuoteLoading={isQuoteLoading}
+                providerInfo={providerInfo}
+                providerMetadata={providerMetadata}
+                isProviderInfoLoading={isProviderInfoLoading}
+                direction={direction}
+            />
+
             <LowBalanceModal
                 open={isLowBalanceWarningOpen}
                 mode={lowBalanceMode}

package/src/features/swap/utils/map-swap-error.ts

@@ -6,7 +6,7 @@
  *
  */
 
-import { SwapError } from '@ton/appkit';
+import { SwapError, SwapErrorCode } from '@ton/appkit';
 
 import { mapDefiError } from '../../../utils/map-defi-error';
 
@@ -17,13 +17,13 @@ import { mapDefiError } from '../../../utils/map-defi-error';
 export const mapSwapError = (error: unknown): string => {
     if (error instanceof SwapError) {
         switch (error.code) {
-            case SwapError.INVALID_QUOTE:
+            case SwapErrorCode.InvalidQuote:
                 return 'swap.invalidQuote';
-            case SwapError.INSUFFICIENT_LIQUIDITY:
+            case SwapErrorCode.InsufficientLiquidity:
                 return 'swap.insufficientLiquidity';
-            case SwapError.QUOTE_EXPIRED:
+            case SwapErrorCode.QuoteExpired:
                 return 'swap.quoteExpired';
-            case SwapError.BUILD_TX_FAILED:
+            case SwapErrorCode.BuildTxFailed:
                 return 'swap.buildTxFailed';
         }
     }

package/src/utils/map-defi-error.ts

@@ -6,7 +6,7 @@
  *
  */
 
-import { DefiError } from '@ton/appkit';
+import { DefiError, DefiErrorCode } from '@ton/appkit';
 
 /**
  * Map a thrown error to an i18n key from the `defi.*` namespace.
@@ -17,17 +17,17 @@ export const mapDefiError = (error: unknown): string | null => {
     if (!(error instanceof DefiError)) return null;
 
     switch (error.code) {
-        case DefiError.UNSUPPORTED_NETWORK:
+        case DefiErrorCode.UnsupportedNetwork:
             return 'defi.unsupportedNetwork';
-        case DefiError.NETWORK_ERROR:
+        case DefiErrorCode.NetworkError:
             return 'defi.networkError';
-        case DefiError.PROVIDER_NOT_FOUND:
+        case DefiErrorCode.ProviderNotFound:
             return 'defi.providerNotFound';
-        case DefiError.NO_DEFAULT_PROVIDER:
+        case DefiErrorCode.NoDefaultProvider:
             return 'defi.noDefaultProvider';
-        case DefiError.INVALID_PROVIDER:
+        case DefiErrorCode.InvalidProvider:
             return 'defi.invalidProvider';
-        case DefiError.INVALID_PARAMS:
+        case DefiErrorCode.InvalidParams:
             return 'defi.invalidParams';
         default:
             return null;

package/dist/esm/features/balances/components/balance-badge/balance-badge.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Copyright (c) TonTech.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import { formatUnits } from '@ton/appkit';
-import clsx from 'clsx';
-import { Block } from '../../../../components/ui/block';
-import styles from './balance-badge.module.css';
-import { Logo } from '../../../../components/ui/logo';
-const BalanceBadgeContainer = ({ className, ...props }) => {
-    return _jsx(Block, { direction: "row", className: clsx(styles.balance, className), ...props });
-};
-const BalanceBlock = ({ className, ...props }) => {
-    return _jsx("div", { className: clsx(styles.balanceContainer, className), ...props });
-};
-const Balance = ({ balance, decimals, ...props }) => {
-    return _jsx("span", { ...props, children: balance ? formatUnits(balance, decimals) : '0' });
-};
-const BalanceSymbol = ({ className, symbol, ...props }) => {
-    return (_jsx("span", { className: clsx(styles.ticker, className), ...props, children: symbol }));
-};
-export const BalanceBadge = {
-    Container: BalanceBadgeContainer,
-    Icon: Logo,
-    BalanceBlock: BalanceBlock,
-    Symbol: BalanceSymbol,
-    Balance: Balance,
-};
-//# sourceMappingURL=balance-badge.js.map

package/dist/esm/features/balances/components/balance-badge/balance-badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"balance-badge.js","sourceRoot":"","sources":["../../../../../../src/features/balances/components/balance-badge/balance-badge.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAEtD,MAAM,qBAAqB,GAA8B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjF,OAAO,KAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC5F,CAAC,CAAC;AAEF,MAAM,YAAY,GAA8B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxE,OAAO,cAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACnF,CAAC,CAAC;AAEF,MAAM,OAAO,GAAuE,CAAC,EACjF,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,EAAE;IACD,OAAO,kBAAU,KAAK,YAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,GAAQ,CAAC;AACpF,CAAC,CAAC;AAEF,MAAM,aAAa,GAAoD,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvG,OAAO,CACH,eAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,KAAM,KAAK,YACrD,MAAM,GACJ,CACV,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,SAAS,EAAE,qBAAqB;IAChC,IAAI,EAAE,IAAI;IACV,YAAY,EAAE,YAAY;IAC1B,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,OAAO;CACnB,CAAC"}

package/dist/esm/features/balances/components/balance-badge/balance-badge.module.css

@@ -1,21 +0,0 @@
-.balance {
-  composes: labelMedium from "../../../../styles/typography.module.css";
-
-  width: fit-content;
-  gap: 12px;
-  padding: 12px;
-  color: var(--ta-color-text-secondary);
-  line-height: 1;
-}
-
-.balanceContainer {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.ticker {
-  composes: labelSemibold from "../../../../styles/typography.module.css";
-  color: var(--ta-color-text);
-  line-height: 1;
-}

package/dist/esm/features/balances/components/balance-badge/index.js

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) TonTech.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-export { BalanceBadge } from './balance-badge';
-//# sourceMappingURL=index.js.map

package/dist/esm/features/balances/components/balance-badge/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/features/balances/components/balance-badge/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/types/features/balances/components/balance-badge/balance-badge.d.ts

@@ -1,21 +0,0 @@
-/**
- * Copyright (c) TonTech.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import type { FC } from 'react';
-export declare const BalanceBadge: {
-    Container: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-    Icon: import("react").ForwardRefExoticComponent<import("../../../..").LogoProps & import("react").RefAttributes<HTMLSpanElement>>;
-    BalanceBlock: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-    Symbol: FC<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
-        symbol: string;
-    }>;
-    Balance: FC<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
-        balance: string;
-        decimals: number;
-    }>;
-};
-//# sourceMappingURL=balance-badge.d.ts.map

package/dist/types/features/balances/components/balance-badge/balance-badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"balance-badge.d.ts","sourceRoot":"","sources":["../../../../../../src/features/balances/components/balance-badge/balance-badge.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AA+BhD,eAAO,MAAM,YAAY;;;;;gBARkC,MAAM;;;iBARX,MAAM;kBAAY,MAAM;;CAsB7E,CAAC"}

package/dist/types/features/balances/components/balance-badge/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) TonTech.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-export { BalanceBadge } from './balance-badge';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/features/balances/components/balance-badge/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/balances/components/balance-badge/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/src/features/balances/components/balance-badge/balance-badge.tsx

@@ -1,47 +0,0 @@
-/**
- * Copyright (c) TonTech.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { formatUnits } from '@ton/appkit';
-import type { FC, ComponentProps } from 'react';
-import clsx from 'clsx';
-
-import { Block } from '../../../../components/ui/block';
-import styles from './balance-badge.module.css';
-import { Logo } from '../../../../components/ui/logo';
-
-const BalanceBadgeContainer: FC<ComponentProps<'div'>> = ({ className, ...props }) => {
-    return <Block direction="row" className={clsx(styles.balance, className)} {...props} />;
-};
-
-const BalanceBlock: FC<ComponentProps<'div'>> = ({ className, ...props }) => {
-    return <div className={clsx(styles.balanceContainer, className)} {...props} />;
-};
-
-const Balance: FC<ComponentProps<'span'> & { balance: string; decimals: number }> = ({
-    balance,
-    decimals,
-    ...props
-}) => {
-    return <span {...props}>{balance ? formatUnits(balance, decimals) : '0'}</span>;
-};
-
-const BalanceSymbol: FC<ComponentProps<'span'> & { symbol: string }> = ({ className, symbol, ...props }) => {
-    return (
-        <span className={clsx(styles.ticker, className)} {...props}>
-            {symbol}
-        </span>
-    );
-};
-
-export const BalanceBadge = {
-    Container: BalanceBadgeContainer,
-    Icon: Logo,
-    BalanceBlock: BalanceBlock,
-    Symbol: BalanceSymbol,
-    Balance: Balance,
-};

package/src/features/balances/components/balance-badge/index.ts

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) TonTech.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-export { BalanceBadge } from './balance-badge';