@vervstack/chures 0.0.8 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/chures.js CHANGED
@@ -1,167 +1,167 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--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;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%)}}@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_1jetc_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_1jetc_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_1jetc_13{opacity:.45;cursor:not-allowed}._Track_1jetc_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_1jetc_18._on_1jetc_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_1jetc_13 ._Track_1jetc_18{cursor:not-allowed}._Thumb_1jetc_39{position:absolute;top:0;bottom:0;margin:auto 0;left:.1875rem;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_1jetc_18._on_1jetc_31 ._Thumb_1jetc_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_1jetc_57{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_1jetc_63{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_1jetc_1 1.5s ease-in-out infinite}._Skeleton_1jetc_78{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_1jetc_1 1.5s ease-in-out infinite}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--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;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%)}}@keyframes _panelIn_v5jkm_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_v5jkm_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_v5jkm_13{position:absolute;top:100%;left:0;width:100%;background:var(--chures-dropdown-bg);border:1px solid var(--chures-dropdown-border);border-radius:var(--chures-dropdown-radius);overflow:hidden;box-shadow:0 1rem 3rem #000c;animation:_panelIn_v5jkm_1 .14s ease;z-index:100}._SearchRow_v5jkm_27{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_v5jkm_32{display:flex;align-items:center;gap:.5rem;background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-border-subtle);border-radius:var(--chures-dropdown-row-radius);padding:.4rem .625rem}._SearchIcon_v5jkm_42{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_v5jkm_49{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_v5jkm_49::placeholder{color:var(--chures-fg-muted)}._ResultsList_v5jkm_63{max-height:13rem;overflow-y:auto}._OptionRow_v5jkm_68{padding:.5625rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);cursor:pointer;transition:background .1s ease,color .1s ease;display:flex;align-items:center;gap:.5rem}._OptionRow_v5jkm_68:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_v5jkm_68._Selected_v5jkm_83{color:var(--chures-fg)}._Checkmark_v5jkm_88{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_v5jkm_94{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_v5jkm_94:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_v5jkm_94._WithBorder_v5jkm_107{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_v5jkm_112{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--chures-accent);color:#fff;flex-shrink:0}._CreateLabel_v5jkm_124{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_v5jkm_130{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_v5jkm_137{height:2rem;margin:.375rem .875rem;border-radius:var(--chures-dropdown-row-radius);background:linear-gradient(90deg,var(--chures-dropdown-bg) 25%,var(--chures-skeleton-shine) 50%,var(--chures-dropdown-bg) 75%);background-size:200% 100%;animation:_shimmer_v5jkm_1 1.4s infinite linear}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { jsx as t, jsxs as u, Fragment as k } from "react/jsx-runtime";
3
- import { useRef as D, useState as S, useEffect as R } from "react";
4
- import { AnimatePresence as X, motion as Y } from "framer-motion";
5
- import { create as Z } from "zustand";
6
- function ee(e) {
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: #1a1a1a;--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--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;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%)}}@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_1jetc_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_1jetc_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_1jetc_13{opacity:.45;cursor:not-allowed}._Track_1jetc_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_1jetc_18._on_1jetc_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_1jetc_13 ._Track_1jetc_18{cursor:not-allowed}._Thumb_1jetc_39{position:absolute;top:0;bottom:0;margin:auto 0;left:.1875rem;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_1jetc_18._on_1jetc_31 ._Thumb_1jetc_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_1jetc_57{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_1jetc_63{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_1jetc_1 1.5s ease-in-out infinite}._Skeleton_1jetc_78{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_1jetc_1 1.5s ease-in-out infinite}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: #1a1a1a;--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--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;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%)}}@keyframes _panelIn_v5jkm_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_v5jkm_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_v5jkm_13{position:absolute;top:100%;left:0;width:100%;background:var(--chures-dropdown-bg);border:1px solid var(--chures-dropdown-border);border-radius:var(--chures-dropdown-radius);overflow:hidden;box-shadow:0 1rem 3rem #000c;animation:_panelIn_v5jkm_1 .14s ease;z-index:100}._SearchRow_v5jkm_27{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_v5jkm_32{display:flex;align-items:center;gap:.5rem;background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-border-subtle);border-radius:var(--chures-dropdown-row-radius);padding:.4rem .625rem}._SearchIcon_v5jkm_42{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_v5jkm_49{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_v5jkm_49::placeholder{color:var(--chures-fg-muted)}._ResultsList_v5jkm_63{max-height:13rem;overflow-y:auto}._OptionRow_v5jkm_68{padding:.5625rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);cursor:pointer;transition:background .1s ease,color .1s ease;display:flex;align-items:center;gap:.5rem}._OptionRow_v5jkm_68:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_v5jkm_68._Selected_v5jkm_83{color:var(--chures-fg)}._Checkmark_v5jkm_88{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_v5jkm_94{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_v5jkm_94:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_v5jkm_94._WithBorder_v5jkm_107{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_v5jkm_112{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--chures-accent);color:#fff;flex-shrink:0}._CreateLabel_v5jkm_124{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_v5jkm_130{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_v5jkm_137{height:2rem;margin:.375rem .875rem;border-radius:var(--chures-dropdown-row-radius);background:linear-gradient(90deg,var(--chures-dropdown-bg) 25%,var(--chures-skeleton-shine) 50%,var(--chures-dropdown-bg) 75%);background-size:200% 100%;animation:_shimmer_v5jkm_1 1.4s infinite linear}._Btn_1hwff_1{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:1px solid transparent;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.625rem 1rem;transition:all .16s ease;white-space:nowrap;color:var(--chures-fg, #ffffff);background:var(--chures-button-bg)}._Btn_1hwff_1:disabled{opacity:.4;cursor:not-allowed}._Primary_1hwff_26{background:var(--chures-accent, #229ED9);border-color:var(--chures-accent, #229ED9);color:#fff;font-weight:600;padding:.625rem 1.125rem;box-shadow:0 10px 28px -12px var(--chures-accent-muted, rgb(34 158 217 / 50%));transition:filter .16s ease,opacity .16s ease}._Primary_1hwff_26:hover:not(:disabled){filter:brightness(1.06)}._Secondary_1hwff_41{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Secondary_1hwff_41:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._Ghost_1hwff_53{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Ghost_1hwff_53:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._IconDanger_1hwff_65{width:1.375rem;height:1.375rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:1rem;line-height:1;justify-content:center;flex-shrink:0;transition:background .14s ease,color .14s ease}._IconDanger_1hwff_65:hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}._Danger_1hwff_86{background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}._Danger_1hwff_86:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmContainer_b00ul_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_confirmIn_b00ul_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_b00ul_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmTitle_b00ul_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_b00ul_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_b00ul_32{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_b00ul_40{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_b00ul_40:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_b00ul_60{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_b00ul_60:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_b00ul_79{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_b00ul_79:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_b00ul_60:disabled,._BtnDanger_b00ul_79:disabled,._BtnCancel_b00ul_40:disabled{opacity:.4;cursor:not-allowed}._InfoContainer_1meyp_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_infoIn_1meyp_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_1meyp_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoTitle_1meyp_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_1meyp_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_1meyp_32{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_1meyp_39{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_1meyp_39:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ import { jsx as n, jsxs as d, Fragment as y } from "react/jsx-runtime";
3
+ import { useRef as x, useState as k, useEffect as b } from "react";
4
+ import { AnimatePresence as ee, motion as ne } from "framer-motion";
5
+ import { create as te } from "zustand";
6
+ function oe(e) {
7
7
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
8
8
  }
9
- var j = { exports: {} };
10
- var $;
11
- function ne() {
12
- return $ || ($ = 1, (function(e) {
9
+ var E = { exports: {} };
10
+ var G;
11
+ function re() {
12
+ return G || (G = 1, (function(e) {
13
13
  (function() {
14
- var n = {}.hasOwnProperty;
15
- function r() {
16
- for (var o = "", i = 0; i < arguments.length; i++) {
17
- var c = arguments[i];
18
- c && (o = a(o, s(c)));
14
+ var t = {}.hasOwnProperty;
15
+ function o() {
16
+ for (var r = "", a = 0; a < arguments.length; a++) {
17
+ var c = arguments[a];
18
+ c && (r = i(r, s(c)));
19
19
  }
20
- return o;
20
+ return r;
21
21
  }
22
- function s(o) {
23
- if (typeof o == "string" || typeof o == "number")
24
- return o;
25
- if (typeof o != "object")
22
+ function s(r) {
23
+ if (typeof r == "string" || typeof r == "number")
24
+ return r;
25
+ if (typeof r != "object")
26
26
  return "";
27
- if (Array.isArray(o))
28
- return r.apply(null, o);
29
- if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
30
- return o.toString();
31
- var i = "";
32
- for (var c in o)
33
- n.call(o, c) && o[c] && (i = a(i, c));
34
- return i;
27
+ if (Array.isArray(r))
28
+ return o.apply(null, r);
29
+ if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
30
+ return r.toString();
31
+ var a = "";
32
+ for (var c in r)
33
+ t.call(r, c) && r[c] && (a = i(a, c));
34
+ return a;
35
35
  }
36
- function a(o, i) {
37
- return i ? o ? o + " " + i : o + i : o;
36
+ function i(r, a) {
37
+ return a ? r ? r + " " + a : r + a : r;
38
38
  }
39
- e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
39
+ e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
40
40
  })();
41
- })(j)), j.exports;
41
+ })(E)), E.exports;
42
42
  }
43
- var te = ne();
44
- const m = /* @__PURE__ */ ee(te), oe = "_LoaderContainer_wa8op_24", re = "_sm_wa8op_31", se = "_md_wa8op_32", ae = "_lg_wa8op_33", ie = "_Arc1_wa8op_37", ce = "_Arc2_wa8op_38", le = "_Arc3_wa8op_39", ue = "_spin_wa8op_1", de = "_Ring1_wa8op_71", _e = "_Ring2_wa8op_72", me = "_Ring3_wa8op_73", fe = "_ripple_wa8op_1", pe = "_Dot1_wa8op_86", he = "_Dot2_wa8op_87", ve = "_Dot3_wa8op_88", we = "_dotPulse_wa8op_1", ge = "_Wave1_wa8op_105", Ce = "_Wave2_wa8op_106", ke = "_Wave3_wa8op_107", Se = "_Wave4_wa8op_108", ye = "_Wave5_wa8op_109", Le = "_waveBounce_wa8op_1", T = {
45
- LoaderContainer: oe,
46
- sm: re,
47
- md: se,
48
- lg: ae,
49
- Arc1: ie,
50
- Arc2: ce,
51
- Arc3: le,
52
- spin: ue,
53
- Ring1: de,
54
- Ring2: _e,
55
- Ring3: me,
56
- ripple: fe,
57
- Dot1: pe,
58
- Dot2: he,
59
- Dot3: ve,
60
- dotPulse: we,
61
- Wave1: ge,
62
- Wave2: Ce,
63
- Wave3: ke,
64
- Wave4: Se,
65
- Wave5: ye,
66
- waveBounce: Le
43
+ var se = re();
44
+ const _ = /* @__PURE__ */ oe(se), ie = "_LoaderContainer_wa8op_24", ae = "_sm_wa8op_31", ce = "_md_wa8op_32", le = "_lg_wa8op_33", de = "_Arc1_wa8op_37", ue = "_Arc2_wa8op_38", _e = "_Arc3_wa8op_39", fe = "_spin_wa8op_1", me = "_Ring1_wa8op_71", he = "_Ring2_wa8op_72", pe = "_Ring3_wa8op_73", ge = "_ripple_wa8op_1", ve = "_Dot1_wa8op_86", we = "_Dot2_wa8op_87", Ce = "_Dot3_wa8op_88", ye = "_dotPulse_wa8op_1", ke = "_Wave1_wa8op_105", Ie = "_Wave2_wa8op_106", Se = "_Wave3_wa8op_107", Le = "_Wave4_wa8op_108", Ne = "_Wave5_wa8op_109", be = "_waveBounce_wa8op_1", R = {
45
+ LoaderContainer: ie,
46
+ sm: ae,
47
+ md: ce,
48
+ lg: le,
49
+ Arc1: de,
50
+ Arc2: ue,
51
+ Arc3: _e,
52
+ spin: fe,
53
+ Ring1: me,
54
+ Ring2: he,
55
+ Ring3: pe,
56
+ ripple: ge,
57
+ Dot1: ve,
58
+ Dot2: we,
59
+ Dot3: Ce,
60
+ dotPulse: ye,
61
+ Wave1: ke,
62
+ Wave2: Ie,
63
+ Wave3: Se,
64
+ Wave4: Le,
65
+ Wave5: Ne,
66
+ waveBounce: be
67
67
  };
68
- function Re(e, n) {
68
+ function De(e, t) {
69
69
  switch (e) {
70
70
  case "ripple":
71
- return /* @__PURE__ */ u(k, { children: [
72
- /* @__PURE__ */ t("div", { className: n.Ring1 }),
73
- /* @__PURE__ */ t("div", { className: n.Ring2 }),
74
- /* @__PURE__ */ t("div", { className: n.Ring3 })
71
+ return /* @__PURE__ */ d(y, { children: [
72
+ /* @__PURE__ */ n("div", { className: t.Ring1 }),
73
+ /* @__PURE__ */ n("div", { className: t.Ring2 }),
74
+ /* @__PURE__ */ n("div", { className: t.Ring3 })
75
75
  ] });
76
76
  case "dots":
77
- return /* @__PURE__ */ u(k, { children: [
78
- /* @__PURE__ */ t("div", { className: n.Dot1 }),
79
- /* @__PURE__ */ t("div", { className: n.Dot2 }),
80
- /* @__PURE__ */ t("div", { className: n.Dot3 })
77
+ return /* @__PURE__ */ d(y, { children: [
78
+ /* @__PURE__ */ n("div", { className: t.Dot1 }),
79
+ /* @__PURE__ */ n("div", { className: t.Dot2 }),
80
+ /* @__PURE__ */ n("div", { className: t.Dot3 })
81
81
  ] });
82
82
  case "wave":
83
- return /* @__PURE__ */ u(k, { children: [
84
- /* @__PURE__ */ t("div", { className: n.Wave1 }),
85
- /* @__PURE__ */ t("div", { className: n.Wave2 }),
86
- /* @__PURE__ */ t("div", { className: n.Wave3 }),
87
- /* @__PURE__ */ t("div", { className: n.Wave4 }),
88
- /* @__PURE__ */ t("div", { className: n.Wave5 })
83
+ return /* @__PURE__ */ d(y, { children: [
84
+ /* @__PURE__ */ n("div", { className: t.Wave1 }),
85
+ /* @__PURE__ */ n("div", { className: t.Wave2 }),
86
+ /* @__PURE__ */ n("div", { className: t.Wave3 }),
87
+ /* @__PURE__ */ n("div", { className: t.Wave4 }),
88
+ /* @__PURE__ */ n("div", { className: t.Wave5 })
89
89
  ] });
90
90
  default:
91
- return /* @__PURE__ */ u(k, { children: [
92
- /* @__PURE__ */ t("div", { className: n.Arc1 }),
93
- /* @__PURE__ */ t("div", { className: n.Arc2 }),
94
- /* @__PURE__ */ t("div", { className: n.Arc3 })
91
+ return /* @__PURE__ */ d(y, { children: [
92
+ /* @__PURE__ */ n("div", { className: t.Arc1 }),
93
+ /* @__PURE__ */ n("div", { className: t.Arc2 }),
94
+ /* @__PURE__ */ n("div", { className: t.Arc3 })
95
95
  ] });
96
96
  }
97
97
  }
98
- function Ne({ variant: e = "arcs", size: n = "md", color: r, className: s }) {
99
- return /* @__PURE__ */ t(
98
+ function Be({ variant: e = "arcs", size: t = "md", color: o, className: s }) {
99
+ return /* @__PURE__ */ n(
100
100
  "div",
101
101
  {
102
- className: m(T.LoaderContainer, T[n], T[e], s),
102
+ className: _(R.LoaderContainer, R[t], R[e], s),
103
103
  role: "status",
104
104
  "aria-label": "Loading",
105
- style: r ? { "--chures-accent": r } : void 0,
106
- children: Re(e, T)
105
+ style: o ? { "--chures-accent": o } : void 0,
106
+ children: De(e, R)
107
107
  }
108
108
  );
109
109
  }
110
- const Ie = "_LoadingWrapperContainer_1q0w7_1", Te = "_SkeletonWrapper_1q0w7_9", q = {
111
- LoadingWrapperContainer: Ie,
112
- SkeletonWrapper: Te
110
+ const Te = "_LoadingWrapperContainer_1q0w7_1", Re = "_SkeletonWrapper_1q0w7_9", H = {
111
+ LoadingWrapperContainer: Te,
112
+ SkeletonWrapper: Re
113
113
  };
114
- function An({ isLoading: e, children: n, skeleton: r, loaderProps: s, className: a }) {
115
- return e ? r ? /* @__PURE__ */ t("div", { className: m(q.SkeletonWrapper, a), children: r }) : /* @__PURE__ */ t("div", { className: m(q.LoadingWrapperContainer, a), children: /* @__PURE__ */ t(Ne, { ...s }) }) : /* @__PURE__ */ t(k, { children: n });
114
+ function rt({ isLoading: e, children: t, skeleton: o, loaderProps: s, className: i }) {
115
+ return e ? o ? /* @__PURE__ */ n("div", { className: _(H.SkeletonWrapper, i), children: o }) : /* @__PURE__ */ n("div", { className: _(H.LoadingWrapperContainer, i), children: /* @__PURE__ */ n(Be, { ...s }) }) : /* @__PURE__ */ n(y, { children: t });
116
116
  }
117
- const De = "https://oauth.telegram.org/js/telegram-login.js?3";
118
- function xe(e) {
119
- const { botId: n, redirectUri: r, requestAccess: s = "write" } = e, a = D(e.onSuccess);
120
- a.current = e.onSuccess;
121
- const o = D(!1), [i, c] = S(!1), [f, l] = S(!1);
122
- R(function() {
123
- if (!n) return;
124
- const g = r ?? window.location.origin;
117
+ const xe = "https://oauth.telegram.org/js/telegram-login.js?3";
118
+ function We(e) {
119
+ const { botId: t, redirectUri: o, requestAccess: s = "write" } = e, i = x(e.onSuccess);
120
+ i.current = e.onSuccess;
121
+ const r = x(!1), [a, c] = k(!1), [u, l] = k(!1);
122
+ b(function() {
123
+ if (!t) return;
124
+ const w = o ?? window.location.origin;
125
125
  l(!0), c(!1);
126
- const p = document.createElement("script");
127
- return p.src = De, p.async = !0, p.onload = function() {
128
- const y = window.Telegram;
129
- y && (y.Login.init(
130
- { client_id: n, redirect_uri: g },
131
- function(N) {
132
- o.current || (o.current = !0, a.current(N));
126
+ const h = document.createElement("script");
127
+ return h.src = xe, h.async = !0, h.onload = function() {
128
+ const S = window.Telegram;
129
+ S && (S.Login.init(
130
+ { client_id: t, redirect_uri: w },
131
+ function(D) {
132
+ r.current || (r.current = !0, i.current(D));
133
133
  }
134
134
  ), c(!0)), l(!1);
135
- }, p.onerror = function() {
135
+ }, h.onerror = function() {
136
136
  l(!1);
137
- }, document.head.appendChild(p), function() {
138
- document.head.contains(p) && document.head.removeChild(p), c(!1), l(!1);
137
+ }, document.head.appendChild(h), function() {
138
+ document.head.contains(h) && document.head.removeChild(h), c(!1), l(!1);
139
139
  };
140
- }, [n, r]);
141
- function h() {
142
- const g = window.Telegram;
143
- if (!i || !g) return;
144
- o.current = !1;
145
- const p = r ?? window.location.origin;
146
- g.Login.auth(
147
- { client_id: n, redirect_uri: p, request_access: s },
148
- function(y) {
149
- o.current || (o.current = !0, a.current(y));
140
+ }, [t, o]);
141
+ function p() {
142
+ const w = window.Telegram;
143
+ if (!a || !w) return;
144
+ r.current = !1;
145
+ const h = o ?? window.location.origin;
146
+ w.Login.auth(
147
+ { client_id: t, redirect_uri: h, request_access: s },
148
+ function(S) {
149
+ r.current || (r.current = !0, i.current(S));
150
150
  }
151
151
  );
152
152
  }
153
- return { login: h, isReady: i, isLoading: f };
153
+ return { login: p, isReady: a, isLoading: u };
154
154
  }
155
- const be = "_TelegramSignInButtonContainer_10wun_1", We = "_FullSize_10wun_46", je = "_Icon_10wun_50", E = {
156
- TelegramSignInButtonContainer: be,
157
- FullSize: We,
158
- Icon: je
159
- }, Be = {
155
+ const je = "_TelegramSignInButtonContainer_10wun_1", Ae = "_FullSize_10wun_46", Ee = "_Icon_10wun_50", O = {
156
+ TelegramSignInButtonContainer: je,
157
+ FullSize: Ae,
158
+ Icon: Ee
159
+ }, Me = {
160
160
  en: "Continue with Telegram",
161
161
  ru: "Войти через Telegram"
162
162
  };
163
- function Ee() {
164
- return /* @__PURE__ */ t(
163
+ function Oe() {
164
+ return /* @__PURE__ */ n(
165
165
  "svg",
166
166
  {
167
167
  viewBox: "0 0 24 24",
@@ -169,242 +169,242 @@ function Ee() {
169
169
  height: "20",
170
170
  fill: "currentColor",
171
171
  "aria-hidden": "true",
172
- className: E.Icon,
173
- children: /* @__PURE__ */ t("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" })
172
+ className: O.Icon,
173
+ children: /* @__PURE__ */ n("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" })
174
174
  }
175
175
  );
176
176
  }
177
- function Ae({
177
+ function Fe({
178
178
  onClick: e,
179
- disabled: n,
180
- lang: r = "en",
179
+ disabled: t,
180
+ lang: o = "en",
181
181
  title: s,
182
- label: a,
183
- fullSize: o,
184
- className: i
182
+ label: i,
183
+ fullSize: r,
184
+ className: a
185
185
  }) {
186
- R(function() {
186
+ b(function() {
187
187
  const l = "comfortaa-font";
188
188
  if (document.getElementById(l)) return;
189
- const h = document.createElement("link");
190
- h.id = l, h.rel = "stylesheet", h.href = "https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap", document.head.appendChild(h);
189
+ const p = document.createElement("link");
190
+ p.id = l, p.rel = "stylesheet", p.href = "https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap", document.head.appendChild(p);
191
191
  }, []);
192
- const c = a ?? s ?? Be[r], f = [E.TelegramSignInButtonContainer, o && E.FullSize, i].filter(Boolean).join(" ");
193
- return /* @__PURE__ */ u("button", { type: "button", className: f, onClick: e, disabled: n, children: [
194
- /* @__PURE__ */ t(Ee, {}),
192
+ const c = i ?? s ?? Me[o], u = [O.TelegramSignInButtonContainer, r && O.FullSize, a].filter(Boolean).join(" ");
193
+ return /* @__PURE__ */ d("button", { type: "button", className: u, onClick: e, disabled: t, children: [
194
+ /* @__PURE__ */ n(Oe, {}),
195
195
  c
196
196
  ] });
197
197
  }
198
- function On({
198
+ function st({
199
199
  botId: e,
200
- onSuccess: n,
201
- lang: r,
200
+ onSuccess: t,
201
+ lang: o,
202
202
  title: s,
203
- redirectUri: a,
204
- requestAccess: o,
205
- children: i,
203
+ redirectUri: i,
204
+ requestAccess: r,
205
+ children: a,
206
206
  className: c
207
207
  }) {
208
- const { login: f, isReady: l } = xe({ botId: e, onSuccess: n, redirectUri: a, requestAccess: o });
209
- return i ? /* @__PURE__ */ t(k, { children: i({ login: f, isReady: l }) }) : /* @__PURE__ */ t(
210
- Ae,
208
+ const { login: u, isReady: l } = We({ botId: e, onSuccess: t, redirectUri: i, requestAccess: r });
209
+ return a ? /* @__PURE__ */ n(y, { children: a({ login: u, isReady: l }) }) : /* @__PURE__ */ n(
210
+ Fe,
211
211
  {
212
- onClick: f,
212
+ onClick: u,
213
213
  disabled: !l,
214
- lang: r,
214
+ lang: o,
215
215
  title: s,
216
216
  className: c
217
217
  }
218
218
  );
219
219
  }
220
- let Oe = 0;
221
- const P = Z((e, n) => ({
220
+ let Pe = 0;
221
+ const z = te((e, t) => ({
222
222
  toasts: [],
223
- bake: (r) => {
224
- const s = Oe++;
225
- e((a) => ({ toasts: [...a.toasts, { ...r, id: s }] })), setTimeout(() => {
226
- n().dismiss(s);
223
+ bake: (o) => {
224
+ const s = Pe++;
225
+ e((i) => ({ toasts: [...i.toasts, { ...o, id: s }] })), setTimeout(() => {
226
+ t().dismiss(s);
227
227
  }, 5e3);
228
228
  },
229
- dismiss: (r) => {
229
+ dismiss: (o) => {
230
230
  e((s) => ({
231
- toasts: s.toasts.filter((a) => a.id !== r)
231
+ toasts: s.toasts.filter((i) => i.id !== o)
232
232
  }));
233
233
  }
234
- })), Fe = "_ToastContainer_1tme2_1", Me = "_Toast_1tme2_1", $e = "_error_1tme2_33", qe = "_warn_1tme2_41", Pe = "_info_1tme2_49", ze = "_Description_1tme2_53", He = "_DismissButton_1tme2_59", Ke = "_slideIn_1tme2_79", Qe = "_slideOut_1tme2_83", w = {
235
- ToastContainer: Fe,
236
- Toast: Me,
237
- error: $e,
238
- warn: qe,
239
- info: Pe,
240
- Description: ze,
241
- DismissButton: He,
242
- slideIn: Ke,
243
- slideOut: Qe
234
+ })), $e = "_ToastContainer_1tme2_1", qe = "_Toast_1tme2_1", Ge = "_error_1tme2_33", He = "_warn_1tme2_41", ze = "_info_1tme2_49", Ke = "_Description_1tme2_53", Qe = "_DismissButton_1tme2_59", Ue = "_slideIn_1tme2_79", Ve = "_slideOut_1tme2_83", v = {
235
+ ToastContainer: $e,
236
+ Toast: qe,
237
+ error: Ge,
238
+ warn: He,
239
+ info: ze,
240
+ Description: Ke,
241
+ DismissButton: Qe,
242
+ slideIn: Ue,
243
+ slideOut: Ve
244
244
  };
245
- function Fn() {
246
- const { toasts: e } = P();
247
- return /* @__PURE__ */ t("div", { className: w.ToastContainer, children: /* @__PURE__ */ t(X, { children: e.map((n) => /* @__PURE__ */ t(
248
- Y.div,
245
+ function it() {
246
+ const { toasts: e } = z();
247
+ return /* @__PURE__ */ n("div", { className: v.ToastContainer, children: /* @__PURE__ */ n(ee, { children: e.map((t) => /* @__PURE__ */ n(
248
+ ne.div,
249
249
  {
250
250
  layout: !0,
251
251
  initial: { opacity: 0, x: 100, y: 50 },
252
252
  animate: { opacity: 1, x: 0, y: 0 },
253
253
  exit: { opacity: 0, y: -50 },
254
254
  transition: { type: "spring", stiffness: 300, damping: 20 },
255
- children: /* @__PURE__ */ t(Ue, { ...n })
255
+ children: /* @__PURE__ */ n(Je, { ...t })
256
256
  },
257
- n.id
257
+ t.id
258
258
  )) }) });
259
259
  }
260
- function Ue({ id: e, title: n, description: r, level: s, isDismissable: a }) {
261
- const [o, i] = S(!1), c = P();
262
- return R(() => () => {
263
- i(!0);
264
- }, []), /* @__PURE__ */ u(
260
+ function Je({ id: e, title: t, description: o, level: s, isDismissable: i }) {
261
+ const [r, a] = k(!1), c = z();
262
+ return b(() => () => {
263
+ a(!0);
264
+ }, []), /* @__PURE__ */ d(
265
265
  "div",
266
266
  {
267
- className: m(w.Toast, {
268
- [w.error]: s === "Error",
269
- [w.warn]: s === "Warn",
270
- [w.info]: s == null || s === "Info",
271
- [w.slideIn]: !o,
272
- [w.slideOut]: o
267
+ className: _(v.Toast, {
268
+ [v.error]: s === "Error",
269
+ [v.warn]: s === "Warn",
270
+ [v.info]: s == null || s === "Info",
271
+ [v.slideIn]: !r,
272
+ [v.slideOut]: r
273
273
  }),
274
274
  children: [
275
- /* @__PURE__ */ t("div", { children: n }),
276
- /* @__PURE__ */ t("div", { className: w.Description, children: r }),
277
- a && e !== void 0 && /* @__PURE__ */ t("div", { className: w.DismissButton, onClick: () => c.dismiss(e), children: "×" })
275
+ /* @__PURE__ */ n("div", { children: t }),
276
+ /* @__PURE__ */ n("div", { className: v.Description, children: o }),
277
+ i && e !== void 0 && /* @__PURE__ */ n("div", { className: v.DismissButton, onClick: () => c.dismiss(e), children: "×" })
278
278
  ]
279
279
  }
280
280
  );
281
281
  }
282
- const Ge = "_InputContainer_1a08x_6", Ve = "_InputField_1a08x_12", Je = "_hasError_1a08x_30", Xe = "_disabled_1a08x_35", Ye = "_Label_1a08x_40", Ze = "_lifted_1a08x_54", en = "_ErrorText_1a08x_65", nn = "_Skeleton_1a08x_73", C = {
283
- InputContainer: Ge,
284
- InputField: Ve,
285
- hasError: Je,
286
- disabled: Xe,
287
- Label: Ye,
288
- lifted: Ze,
289
- ErrorText: en,
290
- Skeleton: nn
282
+ const Xe = "_InputContainer_1a08x_6", Ye = "_InputField_1a08x_12", Ze = "_hasError_1a08x_30", en = "_disabled_1a08x_35", nn = "_Label_1a08x_40", tn = "_lifted_1a08x_54", on = "_ErrorText_1a08x_65", rn = "_Skeleton_1a08x_73", C = {
283
+ InputContainer: Xe,
284
+ InputField: Ye,
285
+ hasError: Ze,
286
+ disabled: en,
287
+ Label: nn,
288
+ lifted: tn,
289
+ ErrorText: on,
290
+ Skeleton: rn
291
291
  };
292
- function Mn({ value: e, setValue: n, label: r, isLoader: s, type: a = "text", disabled: o, error: i, className: c }) {
293
- const [f, l] = S(!1), h = f || e.length > 0;
294
- return s ? /* @__PURE__ */ t("div", { className: m(C.Skeleton, c), "aria-hidden": "true" }) : /* @__PURE__ */ u("div", { className: m(C.InputContainer, { [C.hasError]: !!i, [C.disabled]: o }, c), children: [
295
- /* @__PURE__ */ t(
292
+ function at({ value: e, setValue: t, label: o, isLoader: s, type: i = "text", disabled: r, error: a, className: c }) {
293
+ const [u, l] = k(!1), p = u || e.length > 0;
294
+ return s ? /* @__PURE__ */ n("div", { className: _(C.Skeleton, c), "aria-hidden": "true" }) : /* @__PURE__ */ d("div", { className: _(C.InputContainer, { [C.hasError]: !!a, [C.disabled]: r }, c), children: [
295
+ /* @__PURE__ */ n(
296
296
  "input",
297
297
  {
298
298
  className: C.InputField,
299
- type: a,
299
+ type: i,
300
300
  value: e,
301
- onChange: (g) => n(g.target.value),
301
+ onChange: (w) => t(w.target.value),
302
302
  onFocus: () => l(!0),
303
303
  onBlur: () => l(!1),
304
- disabled: o
304
+ disabled: r
305
305
  }
306
306
  ),
307
- /* @__PURE__ */ t("label", { className: m(C.Label, { [C.lifted]: h }), children: r }),
308
- i && /* @__PURE__ */ t("span", { className: C.ErrorText, children: i })
307
+ /* @__PURE__ */ n("label", { className: _(C.Label, { [C.lifted]: p }), children: o }),
308
+ a && /* @__PURE__ */ n("span", { className: C.ErrorText, children: a })
309
309
  ] });
310
310
  }
311
- const tn = "_ToggleContainer_1jetc_6", on = "_disabled_1jetc_13", rn = "_Track_1jetc_18", sn = "_on_1jetc_31", an = "_Thumb_1jetc_39", cn = "_Label_1jetc_57", ln = "_LabelSkeleton_1jetc_63", un = "_Skeleton_1jetc_78", v = {
312
- ToggleContainer: tn,
313
- disabled: on,
314
- Track: rn,
315
- on: sn,
316
- Thumb: an,
317
- Label: cn,
318
- LabelSkeleton: ln,
319
- Skeleton: un
311
+ const sn = "_ToggleContainer_1jetc_6", an = "_disabled_1jetc_13", cn = "_Track_1jetc_18", ln = "_on_1jetc_31", dn = "_Thumb_1jetc_39", un = "_Label_1jetc_57", _n = "_LabelSkeleton_1jetc_63", fn = "_Skeleton_1jetc_78", g = {
312
+ ToggleContainer: sn,
313
+ disabled: an,
314
+ Track: cn,
315
+ on: ln,
316
+ Thumb: dn,
317
+ Label: un,
318
+ LabelSkeleton: _n,
319
+ Skeleton: fn
320
320
  };
321
- function $n({ checked: e, onChange: n, label: r, labelPosition: s = "right", disabled: a, isLoader: o, isLoadingLabel: i, className: c }) {
322
- const f = !!r || i, l = i ? /* @__PURE__ */ t("span", { className: v.LabelSkeleton, "aria-hidden": "true" }) : r ? /* @__PURE__ */ t("span", { className: v.Label, children: r }) : null;
323
- return o ? f ? /* @__PURE__ */ u("div", { className: m(v.ToggleContainer, c), children: [
321
+ function ct({ checked: e, onChange: t, label: o, labelPosition: s = "right", disabled: i, isLoader: r, isLoadingLabel: a, className: c }) {
322
+ const u = !!o || a, l = a ? /* @__PURE__ */ n("span", { className: g.LabelSkeleton, "aria-hidden": "true" }) : o ? /* @__PURE__ */ n("span", { className: g.Label, children: o }) : null;
323
+ return r ? u ? /* @__PURE__ */ d("div", { className: _(g.ToggleContainer, c), children: [
324
324
  s === "left" && l,
325
- /* @__PURE__ */ t("div", { className: v.Skeleton, "aria-hidden": "true" }),
325
+ /* @__PURE__ */ n("div", { className: g.Skeleton, "aria-hidden": "true" }),
326
326
  s === "right" && l
327
- ] }) : /* @__PURE__ */ t("div", { className: m(v.Skeleton, c), "aria-hidden": "true" }) : /* @__PURE__ */ u("label", { className: m(v.ToggleContainer, { [v.disabled]: a }, c), children: [
327
+ ] }) : /* @__PURE__ */ n("div", { className: _(g.Skeleton, c), "aria-hidden": "true" }) : /* @__PURE__ */ d("label", { className: _(g.ToggleContainer, { [g.disabled]: i }, c), children: [
328
328
  s === "left" && l,
329
- /* @__PURE__ */ t(
329
+ /* @__PURE__ */ n(
330
330
  "button",
331
331
  {
332
332
  role: "switch",
333
333
  "aria-checked": e,
334
- className: m(v.Track, { [v.on]: e }),
335
- onClick: () => !a && n(!e),
336
- disabled: a,
334
+ className: _(g.Track, { [g.on]: e }),
335
+ onClick: () => !i && t(!e),
336
+ disabled: i,
337
337
  type: "button",
338
- children: /* @__PURE__ */ t("span", { className: v.Thumb })
338
+ children: /* @__PURE__ */ n("span", { className: g.Thumb })
339
339
  }
340
340
  ),
341
341
  s === "right" && l
342
342
  ] });
343
343
  }
344
- function dn(e, n, r) {
345
- R(() => {
346
- function s(o) {
347
- const i = o.target;
348
- e.current?.contains(i) || r?.current?.contains(i) || n();
344
+ function mn(e, t, o) {
345
+ b(() => {
346
+ function s(r) {
347
+ const a = r.target;
348
+ e.current?.contains(a) || o?.current?.contains(a) || t();
349
349
  }
350
- function a(o) {
351
- o.key === "Escape" && n();
350
+ function i(r) {
351
+ r.key === "Escape" && t();
352
352
  }
353
- return document.addEventListener("mousedown", s, !0), document.addEventListener("keydown", a), () => {
354
- document.removeEventListener("mousedown", s, !0), document.removeEventListener("keydown", a);
353
+ return document.addEventListener("mousedown", s, !0), document.addEventListener("keydown", i), () => {
354
+ document.removeEventListener("mousedown", s, !0), document.removeEventListener("keydown", i);
355
355
  };
356
- }, [n, e, r]);
356
+ }, [t, e, o]);
357
357
  }
358
- function _n(e, n) {
359
- const [r, s] = S([]);
360
- return R(() => {
361
- if (!n) return;
362
- let a = !1;
363
- return n(e).then((o) => {
364
- a || s(o);
358
+ function hn(e, t) {
359
+ const [o, s] = k([]);
360
+ return b(() => {
361
+ if (!t) return;
362
+ let i = !1;
363
+ return t(e).then((r) => {
364
+ i || s(r);
365
365
  }), () => {
366
- a = !0;
366
+ i = !0;
367
367
  };
368
- }, [e, n]), r;
368
+ }, [e, t]), o;
369
369
  }
370
- function B(e) {
370
+ function M(e) {
371
371
  return typeof e == "string" ? e : e.id;
372
372
  }
373
- function z(e) {
373
+ function K(e) {
374
374
  return typeof e == "string" ? e : e.name;
375
375
  }
376
- const mn = "_DropdownContainer_v5jkm_13", fn = "_SearchRow_v5jkm_27", pn = "_SearchBox_v5jkm_32", hn = "_SearchIcon_v5jkm_42", vn = "_SearchInput_v5jkm_49", wn = "_ResultsList_v5jkm_63", gn = "_OptionRow_v5jkm_68", Cn = "_Selected_v5jkm_83", kn = "_Checkmark_v5jkm_88", Sn = "_CreateRow_v5jkm_94", yn = "_WithBorder_v5jkm_107", Ln = "_CreateIcon_v5jkm_112", Rn = "_CreateLabel_v5jkm_124", Nn = "_EmptyHint_v5jkm_130", In = "_SkeletonRow_v5jkm_137", d = {
377
- DropdownContainer: mn,
378
- SearchRow: fn,
379
- SearchBox: pn,
380
- SearchIcon: hn,
381
- SearchInput: vn,
382
- ResultsList: wn,
383
- OptionRow: gn,
384
- Selected: Cn,
385
- Checkmark: kn,
386
- CreateRow: Sn,
387
- WithBorder: yn,
388
- CreateIcon: Ln,
389
- CreateLabel: Rn,
390
- EmptyHint: Nn,
391
- SkeletonRow: In
376
+ const pn = "_DropdownContainer_v5jkm_13", gn = "_SearchRow_v5jkm_27", vn = "_SearchBox_v5jkm_32", wn = "_SearchIcon_v5jkm_42", Cn = "_SearchInput_v5jkm_49", yn = "_ResultsList_v5jkm_63", kn = "_OptionRow_v5jkm_68", In = "_Selected_v5jkm_83", Sn = "_Checkmark_v5jkm_88", Ln = "_CreateRow_v5jkm_94", Nn = "_WithBorder_v5jkm_107", bn = "_CreateIcon_v5jkm_112", Dn = "_CreateLabel_v5jkm_124", Bn = "_EmptyHint_v5jkm_130", Tn = "_SkeletonRow_v5jkm_137", f = {
377
+ DropdownContainer: pn,
378
+ SearchRow: gn,
379
+ SearchBox: vn,
380
+ SearchIcon: wn,
381
+ SearchInput: Cn,
382
+ ResultsList: yn,
383
+ OptionRow: kn,
384
+ Selected: In,
385
+ Checkmark: Sn,
386
+ CreateRow: Ln,
387
+ WithBorder: Nn,
388
+ CreateIcon: bn,
389
+ CreateLabel: Dn,
390
+ EmptyHint: Bn,
391
+ SkeletonRow: Tn
392
392
  };
393
- function Tn({ query: e, withBorder: n, onCreate: r }) {
394
- function s(a) {
395
- a.preventDefault(), r();
393
+ function Rn({ query: e, withBorder: t, onCreate: o }) {
394
+ function s(i) {
395
+ i.preventDefault(), o();
396
396
  }
397
- return /* @__PURE__ */ u(
397
+ return /* @__PURE__ */ d(
398
398
  "div",
399
399
  {
400
- className: m(d.CreateRow, n && d.WithBorder),
400
+ className: _(f.CreateRow, t && f.WithBorder),
401
401
  onMouseDown: s,
402
402
  children: [
403
- /* @__PURE__ */ t("span", { className: d.CreateIcon, children: /* @__PURE__ */ u("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", children: [
404
- /* @__PURE__ */ t("line", { x1: "5", y1: "1", x2: "5", y2: "9" }),
405
- /* @__PURE__ */ t("line", { x1: "1", y1: "5", x2: "9", y2: "5" })
403
+ /* @__PURE__ */ n("span", { className: f.CreateIcon, children: /* @__PURE__ */ d("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", children: [
404
+ /* @__PURE__ */ n("line", { x1: "5", y1: "1", x2: "5", y2: "9" }),
405
+ /* @__PURE__ */ n("line", { x1: "1", y1: "5", x2: "9", y2: "5" })
406
406
  ] }) }),
407
- /* @__PURE__ */ u("span", { className: d.CreateLabel, children: [
407
+ /* @__PURE__ */ d("span", { className: f.CreateLabel, children: [
408
408
  "create “",
409
409
  e,
410
410
  "”"
@@ -413,125 +413,328 @@ function Tn({ query: e, withBorder: n, onCreate: r }) {
413
413
  }
414
414
  );
415
415
  }
416
- function Dn({ opt: e, isSelected: n, multiSelect: r, onPick: s }) {
417
- function a(o) {
418
- o.preventDefault(), s(e);
416
+ function xn({ opt: e, isSelected: t, multiSelect: o, onPick: s }) {
417
+ function i(r) {
418
+ r.preventDefault(), s(e);
419
419
  }
420
- return /* @__PURE__ */ u(
420
+ return /* @__PURE__ */ d(
421
421
  "div",
422
422
  {
423
- className: m(d.OptionRow, n && d.Selected),
424
- onMouseDown: a,
423
+ className: _(f.OptionRow, t && f.Selected),
424
+ onMouseDown: i,
425
425
  children: [
426
- r && n && /* @__PURE__ */ t("span", { className: d.Checkmark, children: "✓" }),
427
- z(e)
426
+ o && t && /* @__PURE__ */ n("span", { className: f.Checkmark, children: "✓" }),
427
+ K(e)
428
428
  ]
429
429
  }
430
430
  );
431
431
  }
432
- function xn({ inputRef: e, query: n, onChange: r, onKeyDown: s, placeholder: a }) {
433
- return /* @__PURE__ */ t("div", { className: d.SearchRow, children: /* @__PURE__ */ u("div", { className: d.SearchBox, children: [
434
- /* @__PURE__ */ t("span", { className: d.SearchIcon, children: /* @__PURE__ */ u("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: [
435
- /* @__PURE__ */ t("circle", { cx: "5", cy: "5", r: "3.5" }),
436
- /* @__PURE__ */ t("line", { x1: "8", y1: "8", x2: "11", y2: "11" })
432
+ function Wn({ inputRef: e, query: t, onChange: o, onKeyDown: s, placeholder: i }) {
433
+ return /* @__PURE__ */ n("div", { className: f.SearchRow, children: /* @__PURE__ */ d("div", { className: f.SearchBox, children: [
434
+ /* @__PURE__ */ n("span", { className: f.SearchIcon, children: /* @__PURE__ */ d("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: [
435
+ /* @__PURE__ */ n("circle", { cx: "5", cy: "5", r: "3.5" }),
436
+ /* @__PURE__ */ n("line", { x1: "8", y1: "8", x2: "11", y2: "11" })
437
437
  ] }) }),
438
- /* @__PURE__ */ t(
438
+ /* @__PURE__ */ n(
439
439
  "input",
440
440
  {
441
441
  ref: e,
442
- className: d.SearchInput,
443
- value: n,
444
- onChange: r,
442
+ className: f.SearchInput,
443
+ value: t,
444
+ onChange: o,
445
445
  onKeyDown: s,
446
- placeholder: a
446
+ placeholder: i
447
447
  }
448
448
  )
449
449
  ] }) });
450
450
  }
451
- function bn({ count: e }) {
452
- return /* @__PURE__ */ t(k, { children: Array.from({ length: e }).map((n, r) => /* @__PURE__ */ t("div", { className: d.SkeletonRow }, r)) });
451
+ function jn({ count: e }) {
452
+ return /* @__PURE__ */ n(y, { children: Array.from({ length: e }).map((t, o) => /* @__PURE__ */ n("div", { className: f.SkeletonRow }, o)) });
453
453
  }
454
- function qn({
454
+ function lt({
455
455
  onSearch: e,
456
- onCreate: n,
457
- onPick: r,
456
+ onCreate: t,
457
+ onPick: o,
458
458
  onClose: s,
459
- anchorRef: a,
460
- placeholder: o,
461
- options: i = [],
459
+ anchorRef: i,
460
+ placeholder: r,
461
+ options: a = [],
462
462
  excluded: c = [],
463
- selected: f = [],
463
+ selected: u = [],
464
464
  multiSelect: l = !1,
465
- isLoading: h = !1,
466
- emptyHint: g = "no results found",
467
- skeletonRowCount: p = 4,
468
- onError: y = console.error
465
+ isLoading: p = !1,
466
+ emptyHint: w = "no results found",
467
+ skeletonRowCount: h = 4,
468
+ onError: S = console.error
469
469
  }) {
470
- const [N, H] = S(""), [K, A] = S(!1), O = D(null), F = D(null), x = !!e, Q = _n(N, e);
471
- dn(F, s, a), R(() => {
472
- x && O.current?.focus();
473
- }, [x]);
474
- const L = (e ? Q : i).filter(
475
- (_) => !c.includes(B(_))
476
- ), I = N.trim(), U = L.some(
477
- (_) => z(_).toLowerCase() === I.toLowerCase()
478
- ), b = !!n && I.length > 0 && !U;
479
- async function M() {
480
- !I || K || !n || (A(!0), n(I).then(W).catch(y).finally(() => A(!1)));
470
+ const [D, Q] = k(""), [U, F] = k(!1), P = x(null), $ = x(null), W = !!e, V = hn(D, e);
471
+ mn($, s, i), b(() => {
472
+ W && P.current?.focus();
473
+ }, [W]);
474
+ const L = (e ? V : a).filter(
475
+ (m) => !c.includes(M(m))
476
+ ), B = D.trim(), J = L.some(
477
+ (m) => K(m).toLowerCase() === B.toLowerCase()
478
+ ), j = !!t && B.length > 0 && !J;
479
+ async function q() {
480
+ !B || U || !t || (F(!0), t(B).then(A).catch(S).finally(() => F(!1)));
481
481
  }
482
- function W(_) {
483
- r(_), l || s();
482
+ function A(m) {
483
+ o(m), l || s();
484
484
  }
485
- function G(_) {
486
- H(_.target.value);
485
+ function X(m) {
486
+ Q(m.target.value);
487
487
  }
488
- function V(_) {
489
- _.key === "Enter" && (_.preventDefault(), L.length > 0 ? W(L[0]) : b && M());
488
+ function Y(m) {
489
+ m.key === "Enter" && (m.preventDefault(), L.length > 0 ? A(L[0]) : j && q());
490
490
  }
491
- const J = o ?? (n ? "search or add new…" : "search…");
492
- return /* @__PURE__ */ u("div", { ref: F, className: d.DropdownContainer, children: [
493
- x && /* @__PURE__ */ t(
494
- xn,
491
+ const Z = r ?? (t ? "search or add new…" : "search…");
492
+ return /* @__PURE__ */ d("div", { ref: $, className: f.DropdownContainer, children: [
493
+ W && /* @__PURE__ */ n(
494
+ Wn,
495
495
  {
496
- inputRef: O,
497
- query: N,
498
- onChange: G,
499
- onKeyDown: V,
500
- placeholder: J
496
+ inputRef: P,
497
+ query: D,
498
+ onChange: X,
499
+ onKeyDown: Y,
500
+ placeholder: Z
501
501
  }
502
502
  ),
503
- /* @__PURE__ */ t("div", { className: d.ResultsList, children: h ? /* @__PURE__ */ t(bn, { count: p }) : /* @__PURE__ */ u(k, { children: [
504
- L.map((_) => /* @__PURE__ */ t(
505
- Dn,
503
+ /* @__PURE__ */ n("div", { className: f.ResultsList, children: p ? /* @__PURE__ */ n(jn, { count: h }) : /* @__PURE__ */ d(y, { children: [
504
+ L.map((m) => /* @__PURE__ */ n(
505
+ xn,
506
506
  {
507
- opt: _,
508
- isSelected: f.includes(B(_)),
507
+ opt: m,
508
+ isSelected: u.includes(M(m)),
509
509
  multiSelect: l,
510
- onPick: W
510
+ onPick: A
511
511
  },
512
- B(_)
512
+ M(m)
513
513
  )),
514
- b && /* @__PURE__ */ t(
515
- Tn,
514
+ j && /* @__PURE__ */ n(
515
+ Rn,
516
516
  {
517
- query: I,
517
+ query: B,
518
518
  withBorder: L.length > 0,
519
- onCreate: M
519
+ onCreate: q
520
520
  }
521
521
  ),
522
- L.length === 0 && !b && /* @__PURE__ */ t("div", { className: d.EmptyHint, children: g })
522
+ L.length === 0 && !j && /* @__PURE__ */ n("div", { className: f.EmptyHint, children: w })
523
523
  ] }) })
524
524
  ] });
525
525
  }
526
+ const An = "_Btn_1hwff_1", En = "_Primary_1hwff_26", Mn = "_Secondary_1hwff_41", On = "_Ghost_1hwff_53", Fn = "_IconDanger_1hwff_65", Pn = "_Danger_1hwff_86", N = {
527
+ Btn: An,
528
+ Primary: En,
529
+ Secondary: Mn,
530
+ Ghost: On,
531
+ IconDanger: Fn,
532
+ Danger: Pn
533
+ }, $n = {
534
+ primary: N.Primary,
535
+ secondary: N.Secondary,
536
+ danger: N.Danger,
537
+ ghost: N.Ghost,
538
+ iconDanger: N.IconDanger
539
+ };
540
+ function dt({ variant: e, className: t, children: o, ...s }) {
541
+ return /* @__PURE__ */ n(
542
+ "button",
543
+ {
544
+ type: "button",
545
+ ...s,
546
+ className: _(N.Btn, e ? $n[e] : void 0, t),
547
+ children: o
548
+ }
549
+ );
550
+ }
551
+ const qn = "_ConfirmContainer_b00ul_1", Gn = "_ConfirmTitle_b00ul_17", Hn = "_ConfirmMessage_b00ul_25", zn = "_ConfirmActions_b00ul_32", Kn = "_BtnCancel_b00ul_40", Qn = "_BtnConfirm_b00ul_60", Un = "_BtnDanger_b00ul_79", I = {
552
+ ConfirmContainer: qn,
553
+ ConfirmTitle: Gn,
554
+ ConfirmMessage: Hn,
555
+ ConfirmActions: zn,
556
+ BtnCancel: Kn,
557
+ BtnConfirm: Qn,
558
+ BtnDanger: Un
559
+ };
560
+ function ut({
561
+ title: e,
562
+ message: t,
563
+ confirmLabel: o = "Confirm",
564
+ cancelLabel: s = "Cancel",
565
+ danger: i = !1,
566
+ onConfirm: r,
567
+ onClose: a
568
+ }) {
569
+ const [c, u] = k(!1);
570
+ function l() {
571
+ u(!0), Promise.resolve(r()).finally(() => {
572
+ u(!1), a();
573
+ });
574
+ }
575
+ return /* @__PURE__ */ d("div", { className: I.ConfirmContainer, role: "dialog", "aria-modal": "true", children: [
576
+ /* @__PURE__ */ n("h2", { className: I.ConfirmTitle, children: e }),
577
+ /* @__PURE__ */ n("p", { className: I.ConfirmMessage, children: t }),
578
+ /* @__PURE__ */ d("div", { className: I.ConfirmActions, children: [
579
+ /* @__PURE__ */ n("button", { className: I.BtnCancel, type: "button", onClick: a, disabled: c, children: s }),
580
+ /* @__PURE__ */ n(
581
+ "button",
582
+ {
583
+ className: _(i ? I.BtnDanger : I.BtnConfirm),
584
+ type: "button",
585
+ onClick: l,
586
+ disabled: c,
587
+ children: c ? "…" : o
588
+ }
589
+ )
590
+ ] })
591
+ ] });
592
+ }
593
+ const Vn = "_InfoContainer_1meyp_1", Jn = "_InfoTitle_1meyp_17", Xn = "_InfoMessage_1meyp_25", Yn = "_InfoActions_1meyp_32", Zn = "_BtnClose_1meyp_39", T = {
594
+ InfoContainer: Vn,
595
+ InfoTitle: Jn,
596
+ InfoMessage: Xn,
597
+ InfoActions: Yn,
598
+ BtnClose: Zn
599
+ };
600
+ function _t({ title: e, message: t, onClose: o }) {
601
+ return /* @__PURE__ */ d("div", { className: T.InfoContainer, role: "dialog", "aria-modal": "true", children: [
602
+ /* @__PURE__ */ n("h2", { className: T.InfoTitle, children: e }),
603
+ /* @__PURE__ */ n("p", { className: T.InfoMessage, children: t }),
604
+ /* @__PURE__ */ n("div", { className: T.InfoActions, children: /* @__PURE__ */ n("button", { className: T.BtnClose, type: "button", onClick: o, children: "Got it" }) })
605
+ ] });
606
+ }
607
+ function ft({ buttons: e, containerClassName: t }) {
608
+ return /* @__PURE__ */ n("div", { className: t, children: e.map((o, s) => /* @__PURE__ */ n(
609
+ "button",
610
+ {
611
+ className: o.className,
612
+ type: "button",
613
+ onClick: o.onClick,
614
+ disabled: o.disabled,
615
+ children: o.label
616
+ },
617
+ s
618
+ )) });
619
+ }
620
+ function mt({ onClick: e, disabled: t, className: o }) {
621
+ return /* @__PURE__ */ n(
622
+ "button",
623
+ {
624
+ className: o,
625
+ type: "button",
626
+ onClick: e,
627
+ disabled: t,
628
+ "aria-label": "Close",
629
+ children: /* @__PURE__ */ d(
630
+ "svg",
631
+ {
632
+ viewBox: "0 0 24 24",
633
+ width: "18",
634
+ height: "18",
635
+ fill: "none",
636
+ stroke: "currentColor",
637
+ strokeWidth: "1.8",
638
+ strokeLinecap: "round",
639
+ children: [
640
+ /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
641
+ /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
642
+ ]
643
+ }
644
+ )
645
+ }
646
+ );
647
+ }
648
+ function ht({ size: e = 14, strokeWidth: t = 2, className: o }) {
649
+ return /* @__PURE__ */ n(
650
+ "svg",
651
+ {
652
+ viewBox: "0 0 24 24",
653
+ width: e,
654
+ height: e,
655
+ fill: "none",
656
+ stroke: "currentColor",
657
+ strokeWidth: t,
658
+ strokeLinecap: "round",
659
+ strokeLinejoin: "round",
660
+ className: o,
661
+ children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" })
662
+ }
663
+ );
664
+ }
665
+ function pt({ size: e = 18, strokeWidth: t = 2.5, shrink: o = !0 }) {
666
+ return /* @__PURE__ */ n(
667
+ "svg",
668
+ {
669
+ viewBox: "0 0 24 24",
670
+ width: e,
671
+ height: e,
672
+ fill: "none",
673
+ stroke: "currentColor",
674
+ strokeWidth: t,
675
+ strokeLinecap: "round",
676
+ strokeLinejoin: "round",
677
+ style: o ? { flexShrink: 0 } : void 0,
678
+ children: /* @__PURE__ */ n("polyline", { points: "20 6 9 17 4 12" })
679
+ }
680
+ );
681
+ }
682
+ function gt() {
683
+ return /* @__PURE__ */ d(
684
+ "svg",
685
+ {
686
+ viewBox: "0 0 24 24",
687
+ width: "14",
688
+ height: "14",
689
+ fill: "none",
690
+ stroke: "currentColor",
691
+ strokeWidth: "1.6",
692
+ strokeLinecap: "round",
693
+ strokeLinejoin: "round",
694
+ children: [
695
+ /* @__PURE__ */ n("path", { d: "M12 20h9" }),
696
+ /* @__PURE__ */ n("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z" })
697
+ ]
698
+ }
699
+ );
700
+ }
701
+ function vt() {
702
+ return /* @__PURE__ */ d(
703
+ "svg",
704
+ {
705
+ viewBox: "0 0 24 24",
706
+ width: "14",
707
+ height: "14",
708
+ fill: "none",
709
+ stroke: "white",
710
+ strokeWidth: "2",
711
+ strokeLinecap: "round",
712
+ strokeLinejoin: "round",
713
+ children: [
714
+ /* @__PURE__ */ n("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
715
+ /* @__PURE__ */ n("circle", { cx: "12", cy: "7", r: "4" })
716
+ ]
717
+ }
718
+ );
719
+ }
526
720
  export {
527
- qn as Dropdown,
528
- Mn as Input,
529
- Ne as Loader,
530
- An as LoadingWrapper,
531
- On as TelegramAuth,
532
- Ae as TelegramSignInButton,
533
- Fn as Toaster,
534
- $n as Toggle,
535
- xe as useTelegramLogin,
536
- P as useToaster
721
+ vt as AvatarFallbackIcon,
722
+ dt as Button,
723
+ pt as CheckmarkIcon,
724
+ ht as ChevronDownIcon,
725
+ ut as ConfirmDialog,
726
+ lt as Dropdown,
727
+ gt as EditPencilIcon,
728
+ _t as InfoDialog,
729
+ at as Input,
730
+ Be as Loader,
731
+ rt as LoadingWrapper,
732
+ ft as ModalActions,
733
+ mt as ModalClose,
734
+ st as TelegramAuth,
735
+ Fe as TelegramSignInButton,
736
+ it as Toaster,
737
+ ct as Toggle,
738
+ We as useTelegramLogin,
739
+ z as useToaster
537
740
  };