@ton/appkit-react 0.0.1-alpha.1 → 0.0.1

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

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var tonIcon = require('./ton-icon');
+
+const meta = {
+  title: "Private/Components/TonIcon",
+  component: tonIcon.TonIcon,
+  tags: ["autodocs"],
+  argTypes: {
+    size: {
+      control: { type: "range", min: 12, max: 64, step: 4 }
+    }
+  },
+  decorators: [
+    (Story) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "white" }, children: /* @__PURE__ */ jsxRuntime.jsx(Story, {}) })
+  ]
+};
+var ton_icon_stories_default = meta;
+const Default = {
+  args: {
+    size: 24
+  }
+};
+const Small = {
+  args: {
+    size: 16
+  }
+};
+const Large = {
+  args: {
+    size: 48
+  }
+};
+const CustomColor = {
+  args: {
+    size: 32,
+    style: { color: "#0098EB" }
+  }
+};
+const Circle = {
+  render: (args) => /* @__PURE__ */ jsxRuntime.jsx(tonIcon.TonIconCircle, { ...args }),
+  args: {
+    size: 48
+  }
+};
+const CircleSmall = {
+  render: (args) => /* @__PURE__ */ jsxRuntime.jsx(tonIcon.TonIconCircle, { ...args }),
+  args: {
+    size: 24
+  }
+};
+const CircleLarge = {
+  render: (args) => /* @__PURE__ */ jsxRuntime.jsx(tonIcon.TonIconCircle, { ...args }),
+  args: {
+    size: 72
+  }
+};
+
+exports.Circle = Circle;
+exports.CircleLarge = CircleLarge;
+exports.CircleSmall = CircleSmall;
+exports.CustomColor = CustomColor;
+exports.Default = Default;
+exports.Large = Large;
+exports.Small = Small;
+exports.default = ton_icon_stories_default;
+//# sourceMappingURL=ton-icon.stories.js.map
+//# sourceMappingURL=ton-icon.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ton-icon/ton-icon.stories.tsx"],"names":["TonIcon","jsx","TonIconCircle"],"mappings":";;;;;;;AAYA,MAAM,IAAA,GAA6B;AAAA,EAC/B,KAAA,EAAO,4BAAA;AAAA,EACP,SAAA,EAAWA,eAAA;AAAA,EACX,IAAA,EAAM,CAAC,UAAU,CAAA;AAAA,EACjB,QAAA,EAAU;AAAA,IACN,IAAA,EAAM;AAAA,MACF,OAAA,EAAS,EAAE,IAAA,EAAM,OAAA,EAAS,KAAK,EAAA,EAAI,GAAA,EAAK,EAAA,EAAI,IAAA,EAAM,CAAA;AAAE;AACxD,GACJ;AAAA,EACA,UAAA,EAAY;AAAA,IACR,CAAC,KAAA,qBACGC,cAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,KAAA,EAAO,OAAA,EAAQ,EACzB,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAM,CAAA,EACX;AAAA;AAGZ,CAAA;AAEA,IAAO,wBAAA,GAAQ;AAIR,MAAM,OAAA,GAAiB;AAAA,EAC1B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,KAAA,GAAe;AAAA,EACxB,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,KAAA,GAAe;AAAA,EACxB,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,WAAA,GAAqB;AAAA,EAC9B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,KAAA,EAAO,EAAE,KAAA,EAAO,SAAA;AAAU;AAElC;AAEO,MAAM,MAAA,GAAyC;AAAA,EAClD,QAAQ,CAAC,IAAA,qBAASA,cAAA,CAACC,qBAAA,EAAA,EAAe,GAAG,IAAA,EAAM,CAAA;AAAA,EAC3C,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,WAAA,GAA8C;AAAA,EACvD,QAAQ,CAAC,IAAA,qBAASD,cAAA,CAACC,qBAAA,EAAA,EAAe,GAAG,IAAA,EAAM,CAAA;AAAA,EAC3C,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,WAAA,GAA8C;AAAA,EACvD,QAAQ,CAAC,IAAA,qBAASD,cAAA,CAACC,qBAAA,EAAA,EAAe,GAAG,IAAA,EAAM,CAAA;AAAA,EAC3C,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd","file":"ton-icon.stories.js","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { TonIcon, TonIconCircle } from './ton-icon';\n\nconst meta: Meta<typeof TonIcon> = {\n    title: 'Private/Components/TonIcon',\n    component: TonIcon,\n    tags: ['autodocs'],\n    argTypes: {\n        size: {\n            control: { type: 'range', min: 12, max: 64, step: 4 },\n        },\n    },\n    decorators: [\n        (Story) => (\n            <div style={{ color: 'white' }}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof TonIcon>;\n\nexport const Default: Story = {\n    args: {\n        size: 24,\n    },\n};\n\nexport const Small: Story = {\n    args: {\n        size: 16,\n    },\n};\n\nexport const Large: Story = {\n    args: {\n        size: 48,\n    },\n};\n\nexport const CustomColor: Story = {\n    args: {\n        size: 32,\n        style: { color: '#0098EB' },\n    },\n};\n\nexport const Circle: StoryObj<typeof TonIconCircle> = {\n    render: (args) => <TonIconCircle {...args} />,\n    args: {\n        size: 48,\n    },\n};\n\nexport const CircleSmall: StoryObj<typeof TonIconCircle> = {\n    render: (args) => <TonIconCircle {...args} />,\n    args: {\n        size: 24,\n    },\n};\n\nexport const CircleLarge: StoryObj<typeof TonIconCircle> = {\n    render: (args) => <TonIconCircle {...args} />,\n    args: {\n        size: 72,\n    },\n};\n"]}

package/dist/components/ton-icon/ton-icon.stories.mjs

