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

package/dist/components/button/button.stories.mjs

@@ -0,0 +1,46 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Button } from './button';
+
+const meta = {
+  title: "Public/Components/Button",
+  component: Button,
+  tags: ["autodocs"],
+  argTypes: {
+    disabled: {
+      control: "boolean"
+    }
+  }
+};
+var button_stories_default = meta;
+const Default = {
+  args: {
+    children: "Click me"
+  }
+};
+const Disabled = {
+  args: {
+    children: "Disabled Button",
+    disabled: true
+  }
+};
+const WithIcon = {
+  args: {
+    children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 5V19M5 12H19",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) }),
+      "Add Item"
+    ] })
+  }
+};
+
+export { Default, Disabled, WithIcon, button_stories_default as default };
+//# sourceMappingURL=button.stories.mjs.map
+//# sourceMappingURL=button.stories.mjs.map

package/dist/components/button/button.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button/button.stories.tsx"],"names":[],"mappings":";;;AAYA,MAAM,IAAA,GAA4B;AAAA,EAC9B,KAAA,EAAO,0BAAA;AAAA,EACP,SAAA,EAAW,MAAA;AAAA,EACX,IAAA,EAAM,CAAC,UAAU,CAAA;AAAA,EACjB,QAAA,EAAU;AAAA,IACN,QAAA,EAAU;AAAA,MACN,OAAA,EAAS;AAAA;AACb;AAER,CAAA;AAEA,IAAO,sBAAA,GAAQ;AAIR,MAAM,OAAA,GAAiB;AAAA,EAC1B,IAAA,EAAM;AAAA,IACF,QAAA,EAAU;AAAA;AAElB;AAEO,MAAM,QAAA,GAAkB;AAAA,EAC3B,IAAA,EAAM;AAAA,IACF,QAAA,EAAU,iBAAA;AAAA,IACV,QAAA,EAAU;AAAA;AAElB;AAEO,MAAM,QAAA,GAAkB;AAAA,EAC3B,IAAA,EAAM;AAAA,IACF,0BACI,IAAA,CAAA,QAAA,EAAA,EACI,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,SAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAC9D,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,CAAA,EAAE,kBAAA;AAAA,UACF,MAAA,EAAO,cAAA;AAAA,UACP,WAAA,EAAY,GAAA;AAAA,UACZ,aAAA,EAAc,OAAA;AAAA,UACd,cAAA,EAAe;AAAA;AAAA,OACnB,EACJ,CAAA;AAAA,MAAM;AAAA,KAAA,EAEV;AAAA;AAGZ","file":"button.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 { Button } from './button';\n\nconst meta: Meta<typeof Button> = {\n    title: 'Public/Components/Button',\n    component: Button,\n    tags: ['autodocs'],\n    argTypes: {\n        disabled: {\n            control: 'boolean',\n        },\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Button>;\n\nexport const Default: Story = {\n    args: {\n        children: 'Click me',\n    },\n};\n\nexport const Disabled: Story = {\n    args: {\n        children: 'Disabled Button',\n        disabled: true,\n    },\n};\n\nexport const WithIcon: Story = {\n    args: {\n        children: (\n            <>\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path\n                        d=\"M12 5V19M5 12H19\"\n                        stroke=\"currentColor\"\n                        strokeWidth=\"2\"\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                    />\n                </svg>\n                Add Item\n            </>\n        ),\n    },\n};\n"]}

package/dist/components/button/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 { Button } from './button';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

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

package/dist/components/button/index.js

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

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

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

package/dist/components/button/index.mjs

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

package/dist/components/button/index.mjs.map

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

package/dist/components/circle-icon/circle-icon.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 { FC, ComponentProps } from 'react';
+export interface CircleIconProps extends ComponentProps<'div'> {
+    size?: number;
+    src?: string;
+    alt?: string;
+    fallback?: string;
+}
+export declare const CircleIcon: FC<CircleIconProps>;
+//# sourceMappingURL=circle-icon.d.ts.map

package/dist/components/circle-icon/circle-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle-icon.d.ts","sourceRoot":"","sources":["../../../src/components/circle-icon/circle-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMhD,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAY1C,CAAC"}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var radixUi = require('radix-ui');
+var styles = require('./circle-icon.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 CircleIcon = ({ className, size = 30, src, alt, fallback, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Avatar.Root, { className: clsx__default.default(styles__default.default.avatarRoot, className), style: { width: size, height: size }, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(radixUi.Avatar.Image, { className: styles__default.default.avatarImage, src, alt }),
+    (fallback || alt) && /* @__PURE__ */ jsxRuntime.jsx(radixUi.Avatar.Fallback, { className: styles__default.default.avatarFallback, delayMs: 600, children: fallback ? fallback : alt?.[0] })
+  ] });
+};
+
+exports.CircleIcon = CircleIcon;
+//# sourceMappingURL=circle-icon.js.map
+//# sourceMappingURL=circle-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/circle-icon/circle-icon.tsx"],"names":["Avatar","clsx","styles","jsx"],"mappings":";;;;;;;;;;;;AAqBO,MAAM,UAAA,GAAkC,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,EAAA,EAAI,GAAA,EAAK,GAAA,EAAK,QAAA,EAAU,GAAG,KAAA,EAAM,KAAM;AACvG,EAAA,uCACKA,cAAA,CAAO,IAAA,EAAP,EAAY,SAAA,EAAWC,qBAAA,CAAKC,wBAAO,UAAA,EAAY,SAAS,CAAA,EAAG,KAAA,EAAO,EAAE,KAAA,EAAO,IAAA,EAAM,QAAQ,IAAA,EAAK,EAAI,GAAG,KAAA,EAClG,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACH,eAAO,KAAA,EAAP,EAAa,WAAWE,uBAAA,CAAO,WAAA,EAAa,KAAU,GAAA,EAAU,CAAA;AAAA,IAAA,CAE/D,QAAA,IAAY,GAAA,qBACVC,cAAA,CAACH,cAAA,CAAO,UAAP,EAAgB,SAAA,EAAWE,uBAAA,CAAO,cAAA,EAAgB,SAAS,GAAA,EACvD,QAAA,EAAA,QAAA,GAAW,QAAA,GAAW,GAAA,GAAM,CAAC,CAAA,EAClC;AAAA,GAAA,EAER,CAAA;AAER","file":"circle-icon.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';\nimport { Avatar } from 'radix-ui';\n\nimport styles from './circle-icon.module.css';\n\nexport interface CircleIconProps extends ComponentProps<'div'> {\n    size?: number;\n    src?: string;\n    alt?: string;\n    fallback?: string;\n}\n\nexport const CircleIcon: FC<CircleIconProps> = ({ className, size = 30, src, alt, fallback, ...props }) => {\n    return (\n        <Avatar.Root className={clsx(styles.avatarRoot, className)} style={{ width: size, height: size }} {...props}>\n            <Avatar.Image className={styles.avatarImage} src={src} alt={alt} />\n\n            {(fallback || alt) && (\n                <Avatar.Fallback className={styles.avatarFallback} delayMs={600}>\n                    {fallback ? fallback : alt?.[0]}\n                </Avatar.Fallback>\n            )}\n        </Avatar.Root>\n    );\n};\n"]}

