@vervstack/chures 0.0.9 → 0.0.11

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,135 +1,135 @@
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) {
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_1m7mu_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_1m7mu_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_1m7mu_13{position:relative;width:100%}._PanelContainer_1m7mu_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_1m7mu_1 .14s ease;z-index:100}._TriggerContainer_1m7mu_32{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_1m7mu_32:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_1m7mu_32._Open_1m7mu_56{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_1m7mu_61{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_1m7mu_69{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_1m7mu_77{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_1m7mu_84{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_1m7mu_84::-webkit-scrollbar{display:none}._Chip_1m7mu_84{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_1m7mu_115{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_1m7mu_120{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_1m7mu_130{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_1m7mu_137{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_1m7mu_137::placeholder{color:var(--chures-fg-muted)}._ResultsList_1m7mu_151{max-height:13rem;overflow-y:auto}._OptionRow_1m7mu_156{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_1m7mu_156:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_1m7mu_156._Selected_1m7mu_171{color:var(--chures-fg)}._Checkmark_1m7mu_176{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_1m7mu_182{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_1m7mu_182:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_1m7mu_182._WithBorder_1m7mu_195{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_1m7mu_200{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_1m7mu_212{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_1m7mu_218{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_1m7mu_225{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_1m7mu_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 S } from "react/jsx-runtime";
3
+ import { useRef as j, useState as y, useEffect as x, 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 H = { 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,
41
+ })(H)), H.exports;
42
+ }
43
+ var ie = se();
44
+ const m = /* @__PURE__ */ re(ie), ae = "_LoaderContainer_wa8op_24", ce = "_sm_wa8op_31", le = "_md_wa8op_32", ue = "_lg_wa8op_33", de = "_Arc1_wa8op_37", _e = "_Arc2_wa8op_38", me = "_Arc3_wa8op_39", fe = "_spin_wa8op_1", he = "_Ring1_wa8op_71", pe = "_Ring2_wa8op_72", ge = "_Ring3_wa8op_73", Ce = "_ripple_wa8op_1", we = "_Dot1_wa8op_86", ve = "_Dot2_wa8op_87", ye = "_Dot3_wa8op_88", ke = "_dotPulse_wa8op_1", Ie = "_Wave1_wa8op_105", Ne = "_Wave2_wa8op_106", Te = "_Wave3_wa8op_107", Se = "_Wave4_wa8op_108", be = "_Wave5_wa8op_109", Le = "_waveBounce_wa8op_1", M = {
45
+ LoaderContainer: ae,
46
+ sm: ce,
47
+ md: le,
48
+ lg: ue,
49
49
  Arc1: de,
50
- Arc2: ue,
51
- Arc3: _e,
50
+ Arc2: _e,
51
+ Arc3: me,
52
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
53
+ Ring1: he,
54
+ Ring2: pe,
55
+ Ring3: ge,
56
+ ripple: Ce,
57
+ Dot1: we,
58
+ Dot2: ve,
59
+ Dot3: ye,
60
+ dotPulse: ke,
61
+ Wave1: Ie,
62
+ Wave2: Ne,
63
+ Wave3: Te,
64
+ Wave4: Se,
65
+ Wave5: be,
66
+ waveBounce: Le
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(S, { 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(S, { 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(S, { 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(S, { 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: m(M.LoaderContainer, M[n], M[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, M)
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 Ct({ isLoading: e, children: n, skeleton: o, loaderProps: r, className: i }) {
115
+ return e ? o ? /* @__PURE__ */ t("div", { className: m(J.SkeletonWrapper, i), children: o }) : /* @__PURE__ */ t("div", { className: m(J.LoadingWrapperContainer, i), children: /* @__PURE__ */ t(Be, { ...r }) }) : /* @__PURE__ */ t(S, { 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 = j(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 = j(!1), [a, c] = y(!1), [_, l] = y(!1);
122
+ x(function() {
123
+ if (!n) return;
124
+ const g = o ?? window.location.origin;
125
125
  l(!0), c(!1);
126
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));
127
+ return h.src = We, h.async = !0, h.onload = function() {
128
+ const k = window.Telegram;
129
+ k && (k.Login.init(
130
+ { client_id: n, redirect_uri: g },
131
+ function(I) {
132
+ s.current || (s.current = !0, i.current(I));
133
133
  }
134
134
  ), c(!0)), l(!1);
135
135
  }, h.onerror = function() {
@@ -137,31 +137,31 @@ function We(e) {
137
137
  }, document.head.appendChild(h), function() {
138
138
  document.head.contains(h) && document.head.removeChild(h), c(!1), l(!1);
139
139
  };
140
- }, [t, o]);
140
+ }, [n, o]);
141
141
  function p() {
142
- const w = window.Telegram;
143
- if (!a || !w) return;
144
- r.current = !1;
142
+ const g = window.Telegram;
143
+ if (!a || !g) return;
144
+ s.current = !1;
145
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));
146
+ g.Login.auth(
147
+ { client_id: n, redirect_uri: h, request_access: r },
148
+ function(k) {
149
+ s.current || (s.current = !0, i.current(k));
150
150
  }
151
151
  );
152
152
  }
153
- return { login: p, isReady: a, isLoading: u };
153
+ return { login: p, isReady: a, isLoading: _ };
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", V = {
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,257 @@ 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: V.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
+ x(function() {
187
187
  const l = "comfortaa-font";
188
188
  if (document.getElementById(l)) return;
189
189
  const p = document.createElement("link");
190
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 = 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], _ = [V.TelegramSignInButtonContainer, s && V.FullSize, a].filter(Boolean).join(" ");
193
+ return /* @__PURE__ */ u("button", { type: "button", className: _, onClick: e, disabled: n, children: [
194
+ /* @__PURE__ */ t(Me, {}),
195
195
  c
196
196
  ] });
197
197
  }
198
- function st({
198
+ function wt({
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: _, isReady: l } = Ae({ botId: e, onSuccess: n, redirectUri: i, requestAccess: s });
209
+ return a ? /* @__PURE__ */ t(S, { children: a({ login: _, isReady: l }) }) : /* @__PURE__ */ t(
210
210
  Fe,
211
211
  {
212
- onClick: u,
212
+ onClick: _,
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 vt() {
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] = y(!1), c = X();
262
+ return x(() => () => {
263
263
  a(!0);
264
- }, []), /* @__PURE__ */ d(
264
+ }, []), /* @__PURE__ */ u(
265
265
  "div",
266
266
  {
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
267
+ className: m(v.Toast, {
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", T = {
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 yt({ value: e, setValue: n, label: o, isLoader: r, type: i = "text", disabled: s, error: a, className: c }) {
293
+ const [_, l] = y(!1), p = _ || e.length > 0;
294
+ return r ? /* @__PURE__ */ t("div", { className: m(T.Skeleton, c), "aria-hidden": "true" }) : /* @__PURE__ */ u("div", { className: m(T.InputContainer, { [T.hasError]: !!a, [T.disabled]: s }, c), children: [
295
+ /* @__PURE__ */ t(
296
296
  "input",
297
297
  {
298
- className: C.InputField,
298
+ className: T.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: m(T.Label, { [T.lifted]: p }), children: o }),
308
+ a && /* @__PURE__ */ t("span", { className: T.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,
311
+ const an = "_ToggleContainer_1jetc_6", cn = "_disabled_1jetc_13", ln = "_Track_1jetc_18", un = "_on_1jetc_31", dn = "_Thumb_1jetc_39", _n = "_Label_1jetc_57", mn = "_LabelSkeleton_1jetc_63", fn = "_Skeleton_1jetc_78", w = {
312
+ ToggleContainer: an,
313
+ disabled: cn,
314
+ Track: ln,
315
+ on: un,
316
316
  Thumb: dn,
317
- Label: un,
318
- LabelSkeleton: _n,
317
+ Label: _n,
318
+ LabelSkeleton: mn,
319
319
  Skeleton: fn
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 kt({ checked: e, onChange: n, label: o, labelPosition: r = "right", disabled: i, isLoader: s, isLoadingLabel: a, className: c }) {
322
+ const _ = !!o || a, l = a ? /* @__PURE__ */ t("span", { className: w.LabelSkeleton, "aria-hidden": "true" }) : o ? /* @__PURE__ */ t("span", { className: w.Label, children: o }) : null;
323
+ return s ? _ ? /* @__PURE__ */ u("div", { className: m(w.ToggleContainer, c), children: [
324
+ r === "left" && l,
325
+ /* @__PURE__ */ t("div", { className: w.Skeleton, "aria-hidden": "true" }),
326
+ r === "right" && l
327
+ ] }) : /* @__PURE__ */ t("div", { className: m(w.Skeleton, c), "aria-hidden": "true" }) : /* @__PURE__ */ u("label", { className: m(w.ToggleContainer, { [w.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: m(w.Track, { [w.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: w.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 hn() {
345
+ const [e, n] = y(!1), o = j(null), r = Q(() => n((s) => !s), []), i = Q(() => n(!1), []);
346
+ return { isOpen: e, triggerRef: o, toggleOpen: r, close: i };
347
+ }
348
+ function pn(e, n, o) {
349
+ x(() => {
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] = y([]);
364
+ return x(() => {
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
- function M(e) {
374
+ function O(e) {
371
375
  return typeof e == "string" ? e : e.id;
372
376
  }
373
- function K(e) {
377
+ function F(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) => O(r) === o) ?? o);
382
+ }
383
+ const wn = "_DropdownContainer_1m7mu_13", vn = "_PanelContainer_1m7mu_18", yn = "_TriggerContainer_1m7mu_32", kn = "_Open_1m7mu_56", In = "_TriggerPlaceholder_1m7mu_61", Nn = "_TriggerValue_1m7mu_69", Tn = "_TriggerIcon_1m7mu_77", Sn = "_ChipsWrapper_1m7mu_84", bn = "_Chip_1m7mu_84", Ln = "_SearchRow_1m7mu_115", Dn = "_SearchBox_1m7mu_120", Bn = "_SearchIcon_1m7mu_130", xn = "_SearchInput_1m7mu_137", Rn = "_ResultsList_1m7mu_151", Wn = "_OptionRow_1m7mu_156", An = "_Selected_1m7mu_171", En = "_Checkmark_1m7mu_176", Pn = "_CreateRow_1m7mu_182", On = "_WithBorder_1m7mu_195", jn = "_CreateIcon_1m7mu_200", Mn = "_CreateLabel_1m7mu_212", Fn = "_EmptyHint_1m7mu_218", $n = "_SkeletonRow_1m7mu_225", d = {
384
+ DropdownContainer: wn,
385
+ PanelContainer: vn,
386
+ TriggerContainer: yn,
387
+ Open: kn,
388
+ TriggerPlaceholder: In,
389
+ TriggerValue: Nn,
390
+ TriggerIcon: Tn,
391
+ ChipsWrapper: Sn,
392
+ Chip: bn,
393
+ SearchRow: Ln,
394
+ SearchBox: Dn,
395
+ SearchIcon: Bn,
396
+ SearchInput: xn,
397
+ ResultsList: Rn,
398
+ OptionRow: Wn,
399
+ Selected: An,
400
+ Checkmark: En,
401
+ CreateRow: Pn,
402
+ WithBorder: On,
403
+ CreateIcon: jn,
404
+ CreateLabel: Mn,
405
+ EmptyHint: Fn,
406
+ SkeletonRow: $n
392
407
  };
393
- function Rn({ query: e, withBorder: t, onCreate: o }) {
394
- function s(i) {
408
+ function qn({ query: e, withBorder: n, onCreate: o }) {
409
+ function r(i) {
395
410
  i.preventDefault(), o();
396
411
  }
397
- return /* @__PURE__ */ d(
412
+ return /* @__PURE__ */ u(
398
413
  "div",
399
414
  {
400
- className: _(f.CreateRow, t && f.WithBorder),
401
- onMouseDown: s,
415
+ className: m(d.CreateRow, n && d.WithBorder),
416
+ onMouseDown: r,
402
417
  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" })
418
+ /* @__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: [
419
+ /* @__PURE__ */ t("line", { x1: "5", y1: "1", x2: "5", y2: "9" }),
420
+ /* @__PURE__ */ t("line", { x1: "1", y1: "5", x2: "9", y2: "5" })
406
421
  ] }) }),
407
- /* @__PURE__ */ d("span", { className: f.CreateLabel, children: [
422
+ /* @__PURE__ */ u("span", { className: d.CreateLabel, children: [
408
423
  "create “",
409
424
  e,
410
425
  "”"
@@ -413,174 +428,326 @@ function Rn({ query: e, withBorder: t, onCreate: o }) {
413
428
  }
414
429
  );
415
430
  }
416
- function xn({ opt: e, isSelected: t, multiSelect: o, onPick: s }) {
417
- function i(r) {
418
- r.preventDefault(), s(e);
431
+ function Gn({ opt: e, isSelected: n, multiSelect: o, onPick: r }) {
432
+ function i(s) {
433
+ s.preventDefault(), r(e);
419
434
  }
420
- return /* @__PURE__ */ d(
435
+ return /* @__PURE__ */ u(
421
436
  "div",
422
437
  {
423
- className: _(f.OptionRow, t && f.Selected),
438
+ className: m(d.OptionRow, n && d.Selected),
424
439
  onMouseDown: i,
425
440
  children: [
426
- o && t && /* @__PURE__ */ n("span", { className: f.Checkmark, children: "✓" }),
427
- K(e)
441
+ o && n && /* @__PURE__ */ t("span", { className: d.Checkmark, children: "✓" }),
442
+ F(e)
428
443
  ]
429
444
  }
430
445
  );
431
446
  }
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" })
447
+ function zn({ inputRef: e, query: n, onChange: o, onKeyDown: r, placeholder: i }) {
448
+ return /* @__PURE__ */ t("div", { className: d.SearchRow, children: /* @__PURE__ */ u("div", { className: d.SearchBox, children: [
449
+ /* @__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: [
450
+ /* @__PURE__ */ t("circle", { cx: "5", cy: "5", r: "3.5" }),
451
+ /* @__PURE__ */ t("line", { x1: "8", y1: "8", x2: "11", y2: "11" })
437
452
  ] }) }),
438
- /* @__PURE__ */ n(
453
+ /* @__PURE__ */ t(
439
454
  "input",
440
455
  {
441
456
  ref: e,
442
- className: f.SearchInput,
443
- value: t,
457
+ className: d.SearchInput,
458
+ value: n,
444
459
  onChange: o,
445
- onKeyDown: s,
460
+ onKeyDown: r,
446
461
  placeholder: i
447
462
  }
448
463
  )
449
464
  ] }) });
450
465
  }
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)) });
466
+ function Hn({ count: e }) {
467
+ return /* @__PURE__ */ t(S, { children: Array.from({ length: e }).map((n, o) => /* @__PURE__ */ t("div", { className: d.SkeletonRow }, o)) });
453
468
  }
454
- function lt({
469
+ function Vn({
455
470
  onSearch: e,
456
- onCreate: t,
471
+ onCreate: n,
457
472
  onPick: o,
458
- onClose: s,
473
+ onClose: r,
459
474
  anchorRef: i,
460
- placeholder: r,
475
+ placeholder: s,
461
476
  options: a = [],
462
477
  excluded: c = [],
463
- selected: u = [],
478
+ selected: _ = [],
464
479
  multiSelect: l = !1,
465
480
  isLoading: p = !1,
466
- emptyHint: w = "no results found",
481
+ emptyHint: g = "no results found",
467
482
  skeletonRowCount: h = 4,
468
- onError: S = console.error
483
+ onError: k = console.error
469
484
  }) {
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)));
485
+ const [I, L] = y(""), [R, D] = y(!1), W = j(null), A = j(null), E = !!e, $ = gn(I, e);
486
+ pn(A, r, i), x(() => {
487
+ E && W.current?.focus();
488
+ }, [E]);
489
+ const N = (e ? $ : a).filter(
490
+ (f) => !c.includes(O(f))
491
+ ), C = I.trim(), q = N.some(
492
+ (f) => F(f).toLowerCase() === C.toLowerCase()
493
+ ), G = !!n && C.length > 0 && !q;
494
+ async function K() {
495
+ !C || R || !n || (D(!0), n(C).then(z).catch(k).finally(() => D(!1)));
481
496
  }
482
- function A(m) {
483
- o(m), l || s();
497
+ function z(f) {
498
+ o(f), l || r();
484
499
  }
485
- function X(m) {
486
- Q(m.target.value);
500
+ function Y(f) {
501
+ L(f.target.value);
487
502
  }
488
- function Y(m) {
489
- m.key === "Enter" && (m.preventDefault(), L.length > 0 ? A(L[0]) : j && q());
503
+ function Z(f) {
504
+ f.key === "Enter" && (f.preventDefault(), N.length > 0 ? z(N[0]) : G && K());
490
505
  }
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,
506
+ const ee = s ?? (n ? "search or add new…" : "search…");
507
+ return /* @__PURE__ */ u("div", { ref: A, className: d.PanelContainer, children: [
508
+ E && /* @__PURE__ */ t(
509
+ zn,
495
510
  {
496
- inputRef: P,
497
- query: D,
498
- onChange: X,
499
- onKeyDown: Y,
500
- placeholder: Z
511
+ inputRef: W,
512
+ query: I,
513
+ onChange: Y,
514
+ onKeyDown: Z,
515
+ placeholder: ee
501
516
  }
502
517
  ),
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,
518
+ /* @__PURE__ */ t("div", { className: d.ResultsList, children: p ? /* @__PURE__ */ t(Hn, { count: h }) : /* @__PURE__ */ u(S, { children: [
519
+ N.map((f) => /* @__PURE__ */ t(
520
+ Gn,
506
521
  {
507
- opt: m,
508
- isSelected: u.includes(M(m)),
522
+ opt: f,
523
+ isSelected: _.includes(O(f)),
509
524
  multiSelect: l,
510
- onPick: A
525
+ onPick: z
511
526
  },
512
- M(m)
527
+ O(f)
513
528
  )),
514
- j && /* @__PURE__ */ n(
515
- Rn,
529
+ G && /* @__PURE__ */ t(
530
+ qn,
516
531
  {
517
- query: B,
518
- withBorder: L.length > 0,
519
- onCreate: q
532
+ query: C,
533
+ withBorder: N.length > 0,
534
+ onCreate: K
520
535
  }
521
536
  ),
522
- L.length === 0 && !j && /* @__PURE__ */ n("div", { className: f.EmptyHint, children: w })
537
+ N.length === 0 && !G && /* @__PURE__ */ t("div", { className: d.EmptyHint, children: g })
523
538
  ] }) })
524
539
  ] });
525
540
  }
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
541
+ function Kn({ size: e = 14, strokeWidth: n = 2, className: o }) {
542
+ return /* @__PURE__ */ t(
543
+ "svg",
544
+ {
545
+ viewBox: "0 0 24 24",
546
+ width: e,
547
+ height: e,
548
+ fill: "none",
549
+ stroke: "currentColor",
550
+ strokeWidth: n,
551
+ strokeLinecap: "round",
552
+ strokeLinejoin: "round",
553
+ className: o,
554
+ children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" })
555
+ }
556
+ );
557
+ }
558
+ function It({ size: e = 18, strokeWidth: n = 2.5, shrink: o = !0 }) {
559
+ return /* @__PURE__ */ t(
560
+ "svg",
561
+ {
562
+ viewBox: "0 0 24 24",
563
+ width: e,
564
+ height: e,
565
+ fill: "none",
566
+ stroke: "currentColor",
567
+ strokeWidth: n,
568
+ strokeLinecap: "round",
569
+ strokeLinejoin: "round",
570
+ style: o ? { flexShrink: 0 } : void 0,
571
+ children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12" })
572
+ }
573
+ );
574
+ }
575
+ function Nt() {
576
+ return /* @__PURE__ */ u(
577
+ "svg",
578
+ {
579
+ viewBox: "0 0 24 24",
580
+ width: "14",
581
+ height: "14",
582
+ fill: "none",
583
+ stroke: "currentColor",
584
+ strokeWidth: "1.6",
585
+ strokeLinecap: "round",
586
+ strokeLinejoin: "round",
587
+ children: [
588
+ /* @__PURE__ */ t("path", { d: "M12 20h9" }),
589
+ /* @__PURE__ */ t("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z" })
590
+ ]
591
+ }
592
+ );
593
+ }
594
+ function Tt() {
595
+ return /* @__PURE__ */ u(
596
+ "svg",
597
+ {
598
+ viewBox: "0 0 24 24",
599
+ width: "14",
600
+ height: "14",
601
+ fill: "none",
602
+ stroke: "white",
603
+ strokeWidth: "2",
604
+ strokeLinecap: "round",
605
+ strokeLinejoin: "round",
606
+ children: [
607
+ /* @__PURE__ */ t("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
608
+ /* @__PURE__ */ t("circle", { cx: "12", cy: "7", r: "4" })
609
+ ]
610
+ }
611
+ );
612
+ }
613
+ function Qn({ triggerRef: e, isOpen: n, onClick: o, selectedOptions: r, multiSelect: i, placeholder: s }) {
614
+ return /* @__PURE__ */ u(
615
+ "button",
616
+ {
617
+ type: "button",
618
+ ref: e,
619
+ className: m(d.TriggerContainer, n && d.Open),
620
+ onClick: o,
621
+ "aria-expanded": n,
622
+ "aria-haspopup": "listbox",
623
+ children: [
624
+ i && r.length > 0 ? /* @__PURE__ */ t("div", { className: d.ChipsWrapper, children: r.map((a, c) => /* @__PURE__ */ t("span", { className: d.Chip, children: F(a) }, c)) }) : /* @__PURE__ */ t("span", { className: r.length === 0 ? d.TriggerPlaceholder : d.TriggerValue, children: r.length === 0 ? s : r.map(F).join(", ") }),
625
+ /* @__PURE__ */ t("span", { className: d.TriggerIcon, children: /* @__PURE__ */ t(Kn, { size: 12 }) })
626
+ ]
627
+ }
628
+ );
629
+ }
630
+ function St({
631
+ options: e = [],
632
+ value: n,
633
+ onChange: o,
634
+ onSearch: r,
635
+ onCreate: i,
636
+ excluded: s,
637
+ multiSelect: a = !1,
638
+ placeholder: c = "select…",
639
+ searchPlaceholder: _,
640
+ emptyHint: l,
641
+ isLoading: p,
642
+ skeletonRowCount: g,
643
+ onError: h,
644
+ className: k,
645
+ children: I
646
+ }) {
647
+ const { isOpen: L, triggerRef: R, toggleOpen: D, close: W } = hn(), A = Cn(n, e);
648
+ function E(N) {
649
+ const C = O(N);
650
+ o(
651
+ a ? n.includes(C) ? n.filter((q) => q !== C) : [...n, C] : [C]
652
+ );
653
+ }
654
+ const $ = {
655
+ ref: R,
656
+ onClick: D,
657
+ "aria-expanded": L,
658
+ "aria-haspopup": "listbox"
659
+ };
660
+ return /* @__PURE__ */ u("div", { className: m(d.DropdownContainer, k), children: [
661
+ I ? I({ selectedOptions: A, isOpen: L, toggleOpen: D, close: W, triggerProps: $ }) : /* @__PURE__ */ t(
662
+ Qn,
663
+ {
664
+ triggerRef: R,
665
+ isOpen: L,
666
+ onClick: D,
667
+ selectedOptions: A,
668
+ multiSelect: a,
669
+ placeholder: c
670
+ }
671
+ ),
672
+ L && /* @__PURE__ */ t(
673
+ Vn,
674
+ {
675
+ options: e,
676
+ onSearch: r,
677
+ onCreate: i,
678
+ onPick: E,
679
+ onClose: W,
680
+ anchorRef: R,
681
+ excluded: s,
682
+ multiSelect: a,
683
+ selected: n,
684
+ placeholder: _,
685
+ emptyHint: l,
686
+ isLoading: p,
687
+ skeletonRowCount: g,
688
+ onError: h
689
+ }
690
+ )
691
+ ] });
692
+ }
693
+ const Un = "_Btn_1hwff_1", Jn = "_Primary_1hwff_26", Xn = "_Secondary_1hwff_41", Yn = "_Ghost_1hwff_53", Zn = "_IconDanger_1hwff_65", et = "_Danger_1hwff_86", B = {
694
+ Btn: Un,
695
+ Primary: Jn,
696
+ Secondary: Xn,
697
+ Ghost: Yn,
698
+ IconDanger: Zn,
699
+ Danger: et
700
+ }, nt = {
701
+ primary: B.Primary,
702
+ secondary: B.Secondary,
703
+ danger: B.Danger,
704
+ ghost: B.Ghost,
705
+ iconDanger: B.IconDanger
539
706
  };
540
- function dt({ variant: e, className: t, children: o, ...s }) {
541
- return /* @__PURE__ */ n(
707
+ function bt({ variant: e, className: n, children: o, ...r }) {
708
+ return /* @__PURE__ */ t(
542
709
  "button",
543
710
  {
544
711
  type: "button",
545
- ...s,
546
- className: _(N.Btn, e ? $n[e] : void 0, t),
712
+ ...r,
713
+ className: m(B.Btn, e ? nt[e] : void 0, n),
547
714
  children: o
548
715
  }
549
716
  );
550
717
  }
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
718
+ const tt = "_ConfirmContainer_b00ul_1", ot = "_ConfirmTitle_b00ul_17", rt = "_ConfirmMessage_b00ul_25", st = "_ConfirmActions_b00ul_32", it = "_BtnCancel_b00ul_40", at = "_BtnConfirm_b00ul_60", ct = "_BtnDanger_b00ul_79", b = {
719
+ ConfirmContainer: tt,
720
+ ConfirmTitle: ot,
721
+ ConfirmMessage: rt,
722
+ ConfirmActions: st,
723
+ BtnCancel: it,
724
+ BtnConfirm: at,
725
+ BtnDanger: ct
559
726
  };
560
- function ut({
727
+ function Lt({
561
728
  title: e,
562
- message: t,
729
+ message: n,
563
730
  confirmLabel: o = "Confirm",
564
- cancelLabel: s = "Cancel",
731
+ cancelLabel: r = "Cancel",
565
732
  danger: i = !1,
566
- onConfirm: r,
733
+ onConfirm: s,
567
734
  onClose: a
568
735
  }) {
569
- const [c, u] = k(!1);
736
+ const [c, _] = y(!1);
570
737
  function l() {
571
- u(!0), Promise.resolve(r()).finally(() => {
572
- u(!1), a();
738
+ _(!0), Promise.resolve(s()).finally(() => {
739
+ _(!1), a();
573
740
  });
574
741
  }
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(
742
+ return /* @__PURE__ */ u("div", { className: b.ConfirmContainer, role: "dialog", "aria-modal": "true", children: [
743
+ /* @__PURE__ */ t("h2", { className: b.ConfirmTitle, children: e }),
744
+ /* @__PURE__ */ t("p", { className: b.ConfirmMessage, children: n }),
745
+ /* @__PURE__ */ u("div", { className: b.ConfirmActions, children: [
746
+ /* @__PURE__ */ t("button", { className: b.BtnCancel, type: "button", onClick: a, disabled: c, children: r }),
747
+ /* @__PURE__ */ t(
581
748
  "button",
582
749
  {
583
- className: _(i ? I.BtnDanger : I.BtnConfirm),
750
+ className: m(i ? b.BtnDanger : b.BtnConfirm),
584
751
  type: "button",
585
752
  onClick: l,
586
753
  disabled: c,
@@ -590,22 +757,22 @@ function ut({
590
757
  ] })
591
758
  ] });
592
759
  }
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
760
+ const lt = "_InfoContainer_1meyp_1", ut = "_InfoTitle_1meyp_17", dt = "_InfoMessage_1meyp_25", _t = "_InfoActions_1meyp_32", mt = "_BtnClose_1meyp_39", P = {
761
+ InfoContainer: lt,
762
+ InfoTitle: ut,
763
+ InfoMessage: dt,
764
+ InfoActions: _t,
765
+ BtnClose: mt
599
766
  };
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" }) })
767
+ function Dt({ title: e, message: n, onClose: o }) {
768
+ return /* @__PURE__ */ u("div", { className: P.InfoContainer, role: "dialog", "aria-modal": "true", children: [
769
+ /* @__PURE__ */ t("h2", { className: P.InfoTitle, children: e }),
770
+ /* @__PURE__ */ t("p", { className: P.InfoMessage, children: n }),
771
+ /* @__PURE__ */ t("div", { className: P.InfoActions, children: /* @__PURE__ */ t("button", { className: P.BtnClose, type: "button", onClick: o, children: "Got it" }) })
605
772
  ] });
606
773
  }
607
- function ft({ buttons: e, containerClassName: t }) {
608
- return /* @__PURE__ */ n("div", { className: t, children: e.map((o, s) => /* @__PURE__ */ n(
774
+ function Bt({ buttons: e, containerClassName: n }) {
775
+ return /* @__PURE__ */ t("div", { className: n, children: e.map((o, r) => /* @__PURE__ */ t(
609
776
  "button",
610
777
  {
611
778
  className: o.className,
@@ -614,19 +781,19 @@ function ft({ buttons: e, containerClassName: t }) {
614
781
  disabled: o.disabled,
615
782
  children: o.label
616
783
  },
617
- s
784
+ r
618
785
  )) });
619
786
  }
620
- function mt({ onClick: e, disabled: t, className: o }) {
621
- return /* @__PURE__ */ n(
787
+ function xt({ onClick: e, disabled: n, className: o }) {
788
+ return /* @__PURE__ */ t(
622
789
  "button",
623
790
  {
624
791
  className: o,
625
792
  type: "button",
626
793
  onClick: e,
627
- disabled: t,
794
+ disabled: n,
628
795
  "aria-label": "Close",
629
- children: /* @__PURE__ */ d(
796
+ children: /* @__PURE__ */ u(
630
797
  "svg",
631
798
  {
632
799
  viewBox: "0 0 24 24",
@@ -637,104 +804,32 @@ function mt({ onClick: e, disabled: t, className: o }) {
637
804
  strokeWidth: "1.8",
638
805
  strokeLinecap: "round",
639
806
  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" })
807
+ /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
808
+ /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
642
809
  ]
643
810
  }
644
811
  )
645
812
  }
646
813
  );
647
814
  }
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
815
  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,
816
+ Tt as AvatarFallbackIcon,
817
+ bt as Button,
818
+ It as CheckmarkIcon,
819
+ Kn as ChevronDownIcon,
820
+ Lt as ConfirmDialog,
821
+ St as Dropdown,
822
+ Nt as EditPencilIcon,
823
+ Dt as InfoDialog,
824
+ yt as Input,
730
825
  Be as Loader,
731
- rt as LoadingWrapper,
732
- ft as ModalActions,
733
- mt as ModalClose,
734
- st as TelegramAuth,
826
+ Ct as LoadingWrapper,
827
+ Bt as ModalActions,
828
+ xt as ModalClose,
829
+ wt as TelegramAuth,
735
830
  Fe as TelegramSignInButton,
736
- it as Toaster,
737
- ct as Toggle,
738
- We as useTelegramLogin,
739
- z as useToaster
831
+ vt as Toaster,
832
+ kt as Toggle,
833
+ Ae as useTelegramLogin,
834
+ X as useToaster
740
835
  };