@vervstack/chures 0.0.27 → 0.0.29

package/dist/chures.js

@@ -1,16 +1,16 @@
 (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)}})();
-import { jsx as t, jsxs as _, Fragment as A } from "react/jsx-runtime";
-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";
-import { AnimatePresence as De, motion as Se } from "framer-motion";
-import { create as Re } from "zustand";
-import { createPortal as ke } from "react-dom";
-function je(e) {
+import { jsx as t, jsxs as _, Fragment as b } from "react/jsx-runtime";
+import { createContext as ye, useContext as Le, useRef as Y, useState as T, useEffect as G, forwardRef as Te, useCallback as _e, useLayoutEffect as De, Fragment as ae } from "react";
+import { AnimatePresence as Se, motion as Re } from "framer-motion";
+import { create as ke } from "zustand";
+import { createPortal as je } from "react-dom";
+function Ee(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var se = { exports: {} };
-var ue;
-function Ee() {
-  return ue || (ue = 1, (function(e) {
+var ie = { exports: {} };
+var fe;
+function Ae() {
+  return fe || (fe = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -39,53 +39,53 @@ function Ee() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  })(se)), se.exports;
+  })(ie)), ie.exports;
 }
-var Ae = Ee();
-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 = {
-  LoaderContainer: be,
-  sm: Be,
-  md: xe,
-  lg: We,
+var be = Ae();
+const f = /* @__PURE__ */ Ee(be), Be = "_LoaderContainer_wa8op_24", xe = "_sm_wa8op_31", We = "_md_wa8op_32", Pe = "_lg_wa8op_33", Oe = "_Arc1_wa8op_37", ze = "_Arc2_wa8op_38", Me = "_Arc3_wa8op_39", Ue = "_spin_wa8op_1", Fe = "_Ring1_wa8op_71", Ge = "_Ring2_wa8op_72", qe = "_Ring3_wa8op_73", He = "_ripple_wa8op_1", $e = "_Dot1_wa8op_86", Ve = "_Dot2_wa8op_87", Ke = "_Dot3_wa8op_88", Xe = "_dotPulse_wa8op_1", Ye = "_Wave1_wa8op_105", Qe = "_Wave2_wa8op_106", Je = "_Wave3_wa8op_107", Ze = "_Wave4_wa8op_108", en = "_Wave5_wa8op_109", nn = "_waveBounce_wa8op_1", ee = {
+  LoaderContainer: Be,
+  sm: xe,
+  md: We,
+  lg: Pe,
   Arc1: Oe,
-  Arc2: Pe,
-  Arc3: ze,
-  spin: Me,
-  Ring1: Ue,
-  Ring2: Fe,
-  Ring3: Ge,
-  ripple: qe,
-  Dot1: He,
-  Dot2: $e,
-  Dot3: Ve,
-  dotPulse: Ke,
-  Wave1: Xe,
-  Wave2: Ye,
-  Wave3: Qe,
-  Wave4: Je,
-  Wave5: Ze,
-  waveBounce: en
-}, fe = Ie({});
-function N(e, n) {
-  const o = we(fe);
+  Arc2: ze,
+  Arc3: Me,
+  spin: Ue,
+  Ring1: Fe,
+  Ring2: Ge,
+  Ring3: qe,
+  ripple: He,
+  Dot1: $e,
+  Dot2: Ve,
+  Dot3: Ke,
+  dotPulse: Xe,
+  Wave1: Ye,
+  Wave2: Qe,
+  Wave3: Je,
+  Wave4: Ze,
+  Wave5: en,
+  waveBounce: nn
+}, me = ye({});
+function I(e, n) {
+  const o = Le(me);
   return n ?? o[e];
 }
-function nn(e, n) {
+function tn(e, n) {
   switch (e) {
     case "ripple":
-      return /* @__PURE__ */ _(A, { children: [
+      return /* @__PURE__ */ _(b, { children: [
         /* @__PURE__ */ t("div", { className: n.Ring1 }),
         /* @__PURE__ */ t("div", { className: n.Ring2 }),
         /* @__PURE__ */ t("div", { className: n.Ring3 })
       ] });
     case "dots":
-      return /* @__PURE__ */ _(A, { children: [
+      return /* @__PURE__ */ _(b, { children: [
         /* @__PURE__ */ t("div", { className: n.Dot1 }),
         /* @__PURE__ */ t("div", { className: n.Dot2 }),
         /* @__PURE__ */ t("div", { className: n.Dot3 })
       ] });
     case "wave":
-      return /* @__PURE__ */ _(A, { children: [
+      return /* @__PURE__ */ _(b, { children: [
         /* @__PURE__ */ t("div", { className: n.Wave1 }),
         /* @__PURE__ */ t("div", { className: n.Wave2 }),
         /* @__PURE__ */ t("div", { className: n.Wave3 }),
@@ -93,50 +93,50 @@ function nn(e, n) {
         /* @__PURE__ */ t("div", { className: n.Wave5 })
       ] });
     default:
-      return /* @__PURE__ */ _(A, { children: [
+      return /* @__PURE__ */ _(b, { children: [
         /* @__PURE__ */ t("div", { className: n.Arc1 }),
         /* @__PURE__ */ t("div", { className: n.Arc2 }),
         /* @__PURE__ */ t("div", { className: n.Arc3 })
       ] });
   }
 }
-function tn({ variant: e = "arcs", size: n = "md", color: o, className: r }) {
-  const a = N("Loader", r);
+function on({ variant: e = "arcs", size: n = "md", color: o, className: r }) {
+  const a = I("Loader", r);
   return /* @__PURE__ */ t(
     "div",
     {
-      className: p(Z.LoaderContainer, Z[n], Z[e], a),
+      className: f(ee.LoaderContainer, ee[n], ee[e], a),
       role: "status",
       "aria-label": "Loading",
       style: o ? { "--chures-accent": o } : void 0,
-      children: nn(e, Z)
+      children: tn(e, ee)
     }
   );
 }
-const on = "_LoadingWrapperContainer_1q0w7_1", rn = "_SkeletonWrapper_1q0w7_9", _e = {
-  LoadingWrapperContainer: on,
-  SkeletonWrapper: rn
+const rn = "_LoadingWrapperContainer_1q0w7_1", sn = "_SkeletonWrapper_1q0w7_9", pe = {
+  LoadingWrapperContainer: rn,
+  SkeletonWrapper: sn
 };
-function fo({ isLoading: e, children: n, skeleton: o, loaderProps: r, className: a }) {
-  const s = N("LoadingWrapper", a);
-  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 });
+function ho({ isLoading: e, children: n, skeleton: o, loaderProps: r, className: a }) {
+  const s = I("LoadingWrapper", a);
+  return e ? o ? /* @__PURE__ */ t("div", { className: f(pe.SkeletonWrapper, s), children: o }) : /* @__PURE__ */ t("div", { className: f(pe.LoadingWrapperContainer, s), children: /* @__PURE__ */ t(on, { ...r }) }) : /* @__PURE__ */ t(b, { children: n });
 }
-const sn = "https://oauth.telegram.org/js/telegram-login.js?3";
-function an(e) {
-  const { botId: n, redirectUri: o, requestAccess: r = "write" } = e, a = K(e.onSuccess);
+const an = "https://oauth.telegram.org/js/telegram-login.js?3";
+function cn(e) {
+  const { botId: n, redirectUri: o, requestAccess: r = "write" } = e, a = Y(e.onSuccess);
   a.current = e.onSuccess;
-  const s = K(!1), [i, d] = D(!1), [f, u] = D(!1);
-  U(function() {
+  const s = Y(!1), [i, d] = T(!1), [p, u] = T(!1);
+  G(function() {
     if (!n) return;
     const m = o ?? window.location.origin;
     u(!0), d(!1);
     const g = document.createElement("script");
-    return g.src = sn, g.async = !0, g.onload = function() {
-      const I = window.Telegram;
-      I && (I.Login.init(
+    return g.src = an, g.async = !0, g.onload = function() {
+      const w = window.Telegram;
+      w && (w.Login.init(
         { client_id: n, redirect_uri: m },
-        function(b) {
-          s.current || (s.current = !0, a.current(b));
+        function(B) {
+          s.current || (s.current = !0, a.current(B));
         }
       ), d(!0)), u(!1);
     }, g.onerror = function() {
@@ -152,22 +152,22 @@ function an(e) {
     const g = o ?? window.location.origin;
     m.Login.auth(
       { client_id: n, redirect_uri: g, request_access: r },
-      function(I) {
-        s.current || (s.current = !0, a.current(I));
+      function(w) {
+        s.current || (s.current = !0, a.current(w));
       }
     );
   }
-  return { login: h, isReady: i, isLoading: f };
+  return { login: h, isReady: i, isLoading: p };
 }
-const cn = "_TelegramSignInButtonContainer_10wun_1", ln = "_FullSize_10wun_46", dn = "_Icon_10wun_50", ae = {
-  TelegramSignInButtonContainer: cn,
-  FullSize: ln,
-  Icon: dn
-}, un = {
+const ln = "_TelegramSignInButtonContainer_10wun_1", dn = "_FullSize_10wun_46", un = "_Icon_10wun_50", ce = {
+  TelegramSignInButtonContainer: ln,
+  FullSize: dn,
+  Icon: un
+}, _n = {
   en: "Continue with Telegram",
   ru: "Войти через Telegram"
 };
-function _n() {
+function fn() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -176,7 +176,7 @@ function _n() {
       height: "20",
       fill: "currentColor",
       "aria-hidden": "true",
-      className: ae.Icon,
+      className: ce.Icon,
       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" })
     }
   );
@@ -190,19 +190,19 @@ function pn({
   fullSize: s,
   className: i
 }) {
-  U(function() {
+  G(function() {
     const h = "comfortaa-font";
     if (document.getElementById(h)) return;
     const m = document.createElement("link");
     m.id = h, m.rel = "stylesheet", m.href = "https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap", document.head.appendChild(m);
   }, []);
-  const d = a ?? r ?? un[o], f = N("TelegramSignInButton", i), u = p(ae.TelegramSignInButtonContainer, { [ae.FullSize]: s }, f);
+  const d = a ?? r ?? _n[o], p = I("TelegramSignInButton", i), u = f(ce.TelegramSignInButtonContainer, { [ce.FullSize]: s }, p);
   return /* @__PURE__ */ _("button", { type: "button", className: u, onClick: e, disabled: n, children: [
-    /* @__PURE__ */ t(_n, {}),
+    /* @__PURE__ */ t(fn, {}),
     d
   ] });
 }
-function ho({
+function mo({
   botId: e,
   onSuccess: n,
   lang: o,
@@ -212,11 +212,11 @@ function ho({
   children: i,
   className: d
 }) {
-  const { login: f, isReady: u } = an({ botId: e, onSuccess: n, redirectUri: a, requestAccess: s });
-  return i ? /* @__PURE__ */ t(A, { children: i({ login: f, isReady: u }) }) : /* @__PURE__ */ t(
+  const { login: p, isReady: u } = cn({ botId: e, onSuccess: n, redirectUri: a, requestAccess: s });
+  return i ? /* @__PURE__ */ t(b, { children: i({ login: p, isReady: u }) }) : /* @__PURE__ */ t(
     pn,
     {
-      onClick: f,
+      onClick: p,
       disabled: !u,
       lang: o,
       title: r,
@@ -224,11 +224,11 @@ function ho({
     }
   );
 }
-let fn = 0;
-const he = Re((e, n) => ({
+let hn = 0;
+const ge = ke((e, n) => ({
   toasts: [],
   bake: (o) => {
-    const r = fn++;
+    const r = hn++;
     e((a) => ({ toasts: [...a.toasts, { ...o, id: r }] })), setTimeout(() => {
       n().dismiss(r);
     }, 5e3);
@@ -238,117 +238,117 @@ const he = Re((e, n) => ({
       toasts: r.toasts.filter((a) => a.id !== o)
     }));
   }
-})), 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 = {
-  ToastContainer: hn,
-  Toast: mn,
-  error: gn,
-  warn: Cn,
-  info: vn,
-  Description: Nn,
-  DismissButton: In,
-  slideIn: wn,
-  slideOut: yn
+})), mn = "_ToastContainer_1tme2_1", gn = "_Toast_1tme2_1", Cn = "_error_1tme2_33", vn = "_warn_1tme2_41", Nn = "_info_1tme2_49", In = "_Description_1tme2_53", wn = "_DismissButton_1tme2_59", yn = "_slideIn_1tme2_79", Ln = "_slideOut_1tme2_83", E = {
+  ToastContainer: mn,
+  Toast: gn,
+  error: Cn,
+  warn: vn,
+  info: Nn,
+  Description: In,
+  DismissButton: wn,
+  slideIn: yn,
+  slideOut: Ln
 };
-function mo({ className: e } = {}) {
-  const { toasts: n } = he(), o = N("Toaster", e);
-  return /* @__PURE__ */ t("div", { className: p(k.ToastContainer, o), children: /* @__PURE__ */ t(De, { children: n.map((r) => /* @__PURE__ */ t(
-    Se.div,
+function go({ className: e } = {}) {
+  const { toasts: n } = ge(), o = I("Toaster", e);
+  return /* @__PURE__ */ t("div", { className: f(E.ToastContainer, o), children: /* @__PURE__ */ t(Se, { children: n.map((r) => /* @__PURE__ */ t(
+    Re.div,
     {
       layout: !0,
       initial: { opacity: 0, x: 100, y: 50 },
       animate: { opacity: 1, x: 0, y: 0 },
       exit: { opacity: 0, y: -50 },
       transition: { type: "spring", stiffness: 300, damping: 20 },
-      children: /* @__PURE__ */ t(Ln, { ...r })
+      children: /* @__PURE__ */ t(Tn, { ...r })
     },
     r.id
   )) }) });
 }
-function Ln({ id: e, title: n, description: o, level: r, isDismissable: a }) {
-  const [s, i] = D(!1), d = he();
-  return U(() => () => {
+function Tn({ id: e, title: n, description: o, level: r, isDismissable: a }) {
+  const [s, i] = T(!1), d = ge();
+  return G(() => () => {
     i(!0);
   }, []), /* @__PURE__ */ _(
     "div",
     {
-      className: p(k.Toast, {
-        [k.error]: r === "Error",
-        [k.warn]: r === "Warn",
-        [k.info]: r == null || r === "Info",
-        [k.slideIn]: !s,
-        [k.slideOut]: s
+      className: f(E.Toast, {
+        [E.error]: r === "Error",
+        [E.warn]: r === "Warn",
+        [E.info]: r == null || r === "Info",
+        [E.slideIn]: !s,
+        [E.slideOut]: s
       }),
       children: [
         /* @__PURE__ */ t("div", { children: n }),
-        /* @__PURE__ */ t("div", { className: k.Description, children: o }),
-        a && e !== void 0 && /* @__PURE__ */ t("div", { className: k.DismissButton, onClick: () => d.dismiss(e), children: "×" })
+        /* @__PURE__ */ t("div", { className: E.Description, children: o }),
+        a && e !== void 0 && /* @__PURE__ */ t("div", { className: E.DismissButton, onClick: () => d.dismiss(e), children: "×" })
       ]
     }
   );
 }
-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 = {
-  InputContainer: Tn,
-  InputField: Dn,
-  hasStartIcon: Sn,
-  hasEndIcon: Rn,
-  StartIcon: kn,
-  EndIcon: jn,
-  hasError: En,
-  disabled: An,
-  Label: bn,
-  lifted: Bn,
-  ErrorText: xn,
-  Skeleton: Wn
-}, 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) {
-  const [b, B] = D(!1), F = b || n.length > 0, j = N("Input", f), { onFocus: G, onBlur: P, ...w } = g;
-  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: [
+const Dn = "_InputContainer_1uu20_15", Sn = "_InputField_1uu20_21", Rn = "_hasStartIcon_1uu20_35", kn = "_hasEndIcon_1uu20_39", jn = "_StartIcon_1uu20_43", En = "_EndIcon_1uu20_54", An = "_hasError_1uu20_69", bn = "_disabled_1uu20_74", Bn = "_Label_1uu20_79", xn = "_lifted_1uu20_93", Wn = "_ErrorText_1uu20_104", Pn = "_Skeleton_1uu20_112", v = {
+  InputContainer: Dn,
+  InputField: Sn,
+  hasStartIcon: Rn,
+  hasEndIcon: kn,
+  StartIcon: jn,
+  EndIcon: En,
+  hasError: An,
+  disabled: bn,
+  Label: Bn,
+  lifted: xn,
+  ErrorText: Wn,
+  Skeleton: Pn
+}, Co = Te(function({ value: n, setValue: o, label: r, isLoader: a, type: s = "text", disabled: i, error: d, className: p, inputClassName: u, startIcon: h, endIcon: m, ...g }, w) {
+  const [B, x] = T(!1), q = B || n.length > 0, D = I("Input", p), { onFocus: W, onBlur: H, ...M } = g;
+  return a ? /* @__PURE__ */ t("div", { className: f(v.Skeleton, D), "aria-hidden": "true" }) : /* @__PURE__ */ _("div", { className: f(v.InputContainer, { [v.hasError]: !!d, [v.disabled]: i }, D), children: [
     h && /* @__PURE__ */ t("span", { className: v.StartIcon, children: h }),
     /* @__PURE__ */ t(
       "input",
       {
-        ref: I,
-        className: p(v.InputField, { [v.hasStartIcon]: !!h, [v.hasEndIcon]: !!m }, u),
+        ref: w,
+        className: f(v.InputField, { [v.hasStartIcon]: !!h, [v.hasEndIcon]: !!m }, u),
         type: s,
         value: n,
         onChange: (C) => o(C.target.value),
         onFocus: (C) => {
-          B(!0), G?.(C);
+          x(!0), W?.(C);
         },
         onBlur: (C) => {
-          B(!1), P?.(C);
+          x(!1), H?.(C);
         },
         disabled: i,
-        ...w
+        ...M
       }
     ),
-    r && /* @__PURE__ */ t("label", { className: p(v.Label, { [v.lifted]: F }), children: r }),
+    r && /* @__PURE__ */ t("label", { className: f(v.Label, { [v.lifted]: q }), children: r }),
     m && /* @__PURE__ */ t("span", { className: v.EndIcon, children: m }),
     d && /* @__PURE__ */ t("span", { className: v.ErrorText, children: d })
   ] });
-}), 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 = {
+}), On = "_ToggleContainer_1jetc_6", zn = "_disabled_1jetc_13", Mn = "_Track_1jetc_18", Un = "_on_1jetc_31", Fn = "_Thumb_1jetc_39", Gn = "_Label_1jetc_57", qn = "_LabelSkeleton_1jetc_63", Hn = "_Skeleton_1jetc_78", L = {
   ToggleContainer: On,
-  disabled: Pn,
-  Track: zn,
-  on: Mn,
-  Thumb: Un,
-  Label: Fn,
-  LabelSkeleton: Gn,
-  Skeleton: qn
+  disabled: zn,
+  Track: Mn,
+  on: Un,
+  Thumb: Fn,
+  Label: Gn,
+  LabelSkeleton: qn,
+  Skeleton: Hn
 };
-function Co({ checked: e, onChange: n, label: o, labelPosition: r = "right", disabled: a, isLoader: s, isLoadingLabel: i, className: d }) {
-  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;
-  return s ? f ? /* @__PURE__ */ _("div", { className: p(L.ToggleContainer, u), children: [
+function vo({ checked: e, onChange: n, label: o, labelPosition: r = "right", disabled: a, isLoader: s, isLoadingLabel: i, className: d }) {
+  const p = !!o || i, u = I("Toggle", d), h = i ? /* @__PURE__ */ t("span", { className: L.LabelSkeleton, "aria-hidden": "true" }) : o ? /* @__PURE__ */ t("span", { className: L.Label, children: o }) : null;
+  return s ? p ? /* @__PURE__ */ _("div", { className: f(L.ToggleContainer, u), children: [
     r === "left" && h,
     /* @__PURE__ */ t("div", { className: L.Skeleton, "aria-hidden": "true" }),
     r === "right" && h
-  ] }) : /* @__PURE__ */ t("div", { className: p(L.Skeleton, u), "aria-hidden": "true" }) : /* @__PURE__ */ _("label", { className: p(L.ToggleContainer, { [L.disabled]: a }, u), children: [
+  ] }) : /* @__PURE__ */ t("div", { className: f(L.Skeleton, u), "aria-hidden": "true" }) : /* @__PURE__ */ _("label", { className: f(L.ToggleContainer, { [L.disabled]: a }, u), children: [
     r === "left" && h,
     /* @__PURE__ */ t(
       "button",
       {
         role: "switch",
         "aria-checked": e,
-        className: p(L.Track, { [L.on]: e }),
+        className: f(L.Track, { [L.on]: e }),
         onClick: () => !a && n(!e),
         disabled: a,
         type: "button",
@@ -358,12 +358,12 @@ function Co({ checked: e, onChange: n, label: o, labelPosition: r = "right", dis
     r === "right" && h
   ] });
 }
-function Hn() {
-  const [e, n] = D(!1), o = K(null), r = de(() => n((s) => !s), []), a = de(() => n(!1), []);
+function $n() {
+  const [e, n] = T(!1), o = Y(null), r = _e(() => n((s) => !s), []), a = _e(() => n(!1), []);
   return { isOpen: e, triggerRef: o, toggleOpen: r, close: a };
 }
-function $n(e, n, o) {
-  U(() => {
+function Vn(e, n, o) {
+  G(() => {
     function r(s) {
       const i = s.target;
       e.current?.contains(i) || o?.current?.contains(i) || n();
@@ -376,9 +376,9 @@ function $n(e, n, o) {
     };
   }, [n, e, o]);
 }
-function Vn(e, n) {
-  const [o, r] = D([]);
-  return U(() => {
+function Kn(e, n) {
+  const [o, r] = T([]);
+  return G(() => {
     if (!n) return;
     let a = !1;
     return n(e).then((s) => {
@@ -388,64 +388,64 @@ function Vn(e, n) {
     };
   }, [e, n]), o;
 }
-function V(e) {
+function X(e) {
   return typeof e == "object" && e !== null && "group" in e;
 }
-function me(e) {
-  return e.flatMap((n) => V(n) ? n.options : [n]);
+function Ce(e) {
+  return e.flatMap((n) => X(n) ? n.options : [n]);
 }
-function T(e) {
+function N(e) {
   return typeof e == "string" ? e : e.id;
 }
-function te(e) {
+function oe(e) {
   return typeof e == "string" ? e : e.name;
 }
-function Kn(e, n) {
-  return e.map((o) => n.find((r) => T(r) === o) ?? o);
+function Xn(e, n) {
+  return e.map((o) => n.find((r) => N(r) === o) ?? o);
 }
-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 = {
-  DropdownContainer: Xn,
-  PanelWrapper: Yn,
-  Portal: Qn,
-  PanelContainer: Jn,
-  Glass: Zn,
-  Label: et,
-  lifted: nt,
-  TriggerContainer: tt,
-  Open: ot,
-  TriggerPlaceholder: rt,
-  TriggerValue: st,
-  TriggerIcon: at,
-  ChipsWrapper: it,
-  Expand: ct,
-  MultiSelect: lt,
-  ExpandHeight: dt,
-  Chip: ut,
-  SearchRow: _t,
+const Yn = "_DropdownContainer_1jz2j_13", Qn = "_PanelWrapper_1jz2j_20", Jn = "_Portal_1jz2j_34", Zn = "_PanelContainer_1jz2j_18", et = "_Glass_1jz2j_48", nt = "_Label_1jz2j_54", tt = "_lifted_1jz2j_68", ot = "_TriggerContainer_1jz2j_75", rt = "_Open_1jz2j_99", st = "_TriggerPlaceholder_1jz2j_104", at = "_TriggerValue_1jz2j_112", it = "_TriggerIcon_1jz2j_120", ct = "_ChipsWrapper_1jz2j_127", lt = "_Expand_1jz2j_145", dt = "_MultiSelect_1jz2j_151", ut = "_ExpandHeight_1jz2j_156", _t = "_Chip_1jz2j_127", ft = "_SearchRow_1jz2j_175", pt = "_SearchBox_1jz2j_180", ht = "_SearchIcon_1jz2j_190", mt = "_SearchInput_1jz2j_197", gt = "_ResultsList_1jz2j_211", Ct = "_OptionRow_1jz2j_216", vt = "_Selected_1jz2j_231", Nt = "_Indented_1jz2j_235", It = "_GroupHeader_1jz2j_240", wt = "_Checkmark_1jz2j_253", yt = "_CreateRow_1jz2j_259", Lt = "_WithBorder_1jz2j_272", Tt = "_CreateIcon_1jz2j_277", Dt = "_CreateLabel_1jz2j_289", St = "_EmptyHint_1jz2j_295", Rt = "_SkeletonRow_1jz2j_302", l = {
+  DropdownContainer: Yn,
+  PanelWrapper: Qn,
+  Portal: Jn,
+  PanelContainer: Zn,
+  Glass: et,
+  Label: nt,
+  lifted: tt,
+  TriggerContainer: ot,
+  Open: rt,
+  TriggerPlaceholder: st,
+  TriggerValue: at,
+  TriggerIcon: it,
+  ChipsWrapper: ct,
+  Expand: lt,
+  MultiSelect: dt,
+  ExpandHeight: ut,
+  Chip: _t,
+  SearchRow: ft,
   SearchBox: pt,
-  SearchIcon: ft,
-  SearchInput: ht,
-  ResultsList: mt,
-  OptionRow: gt,
-  Selected: Ct,
-  Indented: vt,
-  GroupHeader: Nt,
-  Checkmark: It,
-  CreateRow: wt,
-  WithBorder: yt,
-  CreateIcon: Lt,
-  CreateLabel: Tt,
-  EmptyHint: Dt,
-  SkeletonRow: St
+  SearchIcon: ht,
+  SearchInput: mt,
+  ResultsList: gt,
+  OptionRow: Ct,
+  Selected: vt,
+  Indented: Nt,
+  GroupHeader: It,
+  Checkmark: wt,
+  CreateRow: yt,
+  WithBorder: Lt,
+  CreateIcon: Tt,
+  CreateLabel: Dt,
+  EmptyHint: St,
+  SkeletonRow: Rt
 };
-function Rt({ query: e, withBorder: n, onCreate: o }) {
+function kt({ query: e, withBorder: n, onCreate: o }) {
   function r(a) {
     a.preventDefault(), o();
   }
   return /* @__PURE__ */ _(
     "div",
     {
-      className: p(l.CreateRow, n && l.WithBorder),
+      className: f(l.CreateRow, n && l.WithBorder),
       onMouseDown: r,
       children: [
         /* @__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: [
@@ -461,26 +461,26 @@ function Rt({ query: e, withBorder: n, onCreate: o }) {
     }
   );
 }
-function kt({ label: e }) {
+function jt({ label: e }) {
   return /* @__PURE__ */ t("div", { className: l.GroupHeader, children: e });
 }
-function pe({ opt: e, isSelected: n, multiSelect: o, onPick: r, indented: a = !1 }) {
+function he({ opt: e, isSelected: n, multiSelect: o, onPick: r, indented: a = !1 }) {
   function s(i) {
     i.preventDefault(), r(e);
   }
   return /* @__PURE__ */ _(
     "div",
     {
-      className: p(l.OptionRow, n && l.Selected, a && l.Indented),
+      className: f(l.OptionRow, n && l.Selected, a && l.Indented),
       onMouseDown: s,
       children: [
         o && n && /* @__PURE__ */ t("span", { className: l.Checkmark, children: "✓" }),
-        te(e)
+        oe(e)
       ]
     }
   );
 }
-function jt({ inputRef: e, query: n, onChange: o, onKeyDown: r, placeholder: a }) {
+function Et({ inputRef: e, query: n, onChange: o, onKeyDown: r, placeholder: a }) {
   return /* @__PURE__ */ t("div", { className: l.SearchRow, children: /* @__PURE__ */ _("div", { className: l.SearchBox, children: [
     /* @__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: [
       /* @__PURE__ */ t("circle", { cx: "5", cy: "5", r: "3.5" }),
@@ -499,10 +499,10 @@ function jt({ inputRef: e, query: n, onChange: o, onKeyDown: r, placeholder: a }
     )
   ] }) });
 }
-function Et({ count: e }) {
-  return /* @__PURE__ */ t(A, { children: Array.from({ length: e }).map((n, o) => /* @__PURE__ */ t("div", { className: l.SkeletonRow }, o)) });
+function At({ count: e }) {
+  return /* @__PURE__ */ t(b, { children: Array.from({ length: e }).map((n, o) => /* @__PURE__ */ t("div", { className: l.SkeletonRow }, o)) });
 }
-function At({
+function bt({
   onSearch: e,
   onCreate: n,
   onPick: o,
@@ -511,113 +511,122 @@ function At({
   placeholder: s,
   options: i = [],
   excluded: d = [],
-  selected: f = [],
+  selected: p = [],
   multiSelect: u = !1,
   selectedAtTop: h = !1,
   isLoading: m = !1,
   emptyHint: g = "no results found",
-  skeletonRowCount: I = 4,
-  onError: b = console.error,
-  glass: B = !1,
-  portal: F = !1
+  skeletonRowCount: w = 4,
+  onError: B = console.error,
+  glass: x = !1,
+  portal: q = !1,
+  renderOption: D
 }) {
-  const [j, G] = D(""), [P, w] = D(!1), [C, q] = D(null), H = K(null), X = K(null), x = !!e, Y = Vn(j, e);
-  $n(X, r, a);
-  const E = B || F;
-  Le(() => {
-    if (!E) return;
+  const [W, H] = T(""), [M, C] = T(!1), [S, $] = T(null), V = Y(null), Q = Y(null), P = !!e, J = Kn(W, e);
+  Vn(Q, r, a);
+  const A = x || q;
+  De(() => {
+    if (!A) return;
     function c() {
-      a?.current && q(a.current.getBoundingClientRect());
+      a?.current && $(a.current.getBoundingClientRect());
     }
     return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
       window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [E, a]), U(() => {
-    x && H.current?.focus();
-  }, [x]);
-  const $ = (e ? Y : i).flatMap((c) => {
-    if (V(c)) {
-      const z = c.options.filter((Ne) => !d.includes(T(Ne)));
-      return z.length > 0 ? [{ ...c, options: z }] : [];
+  }, [A, a]), G(() => {
+    P && V.current?.focus();
+  }, [P]);
+  const K = (e ? J : i).flatMap((c) => {
+    if (X(c)) {
+      const R = c.options.filter((we) => !d.includes(N(we)));
+      return R.length > 0 ? [{ ...c, options: R }] : [];
     }
-    return d.includes(T(c)) ? [] : [c];
-  }), Q = h ? [
-    ...$.filter((c) => !V(c) && f.includes(T(c))),
-    ...$.filter((c) => V(c) || !f.includes(T(c)))
-  ] : $, W = me(Q), y = j.trim(), oe = W.some(
-    (c) => te(c).toLowerCase() === y.toLowerCase()
-  ), re = !!n && y.length > 0 && !oe;
-  async function ce() {
-    !y || P || !n || (w(!0), n(y).then(J).catch(b).finally(() => w(!1)));
+    return d.includes(N(c)) ? [] : [c];
+  }), Z = h ? [
+    ...K.filter((c) => !X(c) && p.includes(N(c))),
+    ...K.filter((c) => X(c) || !p.includes(N(c)))
+  ] : K, O = Ce(Z), y = W.trim(), re = O.some(
+    (c) => oe(c).toLowerCase() === y.toLowerCase()
+  ), se = !!n && y.length > 0 && !re;
+  async function de() {
+    !y || M || !n || (C(!0), n(y).then(U).catch(B).finally(() => C(!1)));
   }
-  function J(c) {
+  function U(c) {
     o(c), u || r();
   }
-  function ge(c) {
-    G(c.target.value);
+  function ve(c) {
+    H(c.target.value);
   }
-  function Ce(c) {
-    c.key === "Enter" && (c.preventDefault(), W.length > 0 ? J(W[0]) : re && ce());
+  function Ne(c) {
+    c.key === "Enter" && (c.preventDefault(), O.length > 0 ? U(O[0]) : se && de());
   }
-  const ve = s ?? (n ? "search or add new…" : "search…");
-  if (E && !C) return null;
-  const le = /* @__PURE__ */ t(
+  const Ie = s ?? (n ? "search or add new…" : "search…");
+  if (A && !S) return null;
+  const ue = /* @__PURE__ */ t(
     "div",
     {
-      ref: X,
-      className: p(l.PanelWrapper, { [l.Portal]: E }),
-      style: E && C ? { top: C.bottom, left: C.left, width: C.width } : void 0,
-      children: /* @__PURE__ */ _("div", { className: p(l.PanelContainer, { [l.Glass]: B }), children: [
-        x && /* @__PURE__ */ t(
-          jt,
+      ref: Q,
+      className: f(l.PanelWrapper, { [l.Portal]: A }),
+      style: A && S ? { top: S.bottom, left: S.left, width: S.width } : void 0,
+      children: /* @__PURE__ */ _("div", { className: f(l.PanelContainer, { [l.Glass]: x }), children: [
+        P && /* @__PURE__ */ t(
+          Et,
           {
-            inputRef: H,
-            query: j,
-            onChange: ge,
-            onKeyDown: Ce,
-            placeholder: ve
+            inputRef: V,
+            query: W,
+            onChange: ve,
+            onKeyDown: Ne,
+            placeholder: Ie
           }
         ),
-        /* @__PURE__ */ t("div", { className: l.ResultsList, children: m ? /* @__PURE__ */ t(Et, { count: I }) : /* @__PURE__ */ _(A, { children: [
-          Q.map((c) => V(c) ? /* @__PURE__ */ _(Te, { children: [
-            /* @__PURE__ */ t(kt, { label: c.group }),
-            c.options.map((z) => /* @__PURE__ */ t(
-              pe,
+        /* @__PURE__ */ t("div", { className: l.ResultsList, children: m ? /* @__PURE__ */ t(At, { count: w }) : /* @__PURE__ */ _(b, { children: [
+          Z.map((c) => X(c) ? /* @__PURE__ */ _(ae, { children: [
+            /* @__PURE__ */ t(jt, { label: c.group }),
+            c.options.map((R) => /* @__PURE__ */ t(ae, { children: D ? D(R, {
+              isSelected: p.includes(N(R)),
+              multiSelect: u,
+              indented: !0,
+              onPick: () => U(R)
+            }) : /* @__PURE__ */ t(
+              he,
               {
-                opt: z,
-                isSelected: f.includes(T(z)),
+                opt: R,
+                isSelected: p.includes(N(R)),
                 multiSelect: u,
-                onPick: J,
+                onPick: U,
                 indented: !0
-              },
-              T(z)
-            ))
-          ] }, `group:${c.group}`) : /* @__PURE__ */ t(
-            pe,
+              }
+            ) }, N(R)))
+          ] }, `group:${c.group}`) : /* @__PURE__ */ t(ae, { children: D ? D(c, {
+            isSelected: p.includes(N(c)),
+            multiSelect: u,
+            indented: !1,
+            onPick: () => U(c)
+          }) : /* @__PURE__ */ t(
+            he,
             {
               opt: c,
-              isSelected: f.includes(T(c)),
+              isSelected: p.includes(N(c)),
               multiSelect: u,
-              onPick: J
-            },
-            T(c)
-          )),
-          re && /* @__PURE__ */ t(
-            Rt,
+              onPick: U
+            }
+          ) }, N(c))),
+          se && /* @__PURE__ */ t(
+            kt,
             {
               query: y,
-              withBorder: W.length > 0,
-              onCreate: ce
+              withBorder: O.length > 0,
+              onCreate: de
             }
           ),
-          W.length === 0 && !re && /* @__PURE__ */ t("div", { className: l.EmptyHint, children: g })
+          O.length === 0 && !se && /* @__PURE__ */ t("div", { className: l.EmptyHint, children: g })
         ] }) })
       ] })
     }
   );
-  return E ? ke(le, document.body) : le;
+  return A ? je(ue, document.body) : ue;
 }
-function bt({ size: e = 14, strokeWidth: n = 2, className: o }) {
+function Bt({ size: e = 14, strokeWidth: n = 2, className: o }) {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -634,7 +643,7 @@ function bt({ size: e = 14, strokeWidth: n = 2, className: o }) {
     }
   );
 }
-function vo({ size: e = 18, strokeWidth: n = 2.5, shrink: o = !0 }) {
+function No({ size: e = 18, strokeWidth: n = 2.5, shrink: o = !0 }) {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -651,7 +660,7 @@ function vo({ size: e = 18, strokeWidth: n = 2.5, shrink: o = !0 }) {
     }
   );
 }
-function No() {
+function Io() {
   return /* @__PURE__ */ _(
     "svg",
     {
@@ -670,7 +679,7 @@ function No() {
     }
   );
 }
-function Io() {
+function wo() {
   return /* @__PURE__ */ _(
     "svg",
     {
@@ -689,7 +698,7 @@ function Io() {
     }
   );
 }
-function wo({ size: e = 14, strokeWidth: n = 2, className: o }) {
+function yo({ size: e = 14, strokeWidth: n = 2, className: o }) {
   return /* @__PURE__ */ _(
     "svg",
     {
@@ -709,14 +718,14 @@ function wo({ size: e = 14, strokeWidth: n = 2, className: o }) {
     }
   );
 }
-function Bt({ triggerRef: e, isOpen: n, onClick: o, selectedOptions: r, multiSelect: a, placeholder: s, onOverflow: i = "scroll" }) {
+function xt({ triggerRef: e, isOpen: n, onClick: o, selectedOptions: r, multiSelect: a, placeholder: s, onOverflow: i = "scroll" }) {
   const d = i === "expand";
   return /* @__PURE__ */ _(
     "button",
     {
       type: "button",
       ref: e,
-      className: p(
+      className: f(
         l.TriggerContainer,
         n && l.Open,
         a && l.MultiSelect,
@@ -726,13 +735,13 @@ function Bt({ triggerRef: e, isOpen: n, onClick: o, selectedOptions: r, multiSel
       "aria-expanded": n,
       "aria-haspopup": "listbox",
       children: [
-        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(", ") }),
-        /* @__PURE__ */ t("span", { className: l.TriggerIcon, children: /* @__PURE__ */ t(bt, { size: 12 }) })
+        a && r.length > 0 ? /* @__PURE__ */ t("div", { className: f(l.ChipsWrapper, d && l.Expand), children: r.map((p, u) => /* @__PURE__ */ t("span", { className: l.Chip, children: oe(p) }, u)) }) : /* @__PURE__ */ t("span", { className: r.length === 0 ? l.TriggerPlaceholder : l.TriggerValue, children: r.length === 0 ? s : r.map(oe).join(", ") }),
+        /* @__PURE__ */ t("span", { className: l.TriggerIcon, children: /* @__PURE__ */ t(Bt, { size: 12 }) })
       ]
     }
   );
 }
-function yo({
+function Lo({
   options: e = [],
   value: n,
   onChange: o,
@@ -741,108 +750,110 @@ function yo({
   excluded: s,
   multiSelect: i = !1,
   selectedAtTop: d = !1,
-  onOverflow: f = "scroll",
+  onOverflow: p = "scroll",
   label: u,
   placeholder: h = "select…",
   searchPlaceholder: m,
   emptyHint: g,
-  isLoading: I,
-  skeletonRowCount: b,
-  onError: B,
-  className: F,
-  glass: j = !1,
-  portal: G = !1,
-  children: P
+  isLoading: w,
+  skeletonRowCount: B,
+  onError: x,
+  className: q,
+  glass: D = !1,
+  portal: W = !1,
+  renderOption: H,
+  children: M
 }) {
-  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;
-  function $(W) {
-    const y = T(W);
+  const { isOpen: C, triggerRef: S, toggleOpen: $, close: V } = $n(), Q = I("Dropdown", q), P = Xn(n, Ce(e)), J = C || P.length > 0, A = u && !J ? "" : h;
+  function K(O) {
+    const y = N(O);
     o(
-      i ? n.includes(y) ? n.filter((oe) => oe !== y) : [...n, y] : [y]
+      i ? n.includes(y) ? n.filter((re) => re !== y) : [...n, y] : [y]
     );
   }
-  const Q = {
-    ref: C,
-    onClick: q,
-    "aria-expanded": w,
+  const Z = {
+    ref: S,
+    onClick: $,
+    "aria-expanded": C,
     "aria-haspopup": "listbox"
   };
-  return /* @__PURE__ */ _("div", { className: p(l.DropdownContainer, X), children: [
-    u && /* @__PURE__ */ t("label", { className: p(l.Label, { [l.lifted]: Y }), children: u }),
-    P ? P({ selectedOptions: x, isOpen: w, toggleOpen: q, close: H, triggerProps: Q }) : /* @__PURE__ */ t(
-      Bt,
+  return /* @__PURE__ */ _("div", { className: f(l.DropdownContainer, Q), children: [
+    u && /* @__PURE__ */ t("label", { className: f(l.Label, { [l.lifted]: J }), children: u }),
+    M ? M({ selectedOptions: P, isOpen: C, toggleOpen: $, close: V, triggerProps: Z }) : /* @__PURE__ */ t(
+      xt,
       {
-        triggerRef: C,
-        isOpen: w,
-        onClick: q,
-        selectedOptions: x,
+        triggerRef: S,
+        isOpen: C,
+        onClick: $,
+        selectedOptions: P,
         multiSelect: i,
-        onOverflow: f,
-        placeholder: E
+        onOverflow: p,
+        placeholder: A
       }
     ),
-    w && /* @__PURE__ */ t(
-      At,
+    C && /* @__PURE__ */ t(
+      bt,
       {
         options: e,
         onSearch: r,
         onCreate: a,
-        onPick: $,
-        onClose: H,
-        anchorRef: C,
+        onPick: K,
+        onClose: V,
+        anchorRef: S,
         excluded: s,
         multiSelect: i,
         selectedAtTop: d,
         selected: n,
         placeholder: m,
         emptyHint: g,
-        isLoading: I,
-        skeletonRowCount: b,
-        onError: B,
-        glass: j,
-        portal: G
+        isLoading: w,
+        skeletonRowCount: B,
+        onError: x,
+        glass: D,
+        portal: W,
+        renderOption: H
       }
     )
   ] });
 }
-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 = {
-  Btn: xt,
-  Primary: Wt,
+const Wt = "_Btn_1tozl_10", Pt = "_Primary_1tozl_35", Ot = "_Secondary_1tozl_50", zt = "_Ghost_1tozl_62", Mt = "_IconDanger_1tozl_74", Ut = "_Danger_1tozl_95", F = {
+  Btn: Wt,
+  Primary: Pt,
   Secondary: Ot,
-  Ghost: Pt,
-  IconDanger: zt,
-  Danger: Mt
-}, Ut = {
-  primary: M.Primary,
-  secondary: M.Secondary,
-  danger: M.Danger,
-  ghost: M.Ghost,
-  iconDanger: M.IconDanger
+  Ghost: zt,
+  IconDanger: Mt,
+  Danger: Ut
+}, Ft = {
+  primary: F.Primary,
+  secondary: F.Secondary,
+  danger: F.Danger,
+  ghost: F.Ghost,
+  iconDanger: F.IconDanger
 };
-function Lo({ variant: e = "default", className: n, children: o, ...r }) {
-  const a = N("Button", n), s = e === "unstyled";
+function To({ variant: e = "default", className: n, children: o, ...r }) {
+  const a = I("Button", n), s = e === "unstyled";
   return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
       ...r,
-      className: p(!s && M.Btn, !s && Ut[e], a),
+      className: f(!s && F.Btn, !s && Ft[e], a),
       children: o
     }
   );
 }
-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 = {
-  ConfirmWrapper: Ft,
-  ConfirmContainer: Gt,
-  Glass: qt,
-  ConfirmTitle: Ht,
-  ConfirmMessage: $t,
-  ConfirmActions: Vt,
-  BtnCancel: Kt,
-  BtnConfirm: Xt,
-  BtnDanger: Yt
+const Gt = "_ConfirmWrapper_1tq4o_4", qt = "_ConfirmContainer_1tq4o_1", Ht = "_Glass_1tq4o_24", $t = "_ConfirmTitle_1tq4o_30", Vt = "_ConfirmMessage_1tq4o_38", Kt = "_ConfirmActions_1tq4o_45", Xt = "_BtnCancel_1tq4o_53", Yt = "_BtnConfirm_1tq4o_73", Qt = "_BtnDanger_1tq4o_92", k = {
+  ConfirmWrapper: Gt,
+  ConfirmContainer: qt,
+  Glass: Ht,
+  ConfirmTitle: $t,
+  ConfirmMessage: Vt,
+  ConfirmActions: Kt,
+  BtnCancel: Xt,
+  BtnConfirm: Yt,
+  BtnDanger: Qt
 };
-function To({
+function Do({
   title: e,
   message: n,
   confirmLabel: o = "Confirm",
@@ -851,23 +862,23 @@ function To({
   onConfirm: s,
   onClose: i,
   className: d,
-  glass: f = !1
+  glass: p = !1
 }) {
-  const [u, h] = D(!1), m = N("ConfirmDialog", d);
+  const [u, h] = T(!1), m = I("ConfirmDialog", d);
   function g() {
     h(!0), Promise.resolve(s()).finally(() => {
       h(!1), i();
     });
   }
-  return /* @__PURE__ */ t("div", { className: S.ConfirmWrapper, children: /* @__PURE__ */ _("div", { className: p(S.ConfirmContainer, { [S.Glass]: f }, m), role: "dialog", "aria-modal": "true", children: [
-    /* @__PURE__ */ t("h2", { className: S.ConfirmTitle, children: e }),
-    /* @__PURE__ */ t("p", { className: S.ConfirmMessage, children: n }),
-    /* @__PURE__ */ _("div", { className: S.ConfirmActions, children: [
-      /* @__PURE__ */ t("button", { className: S.BtnCancel, type: "button", onClick: i, disabled: u, children: r }),
+  return /* @__PURE__ */ t("div", { className: k.ConfirmWrapper, children: /* @__PURE__ */ _("div", { className: f(k.ConfirmContainer, { [k.Glass]: p }, m), role: "dialog", "aria-modal": "true", children: [
+    /* @__PURE__ */ t("h2", { className: k.ConfirmTitle, children: e }),
+    /* @__PURE__ */ t("p", { className: k.ConfirmMessage, children: n }),
+    /* @__PURE__ */ _("div", { className: k.ConfirmActions, children: [
+      /* @__PURE__ */ t("button", { className: k.BtnCancel, type: "button", onClick: i, disabled: u, children: r }),
       /* @__PURE__ */ t(
         "button",
         {
-          className: p(a ? S.BtnDanger : S.BtnConfirm),
+          className: f(a ? k.BtnDanger : k.BtnConfirm),
           type: "button",
           onClick: g,
           disabled: u,
@@ -877,25 +888,25 @@ function To({
     ] })
   ] }) });
 }
-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 = {
-  InfoWrapper: Qt,
-  InfoContainer: Jt,
-  Glass: Zt,
-  InfoTitle: eo,
-  InfoMessage: no,
-  InfoActions: to,
-  BtnClose: oo
+const Jt = "_InfoWrapper_cqv58_4", Zt = "_InfoContainer_cqv58_1", eo = "_Glass_cqv58_24", no = "_InfoTitle_cqv58_30", to = "_InfoMessage_cqv58_38", oo = "_InfoActions_cqv58_45", ro = "_BtnClose_cqv58_52", z = {
+  InfoWrapper: Jt,
+  InfoContainer: Zt,
+  Glass: eo,
+  InfoTitle: no,
+  InfoMessage: to,
+  InfoActions: oo,
+  BtnClose: ro
 };
-function Do({ title: e, message: n, onClose: o, className: r, glass: a = !1 }) {
-  const s = N("InfoDialog", r);
-  return /* @__PURE__ */ t("div", { className: O.InfoWrapper, children: /* @__PURE__ */ _("div", { className: p(O.InfoContainer, { [O.Glass]: a }, s), role: "dialog", "aria-modal": "true", children: [
-    /* @__PURE__ */ t("h2", { className: O.InfoTitle, children: e }),
-    /* @__PURE__ */ t("p", { className: O.InfoMessage, children: n }),
-    /* @__PURE__ */ t("div", { className: O.InfoActions, children: /* @__PURE__ */ t("button", { className: O.BtnClose, type: "button", onClick: o, children: "Got it" }) })
+function So({ title: e, message: n, onClose: o, className: r, glass: a = !1 }) {
+  const s = I("InfoDialog", r);
+  return /* @__PURE__ */ t("div", { className: z.InfoWrapper, children: /* @__PURE__ */ _("div", { className: f(z.InfoContainer, { [z.Glass]: a }, s), role: "dialog", "aria-modal": "true", children: [
+    /* @__PURE__ */ t("h2", { className: z.InfoTitle, children: e }),
+    /* @__PURE__ */ t("p", { className: z.InfoMessage, children: n }),
+    /* @__PURE__ */ t("div", { className: z.InfoActions, children: /* @__PURE__ */ t("button", { className: z.BtnClose, type: "button", onClick: o, children: "Got it" }) })
   ] }) });
 }
-function So({ buttons: e, containerClassName: n }) {
-  const o = N("ModalActions", n);
+function Ro({ buttons: e, containerClassName: n }) {
+  const o = I("ModalActions", n);
   return /* @__PURE__ */ t("div", { className: o, children: e.map((r, a) => /* @__PURE__ */ t(
     "button",
     {
@@ -908,8 +919,8 @@ function So({ buttons: e, containerClassName: n }) {
     a
   )) });
 }
-function Ro({ onClick: e, disabled: n, className: o }) {
-  const r = N("ModalClose", o);
+function ko({ onClick: e, disabled: n, className: o }) {
+  const r = I("ModalClose", o);
   return /* @__PURE__ */ t(
     "button",
     {
@@ -937,109 +948,109 @@ function Ro({ onClick: e, disabled: n, className: o }) {
     }
   );
 }
-function ko({ classNames: e, children: n }) {
-  return /* @__PURE__ */ t(fe.Provider, { value: e, children: n });
+function jo({ classNames: e, children: n }) {
+  return /* @__PURE__ */ t(me.Provider, { value: e, children: n });
 }
-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 || {});
-const ro = "type.googleapis.com/google.rpc.ErrorInfo", so = "type.googleapis.com/google.rpc.BadRequest", ao = "type.googleapis.com/google.rpc.PreconditionFailure";
-function ee(e) {
+var le = /* @__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))(le || {});
+const so = "type.googleapis.com/google.rpc.ErrorInfo", ao = "type.googleapis.com/google.rpc.BadRequest", io = "type.googleapis.com/google.rpc.PreconditionFailure";
+function ne(e) {
   return typeof e == "object" && e !== null;
 }
-function R(e) {
+function j(e) {
   return typeof e == "string" ? e : "";
 }
-function io(e) {
-  if (!ee(e))
+function co(e) {
+  if (!ne(e))
     return { kind: "Unknown", typeUrl: "", raw: e };
-  const n = R(e["@type"]);
+  const n = j(e["@type"]);
   switch (n) {
-    case ro: {
-      const o = ee(e.metadata) ? e.metadata : {}, r = {};
+    case so: {
+      const o = ne(e.metadata) ? e.metadata : {}, r = {};
       for (const a of Object.keys(o))
-        r[a] = R(o[a]);
+        r[a] = j(o[a]);
       return {
         kind: "ErrorInfo",
-        reason: R(e.reason),
-        domain: R(e.domain),
+        reason: j(e.reason),
+        domain: j(e.domain),
         metadata: r
       };
     }
-    case so:
+    case ao:
       return { kind: "BadRequest", fieldViolations: (Array.isArray(e.fieldViolations) ? e.fieldViolations : []).map((a) => {
-        const s = ee(a) ? a : {};
+        const s = ne(a) ? a : {};
         return {
-          field: R(s.field),
-          description: R(s.description)
+          field: j(s.field),
+          description: j(s.description)
         };
       }) };
-    case ao:
+    case io:
       return { kind: "PreconditionFailure", violations: (Array.isArray(e.violations) ? e.violations : []).map((a) => {
-        const s = ee(a) ? a : {};
+        const s = ne(a) ? a : {};
         return {
-          type: R(s.type),
-          subject: R(s.subject),
-          description: R(s.description)
+          type: j(s.type),
+          subject: j(s.subject),
+          description: j(s.description)
         };
       }) };
     default:
       return { kind: "Unknown", typeUrl: n, raw: e };
   }
 }
-function jo(e) {
+function Eo(e) {
   return e.kind === "ErrorInfo";
 }
-function Eo(e) {
+function Ao(e) {
   return e.kind === "BadRequest";
 }
-function Ao(e) {
+function bo(e) {
   return e.kind === "PreconditionFailure";
 }
-class ne extends Error {
+class te extends Error {
   constructor(n) {
     super(n.title), this.isRetryable = n.isRetryable ?? !1, this.grpcCode = n.grpcCode, this.details = n.details ?? [];
   }
 }
-function bo(e) {
-  if (e instanceof ne) return e;
+function Bo(e) {
+  if (e instanceof te) return e;
   if (e instanceof Error && e.message === "Failed to fetch")
-    return new ne({ title: "Server unavailable. Try again later", isRetryable: !0 });
+    return new te({ title: "Server unavailable. Try again later", isRetryable: !0 });
   if (typeof e == "object" && e !== null && "code" in e) {
-    const n = e, o = n.code === ie.UNAVAILABLE || n.code === ie.INTERNAL, r = (n.details ?? []).map(io);
-    return new ne({ title: n.message, isRetryable: o, grpcCode: n.code, details: r });
+    const n = e, o = n.code === le.UNAVAILABLE || n.code === le.INTERNAL, r = (n.details ?? []).map(co);
+    return new te({ title: n.message, isRetryable: o, grpcCode: n.code, details: r });
   }
-  return new ne({ title: String(e), isRetryable: !1 });
+  return new te({ title: String(e), isRetryable: !1 });
 }
 export {
-  Io as AvatarFallbackIcon,
-  so as BAD_REQUEST_TYPE_URL,
-  Lo as Button,
-  vo as CheckmarkIcon,
-  bt as ChevronDownIcon,
-  ko as ChuresConfigProvider,
-  To as ConfirmDialog,
-  yo as Dropdown,
-  ro as ERROR_INFO_TYPE_URL,
-  No as EditPencilIcon,
-  ie as Errors,
-  Do as InfoDialog,
-  go as Input,
-  tn as Loader,
-  fo as LoadingWrapper,
-  So as ModalActions,
-  Ro as ModalClose,
-  ao as PRECONDITION_FAILURE_TYPE_URL,
-  wo as SearchIcon,
-  ne as ServiceError,
-  ho as TelegramAuth,
+  wo as AvatarFallbackIcon,
+  ao as BAD_REQUEST_TYPE_URL,
+  To as Button,
+  No as CheckmarkIcon,
+  Bt as ChevronDownIcon,
+  jo as ChuresConfigProvider,
+  Do as ConfirmDialog,
+  Lo as Dropdown,
+  so as ERROR_INFO_TYPE_URL,
+  Io as EditPencilIcon,
+  le as Errors,
+  So as InfoDialog,
+  Co as Input,
+  on as Loader,
+  ho as LoadingWrapper,
+  Ro as ModalActions,
+  ko as ModalClose,
+  io as PRECONDITION_FAILURE_TYPE_URL,
+  yo as SearchIcon,
+  te as ServiceError,
+  mo as TelegramAuth,
   pn as TelegramSignInButton,
-  mo as Toaster,
-  Co as Toggle,
-  Eo as isBadRequest,
-  jo as isErrorInfo,
-  Ao as isPreconditionFailure,
-  io as parseErrorDetail,
-  bo as parseGrpcError,
-  N as useComponentClassName,
-  an as useTelegramLogin,
-  he as useToaster
+  go as Toaster,
+  vo as Toggle,
+  Ao as isBadRequest,
+  Eo as isErrorInfo,
+  bo as isPreconditionFailure,
+  co as parseErrorDetail,
+  Bo as parseGrpcError,
+  I as useComponentClassName,
+  cn as useTelegramLogin,
+  ge as useToaster
 };