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

package/dist/providers/i18n-provider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/i18n-provider.tsx"],"names":["dict"],"mappings":";;;;AAqBO,MAAM,WAAA,GAAc,cAAsC,IAAI;AAO9D,MAAM,eAAe,CAAC,EAAE,QAAA,EAAU,MAAA,EAAQ,UAAS,KAAyB;AAC/E,EAAA,MAAM,eAAA,GAAkB,MAAA,CAAO,MAAA,IAAU,eAAe,CAAA;AACxD,EAAA,MAAM,GAAG,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAC9B,EAAA,MAAM,WAAA,GAAc,OAAO,IAAI,CAAA;AAE/B,EAAA,MAAM,WAAA,GAA+B;AAAA,IACjC,cAAc,eAAA,CAAgB,OAAA;AAAA,IAC9B,GAAG,CAAA,GAAI,IAAA,KAAS,IAAA,CAAK,CAAA,CAAE,GAAG,IAAI,CAAA;AAAA,IAC9B,MAAA,EAAQ,CAAC,CAAA,EAAG,IAAA,KAAS;AACjB,MAAA,IAAA,CAAK,OAAO,CAAC,CAAA;AACb,MAAA,eAAA,CAAgB,OAAA,GAAU,CAAA;AAE1B,MAAA,IAAI,IAAA,EAAM;AACN,QAAA,IAAA,CAAK,GAAA,CAAI,GAAG,IAAI,CAAA;AAAA,MACpB;AAGA,MAAA,OAAA,CAAQ,CAAC,IAAA,KAAS,IAAA,GAAO,CAAC,CAAA;AAAA,IAC9B,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAA,EAAG,IAAA,KAAS;AAClB,MAAA,IAAA,CAAK,GAAA,CAAI,GAAG,IAAI,CAAA;AAGhB,MAAA,OAAA,CAAQ,CAAC,IAAA,KAAS,IAAA,GAAO,CAAC,CAAA;AAAA,IAC9B;AAAA,GACJ;AAGA,EAAA,IAAI,MAAA,IAAU,WAAA,CAAY,OAAA,KAAY,IAAA,EAAM;AACxC,IAAA,WAAA,CAAY,OAAA,GAAU,KAAA;AACtB,IAAA,MAAM,IAAA,GAAO,WAAW,MAAM,CAAA;AAC9B,IAAA,WAAA,CAAY,MAAA,CAAO,QAAQ,IAAI,CAAA;AAE/B,IAAA,MAAM,SAAA,GAAY,MAAA,CAAO,OAAA,CAAQ,QAAA,IAAY,EAAE,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,CAAC,CAAA,KAAM,MAAM,MAAM,CAAA;AAC7E,IAAA,SAAA,CAAU,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAGA,KAAI,CAAA,KAAM;AAC7B,MAAA,WAAA,CAAY,OAAA,CAAQ,GAAGA,KAAI,CAAA;AAAA,IAC/B,CAAC,CAAA;AAAA,EACL;AAEA,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,QAAA,EAAU;AACV,MAAA,MAAA,CAAO,OAAA,CAAQ,QAAQ,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAG,IAAI,CAAA,KAAM;AAC5C,QAAA,WAAA,CAAY,OAAA,CAAQ,GAAG,IAAI,CAAA;AAAA,MAC/B,CAAC,CAAA;AAAA,IACL;AAAA,EACJ,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,MAAA,EAAQ;AACR,MAAA,WAAA,CAAY,OAAO,MAAM,CAAA;AAAA,IAC7B;AAAA,EACJ,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,2BAAQ,WAAA,CAAY,QAAA,EAAZ,EAAqB,KAAA,EAAO,aAAc,QAAA,EAAS,CAAA;AAC/D","file":"i18n-provider.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 { PropsWithChildren } from 'react';\nimport { createContext, useState, useRef, useEffect } from 'react';\n\nimport type { Dict, I18n } from '../libs/i18n';\nimport { i18n, defaultLanguage } from '../libs/i18n';\n\nexport interface I18nContextType {\n    activeLocale: string;\n    t: I18n['t'];\n    locale: (lang: string, dict?: Dict) => void;\n    addDict: (lang: string, dict: Dict) => void;\n}\n\nexport const I18nContext = createContext<I18nContextType | null>(null);\n\nexport interface I18nProviderProps extends PropsWithChildren {\n    locale?: string;\n    lngDicts?: Record<string, Dict>;\n}\n\nexport const I18nProvider = ({ children, locale, lngDicts }: I18nProviderProps) => {\n    const activeLocaleRef = useRef(locale || defaultLanguage);\n    const [, setTick] = useState(0);\n    const firstRender = useRef(true);\n\n    const i18nWrapper: I18nContextType = {\n        activeLocale: activeLocaleRef.current,\n        t: (...args) => i18n.t(...args),\n        locale: (l, dict) => {\n            i18n.locale(l);\n            activeLocaleRef.current = l;\n\n            if (dict) {\n                i18n.set(l, dict);\n            }\n\n            // force rerender to update view\n            setTick((tick) => tick + 1);\n        },\n        addDict: (l, dict) => {\n            i18n.set(l, dict);\n\n            // force rerender to update view\n            setTick((tick) => tick + 1);\n        },\n    };\n\n    // for initial SSR render\n    if (locale && firstRender.current === true) {\n        firstRender.current = false;\n        const dict = lngDicts?.[locale];\n        i18nWrapper.locale(locale, dict);\n\n        const restDicts = Object.entries(lngDicts || {}).filter(([l]) => l !== locale);\n        restDicts.forEach(([l, dict]) => {\n            i18nWrapper.addDict(l, dict);\n        });\n    }\n\n    useEffect(() => {\n        if (lngDicts) {\n            Object.entries(lngDicts).forEach(([l, dict]) => {\n                i18nWrapper.addDict(l, dict);\n            });\n        }\n    }, [lngDicts]);\n\n    useEffect(() => {\n        if (locale) {\n            i18nWrapper.locale(locale);\n        }\n    }, [locale]);\n\n    return <I18nContext.Provider value={i18nWrapper}>{children}</I18nContext.Provider>;\n};\n"]}

package/dist/styles/index.css

@@ -0,0 +1,73 @@
+:root {
+  --ta-font-family:
+    -apple-system,
+    BlinkMacSystemFont,
+    "Roboto",
+    "Helvetica Neue",
+    Arial,
+    Tahoma,
+    Verdana,
+    sans-serif;
+  --ta-heading1-font-size: 32px;
+  --ta-heading1-font-weight: 700;
+  --ta-heading1-line-height: normal;
+  --ta-heading2-font-size: 28px;
+  --ta-heading2-font-weight: 700;
+  --ta-heading2-line-height: normal;
+  --ta-heading3-font-size: 24px;
+  --ta-heading3-font-weight: 700;
+  --ta-heading3-line-height: normal;
+  --ta-heading4-font-size: 20px;
+  --ta-heading4-font-weight: 700;
+  --ta-heading4-line-height: normal;
+  --ta-heading5-font-size: 18px;
+  --ta-heading5-font-weight: 700;
+  --ta-heading5-line-height: normal;
+  --ta-body-large-font-size: 16px;
+  --ta-body-large-line-height: 24px;
+  --ta-body-large-font-weight: 400;
+  --ta-body-large-medium-font-weight: 500;
+  --ta-body-font-size: 14px;
+  --ta-body-line-height: 20px;
+  --ta-body-font-weight: 400;
+  --ta-body-medium-font-weight: 500;
+  --ta-body-bold-font-weight: 700;
+  --ta-body-small-font-size: 12px;
+  --ta-body-small-line-height: 16px;
+  --ta-body-small-font-weight: 400;
+  --ta-caption1-font-size: 12px;
+  --ta-caption1-line-height: 16px;
+  --ta-caption1-font-weight: 400;
+  --ta-caption2-font-size: 10px;
+  --ta-caption2-line-height: 12px;
+  --ta-caption2-font-weight: 400;
+  --ta-color-primary: #0098EB;
+  --ta-color-primary-foreground: #ffffff;
+  --ta-color-text: #000000;
+  --ta-color-text-secondary: #8e8e93;
+  --ta-color-background: #ffffff;
+  --ta-color-background-secondary: #f2f2f7;
+  --ta-color-block: #ffffff;
+  --ta-color-block-foreground: #000000;
+  --ta-color-white: #ffffff;
+  --ta-color-black: #000000;
+  --ta-color-ton: #0098EB;
+  --ta-border-radius-s: 4px;
+  --ta-border-radius-m: 8px;
+  --ta-border-radius-l: 12px;
+  --ta-border-radius-xl: 16px;
+  --ta-border-radius-full: 9999px;
+  --ta-border-width-s: 1px;
+  --ta-border-width-m: 2px;
+}
+[data-ta-theme=dark] {
+  --ta-color-primary: #0098EB;
+  --ta-color-primary-foreground: #ffffff;
+  --ta-color-text: #ffffff;
+  --ta-color-text-secondary: #8e8e93;
+  --ta-color-background: #000000;
+  --ta-color-background-secondary: #1c1c1e;
+  --ta-color-block: #121214;
+  --ta-color-block-foreground: #ffffff;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/styles/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/index.css"],"sourcesContent":[":root {\n  /* Font */\n  --ta-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', Arial, Tahoma, Verdana, sans-serif;\n  \n  /* Typography */\n  /* Headings */\n  --ta-heading1-font-size: 32px;\n  --ta-heading1-font-weight: 700;\n  --ta-heading1-line-height: normal;\n\n  --ta-heading2-font-size: 28px;\n  --ta-heading2-font-weight: 700;\n  --ta-heading2-line-height: normal;\n\n  --ta-heading3-font-size: 24px;\n  --ta-heading3-font-weight: 700;\n  --ta-heading3-line-height: normal;\n\n  --ta-heading4-font-size: 20px;\n  --ta-heading4-font-weight: 700;\n  --ta-heading4-line-height: normal;\n\n  --ta-heading5-font-size: 18px;\n  --ta-heading5-font-weight: 700;\n  --ta-heading5-line-height: normal;\n\n  /* Body */\n  --ta-body-large-font-size: 16px;\n  --ta-body-large-line-height: 24px;\n  --ta-body-large-font-weight: 400;\n  --ta-body-large-medium-font-weight: 500;\n  \n  --ta-body-font-size: 14px;\n  --ta-body-line-height: 20px;\n  --ta-body-font-weight: 400;\n  --ta-body-medium-font-weight: 500;\n  --ta-body-bold-font-weight: 700;\n\n  --ta-body-small-font-size: 12px;\n  --ta-body-small-line-height: 16px;\n  --ta-body-small-font-weight: 400;\n\n  /* Caption */\n  --ta-caption1-font-size: 12px;\n  --ta-caption1-line-height: 16px;\n  --ta-caption1-font-weight: 400;\n\n  --ta-caption2-font-size: 10px;\n  --ta-caption2-line-height: 12px;\n  --ta-caption2-font-weight: 400;\n\n  /* Colors */\n  --ta-color-primary: #0098EB;\n  --ta-color-primary-foreground: #ffffff;\n  --ta-color-text: #000000;\n  --ta-color-text-secondary: #8e8e93;\n  --ta-color-background: #ffffff;\n  --ta-color-background-secondary: #f2f2f7;\n  --ta-color-block: #ffffff;\n  --ta-color-block-foreground: #000000;\n\n  /* Static Colors */\n  --ta-color-white: #ffffff;\n  --ta-color-black: #000000;\n  --ta-color-ton: #0098EB;\n\n  /* Border Radius */\n  --ta-border-radius-s: 4px;\n  --ta-border-radius-m: 8px;\n  --ta-border-radius-l: 12px;\n  --ta-border-radius-xl: 16px;\n  --ta-border-radius-full: 9999px;\n\n  /* Border Width */\n  --ta-border-width-s: 1px;\n  --ta-border-width-m: 2px;\n}\n\n[data-ta-theme='dark'] {\n  --ta-color-primary: #0098EB;\n  --ta-color-primary-foreground: #ffffff;\n  --ta-color-text: #ffffff;\n  --ta-color-text-secondary: #8e8e93;\n  --ta-color-background: #000000;\n  --ta-color-background-secondary: #1c1c1e;\n  --ta-color-block: #121214;\n  --ta-color-block-foreground: #ffffff;\n}\n"],"mappings":"AAAA;AAEE;AAAA,IAAkB,aAAa;AAAA,IAAE,kBAAkB;AAAA,IAAE,QAAQ;AAAA,IAAE,gBAAgB;AAAA,IAAE,KAAK;AAAA,IAAE,MAAM;AAAA,IAAE,OAAO;AAAA,IAAE;AAIzG,2BAAyB;AACzB,6BAA2B;AAC3B,6BAA2B;AAE3B,2BAAyB;AACzB,6BAA2B;AAC3B,6BAA2B;AAE3B,2BAAyB;AACzB,6BAA2B;AAC3B,6BAA2B;AAE3B,2BAAyB;AACzB,6BAA2B;AAC3B,6BAA2B;AAE3B,2BAAyB;AACzB,6BAA2B;AAC3B,6BAA2B;AAG3B,6BAA2B;AAC3B,+BAA6B;AAC7B,+BAA6B;AAC7B,sCAAoC;AAEpC,uBAAqB;AACrB,yBAAuB;AACvB,yBAAuB;AACvB,gCAA8B;AAC9B,8BAA4B;AAE5B,6BAA2B;AAC3B,+BAA6B;AAC7B,+BAA6B;AAG7B,2BAAyB;AACzB,6BAA2B;AAC3B,6BAA2B;AAE3B,2BAAyB;AACzB,6BAA2B;AAC3B,6BAA2B;AAG3B,sBAAoB;AACpB,iCAA+B;AAC/B,mBAAiB;AACjB,6BAA2B;AAC3B,yBAAuB;AACvB,mCAAiC;AACjC,oBAAkB;AAClB,+BAA6B;AAG7B,oBAAkB;AAClB,oBAAkB;AAClB,kBAAgB;AAGhB,wBAAsB;AACtB,wBAAsB;AACtB,wBAAsB;AACtB,yBAAuB;AACvB,2BAAyB;AAGzB,uBAAqB;AACrB,uBAAqB;AACvB;AAEA,CAAC;AACC,sBAAoB;AACpB,iCAA+B;AAC/B,mBAAiB;AACjB,6BAA2B;AAC3B,yBAAuB;AACvB,mCAAiC;AACjC,oBAAkB;AAClB,+BAA6B;AAC/B;","names":[]}

package/dist/styles/typography.module.css

@@ -0,0 +1,79 @@
+.heading1 {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-heading1-font-size);
+  font-weight: var(--ta-heading1-font-weight);
+  line-height: var(--ta-heading1-line-height);
+}
+.heading2 {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-heading2-font-size);
+  font-weight: var(--ta-heading2-font-weight);
+  line-height: var(--ta-heading2-line-height);
+}
+.heading3 {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-heading3-font-size);
+  font-weight: var(--ta-heading3-font-weight);
+  line-height: var(--ta-heading3-line-height);
+}
+.heading4 {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-heading4-font-size);
+  font-weight: var(--ta-heading4-font-weight);
+  line-height: var(--ta-heading4-line-height);
+}
+.heading5 {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-heading5-font-size);
+  font-weight: var(--ta-heading5-font-weight);
+  line-height: var(--ta-heading5-line-height);
+}
+.bodyLarge {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-body-large-font-size);
+  line-height: var(--ta-body-large-line-height);
+  font-weight: var(--ta-body-large-font-weight);
+}
+.bodyLargeMedium {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-body-large-font-size);
+  line-height: var(--ta-body-large-line-height);
+  font-weight: var(--ta-body-large-medium-font-weight);
+}
+.body {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-body-font-size);
+  line-height: var(--ta-body-line-height);
+  font-weight: var(--ta-body-font-weight);
+}
+.bodyMedium {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-body-font-size);
+  line-height: var(--ta-body-line-height);
+  font-weight: var(--ta-body-medium-font-weight);
+}
+.bodyBold {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-body-font-size);
+  line-height: var(--ta-body-line-height);
+  font-weight: var(--ta-body-bold-font-weight);
+}
+.bodySmall {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-body-small-font-size);
+  line-height: var(--ta-body-small-line-height);
+  font-weight: var(--ta-body-small-font-weight);
+}
+.caption1 {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-caption1-font-size);
+  line-height: var(--ta-caption1-line-height);
+  font-weight: var(--ta-caption1-font-weight);
+}
+.caption2 {
+  font-family: var(--ta-font-family);
+  font-size: var(--ta-caption2-font-size);
+  line-height: var(--ta-caption2-line-height);
+  font-weight: var(--ta-caption2-font-weight);
+}
+/*# sourceMappingURL=typography.module.css.map */