@@ -0,0 +1,60 @@
+import { jsx } from 'react/jsx-runtime';
+import { TonIcon, TonIconCircle } from './ton-icon';
+
+const meta = {
+  title: "Private/Components/TonIcon",
+  component: TonIcon,
+  tags: ["autodocs"],
+  argTypes: {
+    size: {
+      control: { type: "range", min: 12, max: 64, step: 4 }
+    }
+  },
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx("div", { style: { color: "white" }, children: /* @__PURE__ */ jsx(Story, {}) })
+  ]
+};
+var ton_icon_stories_default = meta;
+const Default = {
+  args: {
+    size: 24
+  }
+};
+const Small = {
+  args: {
+    size: 16
+  }
+};
+const Large = {
+  args: {
+    size: 48
+  }
+};
+const CustomColor = {
+  args: {
+    size: 32,
+    style: { color: "#0098EB" }
+  }
+};
+const Circle = {
+  render: (args) => /* @__PURE__ */ jsx(TonIconCircle, { ...args }),
+  args: {
+    size: 48
+  }
+};
+const CircleSmall = {
+  render: (args) => /* @__PURE__ */ jsx(TonIconCircle, { ...args }),
+  args: {
+    size: 24
+  }
+};
+const CircleLarge = {
+  render: (args) => /* @__PURE__ */ jsx(TonIconCircle, { ...args }),
+  args: {
+    size: 72
+  }
+};
+
+export { Circle, CircleLarge, CircleSmall, CustomColor, Default, Large, Small, ton_icon_stories_default as default };
+//# sourceMappingURL=ton-icon.stories.mjs.map
+//# sourceMappingURL=ton-icon.stories.mjs.map

package/dist/components/ton-icon/ton-icon.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ton-icon/ton-icon.stories.tsx"],"names":[],"mappings":";;;AAYA,MAAM,IAAA,GAA6B;AAAA,EAC/B,KAAA,EAAO,4BAAA;AAAA,EACP,SAAA,EAAW,OAAA;AAAA,EACX,IAAA,EAAM,CAAC,UAAU,CAAA;AAAA,EACjB,QAAA,EAAU;AAAA,IACN,IAAA,EAAM;AAAA,MACF,OAAA,EAAS,EAAE,IAAA,EAAM,OAAA,EAAS,KAAK,EAAA,EAAI,GAAA,EAAK,EAAA,EAAI,IAAA,EAAM,CAAA;AAAE;AACxD,GACJ;AAAA,EACA,UAAA,EAAY;AAAA,IACR,CAAC,KAAA,qBACG,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,KAAA,EAAO,OAAA,EAAQ,EACzB,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,CAAA,EACX;AAAA;AAGZ,CAAA;AAEA,IAAO,wBAAA,GAAQ;AAIR,MAAM,OAAA,GAAiB;AAAA,EAC1B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,KAAA,GAAe;AAAA,EACxB,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,KAAA,GAAe;AAAA,EACxB,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,WAAA,GAAqB;AAAA,EAC9B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,KAAA,EAAO,EAAE,KAAA,EAAO,SAAA;AAAU;AAElC;AAEO,MAAM,MAAA,GAAyC;AAAA,EAClD,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,IAAA,EAAM,CAAA;AAAA,EAC3C,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,WAAA,GAA8C;AAAA,EACvD,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,IAAA,EAAM,CAAA;AAAA,EAC3C,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd;AAEO,MAAM,WAAA,GAA8C;AAAA,EACvD,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,IAAA,EAAM,CAAA;AAAA,EAC3C,IAAA,EAAM;AAAA,IACF,IAAA,EAAM;AAAA;AAEd","file":"ton-icon.stories.mjs","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { TonIcon, TonIconCircle } from './ton-icon';\n\nconst meta: Meta<typeof TonIcon> = {\n    title: 'Private/Components/TonIcon',\n    component: TonIcon,\n    tags: ['autodocs'],\n    argTypes: {\n        size: {\n            control: { type: 'range', min: 12, max: 64, step: 4 },\n        },\n    },\n    decorators: [\n        (Story) => (\n            <div style={{ color: 'white' }}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof TonIcon>;\n\nexport const Default: Story = {\n    args: {\n        size: 24,\n    },\n};\n\nexport const Small: Story = {\n    args: {\n        size: 16,\n    },\n};\n\nexport const Large: Story = {\n    args: {\n        size: 48,\n    },\n};\n\nexport const CustomColor: Story = {\n    args: {\n        size: 32,\n        style: { color: '#0098EB' },\n    },\n};\n\nexport const Circle: StoryObj<typeof TonIconCircle> = {\n    render: (args) => <TonIconCircle {...args} />,\n    args: {\n        size: 48,\n    },\n};\n\nexport const CircleSmall: StoryObj<typeof TonIconCircle> = {\n    render: (args) => <TonIconCircle {...args} />,\n    args: {\n        size: 24,\n    },\n};\n\nexport const CircleLarge: StoryObj<typeof TonIconCircle> = {\n    render: (args) => <TonIconCircle {...args} />,\n    args: {\n        size: 72,\n    },\n};\n"]}

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

@@ -0,0 +1,21 @@
+/**
+ * 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: FC<import("../../../..").CircleIconProps>;
+    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/features/balances/components/balance-badge/balance-badge.d.ts.map

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

@@ -0,0 +1,41 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var appkit = require('@ton/appkit');
+var clsx = require('clsx');
+var block = require('../../../../components/block');
+var styles = require('./balance-badge.module.css');
+var circleIcon = require('../../../../components/circle-icon');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var styles__default = /*#__PURE__*/_interopDefault(styles);
+
+const BalanceBadgeContainer = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(block.Block, { direction: "row", className: clsx__default.default(styles__default.default.balance, className), ...props });
+};
+const BalanceBlock = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default(styles__default.default.balanceContainer, className), ...props });
+};
+const Balance = ({
+  balance,
+  decimals,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, children: balance ? appkit.formatUnits(balance, decimals) : "0" });
+};
+const BalanceSymbol = ({ className, symbol, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx__default.default(styles__default.default.ticker, className), ...props, children: symbol });
+};
+const BalanceBadge = {
+  Container: BalanceBadgeContainer,
+  Icon: circleIcon.CircleIcon,
+  BalanceBlock,
+  Symbol: BalanceSymbol,
+  Balance
+};
+
+exports.BalanceBadge = BalanceBadge;
+//# sourceMappingURL=balance-badge.js.map
+//# sourceMappingURL=balance-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/balance-badge/balance-badge.tsx"],"names":["jsx","Block","clsx","styles","formatUnits","CircleIcon"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,wBAAmD,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAAM;AAClF,EAAA,uBAAOA,cAAA,CAACC,WAAA,EAAA,EAAM,SAAA,EAAU,KAAA,EAAM,SAAA,EAAWC,qBAAA,CAAKC,uBAAA,CAAO,OAAA,EAAS,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACzF,CAAA;AAEA,MAAM,eAA0C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAAM;AACzE,EAAA,uBAAOH,cAAA,CAAC,SAAI,SAAA,EAAWE,qBAAA,CAAKC,wBAAO,gBAAA,EAAkB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAChF,CAAA;AAEA,MAAM,UAA8E,CAAC;AAAA,EACjF,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AACF,EAAA,uBAAOH,cAAA,CAAC,UAAM,GAAG,KAAA,EAAQ,oBAAUI,kBAAA,CAAY,OAAA,EAAS,QAAQ,CAAA,GAAI,GAAA,EAAI,CAAA;AAC5E,CAAA;AAEA,MAAM,gBAAiE,CAAC,EAAE,WAAW,MAAA,EAAQ,GAAG,OAAM,KAAM;AACxG,EAAA,uBACIJ,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWE,qBAAA,CAAKC,uBAAA,CAAO,QAAQ,SAAS,CAAA,EAAI,GAAG,KAAA,EAChD,QAAA,EAAA,MAAA,EACL,CAAA;AAER,CAAA;AAEO,MAAM,YAAA,GAAe;AAAA,EACxB,SAAA,EAAW,qBAAA;AAAA,EACX,IAAA,EAAME,qBAAA;AAAA,EACN,YAAA;AAAA,EACA,MAAA,EAAQ,aAAA;AAAA,EACR;AACJ","file":"balance-badge.js","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { formatUnits } from '@ton/appkit';\nimport type { FC, ComponentProps } from 'react';\nimport clsx from 'clsx';\n\nimport { Block } from '../../../../components/block';\nimport styles from './balance-badge.module.css';\nimport { CircleIcon } from '../../../../components/circle-icon';\n\nconst BalanceBadgeContainer: FC<ComponentProps<'div'>> = ({ className, ...props }) => {\n    return <Block direction=\"row\" className={clsx(styles.balance, className)} {...props} />;\n};\n\nconst BalanceBlock: FC<ComponentProps<'div'>> = ({ className, ...props }) => {\n    return <div className={clsx(styles.balanceContainer, className)} {...props} />;\n};\n\nconst Balance: FC<ComponentProps<'span'> & { balance: string; decimals: number }> = ({\n    balance,\n    decimals,\n    ...props\n}) => {\n    return <span {...props}>{balance ? formatUnits(balance, decimals) : '0'}</span>;\n};\n\nconst BalanceSymbol: FC<ComponentProps<'span'> & { symbol: string }> = ({ className, symbol, ...props }) => {\n    return (\n        <span className={clsx(styles.ticker, className)} {...props}>\n            {symbol}\n        </span>\n    );\n};\n\nexport const BalanceBadge = {\n    Container: BalanceBadgeContainer,\n    Icon: CircleIcon,\n    BalanceBlock: BalanceBlock,\n    Symbol: BalanceSymbol,\n    Balance: Balance,\n};\n"]}

