@ton/appkit-react 0.0.1 → 0.0.3

package/dist/esm/components/block/block.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import styles from './block.module.css';
+export const Block = ({ className, direction = 'column', ...props }) => {
+    return _jsx("div", { className: clsx(styles.block, direction === 'row' && styles.row, className), ...props });
+};
+//# sourceMappingURL=block.js.map

package/dist/esm/components/block/block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../../src/components/block/block.tsx"],"names":[],"mappings":";AASA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAMxC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnF,OAAO,cAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,IAAI,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC3G,CAAC,CAAC"}

package/dist/{components → esm/components}/block/block.module.css

@@ -6,8 +6,8 @@
   border-radius: var(--ta-border-radius-l);
   background-color: var(--ta-color-block);
 }
+
 .row {
   flex-direction: row;
   align-items: center;
 }
-/*# sourceMappingURL=block.module.css.map */

package/dist/esm/components/block/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 * from './block';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/block/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/block/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,SAAS,CAAC"}

package/dist/esm/components/button/button.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import styles from './button.module.css';
+export const Button = ({ className, ...props }) => {
+    return _jsx("button", { className: clsx(styles.button, className), ...props });
+};
+//# sourceMappingURL=button.js.map

package/dist/esm/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":";AASA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAiC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5E,OAAO,iBAAQ,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC5E,CAAC,CAAC"}

package/dist/{components → esm/components}/button/button.module.css

@@ -7,27 +7,32 @@
   box-sizing: border-box;
   padding: 8px 16px;
   border-radius: 20px;
+
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
-  background-color: var(--ta-color-primary);
+
+  background-color: var(--ta-color-primary); 
   color: var(--ta-color-primary-foreground);
   transition: transform 0.125s ease-in-out, background-color 0.2s ease;
   will-change: transform;
 }
+
 .button:hover {
   transform: scale(1.02);
 }
+
 .button:active {
   transform: scale(0.98);
 }
+
 .button:disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
+
 .button:disabled:hover,
 .button:disabled:active {
   transform: none;
 }
-/*# sourceMappingURL=button.module.css.map */

package/dist/esm/components/button/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 { Button } from './button';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/button/index.js.map

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

package/dist/esm/components/circle-icon/circle-icon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { Avatar } from 'radix-ui';
+import styles from './circle-icon.module.css';
+export const CircleIcon = ({ className, size = 30, src, alt, fallback, ...props }) => {
+    return (_jsxs(Avatar.Root, { className: clsx(styles.avatarRoot, className), style: { width: size, height: size }, ...props, children: [_jsx(Avatar.Image, { className: styles.avatarImage, src: src, alt: alt }), (fallback || alt) && (_jsx(Avatar.Fallback, { className: styles.avatarFallback, delayMs: 600, children: fallback ? fallback : alt?.[0] }))] }));
+};
+//# sourceMappingURL=circle-icon.js.map

package/dist/esm/components/circle-icon/circle-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle-icon.js","sourceRoot":"","sources":["../../../../src/components/circle-icon/circle-icon.tsx"],"names":[],"mappings":";AASA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAS9C,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtG,OAAO,CACH,MAAC,MAAM,CAAC,IAAI,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAM,KAAK,aACvG,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI,EAElE,CAAC,QAAQ,IAAI,GAAG,CAAC,IAAI,CAClB,KAAC,MAAM,CAAC,QAAQ,IAAC,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,OAAO,EAAE,GAAG,YAC1D,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GACjB,CACrB,IACS,CACjB,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/components/circle-icon/circle-icon.module.css

@@ -0,0 +1,32 @@
+.avatarRoot {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	vertical-align: middle;
+	overflow: hidden;
+	user-select: none;
+	width: 45px;
+	height: 45px;
+	border-radius: 100%;
+	background-color: var(--ta-color-block);
+}
+
+.avatarImage {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	border-radius: inherit;
+}
+
+.avatarFallback {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background-color: white;
+	color: var(--ta-color-block-foreground);
+	font-size: 15px;
+	line-height: 1;
+	font-weight: 500;
+}

package/dist/esm/components/circle-icon/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 * from './circle-icon';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/circle-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/circle-icon/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,eAAe,CAAC"}

package/dist/esm/components/ton-icon/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 { TonIcon, TonIconCircle } from './ton-icon';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ton-icon/index.js.map

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