package/dist/styles/typography.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/typography.module.css"],"sourcesContent":[".heading1 {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-heading1-font-size);\n  font-weight: var(--ta-heading1-font-weight);\n  line-height: var(--ta-heading1-line-height);\n}\n\n.heading2 {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-heading2-font-size);\n  font-weight: var(--ta-heading2-font-weight);\n  line-height: var(--ta-heading2-line-height);\n}\n\n.heading3 {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-heading3-font-size);\n  font-weight: var(--ta-heading3-font-weight);\n  line-height: var(--ta-heading3-line-height);\n}\n\n.heading4 {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-heading4-font-size);\n  font-weight: var(--ta-heading4-font-weight);\n  line-height: var(--ta-heading4-line-height);\n}\n\n.heading5 {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-heading5-font-size);\n  font-weight: var(--ta-heading5-font-weight);\n  line-height: var(--ta-heading5-line-height);\n}\n\n/* Body */\n.bodyLarge {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-body-large-font-size);\n  line-height: var(--ta-body-large-line-height);\n  font-weight: var(--ta-body-large-font-weight);\n}\n\n.bodyLargeMedium {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-body-large-font-size);\n  line-height: var(--ta-body-large-line-height);\n  font-weight: var(--ta-body-large-medium-font-weight);\n}\n\n.body {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-body-font-size);\n  line-height: var(--ta-body-line-height);\n  font-weight: var(--ta-body-font-weight);\n}\n\n.bodyMedium {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-body-font-size);\n  line-height: var(--ta-body-line-height);\n  font-weight: var(--ta-body-medium-font-weight);\n}\n\n.bodyBold {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-body-font-size);\n  line-height: var(--ta-body-line-height);\n  font-weight: var(--ta-body-bold-font-weight);\n}\n\n.bodySmall {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-body-small-font-size);\n  line-height: var(--ta-body-small-line-height);\n  font-weight: var(--ta-body-small-font-weight);\n}\n\n/* Caption */\n.caption1 {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-caption1-font-size);\n  line-height: var(--ta-caption1-line-height);\n  font-weight: var(--ta-caption1-font-weight);\n}\n\n.caption2 {\n  font-family: var(--ta-font-family);\n  font-size: var(--ta-caption2-font-size);\n  line-height: var(--ta-caption2-line-height);\n  font-weight: var(--ta-caption2-font-weight);\n}\n"],"mappings":"AAAA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAGA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAGA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;","names":[]}

