@vervstack/chures 0.0.11 → 0.0.13

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