package/dist/features/balances/components/balance-badge/balance-badge.mjs

@@ -0,0 +1,34 @@
+import { jsx } from 'react/jsx-runtime';
+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 /* @__PURE__ */ jsx(Block, { direction: "row", className: clsx(styles.balance, className), ...props });
+};
+const BalanceBlock = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx("div", { className: clsx(styles.balanceContainer, className), ...props });
+};
+const Balance = ({
+  balance,
+  decimals,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx("span", { ...props, children: balance ? formatUnits(balance, decimals) : "0" });
+};
+const BalanceSymbol = ({ className, symbol, ...props }) => {
+  return /* @__PURE__ */ jsx("span", { className: clsx(styles.ticker, className), ...props, children: symbol });
+};
+const BalanceBadge = {
+  Container: BalanceBadgeContainer,
+  Icon: CircleIcon,
+  BalanceBlock,
+  Symbol: BalanceSymbol,
+  Balance
+};
+
+export { BalanceBadge };
+//# sourceMappingURL=balance-badge.mjs.map
+//# sourceMappingURL=balance-badge.mjs.map

package/dist/features/balances/components/balance-badge/balance-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/balance-badge/balance-badge.tsx"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,wBAAmD,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAAM;AAClF,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,KAAA,EAAM,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACzF,CAAA;AAEA,MAAM,eAA0C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAAM;AACzE,EAAA,uBAAO,GAAA,CAAC,SAAI,SAAA,EAAW,IAAA,CAAK,OAAO,gBAAA,EAAkB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAChF,CAAA;AAEA,MAAM,UAA8E,CAAC;AAAA,EACjF,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AACF,EAAA,uBAAO,GAAA,CAAC,UAAM,GAAG,KAAA,EAAQ,oBAAU,WAAA,CAAY,OAAA,EAAS,QAAQ,CAAA,GAAI,GAAA,EAAI,CAAA;AAC5E,CAAA;AAEA,MAAM,gBAAiE,CAAC,EAAE,WAAW,MAAA,EAAQ,GAAG,OAAM,KAAM;AACxG,EAAA,uBACI,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,QAAQ,SAAS,CAAA,EAAI,GAAG,KAAA,EAChD,QAAA,EAAA,MAAA,EACL,CAAA;AAER,CAAA;AAEO,MAAM,YAAA,GAAe;AAAA,EACxB,SAAA,EAAW,qBAAA;AAAA,EACX,IAAA,EAAM,UAAA;AAAA,EACN,YAAA;AAAA,EACA,MAAA,EAAQ,aAAA;AAAA,EACR;AACJ","file":"balance-badge.mjs","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { formatUnits } from '@ton/appkit';\nimport type { FC, ComponentProps } from 'react';\nimport clsx from 'clsx';\n\nimport { Block } from '../../../../components/block';\nimport styles from './balance-badge.module.css';\nimport { CircleIcon } from '../../../../components/circle-icon';\n\nconst BalanceBadgeContainer: FC<ComponentProps<'div'>> = ({ className, ...props }) => {\n    return <Block direction=\"row\" className={clsx(styles.balance, className)} {...props} />;\n};\n\nconst BalanceBlock: FC<ComponentProps<'div'>> = ({ className, ...props }) => {\n    return <div className={clsx(styles.balanceContainer, className)} {...props} />;\n};\n\nconst Balance: FC<ComponentProps<'span'> & { balance: string; decimals: number }> = ({\n    balance,\n    decimals,\n    ...props\n}) => {\n    return <span {...props}>{balance ? formatUnits(balance, decimals) : '0'}</span>;\n};\n\nconst BalanceSymbol: FC<ComponentProps<'span'> & { symbol: string }> = ({ className, symbol, ...props }) => {\n    return (\n        <span className={clsx(styles.ticker, className)} {...props}>\n            {symbol}\n        </span>\n    );\n};\n\nexport const BalanceBadge = {\n    Container: BalanceBadgeContainer,\n    Icon: CircleIcon,\n    BalanceBlock: BalanceBlock,\n    Symbol: BalanceSymbol,\n    Balance: Balance,\n};\n"]}

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