package/dist/tonconnect/tonconnect-bridge.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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, PropsWithChildren } from 'react';
+export interface TonConnectBridgeProps extends PropsWithChildren {
+    connectorId?: string;
+}
+/**
+ * Automatically creates TonConnectUIProvider if TonConnectConnector is found
+ * @param children - The children to render
+ * @param connectorId - The connector ID to use
+ * @returns The TonConnectUIProvider or the children
+ */
+export declare const TonConnectBridge: FC<TonConnectBridgeProps>;
+//# sourceMappingURL=tonconnect-bridge.d.ts.map

package/dist/tonconnect/tonconnect-bridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tonconnect-bridge.d.ts","sourceRoot":"","sources":["../../src/tonconnect/tonconnect-bridge.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOnD,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAYtD,CAAC"}

package/dist/tonconnect/tonconnect-bridge.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var uiReact = require('@tonconnect/ui-react');
+var appkit = require('@ton/appkit');
+var useConnectorById = require('../features/wallets/hooks/use-connector-by-id');
+
+const TonConnectBridge = ({
+  children,
+  connectorId = appkit.TONCONNECT_DEFAULT_CONNECTOR_ID
+}) => {
+  const connector = useConnectorById.useConnectorById(connectorId);
+  const tonConnectUI = react.useMemo(() => connector?.tonConnectUI, [connector]);
+  if (!tonConnectUI) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(uiReact.TonConnectUIProvider, { instance: tonConnectUI, children });
+};
+
+exports.TonConnectBridge = TonConnectBridge;
+//# sourceMappingURL=tonconnect-bridge.js.map
+//# sourceMappingURL=tonconnect-bridge.js.map

