@vervstack/chures 0.0.20 → 0.0.26

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,22 +1,22 @@
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%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem}}@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_1uu20_1{0%{background-position:-200% 0}to{background-position:200% 0}}:where(._InputContainer_1uu20_15){position:relative;width:100%;height:var(--chures-input-height, 3rem)}:where(._InputField_1uu20_21){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}:where(._InputField_1uu20_21._hasStartIcon_1uu20_35){padding-left:2.25rem}:where(._InputField_1uu20_21._hasEndIcon_1uu20_39){padding-right:2.25rem}:where(._StartIcon_1uu20_43){position:absolute;left:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._EndIcon_1uu20_54){position:absolute;right:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._InputField_1uu20_21):focus{border-color:#ffffff59}:where(._hasError_1uu20_69 ._InputField_1uu20_21),:where(._hasError_1uu20_69 ._InputField_1uu20_21):focus{border-color:var(--chures-error, #ef4444)}:where(._disabled_1uu20_74 ._InputField_1uu20_21){opacity:.45;cursor:not-allowed}:where(._Label_1uu20_79){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}:where(._Label_1uu20_79._lifted_1uu20_93){top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}:where(._hasError_1uu20_69 ._Label_1uu20_79._lifted_1uu20_93){color:var(--chures-error, #ef4444)}:where(._ErrorText_1uu20_104){display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}:where(._Skeleton_1uu20_112){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_1uu20_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%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem}}@keyframes _panelIn_p7cfo_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_p7cfo_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_p7cfo_13{position:relative;width:100%}._PanelWrapper_p7cfo_20{position:absolute;top:calc(100% + var(--chures-dropdown-panel-gap));left:0;width:100%;animation:_panelIn_p7cfo_1 .14s ease}._PanelWrapper_p7cfo_20._Portal_p7cfo_34{position:fixed;width:auto;margin-top:var(--chures-dropdown-panel-gap)}._PanelContainer_p7cfo_18{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}._PanelContainer_p7cfo_18._Glass_p7cfo_48{background:var(--chures-dropdown-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem))}._Label_p7cfo_54{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_p7cfo_54._lifted_p7cfo_68{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg);color:var(--chures-fg-muted)}._TriggerContainer_p7cfo_75{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_p7cfo_75:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_p7cfo_75._Open_p7cfo_99{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_p7cfo_104{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_p7cfo_112{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_p7cfo_120{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_p7cfo_127{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;align-items:center;margin:.375rem 0;scrollbar-width:none;-ms-overflow-style:none}._ChipsWrapper_p7cfo_127::-webkit-scrollbar{display:none}._ChipsWrapper_p7cfo_127._Expand_p7cfo_145{flex-wrap:wrap;overflow:visible;row-gap:.25rem}._TriggerContainer_p7cfo_75._MultiSelect_p7cfo_151 ._TriggerIcon_p7cfo_120{align-self:flex-start;height:var(--chures-input-height)}._TriggerContainer_p7cfo_75._ExpandHeight_p7cfo_156{height:auto;min-height:var(--chures-input-height)}._Chip_p7cfo_127{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_p7cfo_175{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_p7cfo_180{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_p7cfo_190{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_p7cfo_197{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_p7cfo_197::placeholder{color:var(--chures-fg-muted)}._ResultsList_p7cfo_211{max-height:13rem;overflow-y:auto}._OptionRow_p7cfo_216{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_p7cfo_216:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_p7cfo_216._Selected_p7cfo_231{color:var(--chures-fg)}._Checkmark_p7cfo_236{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_p7cfo_242{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_p7cfo_242:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_p7cfo_242._WithBorder_p7cfo_255{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_p7cfo_260{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_p7cfo_272{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_p7cfo_278{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_p7cfo_285{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_p7cfo_1 1.4s infinite linear}:where(._Btn_1tozl_10){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)}:where(._Btn_1tozl_10):disabled{opacity:.4;cursor:not-allowed}:where(._Primary_1tozl_35){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}:where(._Primary_1tozl_35):hover:not(:disabled){filter:brightness(1.06)}:where(._Secondary_1tozl_50){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Secondary_1tozl_50):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._Ghost_1tozl_62){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Ghost_1tozl_62):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._IconDanger_1tozl_74){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}:where(._IconDanger_1tozl_74):hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}:where(._Danger_1tozl_95){background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}:where(._Danger_1tozl_95):hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmWrapper_1tq4o_4{width:100%;max-width:24rem;animation:_confirmIn_1tq4o_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_1tq4o_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmContainer_1tq4o_1{width:100%;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}._Glass_1tq4o_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._ConfirmTitle_1tq4o_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_1tq4o_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_1tq4o_45{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_1tq4o_53{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_1tq4o_53:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_1tq4o_73{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_1tq4o_73:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_1tq4o_92{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_1tq4o_92:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_1tq4o_73:disabled,._BtnDanger_1tq4o_92:disabled,._BtnCancel_1tq4o_53:disabled{opacity:.4;cursor:not-allowed}._InfoWrapper_cqv58_4{width:100%;max-width:24rem;animation:_infoIn_cqv58_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_cqv58_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoContainer_cqv58_1{width:100%;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}._Glass_cqv58_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._InfoTitle_cqv58_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_cqv58_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_cqv58_45{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_cqv58_52{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_cqv58_52: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 n, jsxs as u, Fragment as b } from "react/jsx-runtime";
3
- import { createContext as ue, useContext as _e, useRef as U, useState as k, useEffect as j, forwardRef as fe, useCallback as oe, useLayoutEffect as pe } from "react";
4
- import { AnimatePresence as he, motion as me } from "framer-motion";
5
- import { create as ge } from "zustand";
6
- import { createPortal as Ce } from "react-dom";
7
- function ve(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%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem}}@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_1uu20_1{0%{background-position:-200% 0}to{background-position:200% 0}}:where(._InputContainer_1uu20_15){position:relative;width:100%;height:var(--chures-input-height, 3rem)}:where(._InputField_1uu20_21){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}:where(._InputField_1uu20_21._hasStartIcon_1uu20_35){padding-left:2.25rem}:where(._InputField_1uu20_21._hasEndIcon_1uu20_39){padding-right:2.25rem}:where(._StartIcon_1uu20_43){position:absolute;left:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._EndIcon_1uu20_54){position:absolute;right:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._InputField_1uu20_21):focus{border-color:#ffffff59}:where(._hasError_1uu20_69 ._InputField_1uu20_21),:where(._hasError_1uu20_69 ._InputField_1uu20_21):focus{border-color:var(--chures-error, #ef4444)}:where(._disabled_1uu20_74 ._InputField_1uu20_21){opacity:.45;cursor:not-allowed}:where(._Label_1uu20_79){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}:where(._Label_1uu20_79._lifted_1uu20_93){top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}:where(._hasError_1uu20_69 ._Label_1uu20_79._lifted_1uu20_93){color:var(--chures-error, #ef4444)}:where(._ErrorText_1uu20_104){display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}:where(._Skeleton_1uu20_112){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_1uu20_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%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem}}@keyframes _panelIn_1jz2j_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_1jz2j_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_1jz2j_13{position:relative;width:100%}._PanelWrapper_1jz2j_20{position:absolute;top:calc(100% + var(--chures-dropdown-panel-gap));left:0;width:100%;animation:_panelIn_1jz2j_1 .14s ease}._PanelWrapper_1jz2j_20._Portal_1jz2j_34{position:fixed;width:auto;margin-top:var(--chures-dropdown-panel-gap)}._PanelContainer_1jz2j_18{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}._PanelContainer_1jz2j_18._Glass_1jz2j_48{background:var(--chures-dropdown-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem))}._Label_1jz2j_54{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_1jz2j_54._lifted_1jz2j_68{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg);color:var(--chures-fg-muted)}._TriggerContainer_1jz2j_75{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_1jz2j_75:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_1jz2j_75._Open_1jz2j_99{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_1jz2j_104{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_1jz2j_112{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_1jz2j_120{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_1jz2j_127{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;align-items:center;margin:.375rem 0;scrollbar-width:none;-ms-overflow-style:none}._ChipsWrapper_1jz2j_127::-webkit-scrollbar{display:none}._ChipsWrapper_1jz2j_127._Expand_1jz2j_145{flex-wrap:wrap;overflow:visible;row-gap:.25rem}._TriggerContainer_1jz2j_75._MultiSelect_1jz2j_151 ._TriggerIcon_1jz2j_120{align-self:flex-start;height:var(--chures-input-height)}._TriggerContainer_1jz2j_75._ExpandHeight_1jz2j_156{height:auto;min-height:var(--chures-input-height)}._Chip_1jz2j_127{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_1jz2j_175{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_1jz2j_180{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_1jz2j_190{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_1jz2j_197{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_1jz2j_197::placeholder{color:var(--chures-fg-muted)}._ResultsList_1jz2j_211{max-height:13rem;overflow-y:auto}._OptionRow_1jz2j_216{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_1jz2j_216:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_1jz2j_216._Selected_1jz2j_231{color:var(--chures-fg)}._OptionRow_1jz2j_216._Indented_1jz2j_235{padding-left:1.875rem}._GroupHeader_1jz2j_240{padding:.5625rem .875rem .25rem;font-size:var(--chures-font-xs);color:var(--chures-fg-muted);text-transform:uppercase;letter-spacing:.03em}._GroupHeader_1jz2j_240:not(:first-child){margin-top:.25rem;border-top:1px solid var(--chures-dropdown-border-subtle)}._Checkmark_1jz2j_253{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_1jz2j_259{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_1jz2j_259:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_1jz2j_259._WithBorder_1jz2j_272{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_1jz2j_277{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_1jz2j_289{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_1jz2j_295{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_1jz2j_302{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_1jz2j_1 1.4s infinite linear}:where(._Btn_1tozl_10){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)}:where(._Btn_1tozl_10):disabled{opacity:.4;cursor:not-allowed}:where(._Primary_1tozl_35){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}:where(._Primary_1tozl_35):hover:not(:disabled){filter:brightness(1.06)}:where(._Secondary_1tozl_50){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Secondary_1tozl_50):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._Ghost_1tozl_62){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Ghost_1tozl_62):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._IconDanger_1tozl_74){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}:where(._IconDanger_1tozl_74):hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}:where(._Danger_1tozl_95){background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}:where(._Danger_1tozl_95):hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmWrapper_1tq4o_4{width:100%;max-width:24rem;animation:_confirmIn_1tq4o_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_1tq4o_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmContainer_1tq4o_1{width:100%;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}._Glass_1tq4o_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._ConfirmTitle_1tq4o_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_1tq4o_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_1tq4o_45{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_1tq4o_53{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_1tq4o_53:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_1tq4o_73{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_1tq4o_73:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_1tq4o_92{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_1tq4o_92:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_1tq4o_73:disabled,._BtnDanger_1tq4o_92:disabled,._BtnCancel_1tq4o_53:disabled{opacity:.4;cursor:not-allowed}._InfoWrapper_cqv58_4{width:100%;max-width:24rem;animation:_infoIn_cqv58_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_cqv58_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoContainer_cqv58_1{width:100%;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}._Glass_cqv58_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._InfoTitle_cqv58_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_cqv58_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_cqv58_45{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_cqv58_52{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_cqv58_52: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 _, Fragment as A } from "react/jsx-runtime";
3
+ import { createContext as Ie, useContext as we, useRef as K, useState as D, useEffect as U, forwardRef as ye, useCallback as de, useLayoutEffect as Le, Fragment as Te } from "react";
4
+ import { AnimatePresence as De, motion as Se } from "framer-motion";
5
+ import { create as Re } from "zustand";
6
+ import { createPortal as ke } from "react-dom";
7
+ function je(e) {
8
8
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
9
9
  }
10
- var Z = { exports: {} };
11
- var re;
12
- function we() {
13
- return re || (re = 1, (function(e) {
10
+ var se = { exports: {} };
11
+ var ue;
12
+ function Ee() {
13
+ return ue || (ue = 1, (function(e) {
14
14
  (function() {
15
- var t = {}.hasOwnProperty;
15
+ var n = {}.hasOwnProperty;
16
16
  function o() {
17
- for (var s = "", c = 0; c < arguments.length; c++) {
18
- var i = arguments[c];
19
- i && (s = a(s, r(i)));
17
+ for (var s = "", i = 0; i < arguments.length; i++) {
18
+ var d = arguments[i];
19
+ d && (s = a(s, r(d)));
20
20
  }
21
21
  return s;
22
22
  }
@@ -29,146 +29,146 @@ function we() {
29
29
  return o.apply(null, s);
30
30
  if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
31
31
  return s.toString();
32
- var c = "";
33
- for (var i in s)
34
- t.call(s, i) && s[i] && (c = a(c, i));
35
- return c;
32
+ var i = "";
33
+ for (var d in s)
34
+ n.call(s, d) && s[d] && (i = a(i, d));
35
+ return i;
36
36
  }
37
- function a(s, c) {
38
- return c ? s ? s + " " + c : s + c : s;
37
+ function a(s, i) {
38
+ return i ? s ? s + " " + i : s + i : s;
39
39
  }
40
40
  e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
41
41
  })();
42
- })(Z)), Z.exports;
43
- }
44
- var Ie = we();
45
- const _ = /* @__PURE__ */ ve(Ie), ye = "_LoaderContainer_wa8op_24", Ne = "_sm_wa8op_31", ke = "_md_wa8op_32", Se = "_lg_wa8op_33", Le = "_Arc1_wa8op_37", Te = "_Arc2_wa8op_38", xe = "_Arc3_wa8op_39", De = "_spin_wa8op_1", be = "_Ring1_wa8op_71", Be = "_Ring2_wa8op_72", Re = "_Ring3_wa8op_73", We = "_ripple_wa8op_1", Ee = "_Dot1_wa8op_86", Pe = "_Dot2_wa8op_87", Ae = "_Dot3_wa8op_88", Me = "_dotPulse_wa8op_1", Oe = "_Wave1_wa8op_105", qe = "_Wave2_wa8op_106", je = "_Wave3_wa8op_107", Ge = "_Wave4_wa8op_108", Fe = "_Wave5_wa8op_109", $e = "_waveBounce_wa8op_1", J = {
46
- LoaderContainer: ye,
47
- sm: Ne,
48
- md: ke,
49
- lg: Se,
50
- Arc1: Le,
51
- Arc2: Te,
52
- Arc3: xe,
53
- spin: De,
54
- Ring1: be,
55
- Ring2: Be,
56
- Ring3: Re,
57
- ripple: We,
58
- Dot1: Ee,
59
- Dot2: Pe,
60
- Dot3: Ae,
61
- dotPulse: Me,
62
- Wave1: Oe,
63
- Wave2: qe,
64
- Wave3: je,
65
- Wave4: Ge,
66
- Wave5: Fe,
67
- waveBounce: $e
68
- }, ae = ue({});
69
- function w(e, t) {
70
- const o = _e(ae);
71
- return t ?? o[e];
72
- }
73
- function ze(e, t) {
42
+ })(se)), se.exports;
43
+ }
44
+ var Ae = Ee();
45
+ const p = /* @__PURE__ */ je(Ae), be = "_LoaderContainer_wa8op_24", Be = "_sm_wa8op_31", xe = "_md_wa8op_32", We = "_lg_wa8op_33", Oe = "_Arc1_wa8op_37", Pe = "_Arc2_wa8op_38", ze = "_Arc3_wa8op_39", Me = "_spin_wa8op_1", Ue = "_Ring1_wa8op_71", Fe = "_Ring2_wa8op_72", Ge = "_Ring3_wa8op_73", qe = "_ripple_wa8op_1", He = "_Dot1_wa8op_86", $e = "_Dot2_wa8op_87", Ve = "_Dot3_wa8op_88", Ke = "_dotPulse_wa8op_1", Xe = "_Wave1_wa8op_105", Ye = "_Wave2_wa8op_106", Qe = "_Wave3_wa8op_107", Je = "_Wave4_wa8op_108", Ze = "_Wave5_wa8op_109", en = "_waveBounce_wa8op_1", Z = {
46
+ LoaderContainer: be,
47
+ sm: Be,
48
+ md: xe,
49
+ lg: We,
50
+ Arc1: Oe,
51
+ Arc2: Pe,
52
+ Arc3: ze,
53
+ spin: Me,
54
+ Ring1: Ue,
55
+ Ring2: Fe,
56
+ Ring3: Ge,
57
+ ripple: qe,
58
+ Dot1: He,
59
+ Dot2: $e,
60
+ Dot3: Ve,
61
+ dotPulse: Ke,
62
+ Wave1: Xe,
63
+ Wave2: Ye,
64
+ Wave3: Qe,
65
+ Wave4: Je,
66
+ Wave5: Ze,
67
+ waveBounce: en
68
+ }, fe = Ie({});
69
+ function N(e, n) {
70
+ const o = we(fe);
71
+ return n ?? o[e];
72
+ }
73
+ function nn(e, n) {
74
74
  switch (e) {
75
75
  case "ripple":
76
- return /* @__PURE__ */ u(b, { children: [
77
- /* @__PURE__ */ n("div", { className: t.Ring1 }),
78
- /* @__PURE__ */ n("div", { className: t.Ring2 }),
79
- /* @__PURE__ */ n("div", { className: t.Ring3 })
76
+ return /* @__PURE__ */ _(A, { children: [
77
+ /* @__PURE__ */ t("div", { className: n.Ring1 }),
78
+ /* @__PURE__ */ t("div", { className: n.Ring2 }),
79
+ /* @__PURE__ */ t("div", { className: n.Ring3 })
80
80
  ] });
81
81
  case "dots":
82
- return /* @__PURE__ */ u(b, { children: [
83
- /* @__PURE__ */ n("div", { className: t.Dot1 }),
84
- /* @__PURE__ */ n("div", { className: t.Dot2 }),
85
- /* @__PURE__ */ n("div", { className: t.Dot3 })
82
+ return /* @__PURE__ */ _(A, { children: [
83
+ /* @__PURE__ */ t("div", { className: n.Dot1 }),
84
+ /* @__PURE__ */ t("div", { className: n.Dot2 }),
85
+ /* @__PURE__ */ t("div", { className: n.Dot3 })
86
86
  ] });
87
87
  case "wave":
88
- return /* @__PURE__ */ u(b, { children: [
89
- /* @__PURE__ */ n("div", { className: t.Wave1 }),
90
- /* @__PURE__ */ n("div", { className: t.Wave2 }),
91
- /* @__PURE__ */ n("div", { className: t.Wave3 }),
92
- /* @__PURE__ */ n("div", { className: t.Wave4 }),
93
- /* @__PURE__ */ n("div", { className: t.Wave5 })
88
+ return /* @__PURE__ */ _(A, { children: [
89
+ /* @__PURE__ */ t("div", { className: n.Wave1 }),
90
+ /* @__PURE__ */ t("div", { className: n.Wave2 }),
91
+ /* @__PURE__ */ t("div", { className: n.Wave3 }),
92
+ /* @__PURE__ */ t("div", { className: n.Wave4 }),
93
+ /* @__PURE__ */ t("div", { className: n.Wave5 })
94
94
  ] });
95
95
  default:
96
- return /* @__PURE__ */ u(b, { children: [
97
- /* @__PURE__ */ n("div", { className: t.Arc1 }),
98
- /* @__PURE__ */ n("div", { className: t.Arc2 }),
99
- /* @__PURE__ */ n("div", { className: t.Arc3 })
96
+ return /* @__PURE__ */ _(A, { children: [
97
+ /* @__PURE__ */ t("div", { className: n.Arc1 }),
98
+ /* @__PURE__ */ t("div", { className: n.Arc2 }),
99
+ /* @__PURE__ */ t("div", { className: n.Arc3 })
100
100
  ] });
101
101
  }
102
102
  }
103
- function He({ variant: e = "arcs", size: t = "md", color: o, className: r }) {
104
- const a = w("Loader", r);
105
- return /* @__PURE__ */ n(
103
+ function tn({ variant: e = "arcs", size: n = "md", color: o, className: r }) {
104
+ const a = N("Loader", r);
105
+ return /* @__PURE__ */ t(
106
106
  "div",
107
107
  {
108
- className: _(J.LoaderContainer, J[t], J[e], a),
108
+ className: p(Z.LoaderContainer, Z[n], Z[e], a),
109
109
  role: "status",
110
110
  "aria-label": "Loading",
111
111
  style: o ? { "--chures-accent": o } : void 0,
112
- children: ze(e, J)
112
+ children: nn(e, Z)
113
113
  }
114
114
  );
115
115
  }
116
- const Ve = "_LoadingWrapperContainer_1q0w7_1", Ue = "_SkeletonWrapper_1q0w7_9", se = {
117
- LoadingWrapperContainer: Ve,
118
- SkeletonWrapper: Ue
116
+ const on = "_LoadingWrapperContainer_1q0w7_1", rn = "_SkeletonWrapper_1q0w7_9", _e = {
117
+ LoadingWrapperContainer: on,
118
+ SkeletonWrapper: rn
119
119
  };
120
- function Jt({ isLoading: e, children: t, skeleton: o, loaderProps: r, className: a }) {
121
- const s = w("LoadingWrapper", a);
122
- return e ? o ? /* @__PURE__ */ n("div", { className: _(se.SkeletonWrapper, s), children: o }) : /* @__PURE__ */ n("div", { className: _(se.LoadingWrapperContainer, s), children: /* @__PURE__ */ n(He, { ...r }) }) : /* @__PURE__ */ n(b, { children: t });
120
+ function fo({ isLoading: e, children: n, skeleton: o, loaderProps: r, className: a }) {
121
+ const s = N("LoadingWrapper", a);
122
+ return e ? o ? /* @__PURE__ */ t("div", { className: p(_e.SkeletonWrapper, s), children: o }) : /* @__PURE__ */ t("div", { className: p(_e.LoadingWrapperContainer, s), children: /* @__PURE__ */ t(tn, { ...r }) }) : /* @__PURE__ */ t(A, { children: n });
123
123
  }
124
- const Ke = "https://oauth.telegram.org/js/telegram-login.js?3";
125
- function Qe(e) {
126
- const { botId: t, redirectUri: o, requestAccess: r = "write" } = e, a = U(e.onSuccess);
124
+ const sn = "https://oauth.telegram.org/js/telegram-login.js?3";
125
+ function an(e) {
126
+ const { botId: n, redirectUri: o, requestAccess: r = "write" } = e, a = K(e.onSuccess);
127
127
  a.current = e.onSuccess;
128
- const s = U(!1), [c, i] = k(!1), [p, d] = k(!1);
129
- j(function() {
130
- if (!t) return;
128
+ const s = K(!1), [i, d] = D(!1), [f, u] = D(!1);
129
+ U(function() {
130
+ if (!n) return;
131
131
  const m = o ?? window.location.origin;
132
- d(!0), i(!1);
132
+ u(!0), d(!1);
133
133
  const g = document.createElement("script");
134
- return g.src = Ke, g.async = !0, g.onload = function() {
134
+ return g.src = sn, g.async = !0, g.onload = function() {
135
135
  const I = window.Telegram;
136
136
  I && (I.Login.init(
137
- { client_id: t, redirect_uri: m },
138
- function(B) {
139
- s.current || (s.current = !0, a.current(B));
137
+ { client_id: n, redirect_uri: m },
138
+ function(b) {
139
+ s.current || (s.current = !0, a.current(b));
140
140
  }
141
- ), i(!0)), d(!1);
141
+ ), d(!0)), u(!1);
142
142
  }, g.onerror = function() {
143
- d(!1);
143
+ u(!1);
144
144
  }, document.head.appendChild(g), function() {
145
- document.head.contains(g) && document.head.removeChild(g), i(!1), d(!1);
145
+ document.head.contains(g) && document.head.removeChild(g), d(!1), u(!1);
146
146
  };
147
- }, [t, o]);
147
+ }, [n, o]);
148
148
  function h() {
149
149
  const m = window.Telegram;
150
- if (!c || !m) return;
150
+ if (!i || !m) return;
151
151
  s.current = !1;
152
152
  const g = o ?? window.location.origin;
153
153
  m.Login.auth(
154
- { client_id: t, redirect_uri: g, request_access: r },
154
+ { client_id: n, redirect_uri: g, request_access: r },
155
155
  function(I) {
156
156
  s.current || (s.current = !0, a.current(I));
157
157
  }
158
158
  );
159
159
  }
160
- return { login: h, isReady: c, isLoading: p };
160
+ return { login: h, isReady: i, isLoading: f };
161
161
  }
162
- const Je = "_TelegramSignInButtonContainer_10wun_1", Xe = "_FullSize_10wun_46", Ye = "_Icon_10wun_50", ee = {
163
- TelegramSignInButtonContainer: Je,
164
- FullSize: Xe,
165
- Icon: Ye
166
- }, Ze = {
162
+ const cn = "_TelegramSignInButtonContainer_10wun_1", ln = "_FullSize_10wun_46", dn = "_Icon_10wun_50", ae = {
163
+ TelegramSignInButtonContainer: cn,
164
+ FullSize: ln,
165
+ Icon: dn
166
+ }, un = {
167
167
  en: "Continue with Telegram",
168
168
  ru: "Войти через Telegram"
169
169
  };
170
- function en() {
171
- return /* @__PURE__ */ n(
170
+ function _n() {
171
+ return /* @__PURE__ */ t(
172
172
  "svg",
173
173
  {
174
174
  viewBox: "0 0 24 24",
@@ -176,61 +176,61 @@ function en() {
176
176
  height: "20",
177
177
  fill: "currentColor",
178
178
  "aria-hidden": "true",
179
- className: ee.Icon,
180
- 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" })
179
+ className: ae.Icon,
180
+ 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" })
181
181
  }
182
182
  );
183
183
  }
184
- function nn({
184
+ function pn({
185
185
  onClick: e,
186
- disabled: t,
186
+ disabled: n,
187
187
  lang: o = "en",
188
188
  title: r,
189
189
  label: a,
190
190
  fullSize: s,
191
- className: c
191
+ className: i
192
192
  }) {
193
- j(function() {
193
+ U(function() {
194
194
  const h = "comfortaa-font";
195
195
  if (document.getElementById(h)) return;
196
196
  const m = document.createElement("link");
197
197
  m.id = h, m.rel = "stylesheet", m.href = "https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap", document.head.appendChild(m);
198
198
  }, []);
199
- const i = a ?? r ?? Ze[o], p = w("TelegramSignInButton", c), d = _(ee.TelegramSignInButtonContainer, { [ee.FullSize]: s }, p);
200
- return /* @__PURE__ */ u("button", { type: "button", className: d, onClick: e, disabled: t, children: [
201
- /* @__PURE__ */ n(en, {}),
202
- i
199
+ const d = a ?? r ?? un[o], f = N("TelegramSignInButton", i), u = p(ae.TelegramSignInButtonContainer, { [ae.FullSize]: s }, f);
200
+ return /* @__PURE__ */ _("button", { type: "button", className: u, onClick: e, disabled: n, children: [
201
+ /* @__PURE__ */ t(_n, {}),
202
+ d
203
203
  ] });
204
204
  }
205
- function Xt({
205
+ function ho({
206
206
  botId: e,
207
- onSuccess: t,
207
+ onSuccess: n,
208
208
  lang: o,
209
209
  title: r,
210
210
  redirectUri: a,
211
211
  requestAccess: s,
212
- children: c,
213
- className: i
212
+ children: i,
213
+ className: d
214
214
  }) {
215
- const { login: p, isReady: d } = Qe({ botId: e, onSuccess: t, redirectUri: a, requestAccess: s });
216
- return c ? /* @__PURE__ */ n(b, { children: c({ login: p, isReady: d }) }) : /* @__PURE__ */ n(
217
- nn,
215
+ const { login: f, isReady: u } = an({ botId: e, onSuccess: n, redirectUri: a, requestAccess: s });
216
+ return i ? /* @__PURE__ */ t(A, { children: i({ login: f, isReady: u }) }) : /* @__PURE__ */ t(
217
+ pn,
218
218
  {
219
- onClick: p,
220
- disabled: !d,
219
+ onClick: f,
220
+ disabled: !u,
221
221
  lang: o,
222
222
  title: r,
223
- className: i
223
+ className: d
224
224
  }
225
225
  );
226
226
  }
227
- let tn = 0;
228
- const ce = ge((e, t) => ({
227
+ let fn = 0;
228
+ const he = Re((e, n) => ({
229
229
  toasts: [],
230
230
  bake: (o) => {
231
- const r = tn++;
231
+ const r = fn++;
232
232
  e((a) => ({ toasts: [...a.toasts, { ...o, id: r }] })), setTimeout(() => {
233
- t().dismiss(r);
233
+ n().dismiss(r);
234
234
  }, 5e3);
235
235
  },
236
236
  dismiss: (o) => {
@@ -238,213 +238,221 @@ const ce = ge((e, t) => ({
238
238
  toasts: r.toasts.filter((a) => a.id !== o)
239
239
  }));
240
240
  }
241
- })), on = "_ToastContainer_1tme2_1", rn = "_Toast_1tme2_1", sn = "_error_1tme2_33", an = "_warn_1tme2_41", cn = "_info_1tme2_49", ln = "_Description_1tme2_53", dn = "_DismissButton_1tme2_59", un = "_slideIn_1tme2_79", _n = "_slideOut_1tme2_83", L = {
242
- ToastContainer: on,
243
- Toast: rn,
244
- error: sn,
245
- warn: an,
246
- info: cn,
247
- Description: ln,
248
- DismissButton: dn,
249
- slideIn: un,
250
- slideOut: _n
241
+ })), hn = "_ToastContainer_1tme2_1", mn = "_Toast_1tme2_1", gn = "_error_1tme2_33", Cn = "_warn_1tme2_41", vn = "_info_1tme2_49", Nn = "_Description_1tme2_53", In = "_DismissButton_1tme2_59", wn = "_slideIn_1tme2_79", yn = "_slideOut_1tme2_83", k = {
242
+ ToastContainer: hn,
243
+ Toast: mn,
244
+ error: gn,
245
+ warn: Cn,
246
+ info: vn,
247
+ Description: Nn,
248
+ DismissButton: In,
249
+ slideIn: wn,
250
+ slideOut: yn
251
251
  };
252
- function Yt({ className: e } = {}) {
253
- const { toasts: t } = ce(), o = w("Toaster", e);
254
- return /* @__PURE__ */ n("div", { className: _(L.ToastContainer, o), children: /* @__PURE__ */ n(he, { children: t.map((r) => /* @__PURE__ */ n(
255
- me.div,
252
+ function mo({ className: e } = {}) {
253
+ const { toasts: n } = he(), o = N("Toaster", e);
254
+ return /* @__PURE__ */ t("div", { className: p(k.ToastContainer, o), children: /* @__PURE__ */ t(De, { children: n.map((r) => /* @__PURE__ */ t(
255
+ Se.div,
256
256
  {
257
257
  layout: !0,
258
258
  initial: { opacity: 0, x: 100, y: 50 },
259
259
  animate: { opacity: 1, x: 0, y: 0 },
260
260
  exit: { opacity: 0, y: -50 },
261
261
  transition: { type: "spring", stiffness: 300, damping: 20 },
262
- children: /* @__PURE__ */ n(fn, { ...r })
262
+ children: /* @__PURE__ */ t(Ln, { ...r })
263
263
  },
264
264
  r.id
265
265
  )) }) });
266
266
  }
267
- function fn({ id: e, title: t, description: o, level: r, isDismissable: a }) {
268
- const [s, c] = k(!1), i = ce();
269
- return j(() => () => {
270
- c(!0);
271
- }, []), /* @__PURE__ */ u(
267
+ function Ln({ id: e, title: n, description: o, level: r, isDismissable: a }) {
268
+ const [s, i] = D(!1), d = he();
269
+ return U(() => () => {
270
+ i(!0);
271
+ }, []), /* @__PURE__ */ _(
272
272
  "div",
273
273
  {
274
- className: _(L.Toast, {
275
- [L.error]: r === "Error",
276
- [L.warn]: r === "Warn",
277
- [L.info]: r == null || r === "Info",
278
- [L.slideIn]: !s,
279
- [L.slideOut]: s
274
+ className: p(k.Toast, {
275
+ [k.error]: r === "Error",
276
+ [k.warn]: r === "Warn",
277
+ [k.info]: r == null || r === "Info",
278
+ [k.slideIn]: !s,
279
+ [k.slideOut]: s
280
280
  }),
281
281
  children: [
282
- /* @__PURE__ */ n("div", { children: t }),
283
- /* @__PURE__ */ n("div", { className: L.Description, children: o }),
284
- a && e !== void 0 && /* @__PURE__ */ n("div", { className: L.DismissButton, onClick: () => i.dismiss(e), children: "×" })
282
+ /* @__PURE__ */ t("div", { children: n }),
283
+ /* @__PURE__ */ t("div", { className: k.Description, children: o }),
284
+ a && e !== void 0 && /* @__PURE__ */ t("div", { className: k.DismissButton, onClick: () => d.dismiss(e), children: "×" })
285
285
  ]
286
286
  }
287
287
  );
288
288
  }
289
- const pn = "_InputContainer_1uu20_15", hn = "_InputField_1uu20_21", mn = "_hasStartIcon_1uu20_35", gn = "_hasEndIcon_1uu20_39", Cn = "_StartIcon_1uu20_43", vn = "_EndIcon_1uu20_54", wn = "_hasError_1uu20_69", In = "_disabled_1uu20_74", yn = "_Label_1uu20_79", Nn = "_lifted_1uu20_93", kn = "_ErrorText_1uu20_104", Sn = "_Skeleton_1uu20_112", v = {
290
- InputContainer: pn,
291
- InputField: hn,
292
- hasStartIcon: mn,
293
- hasEndIcon: gn,
294
- StartIcon: Cn,
295
- EndIcon: vn,
296
- hasError: wn,
297
- disabled: In,
298
- Label: yn,
299
- lifted: Nn,
300
- ErrorText: kn,
301
- Skeleton: Sn
302
- }, Zt = fe(function({ value: t, setValue: o, label: r, isLoader: a, type: s = "text", disabled: c, error: i, className: p, inputClassName: d, startIcon: h, endIcon: m, ...g }, I) {
303
- const [B, R] = k(!1), G = B || t.length > 0, T = w("Input", p), { onFocus: F, onBlur: M, ...y } = g;
304
- return a ? /* @__PURE__ */ n("div", { className: _(v.Skeleton, T), "aria-hidden": "true" }) : /* @__PURE__ */ u("div", { className: _(v.InputContainer, { [v.hasError]: !!i, [v.disabled]: c }, T), children: [
305
- h && /* @__PURE__ */ n("span", { className: v.StartIcon, children: h }),
306
- /* @__PURE__ */ n(
289
+ const Tn = "_InputContainer_1uu20_15", Dn = "_InputField_1uu20_21", Sn = "_hasStartIcon_1uu20_35", Rn = "_hasEndIcon_1uu20_39", kn = "_StartIcon_1uu20_43", jn = "_EndIcon_1uu20_54", En = "_hasError_1uu20_69", An = "_disabled_1uu20_74", bn = "_Label_1uu20_79", Bn = "_lifted_1uu20_93", xn = "_ErrorText_1uu20_104", Wn = "_Skeleton_1uu20_112", v = {
290
+ InputContainer: Tn,
291
+ InputField: Dn,
292
+ hasStartIcon: Sn,
293
+ hasEndIcon: Rn,
294
+ StartIcon: kn,
295
+ EndIcon: jn,
296
+ hasError: En,
297
+ disabled: An,
298
+ Label: bn,
299
+ lifted: Bn,
300
+ ErrorText: xn,
301
+ Skeleton: Wn
302
+ }, go = ye(function({ value: n, setValue: o, label: r, isLoader: a, type: s = "text", disabled: i, error: d, className: f, inputClassName: u, startIcon: h, endIcon: m, ...g }, I) {
303
+ const [b, B] = D(!1), F = b || n.length > 0, j = N("Input", f), { onFocus: G, onBlur: P, ...w } = g;
304
+ return a ? /* @__PURE__ */ t("div", { className: p(v.Skeleton, j), "aria-hidden": "true" }) : /* @__PURE__ */ _("div", { className: p(v.InputContainer, { [v.hasError]: !!d, [v.disabled]: i }, j), children: [
305
+ h && /* @__PURE__ */ t("span", { className: v.StartIcon, children: h }),
306
+ /* @__PURE__ */ t(
307
307
  "input",
308
308
  {
309
309
  ref: I,
310
- className: _(v.InputField, { [v.hasStartIcon]: !!h, [v.hasEndIcon]: !!m }, d),
310
+ className: p(v.InputField, { [v.hasStartIcon]: !!h, [v.hasEndIcon]: !!m }, u),
311
311
  type: s,
312
- value: t,
312
+ value: n,
313
313
  onChange: (C) => o(C.target.value),
314
314
  onFocus: (C) => {
315
- R(!0), F?.(C);
315
+ B(!0), G?.(C);
316
316
  },
317
317
  onBlur: (C) => {
318
- R(!1), M?.(C);
318
+ B(!1), P?.(C);
319
319
  },
320
- disabled: c,
321
- ...y
320
+ disabled: i,
321
+ ...w
322
322
  }
323
323
  ),
324
- r && /* @__PURE__ */ n("label", { className: _(v.Label, { [v.lifted]: G }), children: r }),
325
- m && /* @__PURE__ */ n("span", { className: v.EndIcon, children: m }),
326
- i && /* @__PURE__ */ n("span", { className: v.ErrorText, children: i })
324
+ r && /* @__PURE__ */ t("label", { className: p(v.Label, { [v.lifted]: F }), children: r }),
325
+ m && /* @__PURE__ */ t("span", { className: v.EndIcon, children: m }),
326
+ d && /* @__PURE__ */ t("span", { className: v.ErrorText, children: d })
327
327
  ] });
328
- }), Ln = "_ToggleContainer_1jetc_6", Tn = "_disabled_1jetc_13", xn = "_Track_1jetc_18", Dn = "_on_1jetc_31", bn = "_Thumb_1jetc_39", Bn = "_Label_1jetc_57", Rn = "_LabelSkeleton_1jetc_63", Wn = "_Skeleton_1jetc_78", N = {
329
- ToggleContainer: Ln,
330
- disabled: Tn,
331
- Track: xn,
332
- on: Dn,
333
- Thumb: bn,
334
- Label: Bn,
335
- LabelSkeleton: Rn,
336
- Skeleton: Wn
328
+ }), On = "_ToggleContainer_1jetc_6", Pn = "_disabled_1jetc_13", zn = "_Track_1jetc_18", Mn = "_on_1jetc_31", Un = "_Thumb_1jetc_39", Fn = "_Label_1jetc_57", Gn = "_LabelSkeleton_1jetc_63", qn = "_Skeleton_1jetc_78", L = {
329
+ ToggleContainer: On,
330
+ disabled: Pn,
331
+ Track: zn,
332
+ on: Mn,
333
+ Thumb: Un,
334
+ Label: Fn,
335
+ LabelSkeleton: Gn,
336
+ Skeleton: qn
337
337
  };
338
- function eo({ checked: e, onChange: t, label: o, labelPosition: r = "right", disabled: a, isLoader: s, isLoadingLabel: c, className: i }) {
339
- const p = !!o || c, d = w("Toggle", i), h = c ? /* @__PURE__ */ n("span", { className: N.LabelSkeleton, "aria-hidden": "true" }) : o ? /* @__PURE__ */ n("span", { className: N.Label, children: o }) : null;
340
- return s ? p ? /* @__PURE__ */ u("div", { className: _(N.ToggleContainer, d), children: [
338
+ function Co({ checked: e, onChange: n, label: o, labelPosition: r = "right", disabled: a, isLoader: s, isLoadingLabel: i, className: d }) {
339
+ const f = !!o || i, u = N("Toggle", d), h = i ? /* @__PURE__ */ t("span", { className: L.LabelSkeleton, "aria-hidden": "true" }) : o ? /* @__PURE__ */ t("span", { className: L.Label, children: o }) : null;
340
+ return s ? f ? /* @__PURE__ */ _("div", { className: p(L.ToggleContainer, u), children: [
341
341
  r === "left" && h,
342
- /* @__PURE__ */ n("div", { className: N.Skeleton, "aria-hidden": "true" }),
342
+ /* @__PURE__ */ t("div", { className: L.Skeleton, "aria-hidden": "true" }),
343
343
  r === "right" && h
344
- ] }) : /* @__PURE__ */ n("div", { className: _(N.Skeleton, d), "aria-hidden": "true" }) : /* @__PURE__ */ u("label", { className: _(N.ToggleContainer, { [N.disabled]: a }, d), children: [
344
+ ] }) : /* @__PURE__ */ t("div", { className: p(L.Skeleton, u), "aria-hidden": "true" }) : /* @__PURE__ */ _("label", { className: p(L.ToggleContainer, { [L.disabled]: a }, u), children: [
345
345
  r === "left" && h,
346
- /* @__PURE__ */ n(
346
+ /* @__PURE__ */ t(
347
347
  "button",
348
348
  {
349
349
  role: "switch",
350
350
  "aria-checked": e,
351
- className: _(N.Track, { [N.on]: e }),
352
- onClick: () => !a && t(!e),
351
+ className: p(L.Track, { [L.on]: e }),
352
+ onClick: () => !a && n(!e),
353
353
  disabled: a,
354
354
  type: "button",
355
- children: /* @__PURE__ */ n("span", { className: N.Thumb })
355
+ children: /* @__PURE__ */ t("span", { className: L.Thumb })
356
356
  }
357
357
  ),
358
358
  r === "right" && h
359
359
  ] });
360
360
  }
361
- function En() {
362
- const [e, t] = k(!1), o = U(null), r = oe(() => t((s) => !s), []), a = oe(() => t(!1), []);
361
+ function Hn() {
362
+ const [e, n] = D(!1), o = K(null), r = de(() => n((s) => !s), []), a = de(() => n(!1), []);
363
363
  return { isOpen: e, triggerRef: o, toggleOpen: r, close: a };
364
364
  }
365
- function Pn(e, t, o) {
366
- j(() => {
365
+ function $n(e, n, o) {
366
+ U(() => {
367
367
  function r(s) {
368
- const c = s.target;
369
- e.current?.contains(c) || o?.current?.contains(c) || t();
368
+ const i = s.target;
369
+ e.current?.contains(i) || o?.current?.contains(i) || n();
370
370
  }
371
371
  function a(s) {
372
- s.key === "Escape" && t();
372
+ s.key === "Escape" && n();
373
373
  }
374
374
  return document.addEventListener("mousedown", r, !0), document.addEventListener("keydown", a), () => {
375
375
  document.removeEventListener("mousedown", r, !0), document.removeEventListener("keydown", a);
376
376
  };
377
- }, [t, e, o]);
377
+ }, [n, e, o]);
378
378
  }
379
- function An(e, t) {
380
- const [o, r] = k([]);
381
- return j(() => {
382
- if (!t) return;
379
+ function Vn(e, n) {
380
+ const [o, r] = D([]);
381
+ return U(() => {
382
+ if (!n) return;
383
383
  let a = !1;
384
- return t(e).then((s) => {
384
+ return n(e).then((s) => {
385
385
  a || r(s);
386
386
  }), () => {
387
387
  a = !0;
388
388
  };
389
- }, [e, t]), o;
389
+ }, [e, n]), o;
390
390
  }
391
- function A(e) {
391
+ function V(e) {
392
+ return typeof e == "object" && e !== null && "group" in e;
393
+ }
394
+ function me(e) {
395
+ return e.flatMap((n) => V(n) ? n.options : [n]);
396
+ }
397
+ function T(e) {
392
398
  return typeof e == "string" ? e : e.id;
393
399
  }
394
- function X(e) {
400
+ function te(e) {
395
401
  return typeof e == "string" ? e : e.name;
396
402
  }
397
- function Mn(e, t) {
398
- return e.map((o) => t.find((r) => A(r) === o) ?? o);
399
- }
400
- const On = "_DropdownContainer_p7cfo_13", qn = "_PanelWrapper_p7cfo_20", jn = "_Portal_p7cfo_34", Gn = "_PanelContainer_p7cfo_18", Fn = "_Glass_p7cfo_48", $n = "_Label_p7cfo_54", zn = "_lifted_p7cfo_68", Hn = "_TriggerContainer_p7cfo_75", Vn = "_Open_p7cfo_99", Un = "_TriggerPlaceholder_p7cfo_104", Kn = "_TriggerValue_p7cfo_112", Qn = "_TriggerIcon_p7cfo_120", Jn = "_ChipsWrapper_p7cfo_127", Xn = "_Expand_p7cfo_145", Yn = "_MultiSelect_p7cfo_151", Zn = "_ExpandHeight_p7cfo_156", et = "_Chip_p7cfo_127", nt = "_SearchRow_p7cfo_175", tt = "_SearchBox_p7cfo_180", ot = "_SearchIcon_p7cfo_190", rt = "_SearchInput_p7cfo_197", st = "_ResultsList_p7cfo_211", at = "_OptionRow_p7cfo_216", ct = "_Selected_p7cfo_231", it = "_Checkmark_p7cfo_236", lt = "_CreateRow_p7cfo_242", dt = "_WithBorder_p7cfo_255", ut = "_CreateIcon_p7cfo_260", _t = "_CreateLabel_p7cfo_272", ft = "_EmptyHint_p7cfo_278", pt = "_SkeletonRow_p7cfo_285", l = {
401
- DropdownContainer: On,
402
- PanelWrapper: qn,
403
- Portal: jn,
404
- PanelContainer: Gn,
405
- Glass: Fn,
406
- Label: $n,
407
- lifted: zn,
408
- TriggerContainer: Hn,
409
- Open: Vn,
410
- TriggerPlaceholder: Un,
411
- TriggerValue: Kn,
412
- TriggerIcon: Qn,
413
- ChipsWrapper: Jn,
414
- Expand: Xn,
415
- MultiSelect: Yn,
416
- ExpandHeight: Zn,
417
- Chip: et,
418
- SearchRow: nt,
419
- SearchBox: tt,
420
- SearchIcon: ot,
421
- SearchInput: rt,
422
- ResultsList: st,
423
- OptionRow: at,
424
- Selected: ct,
425
- Checkmark: it,
426
- CreateRow: lt,
427
- WithBorder: dt,
428
- CreateIcon: ut,
429
- CreateLabel: _t,
430
- EmptyHint: ft,
431
- SkeletonRow: pt
403
+ function Kn(e, n) {
404
+ return e.map((o) => n.find((r) => T(r) === o) ?? o);
405
+ }
406
+ const Xn = "_DropdownContainer_1jz2j_13", Yn = "_PanelWrapper_1jz2j_20", Qn = "_Portal_1jz2j_34", Jn = "_PanelContainer_1jz2j_18", Zn = "_Glass_1jz2j_48", et = "_Label_1jz2j_54", nt = "_lifted_1jz2j_68", tt = "_TriggerContainer_1jz2j_75", ot = "_Open_1jz2j_99", rt = "_TriggerPlaceholder_1jz2j_104", st = "_TriggerValue_1jz2j_112", at = "_TriggerIcon_1jz2j_120", it = "_ChipsWrapper_1jz2j_127", ct = "_Expand_1jz2j_145", lt = "_MultiSelect_1jz2j_151", dt = "_ExpandHeight_1jz2j_156", ut = "_Chip_1jz2j_127", _t = "_SearchRow_1jz2j_175", pt = "_SearchBox_1jz2j_180", ft = "_SearchIcon_1jz2j_190", ht = "_SearchInput_1jz2j_197", mt = "_ResultsList_1jz2j_211", gt = "_OptionRow_1jz2j_216", Ct = "_Selected_1jz2j_231", vt = "_Indented_1jz2j_235", Nt = "_GroupHeader_1jz2j_240", It = "_Checkmark_1jz2j_253", wt = "_CreateRow_1jz2j_259", yt = "_WithBorder_1jz2j_272", Lt = "_CreateIcon_1jz2j_277", Tt = "_CreateLabel_1jz2j_289", Dt = "_EmptyHint_1jz2j_295", St = "_SkeletonRow_1jz2j_302", l = {
407
+ DropdownContainer: Xn,
408
+ PanelWrapper: Yn,
409
+ Portal: Qn,
410
+ PanelContainer: Jn,
411
+ Glass: Zn,
412
+ Label: et,
413
+ lifted: nt,
414
+ TriggerContainer: tt,
415
+ Open: ot,
416
+ TriggerPlaceholder: rt,
417
+ TriggerValue: st,
418
+ TriggerIcon: at,
419
+ ChipsWrapper: it,
420
+ Expand: ct,
421
+ MultiSelect: lt,
422
+ ExpandHeight: dt,
423
+ Chip: ut,
424
+ SearchRow: _t,
425
+ SearchBox: pt,
426
+ SearchIcon: ft,
427
+ SearchInput: ht,
428
+ ResultsList: mt,
429
+ OptionRow: gt,
430
+ Selected: Ct,
431
+ Indented: vt,
432
+ GroupHeader: Nt,
433
+ Checkmark: It,
434
+ CreateRow: wt,
435
+ WithBorder: yt,
436
+ CreateIcon: Lt,
437
+ CreateLabel: Tt,
438
+ EmptyHint: Dt,
439
+ SkeletonRow: St
432
440
  };
433
- function ht({ query: e, withBorder: t, onCreate: o }) {
441
+ function Rt({ query: e, withBorder: n, onCreate: o }) {
434
442
  function r(a) {
435
443
  a.preventDefault(), o();
436
444
  }
437
- return /* @__PURE__ */ u(
445
+ return /* @__PURE__ */ _(
438
446
  "div",
439
447
  {
440
- className: _(l.CreateRow, t && l.WithBorder),
448
+ className: p(l.CreateRow, n && l.WithBorder),
441
449
  onMouseDown: r,
442
450
  children: [
443
- /* @__PURE__ */ n("span", { className: l.CreateIcon, children: /* @__PURE__ */ u("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", children: [
444
- /* @__PURE__ */ n("line", { x1: "5", y1: "1", x2: "5", y2: "9" }),
445
- /* @__PURE__ */ n("line", { x1: "1", y1: "5", x2: "9", y2: "5" })
451
+ /* @__PURE__ */ t("span", { className: l.CreateIcon, children: /* @__PURE__ */ _("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", children: [
452
+ /* @__PURE__ */ t("line", { x1: "5", y1: "1", x2: "5", y2: "9" }),
453
+ /* @__PURE__ */ t("line", { x1: "1", y1: "5", x2: "9", y2: "5" })
446
454
  ] }) }),
447
- /* @__PURE__ */ u("span", { className: l.CreateLabel, children: [
455
+ /* @__PURE__ */ _("span", { className: l.CreateLabel, children: [
448
456
  "create “",
449
457
  e,
450
458
  "”"
@@ -453,34 +461,37 @@ function ht({ query: e, withBorder: t, onCreate: o }) {
453
461
  }
454
462
  );
455
463
  }
456
- function mt({ opt: e, isSelected: t, multiSelect: o, onPick: r }) {
457
- function a(s) {
458
- s.preventDefault(), r(e);
464
+ function kt({ label: e }) {
465
+ return /* @__PURE__ */ t("div", { className: l.GroupHeader, children: e });
466
+ }
467
+ function pe({ opt: e, isSelected: n, multiSelect: o, onPick: r, indented: a = !1 }) {
468
+ function s(i) {
469
+ i.preventDefault(), r(e);
459
470
  }
460
- return /* @__PURE__ */ u(
471
+ return /* @__PURE__ */ _(
461
472
  "div",
462
473
  {
463
- className: _(l.OptionRow, t && l.Selected),
464
- onMouseDown: a,
474
+ className: p(l.OptionRow, n && l.Selected, a && l.Indented),
475
+ onMouseDown: s,
465
476
  children: [
466
- o && t && /* @__PURE__ */ n("span", { className: l.Checkmark, children: "✓" }),
467
- X(e)
477
+ o && n && /* @__PURE__ */ t("span", { className: l.Checkmark, children: "✓" }),
478
+ te(e)
468
479
  ]
469
480
  }
470
481
  );
471
482
  }
472
- function gt({ inputRef: e, query: t, onChange: o, onKeyDown: r, placeholder: a }) {
473
- return /* @__PURE__ */ n("div", { className: l.SearchRow, children: /* @__PURE__ */ u("div", { className: l.SearchBox, children: [
474
- /* @__PURE__ */ n("span", { className: l.SearchIcon, children: /* @__PURE__ */ u("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: [
475
- /* @__PURE__ */ n("circle", { cx: "5", cy: "5", r: "3.5" }),
476
- /* @__PURE__ */ n("line", { x1: "8", y1: "8", x2: "11", y2: "11" })
483
+ function jt({ inputRef: e, query: n, onChange: o, onKeyDown: r, placeholder: a }) {
484
+ return /* @__PURE__ */ t("div", { className: l.SearchRow, children: /* @__PURE__ */ _("div", { className: l.SearchBox, children: [
485
+ /* @__PURE__ */ t("span", { className: l.SearchIcon, children: /* @__PURE__ */ _("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: [
486
+ /* @__PURE__ */ t("circle", { cx: "5", cy: "5", r: "3.5" }),
487
+ /* @__PURE__ */ t("line", { x1: "8", y1: "8", x2: "11", y2: "11" })
477
488
  ] }) }),
478
- /* @__PURE__ */ n(
489
+ /* @__PURE__ */ t(
479
490
  "input",
480
491
  {
481
492
  ref: e,
482
493
  className: l.SearchInput,
483
- value: t,
494
+ value: n,
484
495
  onChange: o,
485
496
  onKeyDown: r,
486
497
  placeholder: a
@@ -488,109 +499,126 @@ function gt({ inputRef: e, query: t, onChange: o, onKeyDown: r, placeholder: a }
488
499
  )
489
500
  ] }) });
490
501
  }
491
- function Ct({ count: e }) {
492
- return /* @__PURE__ */ n(b, { children: Array.from({ length: e }).map((t, o) => /* @__PURE__ */ n("div", { className: l.SkeletonRow }, o)) });
502
+ function Et({ count: e }) {
503
+ return /* @__PURE__ */ t(A, { children: Array.from({ length: e }).map((n, o) => /* @__PURE__ */ t("div", { className: l.SkeletonRow }, o)) });
493
504
  }
494
- function vt({
505
+ function At({
495
506
  onSearch: e,
496
- onCreate: t,
507
+ onCreate: n,
497
508
  onPick: o,
498
509
  onClose: r,
499
510
  anchorRef: a,
500
511
  placeholder: s,
501
- options: c = [],
502
- excluded: i = [],
503
- selected: p = [],
504
- multiSelect: d = !1,
512
+ options: i = [],
513
+ excluded: d = [],
514
+ selected: f = [],
515
+ multiSelect: u = !1,
505
516
  selectedAtTop: h = !1,
506
517
  isLoading: m = !1,
507
518
  emptyHint: g = "no results found",
508
519
  skeletonRowCount: I = 4,
509
- onError: B = console.error,
510
- glass: R = !1,
511
- portal: G = !1
520
+ onError: b = console.error,
521
+ glass: B = !1,
522
+ portal: F = !1
512
523
  }) {
513
- const [T, F] = k(""), [M, y] = k(!1), [C, $] = k(null), z = U(null), K = U(null), W = !!e, Q = An(T, e);
514
- Pn(K, r, a);
515
- const x = R || G;
516
- pe(() => {
517
- if (!x) return;
518
- function f() {
519
- a?.current && $(a.current.getBoundingClientRect());
524
+ const [j, G] = D(""), [P, w] = D(!1), [C, q] = D(null), H = K(null), X = K(null), x = !!e, Y = Vn(j, e);
525
+ $n(X, r, a);
526
+ const E = B || F;
527
+ Le(() => {
528
+ if (!E) return;
529
+ function c() {
530
+ a?.current && q(a.current.getBoundingClientRect());
520
531
  }
521
- return f(), window.addEventListener("scroll", f, !0), window.addEventListener("resize", f), () => {
522
- window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
532
+ return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
533
+ window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
523
534
  };
524
- }, [x, a]), j(() => {
525
- W && z.current?.focus();
526
- }, [W]);
527
- const H = (e ? Q : c).filter(
528
- (f) => !i.includes(A(f))
529
- ), D = h ? [
530
- ...H.filter((f) => p.includes(A(f))),
531
- ...H.filter((f) => !p.includes(A(f)))
532
- ] : H, E = T.trim(), O = D.some(
533
- (f) => X(f).toLowerCase() === E.toLowerCase()
534
- ), V = !!t && E.length > 0 && !O;
535
- async function ne() {
536
- !E || M || !t || (y(!0), t(E).then(Y).catch(B).finally(() => y(!1)));
535
+ }, [E, a]), U(() => {
536
+ x && H.current?.focus();
537
+ }, [x]);
538
+ const $ = (e ? Y : i).flatMap((c) => {
539
+ if (V(c)) {
540
+ const z = c.options.filter((Ne) => !d.includes(T(Ne)));
541
+ return z.length > 0 ? [{ ...c, options: z }] : [];
542
+ }
543
+ return d.includes(T(c)) ? [] : [c];
544
+ }), Q = h ? [
545
+ ...$.filter((c) => !V(c) && f.includes(T(c))),
546
+ ...$.filter((c) => V(c) || !f.includes(T(c)))
547
+ ] : $, W = me(Q), y = j.trim(), oe = W.some(
548
+ (c) => te(c).toLowerCase() === y.toLowerCase()
549
+ ), re = !!n && y.length > 0 && !oe;
550
+ async function ce() {
551
+ !y || P || !n || (w(!0), n(y).then(J).catch(b).finally(() => w(!1)));
537
552
  }
538
- function Y(f) {
539
- o(f), d || r();
553
+ function J(c) {
554
+ o(c), u || r();
540
555
  }
541
- function ie(f) {
542
- F(f.target.value);
556
+ function ge(c) {
557
+ G(c.target.value);
543
558
  }
544
- function le(f) {
545
- f.key === "Enter" && (f.preventDefault(), D.length > 0 ? Y(D[0]) : V && ne());
559
+ function Ce(c) {
560
+ c.key === "Enter" && (c.preventDefault(), W.length > 0 ? J(W[0]) : re && ce());
546
561
  }
547
- const de = s ?? (t ? "search or add new…" : "search…");
548
- if (x && !C) return null;
549
- const te = /* @__PURE__ */ n(
562
+ const ve = s ?? (n ? "search or add new…" : "search…");
563
+ if (E && !C) return null;
564
+ const le = /* @__PURE__ */ t(
550
565
  "div",
551
566
  {
552
- ref: K,
553
- className: _(l.PanelWrapper, { [l.Portal]: x }),
554
- style: x && C ? { top: C.bottom, left: C.left, width: C.width } : void 0,
555
- children: /* @__PURE__ */ u("div", { className: _(l.PanelContainer, { [l.Glass]: R }), children: [
556
- W && /* @__PURE__ */ n(
557
- gt,
567
+ ref: X,
568
+ className: p(l.PanelWrapper, { [l.Portal]: E }),
569
+ style: E && C ? { top: C.bottom, left: C.left, width: C.width } : void 0,
570
+ children: /* @__PURE__ */ _("div", { className: p(l.PanelContainer, { [l.Glass]: B }), children: [
571
+ x && /* @__PURE__ */ t(
572
+ jt,
558
573
  {
559
- inputRef: z,
560
- query: T,
561
- onChange: ie,
562
- onKeyDown: le,
563
- placeholder: de
574
+ inputRef: H,
575
+ query: j,
576
+ onChange: ge,
577
+ onKeyDown: Ce,
578
+ placeholder: ve
564
579
  }
565
580
  ),
566
- /* @__PURE__ */ n("div", { className: l.ResultsList, children: m ? /* @__PURE__ */ n(Ct, { count: I }) : /* @__PURE__ */ u(b, { children: [
567
- D.map((f) => /* @__PURE__ */ n(
568
- mt,
581
+ /* @__PURE__ */ t("div", { className: l.ResultsList, children: m ? /* @__PURE__ */ t(Et, { count: I }) : /* @__PURE__ */ _(A, { children: [
582
+ Q.map((c) => V(c) ? /* @__PURE__ */ _(Te, { children: [
583
+ /* @__PURE__ */ t(kt, { label: c.group }),
584
+ c.options.map((z) => /* @__PURE__ */ t(
585
+ pe,
586
+ {
587
+ opt: z,
588
+ isSelected: f.includes(T(z)),
589
+ multiSelect: u,
590
+ onPick: J,
591
+ indented: !0
592
+ },
593
+ T(z)
594
+ ))
595
+ ] }, `group:${c.group}`) : /* @__PURE__ */ t(
596
+ pe,
569
597
  {
570
- opt: f,
571
- isSelected: p.includes(A(f)),
572
- multiSelect: d,
573
- onPick: Y
598
+ opt: c,
599
+ isSelected: f.includes(T(c)),
600
+ multiSelect: u,
601
+ onPick: J
574
602
  },
575
- A(f)
603
+ T(c)
576
604
  )),
577
- V && /* @__PURE__ */ n(
578
- ht,
605
+ re && /* @__PURE__ */ t(
606
+ Rt,
579
607
  {
580
- query: E,
581
- withBorder: D.length > 0,
582
- onCreate: ne
608
+ query: y,
609
+ withBorder: W.length > 0,
610
+ onCreate: ce
583
611
  }
584
612
  ),
585
- D.length === 0 && !V && /* @__PURE__ */ n("div", { className: l.EmptyHint, children: g })
613
+ W.length === 0 && !re && /* @__PURE__ */ t("div", { className: l.EmptyHint, children: g })
586
614
  ] }) })
587
615
  ] })
588
616
  }
589
617
  );
590
- return x ? Ce(te, document.body) : te;
618
+ return E ? ke(le, document.body) : le;
591
619
  }
592
- function wt({ size: e = 14, strokeWidth: t = 2, className: o }) {
593
- return /* @__PURE__ */ n(
620
+ function bt({ size: e = 14, strokeWidth: n = 2, className: o }) {
621
+ return /* @__PURE__ */ t(
594
622
  "svg",
595
623
  {
596
624
  viewBox: "0 0 24 24",
@@ -598,16 +626,16 @@ function wt({ size: e = 14, strokeWidth: t = 2, className: o }) {
598
626
  height: e,
599
627
  fill: "none",
600
628
  stroke: "currentColor",
601
- strokeWidth: t,
629
+ strokeWidth: n,
602
630
  strokeLinecap: "round",
603
631
  strokeLinejoin: "round",
604
632
  className: o,
605
- children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" })
633
+ children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" })
606
634
  }
607
635
  );
608
636
  }
609
- function no({ size: e = 18, strokeWidth: t = 2.5, shrink: o = !0 }) {
610
- return /* @__PURE__ */ n(
637
+ function vo({ size: e = 18, strokeWidth: n = 2.5, shrink: o = !0 }) {
638
+ return /* @__PURE__ */ t(
611
639
  "svg",
612
640
  {
613
641
  viewBox: "0 0 24 24",
@@ -615,16 +643,16 @@ function no({ size: e = 18, strokeWidth: t = 2.5, shrink: o = !0 }) {
615
643
  height: e,
616
644
  fill: "none",
617
645
  stroke: "currentColor",
618
- strokeWidth: t,
646
+ strokeWidth: n,
619
647
  strokeLinecap: "round",
620
648
  strokeLinejoin: "round",
621
649
  style: o ? { flexShrink: 0 } : void 0,
622
- children: /* @__PURE__ */ n("polyline", { points: "20 6 9 17 4 12" })
650
+ children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12" })
623
651
  }
624
652
  );
625
653
  }
626
- function to() {
627
- return /* @__PURE__ */ u(
654
+ function No() {
655
+ return /* @__PURE__ */ _(
628
656
  "svg",
629
657
  {
630
658
  viewBox: "0 0 24 24",
@@ -636,14 +664,14 @@ function to() {
636
664
  strokeLinecap: "round",
637
665
  strokeLinejoin: "round",
638
666
  children: [
639
- /* @__PURE__ */ n("path", { d: "M12 20h9" }),
640
- /* @__PURE__ */ n("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z" })
667
+ /* @__PURE__ */ t("path", { d: "M12 20h9" }),
668
+ /* @__PURE__ */ t("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z" })
641
669
  ]
642
670
  }
643
671
  );
644
672
  }
645
- function oo() {
646
- return /* @__PURE__ */ u(
673
+ function Io() {
674
+ return /* @__PURE__ */ _(
647
675
  "svg",
648
676
  {
649
677
  viewBox: "0 0 24 24",
@@ -655,14 +683,14 @@ function oo() {
655
683
  strokeLinecap: "round",
656
684
  strokeLinejoin: "round",
657
685
  children: [
658
- /* @__PURE__ */ n("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
659
- /* @__PURE__ */ n("circle", { cx: "12", cy: "7", r: "4" })
686
+ /* @__PURE__ */ t("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
687
+ /* @__PURE__ */ t("circle", { cx: "12", cy: "7", r: "4" })
660
688
  ]
661
689
  }
662
690
  );
663
691
  }
664
- function ro({ size: e = 14, strokeWidth: t = 2, className: o }) {
665
- return /* @__PURE__ */ u(
692
+ function wo({ size: e = 14, strokeWidth: n = 2, className: o }) {
693
+ return /* @__PURE__ */ _(
666
694
  "svg",
667
695
  {
668
696
  viewBox: "0 0 24 24",
@@ -670,205 +698,205 @@ function ro({ size: e = 14, strokeWidth: t = 2, className: o }) {
670
698
  height: e,
671
699
  fill: "none",
672
700
  stroke: "currentColor",
673
- strokeWidth: t,
701
+ strokeWidth: n,
674
702
  strokeLinecap: "round",
675
703
  strokeLinejoin: "round",
676
704
  className: o,
677
705
  children: [
678
- /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "7" }),
679
- /* @__PURE__ */ n("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
706
+ /* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "7" }),
707
+ /* @__PURE__ */ t("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
680
708
  ]
681
709
  }
682
710
  );
683
711
  }
684
- function It({ triggerRef: e, isOpen: t, onClick: o, selectedOptions: r, multiSelect: a, placeholder: s, onOverflow: c = "scroll" }) {
685
- const i = c === "expand";
686
- return /* @__PURE__ */ u(
712
+ function Bt({ triggerRef: e, isOpen: n, onClick: o, selectedOptions: r, multiSelect: a, placeholder: s, onOverflow: i = "scroll" }) {
713
+ const d = i === "expand";
714
+ return /* @__PURE__ */ _(
687
715
  "button",
688
716
  {
689
717
  type: "button",
690
718
  ref: e,
691
- className: _(
719
+ className: p(
692
720
  l.TriggerContainer,
693
- t && l.Open,
721
+ n && l.Open,
694
722
  a && l.MultiSelect,
695
- i && l.ExpandHeight
723
+ d && l.ExpandHeight
696
724
  ),
697
725
  onClick: o,
698
- "aria-expanded": t,
726
+ "aria-expanded": n,
699
727
  "aria-haspopup": "listbox",
700
728
  children: [
701
- a && r.length > 0 ? /* @__PURE__ */ n("div", { className: _(l.ChipsWrapper, i && l.Expand), children: r.map((p, d) => /* @__PURE__ */ n("span", { className: l.Chip, children: X(p) }, d)) }) : /* @__PURE__ */ n("span", { className: r.length === 0 ? l.TriggerPlaceholder : l.TriggerValue, children: r.length === 0 ? s : r.map(X).join(", ") }),
702
- /* @__PURE__ */ n("span", { className: l.TriggerIcon, children: /* @__PURE__ */ n(wt, { size: 12 }) })
729
+ a && r.length > 0 ? /* @__PURE__ */ t("div", { className: p(l.ChipsWrapper, d && l.Expand), children: r.map((f, u) => /* @__PURE__ */ t("span", { className: l.Chip, children: te(f) }, u)) }) : /* @__PURE__ */ t("span", { className: r.length === 0 ? l.TriggerPlaceholder : l.TriggerValue, children: r.length === 0 ? s : r.map(te).join(", ") }),
730
+ /* @__PURE__ */ t("span", { className: l.TriggerIcon, children: /* @__PURE__ */ t(bt, { size: 12 }) })
703
731
  ]
704
732
  }
705
733
  );
706
734
  }
707
- function so({
735
+ function yo({
708
736
  options: e = [],
709
- value: t,
737
+ value: n,
710
738
  onChange: o,
711
739
  onSearch: r,
712
740
  onCreate: a,
713
741
  excluded: s,
714
- multiSelect: c = !1,
715
- selectedAtTop: i = !1,
716
- onOverflow: p = "scroll",
717
- label: d,
742
+ multiSelect: i = !1,
743
+ selectedAtTop: d = !1,
744
+ onOverflow: f = "scroll",
745
+ label: u,
718
746
  placeholder: h = "select…",
719
747
  searchPlaceholder: m,
720
748
  emptyHint: g,
721
749
  isLoading: I,
722
- skeletonRowCount: B,
723
- onError: R,
724
- className: G,
725
- glass: T = !1,
726
- portal: F = !1,
727
- children: M
750
+ skeletonRowCount: b,
751
+ onError: B,
752
+ className: F,
753
+ glass: j = !1,
754
+ portal: G = !1,
755
+ children: P
728
756
  }) {
729
- const { isOpen: y, triggerRef: C, toggleOpen: $, close: z } = En(), K = w("Dropdown", G), W = Mn(t, e), Q = y || W.length > 0, x = d && !Q ? "" : h;
730
- function H(E) {
731
- const O = A(E);
757
+ const { isOpen: w, triggerRef: C, toggleOpen: q, close: H } = Hn(), X = N("Dropdown", F), x = Kn(n, me(e)), Y = w || x.length > 0, E = u && !Y ? "" : h;
758
+ function $(W) {
759
+ const y = T(W);
732
760
  o(
733
- c ? t.includes(O) ? t.filter((V) => V !== O) : [...t, O] : [O]
761
+ i ? n.includes(y) ? n.filter((oe) => oe !== y) : [...n, y] : [y]
734
762
  );
735
763
  }
736
- const D = {
764
+ const Q = {
737
765
  ref: C,
738
- onClick: $,
739
- "aria-expanded": y,
766
+ onClick: q,
767
+ "aria-expanded": w,
740
768
  "aria-haspopup": "listbox"
741
769
  };
742
- return /* @__PURE__ */ u("div", { className: _(l.DropdownContainer, K), children: [
743
- d && /* @__PURE__ */ n("label", { className: _(l.Label, { [l.lifted]: Q }), children: d }),
744
- M ? M({ selectedOptions: W, isOpen: y, toggleOpen: $, close: z, triggerProps: D }) : /* @__PURE__ */ n(
745
- It,
770
+ return /* @__PURE__ */ _("div", { className: p(l.DropdownContainer, X), children: [
771
+ u && /* @__PURE__ */ t("label", { className: p(l.Label, { [l.lifted]: Y }), children: u }),
772
+ P ? P({ selectedOptions: x, isOpen: w, toggleOpen: q, close: H, triggerProps: Q }) : /* @__PURE__ */ t(
773
+ Bt,
746
774
  {
747
775
  triggerRef: C,
748
- isOpen: y,
749
- onClick: $,
750
- selectedOptions: W,
751
- multiSelect: c,
752
- onOverflow: p,
753
- placeholder: x
776
+ isOpen: w,
777
+ onClick: q,
778
+ selectedOptions: x,
779
+ multiSelect: i,
780
+ onOverflow: f,
781
+ placeholder: E
754
782
  }
755
783
  ),
756
- y && /* @__PURE__ */ n(
757
- vt,
784
+ w && /* @__PURE__ */ t(
785
+ At,
758
786
  {
759
787
  options: e,
760
788
  onSearch: r,
761
789
  onCreate: a,
762
- onPick: H,
763
- onClose: z,
790
+ onPick: $,
791
+ onClose: H,
764
792
  anchorRef: C,
765
793
  excluded: s,
766
- multiSelect: c,
767
- selectedAtTop: i,
768
- selected: t,
794
+ multiSelect: i,
795
+ selectedAtTop: d,
796
+ selected: n,
769
797
  placeholder: m,
770
798
  emptyHint: g,
771
799
  isLoading: I,
772
- skeletonRowCount: B,
773
- onError: R,
774
- glass: T,
775
- portal: F
800
+ skeletonRowCount: b,
801
+ onError: B,
802
+ glass: j,
803
+ portal: G
776
804
  }
777
805
  )
778
806
  ] });
779
807
  }
780
- const yt = "_Btn_1tozl_10", Nt = "_Primary_1tozl_35", kt = "_Secondary_1tozl_50", St = "_Ghost_1tozl_62", Lt = "_IconDanger_1tozl_74", Tt = "_Danger_1tozl_95", q = {
781
- Btn: yt,
782
- Primary: Nt,
783
- Secondary: kt,
784
- Ghost: St,
785
- IconDanger: Lt,
786
- Danger: Tt
787
- }, xt = {
788
- primary: q.Primary,
789
- secondary: q.Secondary,
790
- danger: q.Danger,
791
- ghost: q.Ghost,
792
- iconDanger: q.IconDanger
808
+ const xt = "_Btn_1tozl_10", Wt = "_Primary_1tozl_35", Ot = "_Secondary_1tozl_50", Pt = "_Ghost_1tozl_62", zt = "_IconDanger_1tozl_74", Mt = "_Danger_1tozl_95", M = {
809
+ Btn: xt,
810
+ Primary: Wt,
811
+ Secondary: Ot,
812
+ Ghost: Pt,
813
+ IconDanger: zt,
814
+ Danger: Mt
815
+ }, Ut = {
816
+ primary: M.Primary,
817
+ secondary: M.Secondary,
818
+ danger: M.Danger,
819
+ ghost: M.Ghost,
820
+ iconDanger: M.IconDanger
793
821
  };
794
- function ao({ variant: e = "default", className: t, children: o, ...r }) {
795
- const a = w("Button", t), s = e === "unstyled";
796
- return /* @__PURE__ */ n(
822
+ function Lo({ variant: e = "default", className: n, children: o, ...r }) {
823
+ const a = N("Button", n), s = e === "unstyled";
824
+ return /* @__PURE__ */ t(
797
825
  "button",
798
826
  {
799
827
  type: "button",
800
828
  ...r,
801
- className: _(!s && q.Btn, !s && xt[e], a),
829
+ className: p(!s && M.Btn, !s && Ut[e], a),
802
830
  children: o
803
831
  }
804
832
  );
805
833
  }
806
- const Dt = "_ConfirmWrapper_1tq4o_4", bt = "_ConfirmContainer_1tq4o_1", Bt = "_Glass_1tq4o_24", Rt = "_ConfirmTitle_1tq4o_30", Wt = "_ConfirmMessage_1tq4o_38", Et = "_ConfirmActions_1tq4o_45", Pt = "_BtnCancel_1tq4o_53", At = "_BtnConfirm_1tq4o_73", Mt = "_BtnDanger_1tq4o_92", S = {
807
- ConfirmWrapper: Dt,
808
- ConfirmContainer: bt,
809
- Glass: Bt,
810
- ConfirmTitle: Rt,
811
- ConfirmMessage: Wt,
812
- ConfirmActions: Et,
813
- BtnCancel: Pt,
814
- BtnConfirm: At,
815
- BtnDanger: Mt
834
+ const Ft = "_ConfirmWrapper_1tq4o_4", Gt = "_ConfirmContainer_1tq4o_1", qt = "_Glass_1tq4o_24", Ht = "_ConfirmTitle_1tq4o_30", $t = "_ConfirmMessage_1tq4o_38", Vt = "_ConfirmActions_1tq4o_45", Kt = "_BtnCancel_1tq4o_53", Xt = "_BtnConfirm_1tq4o_73", Yt = "_BtnDanger_1tq4o_92", S = {
835
+ ConfirmWrapper: Ft,
836
+ ConfirmContainer: Gt,
837
+ Glass: qt,
838
+ ConfirmTitle: Ht,
839
+ ConfirmMessage: $t,
840
+ ConfirmActions: Vt,
841
+ BtnCancel: Kt,
842
+ BtnConfirm: Xt,
843
+ BtnDanger: Yt
816
844
  };
817
- function co({
845
+ function To({
818
846
  title: e,
819
- message: t,
847
+ message: n,
820
848
  confirmLabel: o = "Confirm",
821
849
  cancelLabel: r = "Cancel",
822
850
  danger: a = !1,
823
851
  onConfirm: s,
824
- onClose: c,
825
- className: i,
826
- glass: p = !1
852
+ onClose: i,
853
+ className: d,
854
+ glass: f = !1
827
855
  }) {
828
- const [d, h] = k(!1), m = w("ConfirmDialog", i);
856
+ const [u, h] = D(!1), m = N("ConfirmDialog", d);
829
857
  function g() {
830
858
  h(!0), Promise.resolve(s()).finally(() => {
831
- h(!1), c();
859
+ h(!1), i();
832
860
  });
833
861
  }
834
- return /* @__PURE__ */ n("div", { className: S.ConfirmWrapper, children: /* @__PURE__ */ u("div", { className: _(S.ConfirmContainer, { [S.Glass]: p }, m), role: "dialog", "aria-modal": "true", children: [
835
- /* @__PURE__ */ n("h2", { className: S.ConfirmTitle, children: e }),
836
- /* @__PURE__ */ n("p", { className: S.ConfirmMessage, children: t }),
837
- /* @__PURE__ */ u("div", { className: S.ConfirmActions, children: [
838
- /* @__PURE__ */ n("button", { className: S.BtnCancel, type: "button", onClick: c, disabled: d, children: r }),
839
- /* @__PURE__ */ n(
862
+ return /* @__PURE__ */ t("div", { className: S.ConfirmWrapper, children: /* @__PURE__ */ _("div", { className: p(S.ConfirmContainer, { [S.Glass]: f }, m), role: "dialog", "aria-modal": "true", children: [
863
+ /* @__PURE__ */ t("h2", { className: S.ConfirmTitle, children: e }),
864
+ /* @__PURE__ */ t("p", { className: S.ConfirmMessage, children: n }),
865
+ /* @__PURE__ */ _("div", { className: S.ConfirmActions, children: [
866
+ /* @__PURE__ */ t("button", { className: S.BtnCancel, type: "button", onClick: i, disabled: u, children: r }),
867
+ /* @__PURE__ */ t(
840
868
  "button",
841
869
  {
842
- className: _(a ? S.BtnDanger : S.BtnConfirm),
870
+ className: p(a ? S.BtnDanger : S.BtnConfirm),
843
871
  type: "button",
844
872
  onClick: g,
845
- disabled: d,
846
- children: d ? "…" : o
873
+ disabled: u,
874
+ children: u ? "…" : o
847
875
  }
848
876
  )
849
877
  ] })
850
878
  ] }) });
851
879
  }
852
- const Ot = "_InfoWrapper_cqv58_4", qt = "_InfoContainer_cqv58_1", jt = "_Glass_cqv58_24", Gt = "_InfoTitle_cqv58_30", Ft = "_InfoMessage_cqv58_38", $t = "_InfoActions_cqv58_45", zt = "_BtnClose_cqv58_52", P = {
853
- InfoWrapper: Ot,
854
- InfoContainer: qt,
855
- Glass: jt,
856
- InfoTitle: Gt,
857
- InfoMessage: Ft,
858
- InfoActions: $t,
859
- BtnClose: zt
880
+ const Qt = "_InfoWrapper_cqv58_4", Jt = "_InfoContainer_cqv58_1", Zt = "_Glass_cqv58_24", eo = "_InfoTitle_cqv58_30", no = "_InfoMessage_cqv58_38", to = "_InfoActions_cqv58_45", oo = "_BtnClose_cqv58_52", O = {
881
+ InfoWrapper: Qt,
882
+ InfoContainer: Jt,
883
+ Glass: Zt,
884
+ InfoTitle: eo,
885
+ InfoMessage: no,
886
+ InfoActions: to,
887
+ BtnClose: oo
860
888
  };
861
- function io({ title: e, message: t, onClose: o, className: r, glass: a = !1 }) {
862
- const s = w("InfoDialog", r);
863
- return /* @__PURE__ */ n("div", { className: P.InfoWrapper, children: /* @__PURE__ */ u("div", { className: _(P.InfoContainer, { [P.Glass]: a }, s), role: "dialog", "aria-modal": "true", children: [
864
- /* @__PURE__ */ n("h2", { className: P.InfoTitle, children: e }),
865
- /* @__PURE__ */ n("p", { className: P.InfoMessage, children: t }),
866
- /* @__PURE__ */ n("div", { className: P.InfoActions, children: /* @__PURE__ */ n("button", { className: P.BtnClose, type: "button", onClick: o, children: "Got it" }) })
889
+ function Do({ title: e, message: n, onClose: o, className: r, glass: a = !1 }) {
890
+ const s = N("InfoDialog", r);
891
+ return /* @__PURE__ */ t("div", { className: O.InfoWrapper, children: /* @__PURE__ */ _("div", { className: p(O.InfoContainer, { [O.Glass]: a }, s), role: "dialog", "aria-modal": "true", children: [
892
+ /* @__PURE__ */ t("h2", { className: O.InfoTitle, children: e }),
893
+ /* @__PURE__ */ t("p", { className: O.InfoMessage, children: n }),
894
+ /* @__PURE__ */ t("div", { className: O.InfoActions, children: /* @__PURE__ */ t("button", { className: O.BtnClose, type: "button", onClick: o, children: "Got it" }) })
867
895
  ] }) });
868
896
  }
869
- function lo({ buttons: e, containerClassName: t }) {
870
- const o = w("ModalActions", t);
871
- return /* @__PURE__ */ n("div", { className: o, children: e.map((r, a) => /* @__PURE__ */ n(
897
+ function So({ buttons: e, containerClassName: n }) {
898
+ const o = N("ModalActions", n);
899
+ return /* @__PURE__ */ t("div", { className: o, children: e.map((r, a) => /* @__PURE__ */ t(
872
900
  "button",
873
901
  {
874
902
  className: r.className,
@@ -880,17 +908,17 @@ function lo({ buttons: e, containerClassName: t }) {
880
908
  a
881
909
  )) });
882
910
  }
883
- function uo({ onClick: e, disabled: t, className: o }) {
884
- const r = w("ModalClose", o);
885
- return /* @__PURE__ */ n(
911
+ function Ro({ onClick: e, disabled: n, className: o }) {
912
+ const r = N("ModalClose", o);
913
+ return /* @__PURE__ */ t(
886
914
  "button",
887
915
  {
888
916
  className: r,
889
917
  type: "button",
890
918
  onClick: e,
891
- disabled: t,
919
+ disabled: n,
892
920
  "aria-label": "Close",
893
- children: /* @__PURE__ */ u(
921
+ children: /* @__PURE__ */ _(
894
922
  "svg",
895
923
  {
896
924
  viewBox: "0 0 24 24",
@@ -901,38 +929,117 @@ function uo({ onClick: e, disabled: t, className: o }) {
901
929
  strokeWidth: "1.8",
902
930
  strokeLinecap: "round",
903
931
  children: [
904
- /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
905
- /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
932
+ /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
933
+ /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
906
934
  ]
907
935
  }
908
936
  )
909
937
  }
910
938
  );
911
939
  }
912
- function _o({ classNames: e, children: t }) {
913
- return /* @__PURE__ */ n(ae.Provider, { value: e, children: t });
940
+ function ko({ classNames: e, children: n }) {
941
+ return /* @__PURE__ */ t(fe.Provider, { value: e, children: n });
942
+ }
943
+ var ie = /* @__PURE__ */ ((e) => (e[e.OK = 0] = "OK", e[e.CANCELLED = 1] = "CANCELLED", e[e.UNKNOWN = 2] = "UNKNOWN", e[e.INVALID_ARGUMENT = 3] = "INVALID_ARGUMENT", e[e.DEADLINE_EXCEEDED = 4] = "DEADLINE_EXCEEDED", e[e.NOT_FOUND = 5] = "NOT_FOUND", e[e.ALREADY_EXISTS = 6] = "ALREADY_EXISTS", e[e.PERMISSION_DENIED = 7] = "PERMISSION_DENIED", e[e.RESOURCE_EXHAUSTED = 8] = "RESOURCE_EXHAUSTED", e[e.FAILED_PRECONDITION = 9] = "FAILED_PRECONDITION", e[e.ABORTED = 10] = "ABORTED", e[e.OUT_OF_RANGE = 11] = "OUT_OF_RANGE", e[e.UNIMPLEMENTED = 12] = "UNIMPLEMENTED", e[e.INTERNAL = 13] = "INTERNAL", e[e.UNAVAILABLE = 14] = "UNAVAILABLE", e[e.DATA_LOSS = 15] = "DATA_LOSS", e[e.UNAUTHENTICATED = 16] = "UNAUTHENTICATED", e))(ie || {});
944
+ const ro = "type.googleapis.com/google.rpc.ErrorInfo", so = "type.googleapis.com/google.rpc.BadRequest", ao = "type.googleapis.com/google.rpc.PreconditionFailure";
945
+ function ee(e) {
946
+ return typeof e == "object" && e !== null;
947
+ }
948
+ function R(e) {
949
+ return typeof e == "string" ? e : "";
950
+ }
951
+ function io(e) {
952
+ if (!ee(e))
953
+ return { kind: "Unknown", typeUrl: "", raw: e };
954
+ const n = R(e["@type"]);
955
+ switch (n) {
956
+ case ro: {
957
+ const o = ee(e.metadata) ? e.metadata : {}, r = {};
958
+ for (const a of Object.keys(o))
959
+ r[a] = R(o[a]);
960
+ return {
961
+ kind: "ErrorInfo",
962
+ reason: R(e.reason),
963
+ domain: R(e.domain),
964
+ metadata: r
965
+ };
966
+ }
967
+ case so:
968
+ return { kind: "BadRequest", fieldViolations: (Array.isArray(e.fieldViolations) ? e.fieldViolations : []).map((a) => {
969
+ const s = ee(a) ? a : {};
970
+ return {
971
+ field: R(s.field),
972
+ description: R(s.description)
973
+ };
974
+ }) };
975
+ case ao:
976
+ return { kind: "PreconditionFailure", violations: (Array.isArray(e.violations) ? e.violations : []).map((a) => {
977
+ const s = ee(a) ? a : {};
978
+ return {
979
+ type: R(s.type),
980
+ subject: R(s.subject),
981
+ description: R(s.description)
982
+ };
983
+ }) };
984
+ default:
985
+ return { kind: "Unknown", typeUrl: n, raw: e };
986
+ }
987
+ }
988
+ function jo(e) {
989
+ return e.kind === "ErrorInfo";
990
+ }
991
+ function Eo(e) {
992
+ return e.kind === "BadRequest";
993
+ }
994
+ function Ao(e) {
995
+ return e.kind === "PreconditionFailure";
996
+ }
997
+ class ne extends Error {
998
+ constructor(n) {
999
+ super(n.title), this.isRetryable = n.isRetryable ?? !1, this.grpcCode = n.grpcCode, this.details = n.details ?? [];
1000
+ }
1001
+ }
1002
+ function bo(e) {
1003
+ if (e instanceof ne) return e;
1004
+ if (e instanceof Error && e.message === "Failed to fetch")
1005
+ return new ne({ title: "Server unavailable. Try again later", isRetryable: !0 });
1006
+ if (typeof e == "object" && e !== null && "code" in e) {
1007
+ const n = e, o = n.code === ie.UNAVAILABLE || n.code === ie.INTERNAL, r = (n.details ?? []).map(io);
1008
+ return new ne({ title: n.message, isRetryable: o, grpcCode: n.code, details: r });
1009
+ }
1010
+ return new ne({ title: String(e), isRetryable: !1 });
914
1011
  }
915
1012
  export {
916
- oo as AvatarFallbackIcon,
917
- ao as Button,
918
- no as CheckmarkIcon,
919
- wt as ChevronDownIcon,
920
- _o as ChuresConfigProvider,
921
- co as ConfirmDialog,
922
- so as Dropdown,
923
- to as EditPencilIcon,
924
- io as InfoDialog,
925
- Zt as Input,
926
- He as Loader,
927
- Jt as LoadingWrapper,
928
- lo as ModalActions,
929
- uo as ModalClose,
930
- ro as SearchIcon,
931
- Xt as TelegramAuth,
932
- nn as TelegramSignInButton,
933
- Yt as Toaster,
934
- eo as Toggle,
935
- w as useComponentClassName,
936
- Qe as useTelegramLogin,
937
- ce as useToaster
1013
+ Io as AvatarFallbackIcon,
1014
+ so as BAD_REQUEST_TYPE_URL,
1015
+ Lo as Button,
1016
+ vo as CheckmarkIcon,
1017
+ bt as ChevronDownIcon,
1018
+ ko as ChuresConfigProvider,
1019
+ To as ConfirmDialog,
1020
+ yo as Dropdown,
1021
+ ro as ERROR_INFO_TYPE_URL,
1022
+ No as EditPencilIcon,
1023
+ ie as Errors,
1024
+ Do as InfoDialog,
1025
+ go as Input,
1026
+ tn as Loader,
1027
+ fo as LoadingWrapper,
1028
+ So as ModalActions,
1029
+ Ro as ModalClose,
1030
+ ao as PRECONDITION_FAILURE_TYPE_URL,
1031
+ wo as SearchIcon,
1032
+ ne as ServiceError,
1033
+ ho as TelegramAuth,
1034
+ pn as TelegramSignInButton,
1035
+ mo as Toaster,
1036
+ Co as Toggle,
1037
+ Eo as isBadRequest,
1038
+ jo as isErrorInfo,
1039
+ Ao as isPreconditionFailure,
1040
+ io as parseErrorDetail,
1041
+ bo as parseGrpcError,
1042
+ N as useComponentClassName,
1043
+ an as useTelegramLogin,
1044
+ he as useToaster
938
1045
  };