@@ -0,0 +1,19 @@
+.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/features/balances/components/balance-badge/balance-badge.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/balance-badge/balance-badge.module.css"],"sourcesContent":[".balance {\n  composes: bodyMedium from \"../../../../styles/typography.module.css\";\n\n  width: fit-content;\n  gap: 12px;\n  padding: 12px;\n  color: var(--ta-color-text-secondary);\n  line-height: 1;\n}\n\n.balanceContainer {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ticker {\n  composes: bodyBold from \"../../../../styles/typography.module.css\";\n  color: var(--ta-color-text);\n  line-height: 1;\n}\n"],"mappings":"AAAA,CAAC;AACC,YAAU,WAAW,KAAK;AAE1B,SAAO;AACP,OAAK;AACL,WAAS;AACT,SAAO,IAAI;AACX,eAAa;AACf;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAEA,CAAC;AACC,YAAU,SAAS,KAAK;AACxB,SAAO,IAAI;AACX,eAAa;AACf;","names":[]}

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

@@ -0,0 +1,16 @@
+/**
+ * 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 { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const TonBalance: Story;
+export declare const JettonBalance: Story;
+export declare const ZeroBalance: Story;
+export declare const LargeBalance: Story;
+//# sourceMappingURL=balance-badge.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"balance-badge.stories.d.ts","sourceRoot":"","sources":["../../../../../src/features/balances/components/balance-badge/balance-badge.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC"}

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

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var balanceBadge = require('./balance-badge');
+
+const meta = {
+  title: "Public/Features/Balances/BalanceBadge",
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered"
+  }
+};
+var balance_badge_stories_default = meta;
+const TonBalance = {
+  render: () => /* @__PURE__ */ jsxRuntime.jsxs(balanceBadge.BalanceBadge.Container, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(balanceBadge.BalanceBadge.Icon, { src: "https://ton.org/download/ton_symbol.png", alt: "TON", size: 40 }),
+    /* @__PURE__ */ jsxRuntime.jsxs(balanceBadge.BalanceBadge.BalanceBlock, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(balanceBadge.BalanceBadge.Balance, { balance: "1500000000", decimals: 9 }),
+      /* @__PURE__ */ jsxRuntime.jsx(balanceBadge.BalanceBadge.Symbol, { symbol: "TON" })
+    ] })
+  ] })
+};
+const JettonBalance = {
+  render: () => /* @__PURE__ */ jsxRuntime.jsxs(balanceBadge.BalanceBadge.Container, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(balanceBadge.BalanceBadge.Icon, { fallback: "U", alt: "USDT", size: 40 }),
+    /* @__PURE__ */ jsxRuntime.jsxs(balanceBadge.BalanceBadge.BalanceBlock, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(balanceBadge.BalanceBadge.Balance, { balance: "100000000", decimals: 6 }),
+      /* @__PURE__ */ jsxRuntime.jsx(balanceBadge.BalanceBadge.Symbol, { symbol: "USDT" })
+    ] })
+  ] })
+};
+const ZeroBalance = {
+  render: () => /* @__PURE__ */ jsxRuntime.jsxs(balanceBadge.BalanceBadge.Container, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(balanceBadge.BalanceBadge.Icon, { src: "https://ton.org/download/ton_symbol.png", alt: "TON", size: 40 }),
+    /* @__PURE__ */ jsxRuntime.jsxs(balanceBadge.BalanceBadge.BalanceBlock, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(balanceBadge.BalanceBadge.Balance, { balance: "", decimals: 9 }),
+      /* @__PURE__ */ jsxRuntime.jsx(balanceBadge.BalanceBadge.Symbol, { symbol: "TON" })
+    ] })
+  ] })
+};
+const LargeBalance = {
+  render: () => /* @__PURE__ */ jsxRuntime.jsxs(balanceBadge.BalanceBadge.Container, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(balanceBadge.BalanceBadge.Icon, { src: "https://ton.org/download/ton_symbol.png", alt: "TON", size: 40 }),
+    /* @__PURE__ */ jsxRuntime.jsxs(balanceBadge.BalanceBadge.BalanceBlock, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(balanceBadge.BalanceBadge.Balance, { balance: "999999999999999999", decimals: 9 }),
+      /* @__PURE__ */ jsxRuntime.jsx(balanceBadge.BalanceBadge.Symbol, { symbol: "TON" })
+    ] })
+  ] })
+};
+
+exports.JettonBalance = JettonBalance;
+exports.LargeBalance = LargeBalance;
+exports.TonBalance = TonBalance;
+exports.ZeroBalance = ZeroBalance;
+exports.default = balance_badge_stories_default;
+//# sourceMappingURL=balance-badge.stories.js.map
+//# sourceMappingURL=balance-badge.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/balance-badge/balance-badge.stories.tsx"],"names":["jsxs","BalanceBadge","jsx"],"mappings":";;;;;;;AAYA,MAAM,IAAA,GAAa;AAAA,EACf,KAAA,EAAO,uCAAA;AAAA,EACP,IAAA,EAAM,CAAC,UAAU,CAAA;AAAA,EACjB,UAAA,EAAY;AAAA,IACR,MAAA,EAAQ;AAAA;AAEhB,CAAA;AAEA,IAAO,6BAAA,GAAQ;AAIR,MAAM,UAAA,GAAoB;AAAA,EAC7B,MAAA,EAAQ,sBACJA,eAAA,CAACC,yBAAA,CAAa,WAAb,EACG,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACD,yBAAA,CAAa,MAAb,EAAkB,GAAA,EAAI,2CAA0C,GAAA,EAAI,KAAA,EAAM,MAAM,EAAA,EAAI,CAAA;AAAA,oBACrFD,eAAA,CAACC,yBAAA,CAAa,YAAA,EAAb,EACG,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACD,0BAAa,OAAA,EAAb,EAAqB,OAAA,EAAQ,YAAA,EAAa,UAAU,CAAA,EAAG,CAAA;AAAA,sBACxDC,cAAA,CAACD,yBAAA,CAAa,MAAA,EAAb,EAAoB,QAAO,KAAA,EAAM;AAAA,KAAA,EACtC;AAAA,GAAA,EACJ;AAER;AAEO,MAAM,aAAA,GAAuB;AAAA,EAChC,MAAA,EAAQ,sBACJD,eAAA,CAACC,yBAAA,CAAa,WAAb,EACG,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACD,yBAAA,CAAa,MAAb,EAAkB,QAAA,EAAS,KAAI,GAAA,EAAI,MAAA,EAAO,MAAM,EAAA,EAAI,CAAA;AAAA,oBACrDD,eAAA,CAACC,yBAAA,CAAa,YAAA,EAAb,EACG,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACD,0BAAa,OAAA,EAAb,EAAqB,OAAA,EAAQ,WAAA,EAAY,UAAU,CAAA,EAAG,CAAA;AAAA,sBACvDC,cAAA,CAACD,yBAAA,CAAa,MAAA,EAAb,EAAoB,QAAO,MAAA,EAAO;AAAA,KAAA,EACvC;AAAA,GAAA,EACJ;AAER;AAEO,MAAM,WAAA,GAAqB;AAAA,EAC9B,MAAA,EAAQ,sBACJD,eAAA,CAACC,yBAAA,CAAa,WAAb,EACG,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACD,yBAAA,CAAa,MAAb,EAAkB,GAAA,EAAI,2CAA0C,GAAA,EAAI,KAAA,EAAM,MAAM,EAAA,EAAI,CAAA;AAAA,oBACrFD,eAAA,CAACC,yBAAA,CAAa,YAAA,EAAb,EACG,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACD,0BAAa,OAAA,EAAb,EAAqB,OAAA,EAAQ,EAAA,EAAG,UAAU,CAAA,EAAG,CAAA;AAAA,sBAC9CC,cAAA,CAACD,yBAAA,CAAa,MAAA,EAAb,EAAoB,QAAO,KAAA,EAAM;AAAA,KAAA,EACtC;AAAA,GAAA,EACJ;AAER;AAEO,MAAM,YAAA,GAAsB;AAAA,EAC/B,MAAA,EAAQ,sBACJD,eAAA,CAACC,yBAAA,CAAa,WAAb,EACG,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACD,yBAAA,CAAa,MAAb,EAAkB,GAAA,EAAI,2CAA0C,GAAA,EAAI,KAAA,EAAM,MAAM,EAAA,EAAI,CAAA;AAAA,oBACrFD,eAAA,CAACC,yBAAA,CAAa,YAAA,EAAb,EACG,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACD,0BAAa,OAAA,EAAb,EAAqB,OAAA,EAAQ,oBAAA,EAAqB,UAAU,CAAA,EAAG,CAAA;AAAA,sBAChEC,cAAA,CAACD,yBAAA,CAAa,MAAA,EAAb,EAAoB,QAAO,KAAA,EAAM;AAAA,KAAA,EACtC;AAAA,GAAA,EACJ;AAER","file":"balance-badge.stories.js","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { BalanceBadge } from './balance-badge';\n\nconst meta: Meta = {\n    title: 'Public/Features/Balances/BalanceBadge',\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj;\n\nexport const TonBalance: Story = {\n    render: () => (\n        <BalanceBadge.Container>\n            <BalanceBadge.Icon src=\"https://ton.org/download/ton_symbol.png\" alt=\"TON\" size={40} />\n            <BalanceBadge.BalanceBlock>\n                <BalanceBadge.Balance balance=\"1500000000\" decimals={9} />\n                <BalanceBadge.Symbol symbol=\"TON\" />\n            </BalanceBadge.BalanceBlock>\n        </BalanceBadge.Container>\n    ),\n};\n\nexport const JettonBalance: Story = {\n    render: () => (\n        <BalanceBadge.Container>\n            <BalanceBadge.Icon fallback=\"U\" alt=\"USDT\" size={40} />\n            <BalanceBadge.BalanceBlock>\n                <BalanceBadge.Balance balance=\"100000000\" decimals={6} />\n                <BalanceBadge.Symbol symbol=\"USDT\" />\n            </BalanceBadge.BalanceBlock>\n        </BalanceBadge.Container>\n    ),\n};\n\nexport const ZeroBalance: Story = {\n    render: () => (\n        <BalanceBadge.Container>\n            <BalanceBadge.Icon src=\"https://ton.org/download/ton_symbol.png\" alt=\"TON\" size={40} />\n            <BalanceBadge.BalanceBlock>\n                <BalanceBadge.Balance balance=\"\" decimals={9} />\n                <BalanceBadge.Symbol symbol=\"TON\" />\n            </BalanceBadge.BalanceBlock>\n        </BalanceBadge.Container>\n    ),\n};\n\nexport const LargeBalance: Story = {\n    render: () => (\n        <BalanceBadge.Container>\n            <BalanceBadge.Icon src=\"https://ton.org/download/ton_symbol.png\" alt=\"TON\" size={40} />\n            <BalanceBadge.BalanceBlock>\n                <BalanceBadge.Balance balance=\"999999999999999999\" decimals={9} />\n                <BalanceBadge.Symbol symbol=\"TON\" />\n            </BalanceBadge.BalanceBlock>\n        </BalanceBadge.Container>\n    ),\n};\n"]}