package/dist/tonconnect/tonconnect-bridge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tonconnect/tonconnect-bridge.tsx"],"names":["TONCONNECT_DEFAULT_CONNECTOR_ID","useConnectorById","useMemo","jsx","TonConnectUIProvider"],"mappings":";;;;;;;;AA0BO,MAAM,mBAA8C,CAAC;AAAA,EACxD,QAAA;AAAA,EACA,WAAA,GAAcA;AAClB,CAAA,KAAM;AACF,EAAA,MAAM,SAAA,GAAYC,kCAAiB,WAAW,CAAA;AAC9C,EAAA,MAAM,eAAeC,aAAA,CAAQ,MAAM,WAAW,YAAA,EAAc,CAAC,SAAS,CAAC,CAAA;AAEvE,EAAA,IAAI,CAAC,YAAA,EAAc;AACf,IAAA,6DAAU,QAAA,EAAS,CAAA;AAAA,EACvB;AAEA,EAAA,uBAAOC,cAAA,CAACC,4BAAA,EAAA,EAAqB,QAAA,EAAU,YAAA,EAAe,QAAA,EAAS,CAAA;AACnE","file":"tonconnect-bridge.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 { useMemo } from 'react';\nimport type { FC, PropsWithChildren } from 'react';\nimport { TonConnectUIProvider } from '@tonconnect/ui-react';\nimport type { TonConnectConnector } from '@ton/appkit';\nimport { TONCONNECT_DEFAULT_CONNECTOR_ID } from '@ton/appkit';\n\nimport { useConnectorById } from '../features/wallets/hooks/use-connector-by-id';\n\nexport interface TonConnectBridgeProps extends PropsWithChildren {\n    connectorId?: string;\n}\n\n/**\n * Automatically creates TonConnectUIProvider if TonConnectConnector is found\n * @param children - The children to render\n * @param connectorId - The connector ID to use\n * @returns The TonConnectUIProvider or the children\n */\nexport const TonConnectBridge: FC<TonConnectBridgeProps> = ({\n    children,\n    connectorId = TONCONNECT_DEFAULT_CONNECTOR_ID,\n}) => {\n    const connector = useConnectorById(connectorId) as TonConnectConnector | undefined;\n    const tonConnectUI = useMemo(() => connector?.tonConnectUI, [connector]);\n\n    if (!tonConnectUI) {\n        return <>{children}</>;\n    }\n\n    return <TonConnectUIProvider instance={tonConnectUI}>{children}</TonConnectUIProvider>;\n};\n"]}