package/dist/components/circle-icon/circle-icon.mjs

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

package/dist/components/circle-icon/circle-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/circle-icon/circle-icon.tsx"],"names":[],"mappings":";;;;;AAqBO,MAAM,UAAA,GAAkC,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,EAAA,EAAI,GAAA,EAAK,GAAA,EAAK,QAAA,EAAU,GAAG,KAAA,EAAM,KAAM;AACvG,EAAA,4BACK,MAAA,CAAO,IAAA,EAAP,EAAY,SAAA,EAAW,IAAA,CAAK,OAAO,UAAA,EAAY,SAAS,CAAA,EAAG,KAAA,EAAO,EAAE,KAAA,EAAO,IAAA,EAAM,QAAQ,IAAA,EAAK,EAAI,GAAG,KAAA,EAClG,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAO,KAAA,EAAP,EAAa,WAAW,MAAA,CAAO,WAAA,EAAa,KAAU,GAAA,EAAU,CAAA;AAAA,IAAA,CAE/D,QAAA,IAAY,GAAA,qBACV,GAAA,CAAC,MAAA,CAAO,UAAP,EAAgB,SAAA,EAAW,MAAA,CAAO,cAAA,EAAgB,SAAS,GAAA,EACvD,QAAA,EAAA,QAAA,GAAW,QAAA,GAAW,GAAA,GAAM,CAAC,CAAA,EAClC;AAAA,GAAA,EAER,CAAA;AAER","file":"circle-icon.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';\nimport { Avatar } from 'radix-ui';\n\nimport styles from './circle-icon.module.css';\n\nexport interface CircleIconProps extends ComponentProps<'div'> {\n    size?: number;\n    src?: string;\n    alt?: string;\n    fallback?: string;\n}\n\nexport const CircleIcon: FC<CircleIconProps> = ({ className, size = 30, src, alt, fallback, ...props }) => {\n    return (\n        <Avatar.Root className={clsx(styles.avatarRoot, className)} style={{ width: size, height: size }} {...props}>\n            <Avatar.Image className={styles.avatarImage} src={src} alt={alt} />\n\n            {(fallback || alt) && (\n                <Avatar.Fallback className={styles.avatarFallback} delayMs={600}>\n                    {fallback ? fallback : alt?.[0]}\n                </Avatar.Fallback>\n            )}\n        </Avatar.Root>\n    );\n};\n"]}

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

