@vervstack/chures 0.0.16 → 0.0.18

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