package/dist/tonconnect/tonconnect-bridge.mjs

@@ -0,0 +1,21 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { TonConnectUIProvider } from '@tonconnect/ui-react';
+import { TONCONNECT_DEFAULT_CONNECTOR_ID } from '@ton/appkit';
+import { useConnectorById } from '../features/wallets/hooks/use-connector-by-id';
+
+const TonConnectBridge = ({
+  children,
+  connectorId = TONCONNECT_DEFAULT_CONNECTOR_ID
+}) => {
+  const connector = useConnectorById(connectorId);
+  const tonConnectUI = useMemo(() => connector?.tonConnectUI, [connector]);
+  if (!tonConnectUI) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(TonConnectUIProvider, { instance: tonConnectUI, children });
+};
+
+export { TonConnectBridge };
+//# sourceMappingURL=tonconnect-bridge.mjs.map
+//# sourceMappingURL=tonconnect-bridge.mjs.map

package/dist/tonconnect/tonconnect-bridge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tonconnect/tonconnect-bridge.tsx"],"names":[],"mappings":";;;;;;AA0BO,MAAM,mBAA8C,CAAC;AAAA,EACxD,QAAA;AAAA,EACA,WAAA,GAAc;AAClB,CAAA,KAAM;AACF,EAAA,MAAM,SAAA,GAAY,iBAAiB,WAAW,CAAA;AAC9C,EAAA,MAAM,eAAe,OAAA,CAAQ,MAAM,WAAW,YAAA,EAAc,CAAC,SAAS,CAAC,CAAA;AAEvE,EAAA,IAAI,CAAC,YAAA,EAAc;AACf,IAAA,uCAAU,QAAA,EAAS,CAAA;AAAA,EACvB;AAEA,EAAA,uBAAO,GAAA,CAAC,oBAAA,EAAA,EAAqB,QAAA,EAAU,YAAA,EAAe,QAAA,EAAS,CAAA;AACnE","file":"tonconnect-bridge.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 { useMemo } from 'react';\nimport type { FC, PropsWithChildren } from 'react';\nimport { TonConnectUIProvider } from '@tonconnect/ui-react';\nimport type { TonConnectConnector } from '@ton/appkit';\nimport { TONCONNECT_DEFAULT_CONNECTOR_ID } from '@ton/appkit';\n\nimport { useConnectorById } from '../features/wallets/hooks/use-connector-by-id';\n\nexport interface TonConnectBridgeProps extends PropsWithChildren {\n    connectorId?: string;\n}\n\n/**\n * Automatically creates TonConnectUIProvider if TonConnectConnector is found\n * @param children - The children to render\n * @param connectorId - The connector ID to use\n * @returns The TonConnectUIProvider or the children\n */\nexport const TonConnectBridge: FC<TonConnectBridgeProps> = ({\n    children,\n    connectorId = TONCONNECT_DEFAULT_CONNECTOR_ID,\n}) => {\n    const connector = useConnectorById(connectorId) as TonConnectConnector | undefined;\n    const tonConnectUI = useMemo(() => connector?.tonConnectUI, [connector]);\n\n    if (!tonConnectUI) {\n        return <>{children}</>;\n    }\n\n    return <TonConnectUIProvider instance={tonConnectUI}>{children}</TonConnectUIProvider>;\n};\n"]}

