@vervstack/chures 0.0.10 → 0.0.12

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