@vervstack/chures 0.0.3 → 0.0.5

package/dist/chures.js

@@ -1,55 +1,167 @@
-(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);
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--chures-accent: #229ED9;--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem}@keyframes _spin_wa8op_1{to{transform:rotate(360deg)}}@keyframes _ripple_wa8op_1{0%{transform:scale(.08);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes _dotPulse_wa8op_1{0%,to{transform:translate(-50%,-50%) scale(.55);opacity:.3}50%{transform:translate(-50%,calc(-50% - var(--sz) * .1)) scale(1);opacity:1}}@keyframes _waveBounce_wa8op_1{0%,55%,to{transform:translate(-50%,-50%) scale(.8);opacity:.4}27%{transform:translate(-50%,calc(-50% - var(--sz) * .28)) scale(1);opacity:1}}._LoaderContainer_wa8op_24{position:relative;flex-shrink:0}._sm_wa8op_31{width:1.5rem;height:1.5rem;--sz: 1.5rem;--arc-gap: .2rem;--arc-bw: .125rem}._md_wa8op_32{width:2.5rem;height:2.5rem;--sz: 2.5rem;--arc-gap: .35rem;--arc-bw: .1875rem}._lg_wa8op_33{width:4rem;height:4rem;--sz: 4rem;--arc-gap: .55rem;--arc-bw: .25rem}._Arc1_wa8op_37,._Arc2_wa8op_38,._Arc3_wa8op_39{position:absolute;border-radius:50%;border:var(--arc-bw) solid transparent}._Arc1_wa8op_37{inset:0;border-top-color:var(--chures-accent, #229ED9);border-left-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.2s linear infinite;filter:drop-shadow(0 0 .25rem var(--chures-accent, #229ED9))}._Arc2_wa8op_38{inset:var(--arc-gap);border-bottom-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.8s linear infinite reverse;opacity:.8}._Arc3_wa8op_39{inset:calc(var(--arc-gap) * 2);border-top-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 2.4s linear infinite;opacity:.6}._Ring1_wa8op_71,._Ring2_wa8op_72,._Ring3_wa8op_73{position:absolute;inset:0;border-radius:50%;border:var(--arc-bw) solid var(--chures-accent, #229ED9);animation:_ripple_wa8op_1 1.8s ease-out infinite both}._Ring2_wa8op_72{animation-delay:.6s}._Ring3_wa8op_73{animation-delay:1.2s}._Dot1_wa8op_86,._Dot2_wa8op_87,._Dot3_wa8op_88{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .14) var(--chures-accent, #229ED9);animation:_dotPulse_wa8op_1 1.1s ease-in-out infinite both}._Dot1_wa8op_86{left:22%}._Dot2_wa8op_87{left:50%;animation-delay:.18s}._Dot3_wa8op_88{left:78%;animation-delay:.36s}._Wave1_wa8op_105,._Wave2_wa8op_106,._Wave3_wa8op_107,._Wave4_wa8op_108,._Wave5_wa8op_109{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .16);height:calc(var(--sz) * .16);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .1) var(--chures-accent, #229ED9);animation:_waveBounce_wa8op_1 1s ease-in-out infinite both}._Wave1_wa8op_105{left:10%}._Wave2_wa8op_106{left:28%;animation-delay:.12s}._Wave3_wa8op_107{left:46%;animation-delay:.24s}._Wave4_wa8op_108{left:64%;animation-delay:.36s}._Wave5_wa8op_109{left:82%;animation-delay:.48s}._LoadingWrapperContainer_1q0w7_1{display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem}._SkeletonWrapper_1q0w7_9{width:100%}._TelegramSignInButtonContainer_10wun_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--chures-btn-from, #2AABEE) 0%,var(--chures-btn-to, #229ED9) 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_10wun_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_10wun_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_10wun_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_10wun_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_10wun_46{height:100%}._Icon_10wun_50{flex-shrink:0}._ToastContainer_1tme2_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_1tme2_1{min-height:4rem;border:var(--chures-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:var(--chures-surface, #000000);display:flex;flex-direction:column}._Toast_1tme2_1>div:first-child{font-weight:700;font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}._Toast_1tme2_1._error_1tme2_33{border-color:var(--chures-error, #ef4444)}._Toast_1tme2_1._error_1tme2_33>div:first-child{color:var(--chures-error, #ef4444)}._Toast_1tme2_1._warn_1tme2_41{border-color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._warn_1tme2_41>div:first-child{color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._info_1tme2_49{border-color:var(--chures-accent, #229ED9)}._Toast_1tme2_1 ._Description_1tme2_53{color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-xs, .75rem);margin-top:.125rem}._Toast_1tme2_1 ._DismissButton_1tme2_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(--chures-fg-muted, #9ca3af)}._slideIn_1tme2_79{animation:_slideIn_1tme2_79 .2s ease forwards}._slideOut_1tme2_83{animation:_slideOut_1tme2_83 .2s ease forwards}@keyframes _slideIn_1tme2_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1tme2_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes _shimmer_1a08x_1{0%{background-position:-200% 0}to{background-position:200% 0}}._InputContainer_1a08x_6{position:relative;width:100%;height:var(--chures-input-height, 3rem)}._InputField_1a08x_12{width:100%;height:100%;background:var(--chures-input-bg, #111111);border:.0625rem solid rgb(255 255 255 / 13%);border-radius:var(--chures-input-radius, .75rem);color:var(--chures-fg, #ffffff);font-size:var(--chures-font-sm, .875rem);padding:0 .875rem;outline:none;transition:border-color .18s ease;box-sizing:border-box}._InputField_1a08x_12:focus{border-color:#ffffff59}._hasError_1a08x_30 ._InputField_1a08x_12,._hasError_1a08x_30 ._InputField_1a08x_12:focus{border-color:var(--chures-error, #ef4444)}._disabled_1a08x_35 ._InputField_1a08x_12{opacity:.45;cursor:not-allowed}._Label_1a08x_40{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-sm, .875rem);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_1a08x_40._lifted_1a08x_54{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}._hasError_1a08x_30 ._Label_1a08x_40._lifted_1a08x_54{color:var(--chures-error, #ef4444)}._ErrorText_1a08x_65{display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}._Skeleton_1a08x_73{width:100%;height:var(--chures-input-height, 3rem);border-radius:var(--chures-input-radius, .75rem);background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1a08x_1 1.5s ease-in-out infinite}@keyframes _shimmer_im4lz_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_im4lz_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_im4lz_13{opacity:.45;cursor:not-allowed}._Track_im4lz_18{position:relative;width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:var(--chures-toggle-bg-off, rgb(255 255 255 / 13%));border:none;padding:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}._Track_im4lz_18._on_im4lz_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_im4lz_13 ._Track_im4lz_18{cursor:not-allowed}._Thumb_im4lz_39{position:absolute;top:50%;left:.1875rem;transform:translateY(-50%);width:var(--chures-toggle-thumb, 1.125rem);height:var(--chures-toggle-thumb, 1.125rem);border-radius:50%;background:var(--chures-toggle-thumb-color, #ffffff);transition:left .2s ease;pointer-events:none}._Track_im4lz_18._on_im4lz_31 ._Thumb_im4lz_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_im4lz_56{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_im4lz_62{display:inline-block;width:var(--chures-toggle-label-skeleton-w, 5rem);height:var(--chures-font-sm, .875rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_im4lz_1 1.5s ease-in-out infinite}._Skeleton_im4lz_77{width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_im4lz_1 1.5s ease-in-out infinite}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { jsx as e, jsxs as f, Fragment as w } from "react/jsx-runtime";
+import { useRef as b, useState as S, useEffect as I } from "react";
+import { AnimatePresence as k, motion as D } from "framer-motion";
+import { create as A } from "zustand";
+function E(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+}
+var L = { exports: {} };
+var y;
+function B() {
+  return y || (y = 1, (function(o) {
+    (function() {
+      var n = {}.hasOwnProperty;
+      function r() {
+        for (var t = "", a = 0; a < arguments.length; a++) {
+          var c = arguments[a];
+          c && (t = i(t, s(c)));
+        }
+        return t;
+      }
+      function s(t) {
+        if (typeof t == "string" || typeof t == "number")
+          return t;
+        if (typeof t != "object")
+          return "";
+        if (Array.isArray(t))
+          return r.apply(null, t);
+        if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+          return t.toString();
+        var a = "";
+        for (var c in t)
+          n.call(t, c) && t[c] && (a = i(a, c));
+        return a;
+      }
+      function i(t, a) {
+        return a ? t ? t + " " + a : t + a : t;
+      }
+      o.exports ? (r.default = r, o.exports = r) : window.classNames = r;
+    })();
+  })(L)), L.exports;
+}
+var z = B();
+const u = /* @__PURE__ */ E(z), F = "_LoaderContainer_wa8op_24", j = "_sm_wa8op_31", O = "_md_wa8op_32", $ = "_lg_wa8op_33", q = "_Arc1_wa8op_37", P = "_Arc2_wa8op_38", M = "_Arc3_wa8op_39", U = "_spin_wa8op_1", G = "_Ring1_wa8op_71", V = "_Ring2_wa8op_72", H = "_Ring3_wa8op_73", J = "_ripple_wa8op_1", K = "_Dot1_wa8op_86", Q = "_Dot2_wa8op_87", X = "_Dot3_wa8op_88", Y = "_dotPulse_wa8op_1", Z = "_Wave1_wa8op_105", ee = "_Wave2_wa8op_106", ne = "_Wave3_wa8op_107", te = "_Wave4_wa8op_108", oe = "_Wave5_wa8op_109", re = "_waveBounce_wa8op_1", C = {
+  LoaderContainer: F,
+  sm: j,
+  md: O,
+  lg: $,
+  Arc1: q,
+  Arc2: P,
+  Arc3: M,
+  spin: U,
+  Ring1: G,
+  Ring2: V,
+  Ring3: H,
+  ripple: J,
+  Dot1: K,
+  Dot2: Q,
+  Dot3: X,
+  dotPulse: Y,
+  Wave1: Z,
+  Wave2: ee,
+  Wave3: ne,
+  Wave4: te,
+  Wave5: oe,
+  waveBounce: re
+};
+function se(o, n) {
+  switch (o) {
+    case "ripple":
+      return /* @__PURE__ */ f(w, { children: [
+        /* @__PURE__ */ e("div", { className: n.Ring1 }),
+        /* @__PURE__ */ e("div", { className: n.Ring2 }),
+        /* @__PURE__ */ e("div", { className: n.Ring3 })
+      ] });
+    case "dots":
+      return /* @__PURE__ */ f(w, { children: [
+        /* @__PURE__ */ e("div", { className: n.Dot1 }),
+        /* @__PURE__ */ e("div", { className: n.Dot2 }),
+        /* @__PURE__ */ e("div", { className: n.Dot3 })
+      ] });
+    case "wave":
+      return /* @__PURE__ */ f(w, { children: [
+        /* @__PURE__ */ e("div", { className: n.Wave1 }),
+        /* @__PURE__ */ e("div", { className: n.Wave2 }),
+        /* @__PURE__ */ e("div", { className: n.Wave3 }),
+        /* @__PURE__ */ e("div", { className: n.Wave4 }),
+        /* @__PURE__ */ e("div", { className: n.Wave5 })
+      ] });
+    default:
+      return /* @__PURE__ */ f(w, { children: [
+        /* @__PURE__ */ e("div", { className: n.Arc1 }),
+        /* @__PURE__ */ e("div", { className: n.Arc2 }),
+        /* @__PURE__ */ e("div", { className: n.Arc3 })
+      ] });
+  }
+}
+function ae({ variant: o = "arcs", size: n = "md", color: r, className: s }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: u(C.LoaderContainer, C[n], C[o], s),
+      role: "status",
+      "aria-label": "Loading",
+      style: r ? { "--chures-accent": r } : void 0,
+      children: se(o, C)
+    }
+  );
+}
+const ie = "_LoadingWrapperContainer_1q0w7_1", ce = "_SkeletonWrapper_1q0w7_9", W = {
+  LoadingWrapperContainer: ie,
+  SkeletonWrapper: ce
+};
+function Je({ isLoading: o, children: n, skeleton: r, loaderProps: s, className: i }) {
+  return o ? r ? /* @__PURE__ */ e("div", { className: u(W.SkeletonWrapper, i), children: r }) : /* @__PURE__ */ e("div", { className: u(W.LoadingWrapperContainer, i), children: /* @__PURE__ */ e(ae, { ...s }) }) : /* @__PURE__ */ e(w, { children: n });
+}
+const le = "https://oauth.telegram.org/js/telegram-login.js?3";
+function ue(o) {
+  const { botId: n, redirectUri: r, requestAccess: s = "write" } = o, i = b(o.onSuccess);
+  i.current = o.onSuccess;
+  const t = b(!1), [a, c] = S(!1), [d, l] = S(!1);
+  I(function() {
+    if (!n) return;
+    const v = r ?? window.location.origin;
+    l(!0), c(!1);
+    const m = document.createElement("script");
+    return m.src = le, m.async = !0, m.onload = function() {
+      const T = window.Telegram;
+      T && (T.Login.init(
+        { client_id: n, redirect_uri: v },
+        function(R) {
+          t.current || (t.current = !0, i.current(R));
         }
-      ), i(!0)), l(!1);
-    }, d.onerror = function() {
+      ), c(!0)), l(!1);
+    }, m.onerror = function() {
       l(!1);
-    }, document.head.appendChild(d), function() {
-      document.head.contains(d) && document.head.removeChild(d), i(!1), l(!1);
+    }, document.head.appendChild(m), function() {
+      document.head.contains(m) && document.head.removeChild(m), c(!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);
+  }, [n, r]);
+  function g() {
+    const v = window.Telegram;
+    if (!a || !v) return;
+    t.current = !1;
+    const m = r ?? window.location.origin;
+    v.Login.auth(
+      { client_id: n, redirect_uri: m, request_access: s },
+      function(T) {
+        t.current || (t.current = !0, i.current(T));
       }
     );
   }