package/dist/features/balances/components/balance-badge/balance-badge.stories.mjs

@@ -0,0 +1,51 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BalanceBadge } from './balance-badge';
+
+const meta = {
+  title: "Public/Features/Balances/BalanceBadge",
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered"
+  }
+};
+var balance_badge_stories_default = meta;
+const TonBalance = {
+  render: () => /* @__PURE__ */ jsxs(BalanceBadge.Container, { children: [
+    /* @__PURE__ */ jsx(BalanceBadge.Icon, { src: "https://ton.org/download/ton_symbol.png", alt: "TON", size: 40 }),
+    /* @__PURE__ */ jsxs(BalanceBadge.BalanceBlock, { children: [
+      /* @__PURE__ */ jsx(BalanceBadge.Balance, { balance: "1500000000", decimals: 9 }),
+      /* @__PURE__ */ jsx(BalanceBadge.Symbol, { symbol: "TON" })
+    ] })
+  ] })
+};
+const JettonBalance = {
+  render: () => /* @__PURE__ */ jsxs(BalanceBadge.Container, { children: [
+    /* @__PURE__ */ jsx(BalanceBadge.Icon, { fallback: "U", alt: "USDT", size: 40 }),
+    /* @__PURE__ */ jsxs(BalanceBadge.BalanceBlock, { children: [
+      /* @__PURE__ */ jsx(BalanceBadge.Balance, { balance: "100000000", decimals: 6 }),
+      /* @__PURE__ */ jsx(BalanceBadge.Symbol, { symbol: "USDT" })
+    ] })
+  ] })
+};
+const ZeroBalance = {
+  render: () => /* @__PURE__ */ jsxs(BalanceBadge.Container, { children: [
+    /* @__PURE__ */ jsx(BalanceBadge.Icon, { src: "https://ton.org/download/ton_symbol.png", alt: "TON", size: 40 }),
+    /* @__PURE__ */ jsxs(BalanceBadge.BalanceBlock, { children: [
+      /* @__PURE__ */ jsx(BalanceBadge.Balance, { balance: "", decimals: 9 }),
+      /* @__PURE__ */ jsx(BalanceBadge.Symbol, { symbol: "TON" })
+    ] })
+  ] })
+};
+const LargeBalance = {
+  render: () => /* @__PURE__ */ jsxs(BalanceBadge.Container, { children: [
+    /* @__PURE__ */ jsx(BalanceBadge.Icon, { src: "https://ton.org/download/ton_symbol.png", alt: "TON", size: 40 }),
+    /* @__PURE__ */ jsxs(BalanceBadge.BalanceBlock, { children: [
+      /* @__PURE__ */ jsx(BalanceBadge.Balance, { balance: "999999999999999999", decimals: 9 }),
+      /* @__PURE__ */ jsx(BalanceBadge.Symbol, { symbol: "TON" })
+    ] })
+  ] })
+};
+
+export { JettonBalance, LargeBalance, TonBalance, ZeroBalance, balance_badge_stories_default as default };
+//# sourceMappingURL=balance-badge.stories.mjs.map
+//# sourceMappingURL=balance-badge.stories.mjs.map

