@vervstack/chures 0.0.1

package/dist/chures.js

@@ -0,0 +1,216 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._TelegramSignInButtonContainer_1pw4t_1{--tg-blue: #2AABEE;--tg-blue-2: #229ED9;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--tg-blue) 0%,var(--tg-blue-2) 100%);border:0;border-radius:.875rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 .0625rem #ffffff26,0 .75rem 2rem -.75rem #2aabee8c;transition:transform .14s ease,box-shadow .2s ease,filter .16s ease}._TelegramSignInButtonContainer_1pw4t_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_1pw4t_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_1pw4t_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_1pw4t_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_1pw4t_49{height:100%}._Icon_1pw4t_53{flex-shrink:0}._ToastContainer_1g7il_1{position:fixed;right:1.5rem;top:1.5rem;width:clamp(25vw,24.5rem,95vw);display:flex;flex-direction:column;gap:1rem;z-index:9999}._Toast_1g7il_1{min-height:4rem;border:var(--ta-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:#000;display:flex;flex-direction:column}._Toast_1g7il_1>div:first-child{font-weight:700;font-size:var(--ta-font-sm, .875rem);color:var(--ta-fg, #ffffff)}._Toast_1g7il_1._error_1g7il_33{border-color:var(--ta-error, #ef4444)}._Toast_1g7il_1._error_1g7il_33>div:first-child{color:var(--ta-error, #ef4444)}._Toast_1g7il_1._warn_1g7il_41{border-color:var(--ta-warn, #f59e0b)}._Toast_1g7il_1._warn_1g7il_41>div:first-child{color:var(--ta-warn, #f59e0b)}._Toast_1g7il_1._info_1g7il_49{border-color:var(--ta-accent, #229ED9)}._Toast_1g7il_1 ._Description_1g7il_53{color:var(--ta-fg-muted, #9ca3af);font-size:var(--ta-font-xs, .75rem);margin-top:.125rem}._Toast_1g7il_1 ._DismissButton_1g7il_59{position:absolute;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;top:0;right:1%;cursor:pointer;font-size:1.5rem;color:var(--ta-fg-muted, #9ca3af)}._slideIn_1g7il_79{animation:_slideIn_1g7il_79 .2s ease forwards}._slideOut_1g7il_83{animation:_slideOut_1g7il_83 .2s ease forwards}@keyframes _slideIn_1g7il_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1g7il_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { jsxs as w, jsx as a, Fragment as S } from "react/jsx-runtime";
+import { useRef as C, useState as _, useEffect as y } from "react";
+import { AnimatePresence as x, motion as B } from "framer-motion";
+import { create as L } from "zustand";
+const R = "https://oauth.telegram.org/js/telegram-login.js?3";
+function E(n) {
+  const { botId: o, redirectUri: e, requestAccess: r = "write" } = n, s = C(n.onSuccess);
+  s.current = n.onSuccess;
+  const [t, i] = _(!1), [c, l] = _(!1);
+  y(function() {
+    if (!o) return;
+    const u = e ?? window.location.origin;
+    l(!0), i(!1);
+    const d = document.createElement("script");
+    return d.src = R, d.async = !0, d.onload = function() {
+      const g = window.Telegram;
+      g && (g.Login.init(
+        { client_id: o, redirect_uri: u },
+        function(I) {
+          s.current(I);
+        }
+      ), i(!0)), l(!1);
+    }, d.onerror = function() {
+      l(!1);
+    }, document.head.appendChild(d), function() {
+      document.head.contains(d) && document.head.removeChild(d), i(!1), l(!1);
+    };
+  }, [o, e]);
+  function m() {
+    const u = window.Telegram;
+    if (!t || !u) return;
+    const d = e ?? window.location.origin;
+    u.Login.auth(
+      { client_id: o, redirect_uri: d, request_access: r },
+      function(g) {
+        s.current(g);
+      }
+    );
+  }
+  return { login: m, isReady: t, isLoading: c };
+}
+const b = "_TelegramSignInButtonContainer_1pw4t_1", j = "_FullSize_1pw4t_49", D = "_Icon_1pw4t_53", h = {
+  TelegramSignInButtonContainer: b,
+  FullSize: j,
+  Icon: D
+}, O = {
+  en: "Continue with Telegram",
+  ru: "Войти через Telegram"
+};
+function N() {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "20",
+      height: "20",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      className: h.Icon,
+      children: /* @__PURE__ */ a("path", { d: "M22 3.5L2.5 11l5 1.7L18 6 9.7 14l-.4 5.5 3.4-3.2 5.5 4c.9.5 1.5.2 1.7-.8L22 4.3c.2-.7-.2-1.1-.9-.8z" })
+    }
+  );
+}
+function A({
+  onClick: n,
+  disabled: o,
+  lang: e = "en",
+  title: r,
+  label: s,
+  fullSize: t,
+  className: i
+}) {
+  y(function() {
+    const m = "comfortaa-font";
+    if (document.getElementById(m)) return;
+    const u = document.createElement("link");
+    u.id = m, u.rel = "stylesheet", u.href = "https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap", document.head.appendChild(u);
+  }, []);
+  const c = s ?? r ?? O[e], l = [h.TelegramSignInButtonContainer, t && h.FullSize, i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ w("button", { type: "button", className: l, onClick: n, disabled: o, children: [
+    /* @__PURE__ */ a(N, {}),
+    c
+  ] });
+}
+function tt({
+  botId: n,
+  onSuccess: o,
+  lang: e,
+  title: r,
+  redirectUri: s,
+  requestAccess: t,
+  children: i,
+  className: c
+}) {
+  const { login: l, isReady: m } = E({ botId: n, onSuccess: o, redirectUri: s, requestAccess: t });
+  return i ? /* @__PURE__ */ a(S, { children: i({ login: l, isReady: m }) }) : /* @__PURE__ */ a(
+    A,
+    {
+      onClick: l,
+      disabled: !m,
+      lang: e,
+      title: r,
+      className: c
+    }
+  );
+}
+function F(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+}
+var p = { exports: {} };
+var T;
+function z() {
+  return T || (T = 1, (function(n) {
+    (function() {
+      var o = {}.hasOwnProperty;
+      function e() {
+        for (var t = "", i = 0; i < arguments.length; i++) {
+          var c = arguments[i];
+          c && (t = s(t, r(c)));
+        }
+        return t;
+      }
+      function r(t) {
+        if (typeof t == "string" || typeof t == "number")
+          return t;
+        if (typeof t != "object")
+          return "";
+        if (Array.isArray(t))
+          return e.apply(null, t);
+        if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+          return t.toString();
+        var i = "";
+        for (var c in t)
+          o.call(t, c) && t[c] && (i = s(i, c));
+        return i;
+      }
+      function s(t, i) {
+        return i ? t ? t + " " + i : t + i : t;
+      }
+      n.exports ? (e.default = e, n.exports = e) : window.classNames = e;
+    })();
+  })(p)), p.exports;
+}
+var q = z();
+const P = /* @__PURE__ */ F(q), v = L((n, o) => ({
+  toasts: [],
+  bake: (e) => {
+    if (o().toasts.find((s) => s.title === e.title)) {
+      console.error(`Toast with title "${e.title}" already exists`);
+      return;
+    }
+    n((s) => ({ toasts: [...s.toasts, e] })), setTimeout(() => {
+      o().dismiss(e.title);
+    }, 5e3);
+  },
+  dismiss: (e) => {
+    n((r) => ({
+      toasts: r.toasts.filter((s) => s.title !== e)
+    }));
+  }
+})), k = "_ToastContainer_1g7il_1", M = "_Toast_1g7il_1", U = "_error_1g7il_33", $ = "_warn_1g7il_41", G = "_info_1g7il_49", V = "_Description_1g7il_53", W = "_DismissButton_1g7il_59", H = "_slideIn_1g7il_79", J = "_slideOut_1g7il_83", f = {
+  ToastContainer: k,
+  Toast: M,
+  error: U,
+  warn: $,
+  info: G,
+  Description: V,
+  DismissButton: W,
+  slideIn: H,
+  slideOut: J
+};
+function nt() {
+  const { toasts: n } = v();
+  return /* @__PURE__ */ a("div", { className: f.ToastContainer, children: /* @__PURE__ */ a(x, { children: n.map((o, e) => /* @__PURE__ */ a(
+    B.div,
+    {
+      layout: !0,
+      initial: { opacity: 0, x: 100, y: 50 },
+      animate: { opacity: 1, x: 0, y: 0 },
+      exit: { opacity: 0, y: -50 },
+      transition: { type: "spring", stiffness: 300, damping: 20 },
+      children: /* @__PURE__ */ a(K, { ...o })
+    },
+    e
+  )) }) });
+}
+function K({ title: n, description: o, isDismissable: e }) {
+  const [r, s] = _(!1), t = v();
+  return y(() => () => {
+    s(!0);
+  }, []), /* @__PURE__ */ w(
+    "div",
+    {
+      className: P(f.Toast, {
+        [f.error]: n === "Error",
+        [f.warn]: n === "Warn",
+        [f.info]: n == null || n === "Info",
+        [f.slideIn]: !r,
+        [f.slideOut]: r
+      }),
+      children: [
+        /* @__PURE__ */ a("div", { children: n }),
+        /* @__PURE__ */ a("div", { className: f.Description, children: o }),
+        e && /* @__PURE__ */ a("div", { className: f.DismissButton, onClick: () => t.dismiss(n), children: "×" })
+      ]
+    }
+  );
+}
+export {
+  tt as TelegramAuth,
+  A as TelegramSignInButton,
+  nt as Toaster,
+  E as useTelegramLogin,
+  v as useToaster
+};

package/dist/chures.umd.cjs

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._TelegramSignInButtonContainer_1pw4t_1{--tg-blue: #2AABEE;--tg-blue-2: #229ED9;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--tg-blue) 0%,var(--tg-blue-2) 100%);border:0;border-radius:.875rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 .0625rem #ffffff26,0 .75rem 2rem -.75rem #2aabee8c;transition:transform .14s ease,box-shadow .2s ease,filter .16s ease}._TelegramSignInButtonContainer_1pw4t_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_1pw4t_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_1pw4t_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_1pw4t_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_1pw4t_49{height:100%}._Icon_1pw4t_53{flex-shrink:0}._ToastContainer_1g7il_1{position:fixed;right:1.5rem;top:1.5rem;width:clamp(25vw,24.5rem,95vw);display:flex;flex-direction:column;gap:1rem;z-index:9999}._Toast_1g7il_1{min-height:4rem;border:var(--ta-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:#000;display:flex;flex-direction:column}._Toast_1g7il_1>div:first-child{font-weight:700;font-size:var(--ta-font-sm, .875rem);color:var(--ta-fg, #ffffff)}._Toast_1g7il_1._error_1g7il_33{border-color:var(--ta-error, #ef4444)}._Toast_1g7il_1._error_1g7il_33>div:first-child{color:var(--ta-error, #ef4444)}._Toast_1g7il_1._warn_1g7il_41{border-color:var(--ta-warn, #f59e0b)}._Toast_1g7il_1._warn_1g7il_41>div:first-child{color:var(--ta-warn, #f59e0b)}._Toast_1g7il_1._info_1g7il_49{border-color:var(--ta-accent, #229ED9)}._Toast_1g7il_1 ._Description_1g7il_53{color:var(--ta-fg-muted, #9ca3af);font-size:var(--ta-font-xs, .75rem);margin-top:.125rem}._Toast_1g7il_1 ._DismissButton_1g7il_59{position:absolute;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;top:0;right:1%;cursor:pointer;font-size:1.5rem;color:var(--ta-fg-muted, #9ca3af)}._slideIn_1g7il_79{animation:_slideIn_1g7il_79 .2s ease forwards}._slideOut_1g7il_83{animation:_slideOut_1g7il_83 .2s ease forwards}@keyframes _slideIn_1g7il_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1g7il_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+(function(a,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react/jsx-runtime"),require("react"),require("framer-motion"),require("zustand")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","framer-motion","zustand"],i):(a=typeof globalThis<"u"?globalThis:a||self,i(a.Chures={},a.ReactJSXRuntime,a.React,a.FramerMotion,a.Zustand))})(this,(function(a,i,g,S,v){"use strict";const B="https://oauth.telegram.org/js/telegram-login.js?3";function I(t){const{botId:r,redirectUri:n,requestAccess:c="write"}=t,o=g.useRef(t.onSuccess);o.current=t.onSuccess;const[e,s]=g.useState(!1),[u,d]=g.useState(!1);g.useEffect(function(){if(!r)return;const f=n??window.location.origin;d(!0),s(!1);const m=document.createElement("script");return m.src=B,m.async=!0,m.onload=function(){const _=window.Telegram;_&&(_.Login.init({client_id:r,redirect_uri:f},function(A){o.current(A)}),s(!0)),d(!1)},m.onerror=function(){d(!1)},document.head.appendChild(m),function(){document.head.contains(m)&&document.head.removeChild(m),s(!1),d(!1)}},[r,n]);function p(){const f=window.Telegram;if(!e||!f)return;const m=n??window.location.origin;f.Login.auth({client_id:r,redirect_uri:m,request_access:c},function(_){o.current(_)})}return{login:p,isReady:e,isLoading:u}}const h={TelegramSignInButtonContainer:"_TelegramSignInButtonContainer_1pw4t_1",FullSize:"_FullSize_1pw4t_49",Icon:"_Icon_1pw4t_53"},L={en:"Continue with Telegram",ru:"Войти через Telegram"};function E(){return i.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor","aria-hidden":"true",className:h.Icon,children:i.jsx("path",{d:"M22 3.5L2.5 11l5 1.7L18 6 9.7 14l-.4 5.5 3.4-3.2 5.5 4c.9.5 1.5.2 1.7-.8L22 4.3c.2-.7-.2-1.1-.9-.8z"})})}function w({onClick:t,disabled:r,lang:n="en",title:c,label:o,fullSize:e,className:s}){g.useEffect(function(){const p="comfortaa-font";if(document.getElementById(p))return;const f=document.createElement("link");f.id=p,f.rel="stylesheet",f.href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap",document.head.appendChild(f)},[]);const u=o??c??L[n],d=[h.TelegramSignInButtonContainer,e&&h.FullSize,s].filter(Boolean).join(" ");return i.jsxs("button",{type:"button",className:d,onClick:t,disabled:r,children:[i.jsx(E,{}),u]})}function j({botId:t,onSuccess:r,lang:n,title:c,redirectUri:o,requestAccess:e,children:s,className:u}){const{login:d,isReady:p}=I({botId:t,onSuccess:r,redirectUri:o,requestAccess:e});return s?i.jsx(i.Fragment,{children:s({login:d,isReady:p})}):i.jsx(w,{onClick:d,disabled:!p,lang:n,title:c,className:u})}function x(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var T={exports:{}};var C;function D(){return C||(C=1,(function(t){(function(){var r={}.hasOwnProperty;function n(){for(var e="",s=0;s<arguments.length;s++){var u=arguments[s];u&&(e=o(e,c(u)))}return e}function c(e){if(typeof e=="string"||typeof e=="number")return e;if(typeof e!="object")return"";if(Array.isArray(e))return n.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var s="";for(var u in e)r.call(e,u)&&e[u]&&(s=o(s,u));return s}function o(e,s){return s?e?e+" "+s:e+s:e}t.exports?(n.default=n,t.exports=n):window.classNames=n})()})(T)),T.exports}var O=D();const b=x(O),y=v.create((t,r)=>({toasts:[],bake:n=>{if(r().toasts.find(o=>o.title===n.title)){console.error(`Toast with title "${n.title}" already exists`);return}t(o=>({toasts:[...o.toasts,n]})),setTimeout(()=>{r().dismiss(n.title)},5e3)},dismiss:n=>{t(c=>({toasts:c.toasts.filter(o=>o.title!==n)}))}})),l={ToastContainer:"_ToastContainer_1g7il_1",Toast:"_Toast_1g7il_1",error:"_error_1g7il_33",warn:"_warn_1g7il_41",info:"_info_1g7il_49",Description:"_Description_1g7il_53",DismissButton:"_DismissButton_1g7il_59",slideIn:"_slideIn_1g7il_79",slideOut:"_slideOut_1g7il_83"};function q(){const{toasts:t}=y();return i.jsx("div",{className:l.ToastContainer,children:i.jsx(S.AnimatePresence,{children:t.map((r,n)=>i.jsx(S.motion.div,{layout:!0,initial:{opacity:0,x:100,y:50},animate:{opacity:1,x:0,y:0},exit:{opacity:0,y:-50},transition:{type:"spring",stiffness:300,damping:20},children:i.jsx(z,{...r})},n))})})}function z({title:t,description:r,isDismissable:n}){const[c,o]=g.useState(!1),e=y();return g.useEffect(()=>()=>{o(!0)},[]),i.jsxs("div",{className:b(l.Toast,{[l.error]:t==="Error",[l.warn]:t==="Warn",[l.info]:t==null||t==="Info",[l.slideIn]:!c,[l.slideOut]:c}),children:[i.jsx("div",{children:t}),i.jsx("div",{className:l.Description,children:r}),n&&i.jsx("div",{className:l.DismissButton,onClick:()=>e.dismiss(t),children:"×"})]})}a.TelegramAuth=j,a.TelegramSignInButton=w,a.Toaster=q,a.useTelegramLogin=I,a.useToaster=y,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/dist/components/TelegramAuth.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { TelegramAuthData } from '../types';
+export type TelegramAuthProps = {
+    botId: string;
+    onSuccess: (data: TelegramAuthData) => void;
+    lang?: "en" | "ru";
+    title?: string;
+    redirectUri?: string;
+    requestAccess?: string;
+    children?: (props: {
+        login: () => void;
+        isReady: boolean;
+    }) => ReactNode;
+    className?: string;
+};
+export declare function TelegramAuth({ botId, onSuccess, lang, title, redirectUri, requestAccess, children, className, }: TelegramAuthProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TelegramSignInButton.d.ts

@@ -0,0 +1,10 @@
+export interface TelegramSignInButtonProps {
+    onClick: () => void;
+    disabled?: boolean;
+    lang?: "en" | "ru";
+    title?: string;
+    label?: string;
+    fullSize?: boolean;
+    className?: string;
+}
+export declare function TelegramSignInButton({ onClick, disabled, lang, title, label, fullSize, className, }: TelegramSignInButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/notifications/Toaster.d.ts

@@ -0,0 +1 @@
+export default function Toaster(): import("react/jsx-runtime").JSX.Element;

package/dist/hooks/toaster/useToaster.d.ts

@@ -0,0 +1,12 @@
+export interface Toast {
+    title: string;
+    description: string;
+    level?: 'Error' | 'Warn' | 'Info';
+    isDismissable?: boolean;
+}
+export interface ToasterStore {
+    toasts: Toast[];
+    bake: (t: Toast) => void;
+    dismiss: (title: string) => void;
+}
+export declare const useToaster: import('zustand').UseBoundStore<import('zustand').StoreApi<ToasterStore>>;

package/dist/hooks/useTelegramLogin.d.ts

@@ -0,0 +1,13 @@
+import { TelegramAuthData } from '../types';
+export type UseTelegramLoginOptions = {
+    botId: string;
+    onSuccess: (data: TelegramAuthData) => void;
+    redirectUri?: string;
+    requestAccess?: string;
+};
+export type UseTelegramLoginReturn = {
+    login: () => void;
+    isReady: boolean;
+    isLoading: boolean;
+};
+export declare function useTelegramLogin(options: UseTelegramLoginOptions): UseTelegramLoginReturn;

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { TelegramAuth } from './components/TelegramAuth';
+export { default as Toaster } from './components/notifications/Toaster';
+export { useToaster } from './hooks/toaster/useToaster';
+export type { Toast, ToasterStore } from './hooks/toaster/useToaster';
+export { TelegramSignInButton } from './components/TelegramSignInButton';
+export { useTelegramLogin } from './hooks/useTelegramLogin';
+export type { TelegramAuthProps } from './components/TelegramAuth';
+export type { TelegramSignInButtonProps } from './components/TelegramSignInButton';
+export type { UseTelegramLoginOptions, UseTelegramLoginReturn } from './hooks/useTelegramLogin';
+export type { TelegramAuthData, TelegramLoginWindow } from './types';

package/dist/types.d.ts

@@ -0,0 +1,18 @@
+export type TelegramAuthData = {
+    id_token: string;
+};
+export type TelegramLoginWindow = Window & {
+    Telegram?: {
+        Login: {
+            init: (options: {
+                client_id: string;
+                redirect_uri?: string;
+            }, callback: (data: TelegramAuthData) => void) => void;
+            auth: (options: {
+                client_id: string;
+                redirect_uri?: string;
+                request_access: string;
+            }, callback: (data: TelegramAuthData) => void) => void;
+        };
+    };
+};

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@vervstack/chures",
+  "version": "0.0.1",
+  "description": "React UI component library — Telegram auth, toasts, and more",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vervstack/telegram-auth"
+  },
+  "homepage": "https://github.com/vervstack/telegram-auth#readme",
+  "keywords": [
+    "telegram",
+    "react",
+    "oauth",
+    "login",
+    "widget",
+    "ui",
+    "components",
+    "toaster"
+  ],
+  "type": "module",
+  "main": "./dist/chures.umd.cjs",
+  "module": "./dist/chures.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/chures.js",
+      "require": "./dist/chures.umd.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "demo": "vite",
+    "build:demo": "vite build --config vite.config.demo.ts",
+    "type-check": "tsc --noEmit",
+    "patch": "npm version patch && npm publish --access public"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "zustand": "^5.0.0",
+    "framer-motion": "^12.0.0"
+  },
+  "devDependencies": {
+    "@types/classnames": "^2.3.4",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.5.2",
+    "framer-motion": "^12.40.0",
+    "typescript": "~5.8.3",
+    "vite": "^7.3.1",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.0.0",
+    "zustand": "^5.0.14"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1"
+  }
+}