@@ -0,0 +1,31 @@
+.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;
+}
+/*# sourceMappingURL=circle-icon.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/circle-icon/circle-icon.module.css"],"sourcesContent":[".avatarRoot {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tvertical-align: middle;\n\toverflow: hidden;\n\tuser-select: none;\n\twidth: 45px;\n\theight: 45px;\n\tborder-radius: 100%;\n\tbackground-color: var(--ta-color-block);\n}\n\n.avatarImage {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n\tborder-radius: inherit;\n}\n\n.avatarFallback {\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: white;\n\tcolor: var(--ta-color-block-foreground);\n\tfont-size: 15px;\n\tline-height: 1;\n\tfont-weight: 500;\n}\n"],"mappings":"AAAA,CAAC;AACA,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,kBAAgB;AAChB,YAAU;AACV,eAAa;AACb,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,oBAAkB,IAAI;AACvB;AAEA,CAAC;AACA,SAAO;AACP,UAAQ;AACR,cAAY;AACZ,iBAAe;AAChB;AAEA,CAAC;AACA,SAAO;AACP,UAAQ;AACR,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,oBAAkB;AAClB,SAAO,IAAI;AACX,aAAW;AACX,eAAa;AACb,eAAa;AACd;","names":[]}

package/dist/components/circle-icon/circle-icon.stories.d.ts

@@ -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 type { Meta, StoryObj } from '@storybook/react';
+import { CircleIcon } from './circle-icon';
+declare const meta: Meta<typeof CircleIcon>;
+export default meta;
+type Story = StoryObj<typeof CircleIcon>;
+export declare const WithImage: Story;
+export declare const WithFallback: Story;
+export declare const WithInvalidImage: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+//# sourceMappingURL=circle-icon.stories.d.ts.map

package/dist/components/circle-icon/circle-icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle-icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/circle-icon/circle-icon.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CASjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC"}

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

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var circleIcon = require('./circle-icon');
+
+const meta = {
+  title: "Private/Components/CircleIcon",
+  component: circleIcon.CircleIcon,
+  tags: ["autodocs"],
+  argTypes: {
+    size: {
+      control: { type: "range", min: 20, max: 100, step: 5 }
+    }
+  }
+};
+var circle_icon_stories_default = meta;
+const WithImage = {
+  args: {
+    size: 48,
+    src: "https://ton.org/download/ton_symbol.png",
+    alt: "TON"
+  }
+};
+const WithFallback = {
+  args: {
+    size: 48,
+    fallback: "T",
+    alt: "TON"
+  }
+};
+const WithInvalidImage = {
+  args: {
+    size: 48,
+    src: "https://invalid-url.com/image.png",
+    alt: "Fallback",
+    fallback: "F"
+  }
+};
+const SmallSize = {
+  args: {
+    size: 24,
+    src: "https://ton.org/download/ton_symbol.png",
+    alt: "TON"
+  }
+};
+const LargeSize = {
+  args: {
+    size: 80,
+    src: "https://ton.org/download/ton_symbol.png",
+    alt: "TON"
+  }
+};
+
+exports.LargeSize = LargeSize;
+exports.SmallSize = SmallSize;
+exports.WithFallback = WithFallback;
+exports.WithImage = WithImage;
+exports.WithInvalidImage = WithInvalidImage;
+exports.default = circle_icon_stories_default;
+//# sourceMappingURL=circle-icon.stories.js.map
+//# sourceMappingURL=circle-icon.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/circle-icon/circle-icon.stories.tsx"],"names":["CircleIcon"],"mappings":";;;;;;AAYA,MAAM,IAAA,GAAgC;AAAA,EAClC,KAAA,EAAO,+BAAA;AAAA,EACP,SAAA,EAAWA,qBAAA;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,GAAA,EAAK,IAAA,EAAM,CAAA;AAAE;AACzD;AAER,CAAA;AAEA,IAAO,2BAAA,GAAQ;AAIR,MAAM,SAAA,GAAmB;AAAA,EAC5B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,GAAA,EAAK,yCAAA;AAAA,IACL,GAAA,EAAK;AAAA;AAEb;AAEO,MAAM,YAAA,GAAsB;AAAA,EAC/B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,QAAA,EAAU,GAAA;AAAA,IACV,GAAA,EAAK;AAAA;AAEb;AAEO,MAAM,gBAAA,GAA0B;AAAA,EACnC,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,GAAA,EAAK,mCAAA;AAAA,IACL,GAAA,EAAK,UAAA;AAAA,IACL,QAAA,EAAU;AAAA;AAElB;AAEO,MAAM,SAAA,GAAmB;AAAA,EAC5B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,GAAA,EAAK,yCAAA;AAAA,IACL,GAAA,EAAK;AAAA;AAEb;AAEO,MAAM,SAAA,GAAmB;AAAA,EAC5B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,GAAA,EAAK,yCAAA;AAAA,IACL,GAAA,EAAK;AAAA;AAEb","file":"circle-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 { CircleIcon } from './circle-icon';\n\nconst meta: Meta<typeof CircleIcon> = {\n    title: 'Private/Components/CircleIcon',\n    component: CircleIcon,\n    tags: ['autodocs'],\n    argTypes: {\n        size: {\n            control: { type: 'range', min: 20, max: 100, step: 5 },\n        },\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof CircleIcon>;\n\nexport const WithImage: Story = {\n    args: {\n        size: 48,\n        src: 'https://ton.org/download/ton_symbol.png',\n        alt: 'TON',\n    },\n};\n\nexport const WithFallback: Story = {\n    args: {\n        size: 48,\n        fallback: 'T',\n        alt: 'TON',\n    },\n};\n\nexport const WithInvalidImage: Story = {\n    args: {\n        size: 48,\n        src: 'https://invalid-url.com/image.png',\n        alt: 'Fallback',\n        fallback: 'F',\n    },\n};\n\nexport const SmallSize: Story = {\n    args: {\n        size: 24,\n        src: 'https://ton.org/download/ton_symbol.png',\n        alt: 'TON',\n    },\n};\n\nexport const LargeSize: Story = {\n    args: {\n        size: 80,\n        src: 'https://ton.org/download/ton_symbol.png',\n        alt: 'TON',\n    },\n};\n"]}

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

@@ -0,0 +1,53 @@
+import { CircleIcon } from './circle-icon';
+
+const meta = {
+  title: "Private/Components/CircleIcon",
+  component: CircleIcon,
+  tags: ["autodocs"],
+  argTypes: {
+    size: {
+      control: { type: "range", min: 20, max: 100, step: 5 }
+    }
+  }
+};
+var circle_icon_stories_default = meta;
+const WithImage = {
+  args: {
+    size: 48,
+    src: "https://ton.org/download/ton_symbol.png",
+    alt: "TON"
+  }
+};
+const WithFallback = {
+  args: {
+    size: 48,
+    fallback: "T",
+    alt: "TON"
+  }
+};
+const WithInvalidImage = {
+  args: {
+    size: 48,
+    src: "https://invalid-url.com/image.png",
+    alt: "Fallback",
+    fallback: "F"
+  }
+};
+const SmallSize = {
+  args: {
+    size: 24,
+    src: "https://ton.org/download/ton_symbol.png",
+    alt: "TON"
+  }
+};
+const LargeSize = {
+  args: {
+    size: 80,
+    src: "https://ton.org/download/ton_symbol.png",
+    alt: "TON"
+  }
+};
+
+export { LargeSize, SmallSize, WithFallback, WithImage, WithInvalidImage, circle_icon_stories_default as default };
+//# sourceMappingURL=circle-icon.stories.mjs.map
+//# sourceMappingURL=circle-icon.stories.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/circle-icon/circle-icon.stories.tsx"],"names":[],"mappings":";;AAYA,MAAM,IAAA,GAAgC;AAAA,EAClC,KAAA,EAAO,+BAAA;AAAA,EACP,SAAA,EAAW,UAAA;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,GAAA,EAAK,IAAA,EAAM,CAAA;AAAE;AACzD;AAER,CAAA;AAEA,IAAO,2BAAA,GAAQ;AAIR,MAAM,SAAA,GAAmB;AAAA,EAC5B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,GAAA,EAAK,yCAAA;AAAA,IACL,GAAA,EAAK;AAAA;AAEb;AAEO,MAAM,YAAA,GAAsB;AAAA,EAC/B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,QAAA,EAAU,GAAA;AAAA,IACV,GAAA,EAAK;AAAA;AAEb;AAEO,MAAM,gBAAA,GAA0B;AAAA,EACnC,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,GAAA,EAAK,mCAAA;AAAA,IACL,GAAA,EAAK,UAAA;AAAA,IACL,QAAA,EAAU;AAAA;AAElB;AAEO,MAAM,SAAA,GAAmB;AAAA,EAC5B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,GAAA,EAAK,yCAAA;AAAA,IACL,GAAA,EAAK;AAAA;AAEb;AAEO,MAAM,SAAA,GAAmB;AAAA,EAC5B,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,GAAA,EAAK,yCAAA;AAAA,IACL,GAAA,EAAK;AAAA;AAEb","file":"circle-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 { CircleIcon } from './circle-icon';\n\nconst meta: Meta<typeof CircleIcon> = {\n    title: 'Private/Components/CircleIcon',\n    component: CircleIcon,\n    tags: ['autodocs'],\n    argTypes: {\n        size: {\n            control: { type: 'range', min: 20, max: 100, step: 5 },\n        },\n    },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof CircleIcon>;\n\nexport const WithImage: Story = {\n    args: {\n        size: 48,\n        src: 'https://ton.org/download/ton_symbol.png',\n        alt: 'TON',\n    },\n};\n\nexport const WithFallback: Story = {\n    args: {\n        size: 48,\n        fallback: 'T',\n        alt: 'TON',\n    },\n};\n\nexport const WithInvalidImage: Story = {\n    args: {\n        size: 48,\n        src: 'https://invalid-url.com/image.png',\n        alt: 'Fallback',\n        fallback: 'F',\n    },\n};\n\nexport const SmallSize: Story = {\n    args: {\n        size: 24,\n        src: 'https://ton.org/download/ton_symbol.png',\n        alt: 'TON',\n    },\n};\n\nexport const LargeSize: Story = {\n    args: {\n        size: 80,\n        src: 'https://ton.org/download/ton_symbol.png',\n        alt: 'TON',\n    },\n};\n"]}

package/dist/components/circle-icon/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 * from './circle-icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/circle-icon/index.d.ts.map

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

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var circleIcon = require('./circle-icon');
+
+
+
+Object.keys(circleIcon).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return circleIcon[k]; }
+	});
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/circle-icon/index.mjs

@@ -0,0 +1,3 @@
+export * from './circle-icon';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/circle-icon/index.mjs.map

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

package/dist/components/ton-icon/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 { TonIcon, TonIconCircle } from './ton-icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ton-icon/index.d.ts.map

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

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

@@ -0,0 +1,16 @@
+'use strict';
+
+var tonIcon = require('./ton-icon');
+
+
+
+Object.defineProperty(exports, "TonIcon", {
+  enumerable: true,
+  get: function () { return tonIcon.TonIcon; }
+});
+Object.defineProperty(exports, "TonIconCircle", {
+  enumerable: true,
+  get: function () { return tonIcon.TonIconCircle; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,3 @@
+export { TonIcon, TonIconCircle } from './ton-icon';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/ton-icon/ton-icon.d.ts

@@ -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.
+ *
+ */
+import type { FC, ComponentProps } from 'react';
+export interface TonIconProps extends Omit<ComponentProps<'svg'>, 'width' | 'height'> {
+    size?: number;
+}
+export declare const TonIcon: FC<TonIconProps>;
+export declare const TonIconCircle: FC<TonIconProps>;
+//# sourceMappingURL=ton-icon.d.ts.map