package/dist/features/balances/components/balance-badge/balance-badge.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/balance-badge/balance-badge.stories.tsx"],"names":[],"mappings":";;;AAYA,MAAM,IAAA,GAAa;AAAA,EACf,KAAA,EAAO,uCAAA;AAAA,EACP,IAAA,EAAM,CAAC,UAAU,CAAA;AAAA,EACjB,UAAA,EAAY;AAAA,IACR,MAAA,EAAQ;AAAA;AAEhB,CAAA;AAEA,IAAO,6BAAA,GAAQ;AAIR,MAAM,UAAA,GAAoB;AAAA,EAC7B,MAAA,EAAQ,sBACJ,IAAA,CAAC,YAAA,CAAa,WAAb,EACG,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,CAAa,MAAb,EAAkB,GAAA,EAAI,2CAA0C,GAAA,EAAI,KAAA,EAAM,MAAM,EAAA,EAAI,CAAA;AAAA,oBACrF,IAAA,CAAC,YAAA,CAAa,YAAA,EAAb,EACG,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAa,OAAA,EAAb,EAAqB,OAAA,EAAQ,YAAA,EAAa,UAAU,CAAA,EAAG,CAAA;AAAA,sBACxD,GAAA,CAAC,YAAA,CAAa,MAAA,EAAb,EAAoB,QAAO,KAAA,EAAM;AAAA,KAAA,EACtC;AAAA,GAAA,EACJ;AAER;AAEO,MAAM,aAAA,GAAuB;AAAA,EAChC,MAAA,EAAQ,sBACJ,IAAA,CAAC,YAAA,CAAa,WAAb,EACG,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,CAAa,MAAb,EAAkB,QAAA,EAAS,KAAI,GAAA,EAAI,MAAA,EAAO,MAAM,EAAA,EAAI,CAAA;AAAA,oBACrD,IAAA,CAAC,YAAA,CAAa,YAAA,EAAb,EACG,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAa,OAAA,EAAb,EAAqB,OAAA,EAAQ,WAAA,EAAY,UAAU,CAAA,EAAG,CAAA;AAAA,sBACvD,GAAA,CAAC,YAAA,CAAa,MAAA,EAAb,EAAoB,QAAO,MAAA,EAAO;AAAA,KAAA,EACvC;AAAA,GAAA,EACJ;AAER;AAEO,MAAM,WAAA,GAAqB;AAAA,EAC9B,MAAA,EAAQ,sBACJ,IAAA,CAAC,YAAA,CAAa,WAAb,EACG,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,CAAa,MAAb,EAAkB,GAAA,EAAI,2CAA0C,GAAA,EAAI,KAAA,EAAM,MAAM,EAAA,EAAI,CAAA;AAAA,oBACrF,IAAA,CAAC,YAAA,CAAa,YAAA,EAAb,EACG,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAa,OAAA,EAAb,EAAqB,OAAA,EAAQ,EAAA,EAAG,UAAU,CAAA,EAAG,CAAA;AAAA,sBAC9C,GAAA,CAAC,YAAA,CAAa,MAAA,EAAb,EAAoB,QAAO,KAAA,EAAM;AAAA,KAAA,EACtC;AAAA,GAAA,EACJ;AAER;AAEO,MAAM,YAAA,GAAsB;AAAA,EAC/B,MAAA,EAAQ,sBACJ,IAAA,CAAC,YAAA,CAAa,WAAb,EACG,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,CAAa,MAAb,EAAkB,GAAA,EAAI,2CAA0C,GAAA,EAAI,KAAA,EAAM,MAAM,EAAA,EAAI,CAAA;AAAA,oBACrF,IAAA,CAAC,YAAA,CAAa,YAAA,EAAb,EACG,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAa,OAAA,EAAb,EAAqB,OAAA,EAAQ,oBAAA,EAAqB,UAAU,CAAA,EAAG,CAAA;AAAA,sBAChE,GAAA,CAAC,YAAA,CAAa,MAAA,EAAb,EAAoB,QAAO,KAAA,EAAM;AAAA,KAAA,EACtC;AAAA,GAAA,EACJ;AAER","file":"balance-badge.stories.mjs","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { BalanceBadge } from './balance-badge';\n\nconst meta: Meta = {\n    title: 'Public/Features/Balances/BalanceBadge',\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj;\n\nexport const TonBalance: Story = {\n    render: () => (\n        <BalanceBadge.Container>\n            <BalanceBadge.Icon src=\"https://ton.org/download/ton_symbol.png\" alt=\"TON\" size={40} />\n            <BalanceBadge.BalanceBlock>\n                <BalanceBadge.Balance balance=\"1500000000\" decimals={9} />\n                <BalanceBadge.Symbol symbol=\"TON\" />\n            </BalanceBadge.BalanceBlock>\n        </BalanceBadge.Container>\n    ),\n};\n\nexport const JettonBalance: Story = {\n    render: () => (\n        <BalanceBadge.Container>\n            <BalanceBadge.Icon fallback=\"U\" alt=\"USDT\" size={40} />\n            <BalanceBadge.BalanceBlock>\n                <BalanceBadge.Balance balance=\"100000000\" decimals={6} />\n                <BalanceBadge.Symbol symbol=\"USDT\" />\n            </BalanceBadge.BalanceBlock>\n        </BalanceBadge.Container>\n    ),\n};\n\nexport const ZeroBalance: Story = {\n    render: () => (\n        <BalanceBadge.Container>\n            <BalanceBadge.Icon src=\"https://ton.org/download/ton_symbol.png\" alt=\"TON\" size={40} />\n            <BalanceBadge.BalanceBlock>\n                <BalanceBadge.Balance balance=\"\" decimals={9} />\n                <BalanceBadge.Symbol symbol=\"TON\" />\n            </BalanceBadge.BalanceBlock>\n        </BalanceBadge.Container>\n    ),\n};\n\nexport const LargeBalance: Story = {\n    render: () => (\n        <BalanceBadge.Container>\n            <BalanceBadge.Icon src=\"https://ton.org/download/ton_symbol.png\" alt=\"TON\" size={40} />\n            <BalanceBadge.BalanceBlock>\n                <BalanceBadge.Balance balance=\"999999999999999999\" decimals={9} />\n                <BalanceBadge.Symbol symbol=\"TON\" />\n            </BalanceBadge.BalanceBlock>\n        </BalanceBadge.Container>\n    ),\n};\n"]}

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

@@ -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.d.ts.map

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

@@ -0,0 +1 @@
+{"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/dist/features/balances/components/balance-badge/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var balanceBadge = require('./balance-badge');
+
+
+
+Object.defineProperty(exports, "BalanceBadge", {
+  enumerable: true,
+  get: function () { return balanceBadge.BalanceBadge; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/features/balances/components/balance-badge/index.mjs

@@ -0,0 +1,3 @@
+export { BalanceBadge } from './balance-badge';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs","sourcesContent":[]}

package/dist/features/balances/components/currency-item/currency-item.d.ts

@@ -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 type { FC, ComponentProps } from 'react';
+export interface CurrencyItemProps extends ComponentProps<'button'> {
+    ticker: string;
+    name?: string;
+    balance?: string;
+    icon?: string;
+    isVerified?: boolean;
+}
+export declare const CurrencyItem: FC<CurrencyItemProps>;
+//# sourceMappingURL=currency-item.d.ts.map

package/dist/features/balances/components/currency-item/currency-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-item.d.ts","sourceRoot":"","sources":["../../../../../src/features/balances/components/currency-item/currency-item.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMhD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAoC9C,CAAC"}

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

@@ -0,0 +1,44 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var circleIcon = require('../../../../components/circle-icon');
+var styles = require('./currency-item.module.css');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var styles__default = /*#__PURE__*/_interopDefault(styles);
+
+const CurrencyItem = ({
+  ticker,
+  name,
+  balance,
+  icon,
+  isVerified,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", { className: clsx__default.default(styles__default.default.currencyItem, className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(circleIcon.CircleIcon, { className: styles__default.default.icon, size: 40, src: icon, fallback: ticker[0], alt: ticker }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.info, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.header, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: styles__default.default.name, children: name || ticker }),
+        isVerified && /* @__PURE__ */ jsxRuntime.jsx("svg", { className: styles__default.default.verified, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntime.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"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles__default.default.ticker, children: ticker })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.balance, children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: balance ?? "0" }) })
+  ] });
+};
+
+exports.CurrencyItem = CurrencyItem;
+//# sourceMappingURL=currency-item.js.map
+//# sourceMappingURL=currency-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/currency-item/currency-item.tsx"],"names":["jsxs","clsx","styles","jsx","CircleIcon"],"mappings":";;;;;;;;;;;;AAsBO,MAAM,eAAsC,CAAC;AAAA,EAChD,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AACF,EAAA,uBACIA,eAAA,CAAC,YAAO,SAAA,EAAWC,qBAAA,CAAKC,wBAAO,YAAA,EAAc,SAAS,CAAA,EAAI,GAAG,KAAA,EACzD,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,qBAAA,EAAA,EAAW,SAAA,EAAWF,uBAAA,CAAO,IAAA,EAAM,IAAA,EAAM,EAAA,EAAI,GAAA,EAAK,IAAA,EAAM,QAAA,EAAU,MAAA,CAAO,CAAC,CAAA,EAAG,KAAK,MAAA,EAAQ,CAAA;AAAA,oBAE3FF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWE,uBAAA,CAAO,IAAA,EACnB,QAAA,EAAA;AAAA,sBAAAF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWE,uBAAA,CAAO,MAAA,EACnB,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAWD,uBAAA,CAAO,IAAA,EAAO,kBAAQ,MAAA,EAAO,CAAA;AAAA,QAE3C,UAAA,mCACI,KAAA,EAAA,EAAI,SAAA,EAAWA,wBAAO,QAAA,EAAU,IAAA,EAAK,cAAA,EAAe,OAAA,EAAQ,WAAA,EACzD,QAAA,kBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACG,QAAA,EAAS,SAAA;AAAA,YACT,CAAA,EAAE,iiBAAA;AAAA,YACF,QAAA,EAAS;AAAA;AAAA,SACb,EACJ;AAAA,OAAA,EAER,CAAA;AAAA,sBAEAA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAWD,uBAAA,CAAO,QAAS,QAAA,EAAA,MAAA,EAAO;AAAA,KAAA,EACzC,CAAA;AAAA,oBAEAC,cAAA,CAAC,SAAI,SAAA,EAAWD,uBAAA,CAAO,SACnB,QAAA,kBAAAC,cAAA,CAAC,GAAA,EAAA,EAAG,QAAA,EAAA,OAAA,IAAW,GAAA,EAAI,CAAA,EACvB;AAAA,GAAA,EACJ,CAAA;AAER","file":"currency-item.js","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { FC, ComponentProps } from 'react';\nimport clsx from 'clsx';\n\nimport { CircleIcon } from '../../../../components/circle-icon';\nimport styles from './currency-item.module.css';\n\nexport interface CurrencyItemProps extends ComponentProps<'button'> {\n    ticker: string;\n    name?: string;\n    balance?: string;\n    icon?: string;\n    isVerified?: boolean;\n}\n\nexport const CurrencyItem: FC<CurrencyItemProps> = ({\n    ticker,\n    name,\n    balance,\n    icon,\n    isVerified,\n    className,\n    ...props\n}) => {\n    return (\n        <button className={clsx(styles.currencyItem, className)} {...props}>\n            <CircleIcon className={styles.icon} size={40} src={icon} fallback={ticker[0]} alt={ticker} />\n\n            <div className={styles.info}>\n                <div className={styles.header}>\n                    <h4 className={styles.name}>{name || ticker}</h4>\n\n                    {isVerified && (\n                        <svg className={styles.verified} fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                            <path\n                                fillRule=\"evenodd\"\n                                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\"\n                                clipRule=\"evenodd\"\n                            />\n                        </svg>\n                    )}\n                </div>\n\n                <p className={styles.ticker}>{ticker}</p>\n            </div>\n\n            <div className={styles.balance}>\n                <p>{balance ?? '0'}</p>\n            </div>\n        </button>\n    );\n};\n"]}

package/dist/features/balances/components/currency-item/currency-item.mjs

@@ -0,0 +1,37 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { CircleIcon } from '../../../../components/circle-icon';
+import styles from './currency-item.module.css';
+
+const CurrencyItem = ({
+  ticker,
+  name,
+  balance,
+  icon,
+  isVerified,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs("button", { className: clsx(styles.currencyItem, className), ...props, children: [
+    /* @__PURE__ */ jsx(CircleIcon, { className: styles.icon, size: 40, src: icon, fallback: ticker[0], alt: ticker }),
+    /* @__PURE__ */ jsxs("div", { className: styles.info, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+        /* @__PURE__ */ jsx("h4", { className: styles.name, children: name || ticker }),
+        isVerified && /* @__PURE__ */ jsx("svg", { className: styles.verified, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ 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"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: styles.ticker, children: ticker })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: styles.balance, children: /* @__PURE__ */ jsx("p", { children: balance ?? "0" }) })
+  ] });
+};
+
+export { CurrencyItem };
+//# sourceMappingURL=currency-item.mjs.map
+//# sourceMappingURL=currency-item.mjs.map

package/dist/features/balances/components/currency-item/currency-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/balances/components/currency-item/currency-item.tsx"],"names":[],"mappings":";;;;;AAsBO,MAAM,eAAsC,CAAC;AAAA,EAChD,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AACF,EAAA,uBACI,IAAA,CAAC,YAAO,SAAA,EAAW,IAAA,CAAK,OAAO,YAAA,EAAc,SAAS,CAAA,EAAI,GAAG,KAAA,EACzD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,IAAA,EAAM,EAAA,EAAI,GAAA,EAAK,IAAA,EAAM,QAAA,EAAU,MAAA,CAAO,CAAC,CAAA,EAAG,KAAK,MAAA,EAAQ,CAAA;AAAA,oBAE3F,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EACnB,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,MAAA,EACnB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,IAAA,EAAO,kBAAQ,MAAA,EAAO,CAAA;AAAA,QAE3C,UAAA,wBACI,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,QAAA,EAAU,IAAA,EAAK,cAAA,EAAe,OAAA,EAAQ,WAAA,EACzD,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACG,QAAA,EAAS,SAAA;AAAA,YACT,CAAA,EAAE,iiBAAA;AAAA,YACF,QAAA,EAAS;AAAA;AAAA,SACb,EACJ;AAAA,OAAA,EAER,CAAA;AAAA,sBAEA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,MAAA,CAAO,QAAS,QAAA,EAAA,MAAA,EAAO;AAAA,KAAA,EACzC,CAAA;AAAA,oBAEA,GAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,SACnB,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAG,QAAA,EAAA,OAAA,IAAW,GAAA,EAAI,CAAA,EACvB;AAAA,GAAA,EACJ,CAAA;AAER","file":"currency-item.mjs","sourcesContent":["/**\n * Copyright (c) TonTech.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { FC, ComponentProps } from 'react';\nimport clsx from 'clsx';\n\nimport { CircleIcon } from '../../../../components/circle-icon';\nimport styles from './currency-item.module.css';\n\nexport interface CurrencyItemProps extends ComponentProps<'button'> {\n    ticker: string;\n    name?: string;\n    balance?: string;\n    icon?: string;\n    isVerified?: boolean;\n}\n\nexport const CurrencyItem: FC<CurrencyItemProps> = ({\n    ticker,\n    name,\n    balance,\n    icon,\n    isVerified,\n    className,\n    ...props\n}) => {\n    return (\n        <button className={clsx(styles.currencyItem, className)} {...props}>\n            <CircleIcon className={styles.icon} size={40} src={icon} fallback={ticker[0]} alt={ticker} />\n\n            <div className={styles.info}>\n                <div className={styles.header}>\n                    <h4 className={styles.name}>{name || ticker}</h4>\n\n                    {isVerified && (\n                        <svg className={styles.verified} fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                            <path\n                                fillRule=\"evenodd\"\n                                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\"\n                                clipRule=\"evenodd\"\n                            />\n                        </svg>\n                    )}\n                </div>\n\n                <p className={styles.ticker}>{ticker}</p>\n            </div>\n\n            <div className={styles.balance}>\n                <p>{balance ?? '0'}</p>\n            </div>\n        </button>\n    );\n};\n"]}