-  return { login: m, isReady: t, isLoading: c };
+  return { login: g, isReady: a, isLoading: d };
 }
-const b = "_TelegramSignInButtonContainer_1pw4t_1", j = "_FullSize_1pw4t_49", D = "_Icon_1pw4t_53", h = {
-  TelegramSignInButtonContainer: b,
-  FullSize: j,
-  Icon: D
-}, O = {
+const de = "_TelegramSignInButtonContainer_10wun_1", _e = "_FullSize_10wun_46", me = "_Icon_10wun_50", N = {
+  TelegramSignInButtonContainer: de,
+  FullSize: _e,
+  Icon: me
+}, pe = {
   en: "Continue with Telegram",
   ru: "Войти через Telegram"
 };
-function N() {
-  return /* @__PURE__ */ a(
+function fe() {
+  return /* @__PURE__ */ e(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -57,160 +169,186 @@ function N() {
       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" })
+      className: N.Icon,
+      children: /* @__PURE__ */ e("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,
+function ge({
+  onClick: o,
+  disabled: n,
+  lang: r = "en",
+  title: s,
+  label: i,
   fullSize: t,
-  className: i
+  className: a
 }) {
-  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);
+  I(function() {
+    const l = "comfortaa-font";
+    if (document.getElementById(l)) return;
+    const g = document.createElement("link");
+    g.id = l, g.rel = "stylesheet", g.href = "https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap", document.head.appendChild(g);
   }, []);
-  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, {}),
+  const c = i ?? s ?? pe[r], d = [N.TelegramSignInButtonContainer, t && N.FullSize, a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ f("button", { type: "button", className: d, onClick: o, disabled: n, children: [
+    /* @__PURE__ */ e(fe, {}),
     c
   ] });
 }
-function tt({
-  botId: n,
-  onSuccess: o,
-  lang: e,
-  title: r,
-  redirectUri: s,
+function Ke({
+  botId: o,
+  onSuccess: n,
+  lang: r,
+  title: s,
+  redirectUri: i,
   requestAccess: t,
-  children: i,
+  children: a,
   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,
+  const { login: d, isReady: l } = ue({ botId: o, onSuccess: n, redirectUri: i, requestAccess: t });
+  return a ? /* @__PURE__ */ e(w, { children: a({ login: d, isReady: l }) }) : /* @__PURE__ */ e(
+    ge,
     {
-      onClick: l,
-      disabled: !m,
-      lang: e,
-      title: r,
+      onClick: d,
+      disabled: !l,
+      lang: r,
+      title: s,
       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) => ({
+let he = 0;
+const x = A((o, n) => ({
   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);
+  bake: (r) => {
+    const s = he++;
+    o((i) => ({ toasts: [...i.toasts, { ...r, id: s }] })), setTimeout(() => {
+      n().dismiss(s);
     }, 5e3);
   },
-  dismiss: (e) => {
-    n((r) => ({
-      toasts: r.toasts.filter((s) => s.title !== e)
+  dismiss: (r) => {
+    o((s) => ({
+      toasts: s.toasts.filter((i) => i.id !== r)
     }));
   }
-})), 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
+})), ve = "_ToastContainer_1tme2_1", we = "_Toast_1tme2_1", Te = "_error_1tme2_33", Ce = "_warn_1tme2_41", Se = "_info_1tme2_49", Le = "_Description_1tme2_53", Ne = "_DismissButton_1tme2_59", Ie = "_slideIn_1tme2_79", be = "_slideOut_1tme2_83", p = {
+  ToastContainer: ve,
+  Toast: we,
+  error: Te,
+  warn: Ce,
+  info: Se,
+  Description: Le,
+  DismissButton: Ne,
+  slideIn: Ie,
+  slideOut: be
 };
-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,
+function Qe() {
+  const { toasts: o } = x();
+  return /* @__PURE__ */ e("div", { className: p.ToastContainer, children: /* @__PURE__ */ e(k, { children: o.map((n) => /* @__PURE__ */ e(
+    D.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 })
+      children: /* @__PURE__ */ e(ye, { ...n })
     },
-    e
+    n.id
   )) }) });
 }
-function K({ title: n, description: o, isDismissable: e }) {
-  const [r, s] = _(!1), t = v();
-  return y(() => () => {
-    s(!0);
-  }, []), /* @__PURE__ */ w(
+function ye({ id: o, title: n, description: r, level: s, isDismissable: i }) {
+  const [t, a] = S(!1), c = x();
+  return I(() => () => {
+    a(!0);
+  }, []), /* @__PURE__ */ f(
     "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
+      className: u(p.Toast, {
+        [p.error]: s === "Error",
+        [p.warn]: s === "Warn",
+        [p.info]: s == null || s === "Info",
+        [p.slideIn]: !t,
+        [p.slideOut]: t
       }),
       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: "×" })
+        /* @__PURE__ */ e("div", { children: n }),
+        /* @__PURE__ */ e("div", { className: p.Description, children: r }),
+        i && o !== void 0 && /* @__PURE__ */ e("div", { className: p.DismissButton, onClick: () => c.dismiss(o), children: "×" })
       ]
     }
   );
 }
+const We = "_InputContainer_1a08x_6", xe = "_InputField_1a08x_12", Re = "_hasError_1a08x_30", ke = "_disabled_1a08x_35", De = "_Label_1a08x_40", Ae = "_lifted_1a08x_54", Ee = "_ErrorText_1a08x_65", Be = "_Skeleton_1a08x_73", h = {
+  InputContainer: We,
+  InputField: xe,
+  hasError: Re,
+  disabled: ke,
+  Label: De,
+  lifted: Ae,
+  ErrorText: Ee,
+  Skeleton: Be
+};
+function Xe({ value: o, setValue: n, label: r, isLoader: s, type: i = "text", disabled: t, error: a, className: c }) {
+  const [d, l] = S(!1), g = d || o.length > 0;
+  return s ? /* @__PURE__ */ e("div", { className: u(h.Skeleton, c), "aria-hidden": "true" }) : /* @__PURE__ */ f("div", { className: u(h.InputContainer, { [h.hasError]: !!a, [h.disabled]: t }, c), children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        className: h.InputField,
+        type: i,
+        value: o,
+        onChange: (v) => n(v.target.value),
+        onFocus: () => l(!0),
+        onBlur: () => l(!1),
+        disabled: t
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: u(h.Label, { [h.lifted]: g }), children: r }),
+    a && /* @__PURE__ */ e("span", { className: h.ErrorText, children: a })
+  ] });
+}
+const ze = "_ToggleContainer_im4lz_6", Fe = "_disabled_im4lz_13", je = "_Track_im4lz_18", Oe = "_on_im4lz_31", $e = "_Thumb_im4lz_39", qe = "_Label_im4lz_56", Pe = "_LabelSkeleton_im4lz_62", Me = "_Skeleton_im4lz_77", _ = {
+  ToggleContainer: ze,
+  disabled: Fe,
+  Track: je,
+  on: Oe,
+  Thumb: $e,
+  Label: qe,
+  LabelSkeleton: Pe,
+  Skeleton: Me
+};
+function Ye({ checked: o, onChange: n, label: r, labelPosition: s = "right", disabled: i, isLoader: t, isLoadingLabel: a, className: c }) {
+  const d = !!r || a, l = a ? /* @__PURE__ */ e("span", { className: _.LabelSkeleton, "aria-hidden": "true" }) : r ? /* @__PURE__ */ e("span", { className: _.Label, children: r }) : null;
+  return t ? d ? /* @__PURE__ */ f("div", { className: u(_.ToggleContainer, c), children: [
+    s === "left" && l,
+    /* @__PURE__ */ e("div", { className: _.Skeleton, "aria-hidden": "true" }),
+    s === "right" && l
+  ] }) : /* @__PURE__ */ e("div", { className: u(_.Skeleton, c), "aria-hidden": "true" }) : /* @__PURE__ */ f("label", { className: u(_.ToggleContainer, { [_.disabled]: i }, c), children: [
+    s === "left" && l,
+    /* @__PURE__ */ e(
+      "button",
+      {
+        role: "switch",
+        "aria-checked": o,
+        className: u(_.Track, { [_.on]: o }),
+        onClick: () => !i && n(!o),
+        disabled: i,
+        type: "button",
+        children: /* @__PURE__ */ e("span", { className: _.Thumb })
+      }
+    ),
+    s === "right" && l
+  ] });
+}
 export {
-  tt as TelegramAuth,
-  A as TelegramSignInButton,
-  nt as Toaster,
-  E as useTelegramLogin,
-  v as useToaster
+  Xe as Input,
+  ae as Loader,
+  Je as LoadingWrapper,
+  Ke as TelegramAuth,
+  ge as TelegramSignInButton,
+  Qe as Toaster,
+  Ye as Toggle,
+  ue as useTelegramLogin,
+  x as useToaster
 };

package/dist/chures.umd.cjs

@@ -1,2 +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"})}));
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--chures-accent: #229ED9;--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem}@keyframes _spin_wa8op_1{to{transform:rotate(360deg)}}@keyframes _ripple_wa8op_1{0%{transform:scale(.08);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes _dotPulse_wa8op_1{0%,to{transform:translate(-50%,-50%) scale(.55);opacity:.3}50%{transform:translate(-50%,calc(-50% - var(--sz) * .1)) scale(1);opacity:1}}@keyframes _waveBounce_wa8op_1{0%,55%,to{transform:translate(-50%,-50%) scale(.8);opacity:.4}27%{transform:translate(-50%,calc(-50% - var(--sz) * .28)) scale(1);opacity:1}}._LoaderContainer_wa8op_24{position:relative;flex-shrink:0}._sm_wa8op_31{width:1.5rem;height:1.5rem;--sz: 1.5rem;--arc-gap: .2rem;--arc-bw: .125rem}._md_wa8op_32{width:2.5rem;height:2.5rem;--sz: 2.5rem;--arc-gap: .35rem;--arc-bw: .1875rem}._lg_wa8op_33{width:4rem;height:4rem;--sz: 4rem;--arc-gap: .55rem;--arc-bw: .25rem}._Arc1_wa8op_37,._Arc2_wa8op_38,._Arc3_wa8op_39{position:absolute;border-radius:50%;border:var(--arc-bw) solid transparent}._Arc1_wa8op_37{inset:0;border-top-color:var(--chures-accent, #229ED9);border-left-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.2s linear infinite;filter:drop-shadow(0 0 .25rem var(--chures-accent, #229ED9))}._Arc2_wa8op_38{inset:var(--arc-gap);border-bottom-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.8s linear infinite reverse;opacity:.8}._Arc3_wa8op_39{inset:calc(var(--arc-gap) * 2);border-top-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 2.4s linear infinite;opacity:.6}._Ring1_wa8op_71,._Ring2_wa8op_72,._Ring3_wa8op_73{position:absolute;inset:0;border-radius:50%;border:var(--arc-bw) solid var(--chures-accent, #229ED9);animation:_ripple_wa8op_1 1.8s ease-out infinite both}._Ring2_wa8op_72{animation-delay:.6s}._Ring3_wa8op_73{animation-delay:1.2s}._Dot1_wa8op_86,._Dot2_wa8op_87,._Dot3_wa8op_88{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .14) var(--chures-accent, #229ED9);animation:_dotPulse_wa8op_1 1.1s ease-in-out infinite both}._Dot1_wa8op_86{left:22%}._Dot2_wa8op_87{left:50%;animation-delay:.18s}._Dot3_wa8op_88{left:78%;animation-delay:.36s}._Wave1_wa8op_105,._Wave2_wa8op_106,._Wave3_wa8op_107,._Wave4_wa8op_108,._Wave5_wa8op_109{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .16);height:calc(var(--sz) * .16);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .1) var(--chures-accent, #229ED9);animation:_waveBounce_wa8op_1 1s ease-in-out infinite both}._Wave1_wa8op_105{left:10%}._Wave2_wa8op_106{left:28%;animation-delay:.12s}._Wave3_wa8op_107{left:46%;animation-delay:.24s}._Wave4_wa8op_108{left:64%;animation-delay:.36s}._Wave5_wa8op_109{left:82%;animation-delay:.48s}._LoadingWrapperContainer_1q0w7_1{display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem}._SkeletonWrapper_1q0w7_9{width:100%}._TelegramSignInButtonContainer_10wun_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--chures-btn-from, #2AABEE) 0%,var(--chures-btn-to, #229ED9) 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_10wun_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_10wun_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_10wun_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_10wun_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_10wun_46{height:100%}._Icon_10wun_50{flex-shrink:0}._ToastContainer_1tme2_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_1tme2_1{min-height:4rem;border:var(--chures-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:var(--chures-surface, #000000);display:flex;flex-direction:column}._Toast_1tme2_1>div:first-child{font-weight:700;font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}._Toast_1tme2_1._error_1tme2_33{border-color:var(--chures-error, #ef4444)}._Toast_1tme2_1._error_1tme2_33>div:first-child{color:var(--chures-error, #ef4444)}._Toast_1tme2_1._warn_1tme2_41{border-color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._warn_1tme2_41>div:first-child{color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._info_1tme2_49{border-color:var(--chures-accent, #229ED9)}._Toast_1tme2_1 ._Description_1tme2_53{color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-xs, .75rem);margin-top:.125rem}._Toast_1tme2_1 ._DismissButton_1tme2_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(--chures-fg-muted, #9ca3af)}._slideIn_1tme2_79{animation:_slideIn_1tme2_79 .2s ease forwards}._slideOut_1tme2_83{animation:_slideOut_1tme2_83 .2s ease forwards}@keyframes _slideIn_1tme2_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1tme2_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes _shimmer_1a08x_1{0%{background-position:-200% 0}to{background-position:200% 0}}._InputContainer_1a08x_6{position:relative;width:100%;height:var(--chures-input-height, 3rem)}._InputField_1a08x_12{width:100%;height:100%;background:var(--chures-input-bg, #111111);border:.0625rem solid rgb(255 255 255 / 13%);border-radius:var(--chures-input-radius, .75rem);color:var(--chures-fg, #ffffff);font-size:var(--chures-font-sm, .875rem);padding:0 .875rem;outline:none;transition:border-color .18s ease;box-sizing:border-box}._InputField_1a08x_12:focus{border-color:#ffffff59}._hasError_1a08x_30 ._InputField_1a08x_12,._hasError_1a08x_30 ._InputField_1a08x_12:focus{border-color:var(--chures-error, #ef4444)}._disabled_1a08x_35 ._InputField_1a08x_12{opacity:.45;cursor:not-allowed}._Label_1a08x_40{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-sm, .875rem);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_1a08x_40._lifted_1a08x_54{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}._hasError_1a08x_30 ._Label_1a08x_40._lifted_1a08x_54{color:var(--chures-error, #ef4444)}._ErrorText_1a08x_65{display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}._Skeleton_1a08x_73{width:100%;height:var(--chures-input-height, 3rem);border-radius:var(--chures-input-radius, .75rem);background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1a08x_1 1.5s ease-in-out infinite}@keyframes _shimmer_im4lz_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_im4lz_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_im4lz_13{opacity:.45;cursor:not-allowed}._Track_im4lz_18{position:relative;width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:var(--chures-toggle-bg-off, rgb(255 255 255 / 13%));border:none;padding:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}._Track_im4lz_18._on_im4lz_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_im4lz_13 ._Track_im4lz_18{cursor:not-allowed}._Thumb_im4lz_39{position:absolute;top:50%;left:.1875rem;transform:translateY(-50%);width:var(--chures-toggle-thumb, 1.125rem);height:var(--chures-toggle-thumb, 1.125rem);border-radius:50%;background:var(--chures-toggle-thumb-color, #ffffff);transition:left .2s ease;pointer-events:none}._Track_im4lz_18._on_im4lz_31 ._Thumb_im4lz_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_im4lz_56{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_im4lz_62{display:inline-block;width:var(--chures-toggle-label-skeleton-w, 5rem);height:var(--chures-font-sm, .875rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_im4lz_1 1.5s ease-in-out infinite}._Skeleton_im4lz_77{width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_im4lz_1 1.5s ease-in-out infinite}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+(function(l,e){typeof exports=="object"&&typeof module<"u"?e(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"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.Chures={},l.ReactJSXRuntime,l.React,l.FramerMotion,l.Zustand))})(this,(function(l,e,f,W,A){"use strict";function E(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var C={exports:{}};var b;function B(){return b||(b=1,(function(o){(function(){var n={}.hasOwnProperty;function r(){for(var t="",s=0;s<arguments.length;s++){var c=arguments[s];c&&(t=i(t,a(c)))}return t}function a(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var s="";for(var c in t)n.call(t,c)&&t[c]&&(s=i(s,c));return s}function i(t,s){return s?t?t+" "+s:t+s:t}o.exports?(r.default=r,o.exports=r):window.classNames=r})()})(C)),C.exports}var F=B();const _=E(F),w={LoaderContainer:"_LoaderContainer_wa8op_24",sm:"_sm_wa8op_31",md:"_md_wa8op_32",lg:"_lg_wa8op_33",Arc1:"_Arc1_wa8op_37",Arc2:"_Arc2_wa8op_38",Arc3:"_Arc3_wa8op_39",spin:"_spin_wa8op_1",Ring1:"_Ring1_wa8op_71",Ring2:"_Ring2_wa8op_72",Ring3:"_Ring3_wa8op_73",ripple:"_ripple_wa8op_1",Dot1:"_Dot1_wa8op_86",Dot2:"_Dot2_wa8op_87",Dot3:"_Dot3_wa8op_88",dotPulse:"_dotPulse_wa8op_1",Wave1:"_Wave1_wa8op_105",Wave2:"_Wave2_wa8op_106",Wave3:"_Wave3_wa8op_107",Wave4:"_Wave4_wa8op_108",Wave5:"_Wave5_wa8op_109",waveBounce:"_waveBounce_wa8op_1"};function z(o,n){switch(o){case"ripple":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.Ring1}),e.jsx("div",{className:n.Ring2}),e.jsx("div",{className:n.Ring3})]});case"dots":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.Dot1}),e.jsx("div",{className:n.Dot2}),e.jsx("div",{className:n.Dot3})]});case"wave":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.Wave1}),e.jsx("div",{className:n.Wave2}),e.jsx("div",{className:n.Wave3}),e.jsx("div",{className:n.Wave4}),e.jsx("div",{className:n.Wave5})]});default:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.Arc1}),e.jsx("div",{className:n.Arc2}),e.jsx("div",{className:n.Arc3})]})}}function y({variant:o="arcs",size:n="md",color:r,className:a}){return e.jsx("div",{className:_(w.LoaderContainer,w[n],w[o],a),role:"status","aria-label":"Loading",style:r?{"--chures-accent":r}:void 0,children:z(o,w)})}const N={LoadingWrapperContainer:"_LoadingWrapperContainer_1q0w7_1",SkeletonWrapper:"_SkeletonWrapper_1q0w7_9"};function x({isLoading:o,children:n,skeleton:r,loaderProps:a,className:i}){return o?r?e.jsx("div",{className:_(N.SkeletonWrapper,i),children:r}):e.jsx("div",{className:_(N.LoadingWrapperContainer,i),children:e.jsx(y,{...a})}):e.jsx(e.Fragment,{children:n})}const O="https://oauth.telegram.org/js/telegram-login.js?3";function k(o){const{botId:n,redirectUri:r,requestAccess:a="write"}=o,i=f.useRef(o.onSuccess);i.current=o.onSuccess;const t=f.useRef(!1),[s,c]=f.useState(!1),[p,d]=f.useState(!1);f.useEffect(function(){if(!n)return;const T=r??window.location.origin;d(!0),c(!1);const m=document.createElement("script");return m.src=O,m.async=!0,m.onload=function(){const S=window.Telegram;S&&(S.Login.init({client_id:n,redirect_uri:T},function(V){t.current||(t.current=!0,i.current(V))}),c(!0)),d(!1)},m.onerror=function(){d(!1)},document.head.appendChild(m),function(){document.head.contains(m)&&document.head.removeChild(m),c(!1),d(!1)}},[n,r]);function v(){const T=window.Telegram;if(!s||!T)return;t.current=!1;const m=r??window.location.origin;T.Login.auth({client_id:n,redirect_uri:m,request_access:a},function(S){t.current||(t.current=!0,i.current(S))})}return{login:v,isReady:s,isLoading:p}}const L={TelegramSignInButtonContainer:"_TelegramSignInButtonContainer_10wun_1",FullSize:"_FullSize_10wun_46",Icon:"_Icon_10wun_50"},$={en:"Continue with Telegram",ru:"Войти через Telegram"};function q(){return e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor","aria-hidden":"true",className:L.Icon,children:e.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 D({onClick:o,disabled:n,lang:r="en",title:a,label:i,fullSize:t,className:s}){f.useEffect(function(){const d="comfortaa-font";if(document.getElementById(d))return;const v=document.createElement("link");v.id=d,v.rel="stylesheet",v.href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap",document.head.appendChild(v)},[]);const c=i??a??$[r],p=[L.TelegramSignInButtonContainer,t&&L.FullSize,s].filter(Boolean).join(" ");return e.jsxs("button",{type:"button",className:p,onClick:o,disabled:n,children:[e.jsx(q,{}),c]})}function j({botId:o,onSuccess:n,lang:r,title:a,redirectUri:i,requestAccess:t,children:s,className:c}){const{login:p,isReady:d}=k({botId:o,onSuccess:n,redirectUri:i,requestAccess:t});return s?e.jsx(e.Fragment,{children:s({login:p,isReady:d})}):e.jsx(D,{onClick:p,disabled:!d,lang:r,title:a,className:c})}let P=0;const I=A.create((o,n)=>({toasts:[],bake:r=>{const a=P++;o(i=>({toasts:[...i.toasts,{...r,id:a}]})),setTimeout(()=>{n().dismiss(a)},5e3)},dismiss:r=>{o(a=>({toasts:a.toasts.filter(i=>i.id!==r)}))}})),g={ToastContainer:"_ToastContainer_1tme2_1",Toast:"_Toast_1tme2_1",error:"_error_1tme2_33",warn:"_warn_1tme2_41",info:"_info_1tme2_49",Description:"_Description_1tme2_53",DismissButton:"_DismissButton_1tme2_59",slideIn:"_slideIn_1tme2_79",slideOut:"_slideOut_1tme2_83"};function M(){const{toasts:o}=I();return e.jsx("div",{className:g.ToastContainer,children:e.jsx(W.AnimatePresence,{children:o.map(n=>e.jsx(W.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:e.jsx(U,{...n})},n.id))})})}function U({id:o,title:n,description:r,level:a,isDismissable:i}){const[t,s]=f.useState(!1),c=I();return f.useEffect(()=>()=>{s(!0)},[]),e.jsxs("div",{className:_(g.Toast,{[g.error]:a==="Error",[g.warn]:a==="Warn",[g.info]:a==null||a==="Info",[g.slideIn]:!t,[g.slideOut]:t}),children:[e.jsx("div",{children:n}),e.jsx("div",{className:g.Description,children:r}),i&&o!==void 0&&e.jsx("div",{className:g.DismissButton,onClick:()=>c.dismiss(o),children:"×"})]})}const h={InputContainer:"_InputContainer_1a08x_6",InputField:"_InputField_1a08x_12",hasError:"_hasError_1a08x_30",disabled:"_disabled_1a08x_35",Label:"_Label_1a08x_40",lifted:"_lifted_1a08x_54",ErrorText:"_ErrorText_1a08x_65",Skeleton:"_Skeleton_1a08x_73"};function G({value:o,setValue:n,label:r,isLoader:a,type:i="text",disabled:t,error:s,className:c}){const[p,d]=f.useState(!1),v=p||o.length>0;return a?e.jsx("div",{className:_(h.Skeleton,c),"aria-hidden":"true"}):e.jsxs("div",{className:_(h.InputContainer,{[h.hasError]:!!s,[h.disabled]:t},c),children:[e.jsx("input",{className:h.InputField,type:i,value:o,onChange:T=>n(T.target.value),onFocus:()=>d(!0),onBlur:()=>d(!1),disabled:t}),e.jsx("label",{className:_(h.Label,{[h.lifted]:v}),children:r}),s&&e.jsx("span",{className:h.ErrorText,children:s})]})}const u={ToggleContainer:"_ToggleContainer_im4lz_6",disabled:"_disabled_im4lz_13",Track:"_Track_im4lz_18",on:"_on_im4lz_31",Thumb:"_Thumb_im4lz_39",Label:"_Label_im4lz_56",LabelSkeleton:"_LabelSkeleton_im4lz_62",Skeleton:"_Skeleton_im4lz_77"};function J({checked:o,onChange:n,label:r,labelPosition:a="right",disabled:i,isLoader:t,isLoadingLabel:s,className:c}){const p=!!r||s,d=s?e.jsx("span",{className:u.LabelSkeleton,"aria-hidden":"true"}):r?e.jsx("span",{className:u.Label,children:r}):null;return t?p?e.jsxs("div",{className:_(u.ToggleContainer,c),children:[a==="left"&&d,e.jsx("div",{className:u.Skeleton,"aria-hidden":"true"}),a==="right"&&d]}):e.jsx("div",{className:_(u.Skeleton,c),"aria-hidden":"true"}):e.jsxs("label",{className:_(u.ToggleContainer,{[u.disabled]:i},c),children:[a==="left"&&d,e.jsx("button",{role:"switch","aria-checked":o,className:_(u.Track,{[u.on]:o}),onClick:()=>!i&&n(!o),disabled:i,type:"button",children:e.jsx("span",{className:u.Thumb})}),a==="right"&&d]})}l.Input=G,l.Loader=y,l.LoadingWrapper=x,l.TelegramAuth=j,l.TelegramSignInButton=D,l.Toaster=M,l.Toggle=J,l.useTelegramLogin=k,l.useToaster=I,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));

package/dist/components/Input.d.ts

@@ -0,0 +1,13 @@
+interface Props {
+    value: string;
+    setValue: (v: string) => void;
+    label: string;
+    isLoader?: boolean;
+    type?: 'text' | 'password' | 'email' | 'number';
+    disabled?: boolean;
+    error?: string;
+    className?: string;
+}
+export type InputProps = Props;
+export declare function Input({ value, setValue, label, isLoader, type, disabled, error, className }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Loader.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    variant?: 'arcs' | 'ripple' | 'dots' | 'wave';
+    size?: 'sm' | 'md' | 'lg';
+    color?: string;
+    className?: string;
+}
+export type LoaderProps = Props;
+export declare function Loader({ variant, size, color, className }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LoadingWrapper.d.ts

@@ -0,0 +1,11 @@
+import { LoaderProps } from './Loader';
+interface Props {
+    isLoading: boolean;
+    children: React.ReactNode;
+    skeleton?: React.ReactNode;
+    loaderProps?: LoaderProps;
+    className?: string;
+}
+export type LoadingWrapperProps = Props;
+export declare function LoadingWrapper({ isLoading, children, skeleton, loaderProps, className }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Toggle.d.ts

@@ -0,0 +1,13 @@
+interface Props {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+    labelPosition?: 'left' | 'right';
+    disabled?: boolean;
+    isLoader?: boolean;
+    isLoadingLabel?: boolean;
+    className?: string;
+}
+export type ToggleProps = Props;
+export declare function Toggle({ checked, onChange, label, labelPosition, disabled, isLoader, isLoadingLabel, className }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,4 +1,5 @@
 export interface Toast {
+    id?: number;
     title: string;
     description: string;
     level?: 'Error' | 'Warn' | 'Info';
@@ -7,6 +8,6 @@ export interface Toast {
 export interface ToasterStore {
     toasts: Toast[];
     bake: (t: Toast) => void;
-    dismiss: (title: string) => void;
+    dismiss: (id: number) => void;
 }
 export declare const useToaster: import('zustand').UseBoundStore<import('zustand').StoreApi<ToasterStore>>;

package/dist/index.d.ts

@@ -1,7 +1,15 @@
+export { Loader } from './components/Loader';
+export type { LoaderProps } from './components/Loader';
+export { LoadingWrapper } from './components/LoadingWrapper';
+export type { LoadingWrapperProps } from './components/LoadingWrapper';
 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 { Input } from './components/Input';
+export type { InputProps } from './components/Input';
+export { Toggle } from './components/Toggle';
+export type { ToggleProps } from './components/Toggle';
 export { TelegramSignInButton } from './components/TelegramSignInButton';
 export { useTelegramLogin } from './hooks/useTelegramLogin';
 export type { TelegramAuthProps } from './components/TelegramAuth';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vervstack/chures",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "React components and hooks for Telegram OAuth login and toast notifications",
   "license": "MIT",
   "repository": {
@@ -38,7 +38,7 @@
     "demo": "vite",
     "build:demo": "vite build --config vite.config.demo.ts",
     "type-check": "tsc --noEmit",
-    "patch": "npm version patch && npm publish --access public"
+    "patch": "npm run build && npm version patch && npm publish --access public"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -52,6 +52,7 @@
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.5.2",
     "framer-motion": "^12.40.0",
+    "react-tooltip": "^6.0.7",
     "typescript": "~5.8.3",
     "vite": "^7.3.1",
     "vite-plugin-css-injected-by-js": "^3.5.2",