package/dist/esm/components/ton-icon/ton-icon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TonIcon = ({ size = 16, ...props }) => {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 29 29", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M23.7861 0H4.58614C1.08614 0 -1.11386 3.8 0.586136 6.9L12.3861 27.4C13.1861 28.7 15.0861 28.7 15.8861 27.4L27.6861 6.9C29.4861 3.8 27.2861 0 23.7861 0ZM12.4861 21.2L9.88614 16.2L3.68614 5.1C3.28614 4.4 3.78614 3.5 4.68614 3.5H12.4861V21.2ZM24.6861 5.1L18.4861 16.2L15.8861 21.2V3.5H23.6861C24.5861 3.5 25.0861 4.4 24.6861 5.1Z", fill: "currentColor" }) }));
+};
+export const TonIconCircle = ({ size = 16, ...props }) => {
+    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 56 56", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_2906_144)", children: [_jsx("path", { d: "M28 56C43.5 56 56 43.5 56 28C56 12.5 43.5 0 28 0C12.5 0 0 12.5 0 28C0 43.5 12.5 56 28 56Z", fill: "#0098EA" }), _jsx("path", { d: "M37.5996 15.6H18.3996C14.8996 15.6 12.6996 19.4 14.3996 22.5L26.1996 43C26.9996 44.3 28.8996 44.3 29.6996 43L41.4996 22.5C43.2996 19.4 41.0996 15.6 37.5996 15.6ZM26.2996 36.8L23.6996 31.8L17.4996 20.7C17.0996 20 17.5996 19.1 18.4996 19.1H26.2996V36.8ZM38.4996 20.7L32.2996 31.8L29.6996 36.8V19.1H37.4996C38.3996 19.1 38.8996 20 38.4996 20.7Z", fill: "white" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_2906_144", children: _jsx("rect", { width: "56", height: "56", fill: "white" }) }) })] }));
+};
+//# sourceMappingURL=ton-icon.js.map

package/dist/esm/components/ton-icon/ton-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ton-icon.js","sourceRoot":"","sources":["../../../../src/components/ton-icon/ton-icon.tsx"],"names":[],"mappings":";AAcA,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjE,OAAO,CACH,cAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,YACxG,eACI,CAAC,EAAC,wUAAwU,EAC1U,IAAI,EAAC,cAAc,GACrB,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAqB,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvE,OAAO,CACH,eAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,aACxG,aAAG,QAAQ,EAAC,sBAAsB,aAC9B,eACI,CAAC,EAAC,2FAA2F,EAC7F,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,uVAAuV,EACzV,IAAI,EAAC,OAAO,GACd,IACF,EACJ,yBACI,mBAAU,EAAE,EAAC,gBAAgB,YACzB,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,GACrC,GACR,IACL,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,33 @@
+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/block';
+import styles from './balance-badge.module.css';
+import { CircleIcon } from '../../../../components/circle-icon';
+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: CircleIcon,
+    BalanceBlock: BalanceBlock,
+    Symbol: BalanceSymbol,
+    Balance: Balance,
+};
+//# sourceMappingURL=balance-badge.js.map

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

@@ -0,0 +1 @@
+{"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,8BAA8B,CAAC;AACrD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,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,UAAU;IAChB,YAAY,EAAE,YAAY;IAC1B,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,OAAO;CACnB,CAAC"}

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

@@ -1,19 +1,21 @@
 .balance {
   composes: bodyMedium 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: bodyBold from "../../../../styles/typography.module.css";
   color: var(--ta-color-text);
   line-height: 1;
 }
-/*# sourceMappingURL=balance-badge.module.css.map */

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

@@ -0,0 +1,9 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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/esm/features/balances/components/currency-item/currency-item.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { CircleIcon } from '../../../../components/circle-icon';
+import styles from './currency-item.module.css';
+export const CurrencyItem = ({ ticker, name, balance, icon, isVerified, className, ...props }) => {
+    return (_jsxs("button", { className: clsx(styles.currencyItem, className), ...props, children: [_jsx(CircleIcon, { className: styles.icon, size: 40, src: icon, fallback: ticker[0], alt: ticker }), _jsxs("div", { className: styles.info, children: [_jsxs("div", { className: styles.header, children: [_jsx("h4", { className: styles.name, children: name || ticker }), isVerified && (_jsx("svg", { className: styles.verified, fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }))] }), _jsx("p", { className: styles.ticker, children: ticker })] }), _jsx("div", { className: styles.balance, children: _jsx("p", { children: balance ?? '0' }) })] }));
+};
+//# sourceMappingURL=currency-item.js.map

package/dist/esm/features/balances/components/currency-item/currency-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-item.js","sourceRoot":"","sources":["../../../../../../src/features/balances/components/currency-item/currency-item.tsx"],"names":[],"mappings":";AASA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAUhD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAChD,MAAM,EACN,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACX,EAAE,EAAE;IACD,OAAO,CACH,kBAAQ,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,aAC9D,KAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,GAAI,EAE7F,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACvB,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aACzB,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,IAAI,MAAM,GAAM,EAEhD,UAAU,IAAI,CACX,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,YACpE,eACI,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iiBAAiiB,EACniB,QAAQ,EAAC,SAAS,GACpB,GACA,CACT,IACC,EAEN,YAAG,SAAS,EAAE,MAAM,CAAC,MAAM,YAAG,MAAM,GAAK,IACvC,EAEN,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC1B,sBAAI,OAAO,IAAI,GAAG,GAAK,GACrB,IACD,CACZ,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/features/balances/components/currency-item/currency-item.module.css

@@ -0,0 +1,80 @@
+.currencyItem {
+    box-sizing: border-box;
+    border-radius: var(--ta-border-radius-l);
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 12px;
+    padding: 12px;
+    background-color: var(--ta-color-block);
+    transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+    cursor: pointer;
+    border: 1px solid transparent;
+    outline: none;
+}
+
+.currencyItem:hover {
+    border-color: var(--ta-color-primary);
+}
+
+.icon {
+    width: 40px;
+    height: 40px;
+    background-color: var(--ta-color-background-secondary);
+    border-radius: var(--ta-border-radius-full);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    flex-shrink: 0;
+}
+
+.info {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.name {
+    composes: bodyBold from "../../../../styles/typography.module.css";
+
+    color: var(--ta-color-text);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin: 0;
+}
+
+.verified {
+    width: 16px;
+    height: 16px;
+    color: var(--ta-color-primary);
+    flex-shrink: 0;
+}
+
+.ticker {
+    composes: bodyMedium from "../../../../styles/typography.module.css";
+
+    color: var(--ta-color-text-secondary);
+    margin: 0;
+}
+
+.details {
+    text-align: right;
+}
+
+.balance {
+    composes: bodyMedium from "../../../../styles/typography.module.css";
+
+    color: var(--ta-color-text);
+    margin: 0;
+}

package/dist/esm/features/balances/components/currency-item/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 * from './currency-item';
+//# sourceMappingURL=index.js.map

package/dist/esm/features/balances/components/currency-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/features/balances/components/currency-item/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,iBAAiB,CAAC"}

package/dist/esm/features/balances/components/send-jetton-button/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 * from './send-jetton-button';
+//# sourceMappingURL=index.js.map

package/dist/esm/features/balances/components/send-jetton-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/features/balances/components/send-jetton-button/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,sBAAsB,CAAC"}

package/dist/esm/features/balances/components/send-jetton-button/send-jetton-button.js

@@ -0,0 +1,43 @@
+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 { useCallback, useMemo } from 'react';
+import { createTransferJettonTransaction, formatUnits, parseUnits } from '@ton/appkit';
+import { useI18n } from '../../../../hooks/use-i18n';
+import { useAppKit } from '../../../../hooks/use-app-kit';
+import { Transaction } from '../../../transaction';
+export const SendJettonButton = ({ recipientAddress, amount, comment, jetton, ...props }) => {
+    const appKit = useAppKit();
+    const { t } = useI18n();
+    const createTransferTransaction = useCallback(async () => {
+        if (!jetton.address) {
+            throw new Error('Jetton address is required');
+        }
+        if (!jetton.decimals) {
+            throw new Error('Jetton decimals is required');
+        }
+        return createTransferJettonTransaction(appKit, {
+            jettonAddress: jetton.address,
+            recipientAddress,
+            amount,
+            comment,
+            jettonDecimals: jetton.decimals,
+        });
+    }, [appKit, recipientAddress, amount, comment, jetton]);
+    const text = useMemo(() => {
+        if (amount && jetton.decimals) {
+            return t('balances.sendJettonWithAmount', {
+                amount: formatUnits(parseUnits(amount, jetton.decimals), jetton.decimals).toString(),
+                symbol: jetton.symbol,
+            });
+        }
+        return t('balances.sendJetton', { symbol: jetton.symbol, amount });
+    }, [t, amount, jetton]);
+    return (_jsx(Transaction, { request: createTransferTransaction, text: text, disabled: !recipientAddress || !amount || !jetton.address || !jetton.decimals, ...props }));
+};
+//# sourceMappingURL=send-jetton-button.js.map

package/dist/esm/features/balances/components/send-jetton-button/send-jetton-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-jetton-button.js","sourceRoot":"","sources":["../../../../../../src/features/balances/components/send-jetton-button/send-jetton-button.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,+BAA+B,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEvF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAanD,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EACxD,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,yBAAyB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrD,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YAClB,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;QAClD,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YACnB,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;QACnD,CAAC;QAED,OAAO,+BAA+B,CAAC,MAAM,EAAE;YAC3C,aAAa,EAAE,MAAM,CAAC,OAAO;YAC7B,gBAAgB;YAChB,MAAM;YACN,OAAO;YACP,cAAc,EAAE,MAAM,CAAC,QAAQ;SAClC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAExD,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACtB,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YAC5B,OAAO,CAAC,CAAC,+BAA+B,EAAE;gBACtC,MAAM,EAAE,WAAW,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE;gBACpF,MAAM,EAAE,MAAM,CAAC,MAAM;aACxB,CAAC,CAAC;QACP,CAAC;QAED,OAAO,CAAC,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAExB,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAE,yBAAyB,EAClC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,gBAAgB,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,KACzE,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/features/balances/components/send-ton-button/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 * from './send-ton-button';
+//# sourceMappingURL=index.js.map

package/dist/esm/features/balances/components/send-ton-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/features/balances/components/send-ton-button/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,mBAAmB,CAAC"}

package/dist/esm/features/balances/components/send-ton-button/send-ton-button.js

@@ -0,0 +1,26 @@
+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 { useCallback } from 'react';
+import { createTransferTonTransaction } from '@ton/appkit';
+import { useI18n } from '../../../../hooks/use-i18n';
+import { useAppKit } from '../../../../hooks/use-app-kit';
+import { Transaction } from '../../../transaction';
+export const SendTonButton = ({ recipientAddress, amount, comment, ...props }) => {
+    const appKit = useAppKit();
+    const { t } = useI18n();
+    const createTransferTransaction = useCallback(async () => {
+        return createTransferTonTransaction(appKit, {
+            recipientAddress,
+            amount,
+            comment,
+        });
+    }, [appKit, recipientAddress, amount, comment]);
+    return (_jsx(Transaction, { request: createTransferTransaction, disabled: !recipientAddress || !amount, text: t('balances.sendTon', { amount }), ...props }));
+};
+//# sourceMappingURL=send-ton-button.js.map

package/dist/esm/features/balances/components/send-ton-button/send-ton-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-ton-button.js","sourceRoot":"","sources":["../../../../../../src/features/balances/components/send-ton-button/send-ton-button.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQnD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrG,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,yBAAyB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrD,OAAO,4BAA4B,CAAC,MAAM,EAAE;YACxC,gBAAgB;YAChB,MAAM;YACN,OAAO;SACV,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhD,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAE,yBAAyB,EAClC,QAAQ,EAAE,CAAC,gBAAgB,IAAI,CAAC,MAAM,EACtC,IAAI,EAAE,CAAC,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,CAAC,KACnC,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/features/balances/hooks/use-balance-by-address.js

@@ -0,0 +1,18 @@
+/**
+ * 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 { getBalanceByAddressQueryOptions } from '@ton/appkit/queries';
+import { useAppKit } from '../../../hooks/use-app-kit';
+import { useQuery } from '../../../libs/query';
+/**
+ * Hook to get balance
+ */
+export const useBalanceByAddress = (parameters = {}) => {
+    const appKit = useAppKit();
+    return useQuery(getBalanceByAddressQueryOptions(appKit, parameters));
+};
+//# sourceMappingURL=use-balance-by-address.js.map

package/dist/esm/features/balances/hooks/use-balance-by-address.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-balance-by-address.js","sourceRoot":"","sources":["../../../../../src/features/balances/hooks/use-balance-by-address.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAGtE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAW/C;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,aAAwD,EAAE,EACjB,EAAE;IAC3C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,QAAQ,CAAC,+BAA+B,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACzE,CAAC,CAAC"}

package/dist/esm/features/balances/hooks/use-balance.js

@@ -0,0 +1,17 @@
+/**
+ * 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 { useAddress } from '../../wallets/hooks/use-address';
+import { useBalanceByAddress } from './use-balance-by-address';
+/**
+ * Hook to get balance of the selected wallet
+ */
+export const useBalance = (parameters = {}) => {
+    const address = useAddress();
+    return useBalanceByAddress({ ...parameters, address });
+};
+//# sourceMappingURL=use-balance.js.map

package/dist/esm/features/balances/hooks/use-balance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-balance.js","sourceRoot":"","sources":["../../../../../src/features/balances/hooks/use-balance.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAO/D;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CACtB,aAA+C,EAAE,EACjB,EAAE;IAClC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,OAAO,mBAAmB,CAAC,EAAE,GAAG,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC;AAC3D,CAAC,CAAC"}

package/dist/esm/features/balances/index.js

@@ -0,0 +1,14 @@
+/**
+ * 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 * 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';
+export * from './hooks/use-balance-by-address';
+//# sourceMappingURL=index.js.map

package/dist/esm/features/balances/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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"}

package/dist/esm/features/jettons/hooks/use-jetton-balance-by-address.js

@@ -0,0 +1,18 @@
+/**
+ * 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 { getJettonBalanceByAddressQueryOptions } from '@ton/appkit/queries';
+import { useAppKit } from '../../../hooks/use-app-kit';
+import { useQuery } from '../../../libs/query';
+/**
+ * Hook to get jetton balance
+ */
+export const useJettonBalanceByAddress = (parameters = {}) => {
+    const appKit = useAppKit();
+    return useQuery(getJettonBalanceByAddressQueryOptions(appKit, parameters));
+};
+//# sourceMappingURL=use-jetton-balance-by-address.js.map

package/dist/esm/features/jettons/hooks/use-jetton-balance-by-address.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-jetton-balance-by-address.js","sourceRoot":"","sources":["../../../../../src/features/jettons/hooks/use-jetton-balance-by-address.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,qCAAqC,EAAE,MAAM,qBAAqB,CAAC;AAO5E,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAW/C;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACrC,aAA8D,EAAE,EACjB,EAAE;IACjD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,QAAQ,CAAC,qCAAqC,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AAC/E,CAAC,CAAC"}

package/dist/esm/features/jettons/hooks/use-jetton-info.js

@@ -0,0 +1,18 @@
+/**
+ * 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 { getJettonInfoQueryOptions } from '@ton/appkit/queries';
+import { useAppKit } from '../../../hooks/use-app-kit';
+import { useQuery } from '../../../libs/query';
+/**
+ * Hook to get jetton info by address
+ */
+export const useJettonInfo = (parameters = {}) => {
+    const appKit = useAppKit();
+    return useQuery(getJettonInfoQueryOptions(appKit, parameters));
+};
+//# sourceMappingURL=use-jetton-info.js.map

package/dist/esm/features/jettons/hooks/use-jetton-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-jetton-info.js","sourceRoot":"","sources":["../../../../../src/features/jettons/hooks/use-jetton-info.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAU/C;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CACzB,aAAkD,EAAE,EACjB,EAAE;IACrC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,QAAQ,CAAC,yBAAyB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC"}

package/dist/esm/features/jettons/hooks/use-jetton-wallet-address.js

@@ -0,0 +1,18 @@
+/**
+ * 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 { getJettonWalletAddressQueryOptions } from '@ton/appkit/queries';
+import { useAppKit } from '../../../hooks/use-app-kit';
+import { useQuery } from '../../../libs/query';
+/**
+ * Hook to get jetton wallet address
+ */
+export const useJettonWalletAddress = (parameters = {}) => {
+    const appKit = useAppKit();
+    return useQuery(getJettonWalletAddressQueryOptions(appKit, parameters));
+};
+//# sourceMappingURL=use-jetton-wallet-address.js.map

package/dist/esm/features/jettons/hooks/use-jetton-wallet-address.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-jetton-wallet-address.js","sourceRoot":"","sources":["../../../../../src/features/jettons/hooks/use-jetton-wallet-address.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,kCAAkC,EAAE,MAAM,qBAAqB,CAAC;AAOzE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAW/C;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAClC,aAA2D,EAAE,EAC/D,EAAE;IACA,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,QAAQ,CAAC,kCAAkC,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AAC5E,CAAC,CAAC"}