package/dist/components/ton-icon/ton-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ton-icon.d.ts","sourceRoot":"","sources":["../../../src/components/ton-icon/ton-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CASpC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,YAAY,CAoB1C,CAAC"}

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

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const TonIcon = ({ size = 16, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 29 29", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.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"
+    }
+  ) });
+};
+const TonIconCircle = ({ size = 16, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 56 56", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_2906_144)", children: [
+      /* @__PURE__ */ jsxRuntime.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"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.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"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_2906_144", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "56", height: "56", fill: "white" }) }) })
+  ] });
+};
+
+exports.TonIcon = TonIcon;
+exports.TonIconCircle = TonIconCircle;
+//# sourceMappingURL=ton-icon.js.map
+//# sourceMappingURL=ton-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ton-icon/ton-icon.tsx"],"names":["jsx","jsxs"],"mappings":";;;;AAcO,MAAM,UAA4B,CAAC,EAAE,OAAO,EAAA,EAAI,GAAG,OAAM,KAAM;AAClE,EAAA,uBACIA,cAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EACnG,QAAA,kBAAAA,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACG,CAAA,EAAE,wUAAA;AAAA,MACF,IAAA,EAAK;AAAA;AAAA,GACT,EACJ,CAAA;AAER;AAEO,MAAM,gBAAkC,CAAC,EAAE,OAAO,EAAA,EAAI,GAAG,OAAM,KAAM;AACxE,EAAA,uBACIC,eAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EACnG,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,GAAA,EAAA,EAAE,UAAS,sBAAA,EACR,QAAA,EAAA;AAAA,sBAAAD,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,CAAA,EAAE,2FAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA,OACT;AAAA,sBACAA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,CAAA,EAAE,uVAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA;AACT,KAAA,EACJ,CAAA;AAAA,oBACAA,cAAA,CAAC,MAAA,EAAA,EACG,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,IAAG,gBAAA,EACT,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,MAAK,MAAA,EAAO,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,GAC9C,CAAA,EACJ;AAAA,GAAA,EACJ,CAAA;AAER","file":"ton-icon.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';\n\nexport interface TonIconProps extends Omit<ComponentProps<'svg'>, 'width' | 'height'> {\n    size?: number;\n}\n\nexport const TonIcon: FC<TonIconProps> = ({ size = 16, ...props }) => {\n    return (\n        <svg width={size} height={size} viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n            <path\n                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\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n};\n\nexport const TonIconCircle: FC<TonIconProps> = ({ size = 16, ...props }) => {\n    return (\n        <svg width={size} height={size} viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n            <g clipPath=\"url(#clip0_2906_144)\">\n                <path\n                    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\"\n                    fill=\"#0098EA\"\n                />\n                <path\n                    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\"\n                    fill=\"white\"\n                />\n            </g>\n            <defs>\n                <clipPath id=\"clip0_2906_144\">\n                    <rect width=\"56\" height=\"56\" fill=\"white\" />\n                </clipPath>\n            </defs>\n        </svg>\n    );\n};\n"]}

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

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const TonIcon = ({ size = 16, ...props }) => {
+  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 29 29", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ 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"
+    }
+  ) });
+};
+const TonIconCircle = ({ size = 16, ...props }) => {
+  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 56 56", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_2906_144)", children: [
+      /* @__PURE__ */ 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"
+        }
+      ),
+      /* @__PURE__ */ 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"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_2906_144", children: /* @__PURE__ */ jsx("rect", { width: "56", height: "56", fill: "white" }) }) })
+  ] });
+};
+
+export { TonIcon, TonIconCircle };
+//# sourceMappingURL=ton-icon.mjs.map
+//# sourceMappingURL=ton-icon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ton-icon/ton-icon.tsx"],"names":[],"mappings":";;AAcO,MAAM,UAA4B,CAAC,EAAE,OAAO,EAAA,EAAI,GAAG,OAAM,KAAM;AAClE,EAAA,uBACI,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EACnG,QAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACG,CAAA,EAAE,wUAAA;AAAA,MACF,IAAA,EAAK;AAAA;AAAA,GACT,EACJ,CAAA;AAER;AAEO,MAAM,gBAAkC,CAAC,EAAE,OAAO,EAAA,EAAI,GAAG,OAAM,KAAM;AACxE,EAAA,uBACI,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EACnG,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,GAAA,EAAA,EAAE,UAAS,sBAAA,EACR,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,CAAA,EAAE,2FAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA,OACT;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,CAAA,EAAE,uVAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA;AACT,KAAA,EACJ,CAAA;AAAA,oBACA,GAAA,CAAC,MAAA,EAAA,EACG,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAS,IAAG,gBAAA,EACT,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,MAAK,MAAA,EAAO,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,GAC9C,CAAA,EACJ;AAAA,GAAA,EACJ,CAAA;AAER","file":"ton-icon.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';\n\nexport interface TonIconProps extends Omit<ComponentProps<'svg'>, 'width' | 'height'> {\n    size?: number;\n}\n\nexport const TonIcon: FC<TonIconProps> = ({ size = 16, ...props }) => {\n    return (\n        <svg width={size} height={size} viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n            <path\n                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\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n};\n\nexport const TonIconCircle: FC<TonIconProps> = ({ size = 16, ...props }) => {\n    return (\n        <svg width={size} height={size} viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n            <g clipPath=\"url(#clip0_2906_144)\">\n                <path\n                    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\"\n                    fill=\"#0098EA\"\n                />\n                <path\n                    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\"\n                    fill=\"white\"\n                />\n            </g>\n            <defs>\n                <clipPath id=\"clip0_2906_144\">\n                    <rect width=\"56\" height=\"56\" fill=\"white\" />\n                </clipPath>\n            </defs>\n        </svg>\n    );\n};\n"]}

package/dist/components/ton-icon/ton-icon.stories.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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';
+import { TonIcon, TonIconCircle } from './ton-icon';
+declare const meta: Meta<typeof TonIcon>;
+export default meta;
+type Story = StoryObj<typeof TonIcon>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const CustomColor: Story;
+export declare const Circle: StoryObj<typeof TonIconCircle>;
+export declare const CircleSmall: StoryObj<typeof TonIconCircle>;
+export declare const CircleLarge: StoryObj<typeof TonIconCircle>;
+//# sourceMappingURL=ton-icon.stories.d.ts.map

package/dist/components/ton-icon/ton-icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ton-icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ton-icon/ton-icon.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAgB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,aAAa,CAKjD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,aAAa,CAKtD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,aAAa,CAKtD,CAAC"}