package/package.json

@@ -1,16 +1,72 @@
 {
   "name": "@ton/appkit-react",
-  "version": "0.0.1-alpha.2",
-  "description": "",
-  "main": "index.js",
+  "version": "0.0.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/ton-connect/kit"
   },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles/index.css"
+  },
+  "dependencies": {
+    "clsx": "2.1.1",
+    "radix-ui": "^1.4.3",
+    "rosetta": "1.1.0",
+    "@ton/appkit": "0.0.1"
+  },
+  "devDependencies": {
+    "@storybook/addon-docs": "10.2.8",
+    "@storybook/react": "10.2.8",
+    "@storybook/react-vite": "10.2.8",
+    "@storybook/test": "^8.6.15",
+    "@tanstack/react-query": "5.90.20",
+    "@tonconnect/ui-react": "2.4.1",
+    "@types/react": "19.2.8",
+    "@types/react-dom": "19.2.3",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "storybook": "10.2.8",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.2",
+    "vite": "^7.3.1",
+    "vite-plugin-node-polyfills": "^0.25.0"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
+    "@tonconnect/ui": ">=2.4.1",
+    "@tonconnect/ui-react": ">=2.4.1",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@tonconnect/ui": {
+      "optional": true
+    },
+    "@tonconnect/ui-react": {
+      "optional": true
+    }
+  },
+  "sideEffects": [
+    "*.css"
+  ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "git clean -xdf .turbo dist node_modules",
+    "typecheck": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
 }