@vervstack/chures 0.0.31 → 0.0.34

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,174 +1,174 @@
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;--chures-overlay: rgb(0 0 0 / 58%);--chures-side-drawer-size: 22rem}}@keyframes _spin_wa8op_1{to{transform:rotate(360deg)}}@keyframes _ripple_wa8op_1{0%{transform:scale(.08);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes _dotPulse_wa8op_1{0%,to{transform:translate(-50%,-50%) scale(.55);opacity:.3}50%{transform:translate(-50%,calc(-50% - var(--sz) * .1)) scale(1);opacity:1}}@keyframes _waveBounce_wa8op_1{0%,55%,to{transform:translate(-50%,-50%) scale(.8);opacity:.4}27%{transform:translate(-50%,calc(-50% - var(--sz) * .28)) scale(1);opacity:1}}._LoaderContainer_wa8op_24{position:relative;flex-shrink:0}._sm_wa8op_31{width:1.5rem;height:1.5rem;--sz: 1.5rem;--arc-gap: .2rem;--arc-bw: .125rem}._md_wa8op_32{width:2.5rem;height:2.5rem;--sz: 2.5rem;--arc-gap: .35rem;--arc-bw: .1875rem}._lg_wa8op_33{width:4rem;height:4rem;--sz: 4rem;--arc-gap: .55rem;--arc-bw: .25rem}._Arc1_wa8op_37,._Arc2_wa8op_38,._Arc3_wa8op_39{position:absolute;border-radius:50%;border:var(--arc-bw) solid transparent}._Arc1_wa8op_37{inset:0;border-top-color:var(--chures-accent, #229ED9);border-left-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.2s linear infinite;filter:drop-shadow(0 0 .25rem var(--chures-accent, #229ED9))}._Arc2_wa8op_38{inset:var(--arc-gap);border-bottom-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.8s linear infinite reverse;opacity:.8}._Arc3_wa8op_39{inset:calc(var(--arc-gap) * 2);border-top-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 2.4s linear infinite;opacity:.6}._Ring1_wa8op_71,._Ring2_wa8op_72,._Ring3_wa8op_73{position:absolute;inset:0;border-radius:50%;border:var(--arc-bw) solid var(--chures-accent, #229ED9);animation:_ripple_wa8op_1 1.8s ease-out infinite both}._Ring2_wa8op_72{animation-delay:.6s}._Ring3_wa8op_73{animation-delay:1.2s}._Dot1_wa8op_86,._Dot2_wa8op_87,._Dot3_wa8op_88{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .14) var(--chures-accent, #229ED9);animation:_dotPulse_wa8op_1 1.1s ease-in-out infinite both}._Dot1_wa8op_86{left:22%}._Dot2_wa8op_87{left:50%;animation-delay:.18s}._Dot3_wa8op_88{left:78%;animation-delay:.36s}._Wave1_wa8op_105,._Wave2_wa8op_106,._Wave3_wa8op_107,._Wave4_wa8op_108,._Wave5_wa8op_109{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .16);height:calc(var(--sz) * .16);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .1) var(--chures-accent, #229ED9);animation:_waveBounce_wa8op_1 1s ease-in-out infinite both}._Wave1_wa8op_105{left:10%}._Wave2_wa8op_106{left:28%;animation-delay:.12s}._Wave3_wa8op_107{left:46%;animation-delay:.24s}._Wave4_wa8op_108{left:64%;animation-delay:.36s}._Wave5_wa8op_109{left:82%;animation-delay:.48s}._LoadingWrapperContainer_1q0w7_1{display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem}._SkeletonWrapper_1q0w7_9{width:100%}._TelegramSignInButtonContainer_10wun_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--chures-btn-from, #2AABEE) 0%,var(--chures-btn-to, #229ED9) 100%);border:0;border-radius:.875rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 .0625rem #ffffff26,0 .75rem 2rem -.75rem #2aabee8c;transition:transform .14s ease,box-shadow .2s ease,filter .16s ease}._TelegramSignInButtonContainer_10wun_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_10wun_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_10wun_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_10wun_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_10wun_46{height:100%}._Icon_10wun_50{flex-shrink:0}._ToastContainer_1tme2_1{position:fixed;right:1.5rem;top:1.5rem;width:clamp(25vw,24.5rem,95vw);display:flex;flex-direction:column;gap:1rem;z-index:9999}._Toast_1tme2_1{min-height:4rem;border:var(--chures-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:var(--chures-surface, #000000);display:flex;flex-direction:column}._Toast_1tme2_1>div:first-child{font-weight:700;font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}._Toast_1tme2_1._error_1tme2_33{border-color:var(--chures-error, #ef4444)}._Toast_1tme2_1._error_1tme2_33>div:first-child{color:var(--chures-error, #ef4444)}._Toast_1tme2_1._warn_1tme2_41{border-color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._warn_1tme2_41>div:first-child{color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._info_1tme2_49{border-color:var(--chures-accent, #229ED9)}._Toast_1tme2_1 ._Description_1tme2_53{color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-xs, .75rem);margin-top:.125rem}._Toast_1tme2_1 ._DismissButton_1tme2_59{position:absolute;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;top:0;right:1%;cursor:pointer;font-size:1.5rem;color:var(--chures-fg-muted, #9ca3af)}._slideIn_1tme2_79{animation:_slideIn_1tme2_79 .2s ease forwards}._slideOut_1tme2_83{animation:_slideOut_1tme2_83 .2s ease forwards}@keyframes _slideIn_1tme2_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1tme2_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes _shimmer_1uu20_1{0%{background-position:-200% 0}to{background-position:200% 0}}:where(._InputContainer_1uu20_15){position:relative;width:100%;height:var(--chures-input-height, 3rem)}:where(._InputField_1uu20_21){width:100%;height:100%;background:var(--chures-input-bg, #111111);border:.0625rem solid rgb(255 255 255 / 13%);border-radius:var(--chures-input-radius, .75rem);color:var(--chures-fg, #ffffff);font-size:var(--chures-font-sm, .875rem);padding:0 .875rem;outline:none;transition:border-color .18s ease;box-sizing:border-box}:where(._InputField_1uu20_21._hasStartIcon_1uu20_35){padding-left:2.25rem}:where(._InputField_1uu20_21._hasEndIcon_1uu20_39){padding-right:2.25rem}:where(._StartIcon_1uu20_43){position:absolute;left:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._EndIcon_1uu20_54){position:absolute;right:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._InputField_1uu20_21):focus{border-color:#ffffff59}:where(._hasError_1uu20_69 ._InputField_1uu20_21),:where(._hasError_1uu20_69 ._InputField_1uu20_21):focus{border-color:var(--chures-error, #ef4444)}:where(._disabled_1uu20_74 ._InputField_1uu20_21){opacity:.45;cursor:not-allowed}:where(._Label_1uu20_79){position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-sm, .875rem);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}:where(._Label_1uu20_79._lifted_1uu20_93){top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}:where(._hasError_1uu20_69 ._Label_1uu20_79._lifted_1uu20_93){color:var(--chures-error, #ef4444)}:where(._ErrorText_1uu20_104){display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}:where(._Skeleton_1uu20_112){width:100%;height:var(--chures-input-height, 3rem);border-radius:var(--chures-input-radius, .75rem);background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1uu20_1 1.5s ease-in-out infinite}@keyframes _shimmer_1jetc_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_1jetc_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_1jetc_13{opacity:.45;cursor:not-allowed}._Track_1jetc_18{position:relative;width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:var(--chures-toggle-bg-off, rgb(255 255 255 / 13%));border:none;padding:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}._Track_1jetc_18._on_1jetc_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_1jetc_13 ._Track_1jetc_18{cursor:not-allowed}._Thumb_1jetc_39{position:absolute;top:0;bottom:0;margin:auto 0;left:.1875rem;width:var(--chures-toggle-thumb, 1.125rem);height:var(--chures-toggle-thumb, 1.125rem);border-radius:50%;background:var(--chures-toggle-thumb-color, #ffffff);transition:left .2s ease;pointer-events:none}._Track_1jetc_18._on_1jetc_31 ._Thumb_1jetc_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_1jetc_57{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_1jetc_63{display:inline-block;width:var(--chures-toggle-label-skeleton-w, 5rem);height:var(--chures-font-sm, .875rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}._Skeleton_1jetc_78{width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem;--chures-overlay: rgb(0 0 0 / 58%);--chures-side-drawer-size: 22rem}}@keyframes _panelIn_1jz2j_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_1jz2j_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_1jz2j_13{position:relative;width:100%}._PanelWrapper_1jz2j_20{position:absolute;top:calc(100% + var(--chures-dropdown-panel-gap));left:0;width:100%;animation:_panelIn_1jz2j_1 .14s ease}._PanelWrapper_1jz2j_20._Portal_1jz2j_34{position:fixed;width:auto;margin-top:var(--chures-dropdown-panel-gap)}._PanelContainer_1jz2j_18{background:var(--chures-dropdown-bg);border:1px solid var(--chures-dropdown-border);border-radius:var(--chures-dropdown-radius);overflow:hidden;box-shadow:0 1rem 3rem #000c}._PanelContainer_1jz2j_18._Glass_1jz2j_48{background:var(--chures-dropdown-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem))}._Label_1jz2j_54{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted);font-size:var(--chures-font-sm);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_1jz2j_54._lifted_1jz2j_68{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg);color:var(--chures-fg-muted)}._TriggerContainer_1jz2j_75{width:100%;height:var(--chures-input-height);background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-trigger-border);border-radius:var(--chures-input-radius);color:var(--chures-fg);font-size:var(--chures-font-sm);font-family:inherit;padding:0 .875rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}._TriggerContainer_1jz2j_75:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_1jz2j_75._Open_1jz2j_99{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_1jz2j_104{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_1jz2j_112{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_1jz2j_120{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_1jz2j_127{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;align-items:center;margin:.375rem 0;scrollbar-width:none;-ms-overflow-style:none}._ChipsWrapper_1jz2j_127::-webkit-scrollbar{display:none}._ChipsWrapper_1jz2j_127._Expand_1jz2j_145{flex-wrap:wrap;overflow:visible;row-gap:.25rem}._TriggerContainer_1jz2j_75._MultiSelect_1jz2j_151 ._TriggerIcon_1jz2j_120{align-self:flex-start;height:var(--chures-input-height)}._TriggerContainer_1jz2j_75._ExpandHeight_1jz2j_156{height:auto;min-height:var(--chures-input-height)}._Chip_1jz2j_127{display:inline-flex;align-items:center;flex-shrink:0;background:var(--chures-dropdown-create-bg);border:1px solid var(--chures-dropdown-chip-border);border-radius:624.9375rem;padding:.15rem .5rem;font-size:var(--chures-font-xs);color:var(--chures-fg);white-space:nowrap;line-height:1.4}._SearchRow_1jz2j_175{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_1jz2j_180{display:flex;align-items:center;gap:.5rem;background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-border-subtle);border-radius:var(--chures-dropdown-row-radius);padding:.4rem .625rem}._SearchIcon_1jz2j_190{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_1jz2j_197{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_1jz2j_197::placeholder{color:var(--chures-fg-muted)}._ResultsList_1jz2j_211{max-height:13rem;overflow-y:auto}._OptionRow_1jz2j_216{padding:.5625rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);cursor:pointer;transition:background .1s ease,color .1s ease;display:flex;align-items:center;gap:.5rem}._OptionRow_1jz2j_216:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_1jz2j_216._Selected_1jz2j_231{color:var(--chures-fg)}._OptionRow_1jz2j_216._Indented_1jz2j_235{padding-left:1.875rem}._GroupHeader_1jz2j_240{padding:.5625rem .875rem .25rem;font-size:var(--chures-font-xs);color:var(--chures-fg-muted);text-transform:uppercase;letter-spacing:.03em}._GroupHeader_1jz2j_240:not(:first-child){margin-top:.25rem;border-top:1px solid var(--chures-dropdown-border-subtle)}._Checkmark_1jz2j_253{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_1jz2j_259{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_1jz2j_259:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_1jz2j_259._WithBorder_1jz2j_272{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_1jz2j_277{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--chures-accent);color:#fff;flex-shrink:0}._CreateLabel_1jz2j_289{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_1jz2j_295{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_1jz2j_302{height:2rem;margin:.375rem .875rem;border-radius:var(--chures-dropdown-row-radius);background:linear-gradient(90deg,var(--chures-dropdown-bg) 25%,var(--chures-skeleton-shine) 50%,var(--chures-dropdown-bg) 75%);background-size:200% 100%;animation:_shimmer_1jz2j_1 1.4s infinite linear}:where(._Btn_1tozl_10){display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:1px solid transparent;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.625rem 1rem;transition:all .16s ease;white-space:nowrap;color:var(--chures-fg, #ffffff);background:var(--chures-button-bg)}:where(._Btn_1tozl_10):disabled{opacity:.4;cursor:not-allowed}:where(._Primary_1tozl_35){background:var(--chures-accent, #229ED9);border-color:var(--chures-accent, #229ED9);color:#fff;font-weight:600;padding:.625rem 1.125rem;box-shadow:0 10px 28px -12px var(--chures-accent-muted, rgb(34 158 217 / 50%));transition:filter .16s ease,opacity .16s ease}:where(._Primary_1tozl_35):hover:not(:disabled){filter:brightness(1.06)}:where(._Secondary_1tozl_50){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Secondary_1tozl_50):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._Ghost_1tozl_62){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Ghost_1tozl_62):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._IconDanger_1tozl_74){width:1.375rem;height:1.375rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:1rem;line-height:1;justify-content:center;flex-shrink:0;transition:background .14s ease,color .14s ease}:where(._IconDanger_1tozl_74):hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}:where(._Danger_1tozl_95){background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}:where(._Danger_1tozl_95):hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmWrapper_1tq4o_4{width:100%;max-width:24rem;animation:_confirmIn_1tq4o_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_1tq4o_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmContainer_1tq4o_1{width:100%;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c}._Glass_1tq4o_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._ConfirmTitle_1tq4o_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_1tq4o_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_1tq4o_45{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_1tq4o_53{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_1tq4o_53:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_1tq4o_73{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_1tq4o_73:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_1tq4o_92{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_1tq4o_92:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_1tq4o_73:disabled,._BtnDanger_1tq4o_92:disabled,._BtnCancel_1tq4o_53:disabled{opacity:.4;cursor:not-allowed}._InfoWrapper_cqv58_4{width:100%;max-width:24rem;animation:_infoIn_cqv58_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_cqv58_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoContainer_cqv58_1{width:100%;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c}._Glass_cqv58_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._InfoTitle_cqv58_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_cqv58_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_cqv58_45{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_cqv58_52{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_cqv58_52:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}:where(._Backdrop_1w1e3_7){position:fixed;inset:0;background:var(--chures-overlay, rgb(0 0 0 / 58%));opacity:0;pointer-events:none;transition:opacity .26s ease}:where(._BackdropOpen_1w1e3_16){opacity:1;pointer-events:auto}:where(._Panel_1w1e3_21){position:fixed;display:flex;flex-direction:column;overflow:hidden;background:var(--chures-surface, #000000);box-shadow:0 0 3rem #00000059;transition:transform .28s cubic-bezier(.32,0,0,1)}:where(._Right_1w1e3_31){top:0;right:0;bottom:0;width:var(--chures-side-drawer-size, 22rem);max-width:100vw;transform:translate(100%)}:where(._Left_1w1e3_40){top:0;bottom:0;left:0;width:var(--chures-side-drawer-size, 22rem);max-width:100vw;transform:translate(-100%)}:where(._Top_1w1e3_49){top:0;left:0;right:0;height:var(--chures-side-drawer-size, 22rem);max-height:100vh;transform:translateY(-100%)}:where(._Bottom_1w1e3_58){left:0;right:0;bottom:0;height:var(--chures-side-drawer-size, 22rem);max-height:100vh;transform:translateY(100%)}:where(._PanelOpen_1w1e3_67){transform:translate(0)}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
- import { jsx as t, jsxs as _, Fragment as B } from "react/jsx-runtime";
3
- import { createContext as Oe, useContext as Pe, useRef as G, useState as N, useEffect as b, forwardRef as xe, useCallback as Ce, useLayoutEffect as ke, Fragment as de } from "react";
4
- import { AnimatePresence as We, motion as ze } from "framer-motion";
5
- import { create as Me } from "zustand";
6
- import { createPortal as Le } from "react-dom";
7
- function Fe(e) {
1
+ (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem;--chures-overlay: rgb(0 0 0 / 58%);--chures-side-drawer-size: 22rem;--chures-flyout-bg: #0d0d0d;--chures-flyout-min-width: 10rem;--chures-flyout-border: rgb(255 255 255 / 11%);--chures-flyout-radius: .5rem;--chures-flyout-shadow: rgb(0 0 0 / 80%);--chures-flyout-fg: rgb(255 255 255 / 55%);--chures-flyout-fg-strong: rgb(255 255 255 / 92%);--chures-flyout-fg-muted: rgb(255 255 255 / 32%);--chures-flyout-hover: rgb(255 255 255 / 4%);--chures-flyout-skeleton: rgb(255 255 255 / 7%);--chures-flyout-font: .8125rem;--chures-flyout-font-sm: .6875rem;--chures-flyout-font-md: .75rem;--chures-flyout-font-mono: "JetBrains Mono", ui-monospace, sfmono-regular, menlo, monospace}}@keyframes _spin_wa8op_1{to{transform:rotate(360deg)}}@keyframes _ripple_wa8op_1{0%{transform:scale(.08);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes _dotPulse_wa8op_1{0%,to{transform:translate(-50%,-50%) scale(.55);opacity:.3}50%{transform:translate(-50%,calc(-50% - var(--sz) * .1)) scale(1);opacity:1}}@keyframes _waveBounce_wa8op_1{0%,55%,to{transform:translate(-50%,-50%) scale(.8);opacity:.4}27%{transform:translate(-50%,calc(-50% - var(--sz) * .28)) scale(1);opacity:1}}._LoaderContainer_wa8op_24{position:relative;flex-shrink:0}._sm_wa8op_31{width:1.5rem;height:1.5rem;--sz: 1.5rem;--arc-gap: .2rem;--arc-bw: .125rem}._md_wa8op_32{width:2.5rem;height:2.5rem;--sz: 2.5rem;--arc-gap: .35rem;--arc-bw: .1875rem}._lg_wa8op_33{width:4rem;height:4rem;--sz: 4rem;--arc-gap: .55rem;--arc-bw: .25rem}._Arc1_wa8op_37,._Arc2_wa8op_38,._Arc3_wa8op_39{position:absolute;border-radius:50%;border:var(--arc-bw) solid transparent}._Arc1_wa8op_37{inset:0;border-top-color:var(--chures-accent, #229ED9);border-left-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.2s linear infinite;filter:drop-shadow(0 0 .25rem var(--chures-accent, #229ED9))}._Arc2_wa8op_38{inset:var(--arc-gap);border-bottom-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.8s linear infinite reverse;opacity:.8}._Arc3_wa8op_39{inset:calc(var(--arc-gap) * 2);border-top-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 2.4s linear infinite;opacity:.6}._Ring1_wa8op_71,._Ring2_wa8op_72,._Ring3_wa8op_73{position:absolute;inset:0;border-radius:50%;border:var(--arc-bw) solid var(--chures-accent, #229ED9);animation:_ripple_wa8op_1 1.8s ease-out infinite both}._Ring2_wa8op_72{animation-delay:.6s}._Ring3_wa8op_73{animation-delay:1.2s}._Dot1_wa8op_86,._Dot2_wa8op_87,._Dot3_wa8op_88{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .14) var(--chures-accent, #229ED9);animation:_dotPulse_wa8op_1 1.1s ease-in-out infinite both}._Dot1_wa8op_86{left:22%}._Dot2_wa8op_87{left:50%;animation-delay:.18s}._Dot3_wa8op_88{left:78%;animation-delay:.36s}._Wave1_wa8op_105,._Wave2_wa8op_106,._Wave3_wa8op_107,._Wave4_wa8op_108,._Wave5_wa8op_109{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .16);height:calc(var(--sz) * .16);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .1) var(--chures-accent, #229ED9);animation:_waveBounce_wa8op_1 1s ease-in-out infinite both}._Wave1_wa8op_105{left:10%}._Wave2_wa8op_106{left:28%;animation-delay:.12s}._Wave3_wa8op_107{left:46%;animation-delay:.24s}._Wave4_wa8op_108{left:64%;animation-delay:.36s}._Wave5_wa8op_109{left:82%;animation-delay:.48s}._LoadingWrapperContainer_1q0w7_1{display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem}._SkeletonWrapper_1q0w7_9{width:100%}._TelegramSignInButtonContainer_10wun_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--chures-btn-from, #2AABEE) 0%,var(--chures-btn-to, #229ED9) 100%);border:0;border-radius:.875rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 .0625rem #ffffff26,0 .75rem 2rem -.75rem #2aabee8c;transition:transform .14s ease,box-shadow .2s ease,filter .16s ease}._TelegramSignInButtonContainer_10wun_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_10wun_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_10wun_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_10wun_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_10wun_46{height:100%}._Icon_10wun_50{flex-shrink:0}._ToastContainer_1tme2_1{position:fixed;right:1.5rem;top:1.5rem;width:clamp(25vw,24.5rem,95vw);display:flex;flex-direction:column;gap:1rem;z-index:9999}._Toast_1tme2_1{min-height:4rem;border:var(--chures-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:var(--chures-surface, #000000);display:flex;flex-direction:column}._Toast_1tme2_1>div:first-child{font-weight:700;font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}._Toast_1tme2_1._error_1tme2_33{border-color:var(--chures-error, #ef4444)}._Toast_1tme2_1._error_1tme2_33>div:first-child{color:var(--chures-error, #ef4444)}._Toast_1tme2_1._warn_1tme2_41{border-color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._warn_1tme2_41>div:first-child{color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._info_1tme2_49{border-color:var(--chures-accent, #229ED9)}._Toast_1tme2_1 ._Description_1tme2_53{color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-xs, .75rem);margin-top:.125rem}._Toast_1tme2_1 ._DismissButton_1tme2_59{position:absolute;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;top:0;right:1%;cursor:pointer;font-size:1.5rem;color:var(--chures-fg-muted, #9ca3af)}._slideIn_1tme2_79{animation:_slideIn_1tme2_79 .2s ease forwards}._slideOut_1tme2_83{animation:_slideOut_1tme2_83 .2s ease forwards}@keyframes _slideIn_1tme2_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1tme2_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes _shimmer_1uu20_1{0%{background-position:-200% 0}to{background-position:200% 0}}:where(._InputContainer_1uu20_15){position:relative;width:100%;height:var(--chures-input-height, 3rem)}:where(._InputField_1uu20_21){width:100%;height:100%;background:var(--chures-input-bg, #111111);border:.0625rem solid rgb(255 255 255 / 13%);border-radius:var(--chures-input-radius, .75rem);color:var(--chures-fg, #ffffff);font-size:var(--chures-font-sm, .875rem);padding:0 .875rem;outline:none;transition:border-color .18s ease;box-sizing:border-box}:where(._InputField_1uu20_21._hasStartIcon_1uu20_35){padding-left:2.25rem}:where(._InputField_1uu20_21._hasEndIcon_1uu20_39){padding-right:2.25rem}:where(._StartIcon_1uu20_43){position:absolute;left:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._EndIcon_1uu20_54){position:absolute;right:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._InputField_1uu20_21):focus{border-color:#ffffff59}:where(._hasError_1uu20_69 ._InputField_1uu20_21),:where(._hasError_1uu20_69 ._InputField_1uu20_21):focus{border-color:var(--chures-error, #ef4444)}:where(._disabled_1uu20_74 ._InputField_1uu20_21){opacity:.45;cursor:not-allowed}:where(._Label_1uu20_79){position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-sm, .875rem);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}:where(._Label_1uu20_79._lifted_1uu20_93){top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}:where(._hasError_1uu20_69 ._Label_1uu20_79._lifted_1uu20_93){color:var(--chures-error, #ef4444)}:where(._ErrorText_1uu20_104){display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}:where(._Skeleton_1uu20_112){width:100%;height:var(--chures-input-height, 3rem);border-radius:var(--chures-input-radius, .75rem);background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1uu20_1 1.5s ease-in-out infinite}@keyframes _shimmer_1jetc_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_1jetc_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_1jetc_13{opacity:.45;cursor:not-allowed}._Track_1jetc_18{position:relative;width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:var(--chures-toggle-bg-off, rgb(255 255 255 / 13%));border:none;padding:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}._Track_1jetc_18._on_1jetc_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_1jetc_13 ._Track_1jetc_18{cursor:not-allowed}._Thumb_1jetc_39{position:absolute;top:0;bottom:0;margin:auto 0;left:.1875rem;width:var(--chures-toggle-thumb, 1.125rem);height:var(--chures-toggle-thumb, 1.125rem);border-radius:50%;background:var(--chures-toggle-thumb-color, #ffffff);transition:left .2s ease;pointer-events:none}._Track_1jetc_18._on_1jetc_31 ._Thumb_1jetc_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_1jetc_57{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_1jetc_63{display:inline-block;width:var(--chures-toggle-label-skeleton-w, 5rem);height:var(--chures-font-sm, .875rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}._Skeleton_1jetc_78{width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem;--chures-overlay: rgb(0 0 0 / 58%);--chures-side-drawer-size: 22rem;--chures-flyout-bg: #0d0d0d;--chures-flyout-min-width: 10rem;--chures-flyout-border: rgb(255 255 255 / 11%);--chures-flyout-radius: .5rem;--chures-flyout-shadow: rgb(0 0 0 / 80%);--chures-flyout-fg: rgb(255 255 255 / 55%);--chures-flyout-fg-strong: rgb(255 255 255 / 92%);--chures-flyout-fg-muted: rgb(255 255 255 / 32%);--chures-flyout-hover: rgb(255 255 255 / 4%);--chures-flyout-skeleton: rgb(255 255 255 / 7%);--chures-flyout-font: .8125rem;--chures-flyout-font-sm: .6875rem;--chures-flyout-font-md: .75rem;--chures-flyout-font-mono: "JetBrains Mono", ui-monospace, sfmono-regular, menlo, monospace}}@keyframes _panelIn_147gi_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_147gi_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_147gi_13{position:relative;width:100%}._PanelWrapper_147gi_20{position:absolute;top:calc(100% + var(--chures-dropdown-panel-gap));left:0;width:100%;animation:_panelIn_147gi_1 .14s ease}._PanelWrapper_147gi_20._Portal_147gi_34{position:fixed;width:auto;margin-top:var(--chures-dropdown-panel-gap)}._PanelContainer_147gi_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_147gi_18._Glass_147gi_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_147gi_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_147gi_54._lifted_147gi_68{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg);color:var(--chures-fg-muted)}._TriggerContainer_147gi_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_147gi_75:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_147gi_75._Open_147gi_99{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_147gi_104{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_147gi_112{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_147gi_120{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_147gi_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_147gi_127::-webkit-scrollbar{display:none}._ChipsWrapper_147gi_127._Expand_147gi_145{flex-wrap:wrap;overflow:visible;row-gap:.25rem}._TriggerContainer_147gi_75._MultiSelect_147gi_151 ._TriggerIcon_147gi_120{align-self:flex-start;height:var(--chures-input-height)}._TriggerContainer_147gi_75._ExpandHeight_147gi_156{height:auto;min-height:var(--chures-input-height)}._Chip_147gi_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_147gi_175{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_147gi_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_147gi_190{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_147gi_197{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_147gi_197::placeholder{color:var(--chures-fg-muted)}._ResultsList_147gi_211{max-height:13rem;overflow-y:auto}._OptionRow_147gi_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_147gi_216:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_147gi_216._Selected_147gi_231{color:var(--chures-fg)}._OptionRow_147gi_216._Indented_147gi_235{padding-left:1.875rem}._OptionRow_147gi_216._Disabled_147gi_239{cursor:not-allowed;opacity:.5}._OptionRow_147gi_216._Disabled_147gi_239:hover{background:transparent;color:var(--chures-fg-muted)}._GroupHeader_147gi_250{padding:.5625rem .875rem .25rem;font-size:var(--chures-font-xs);color:var(--chures-fg-muted);text-transform:uppercase;letter-spacing:.03em}._GroupHeader_147gi_250:not(:first-child){margin-top:.25rem;border-top:1px solid var(--chures-dropdown-border-subtle)}._Checkmark_147gi_263{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_147gi_269{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_147gi_269:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_147gi_269._WithBorder_147gi_282{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_147gi_287{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_147gi_299{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_147gi_305{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_147gi_312{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_147gi_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)}:where(._Backdrop_1w1e3_7){position:fixed;inset:0;background:var(--chures-overlay, rgb(0 0 0 / 58%));opacity:0;pointer-events:none;transition:opacity .26s ease}:where(._BackdropOpen_1w1e3_16){opacity:1;pointer-events:auto}:where(._Panel_1w1e3_21){position:fixed;display:flex;flex-direction:column;overflow:hidden;background:var(--chures-surface, #000000);box-shadow:0 0 3rem #00000059;transition:transform .28s cubic-bezier(.32,0,0,1)}:where(._Right_1w1e3_31){top:0;right:0;bottom:0;width:var(--chures-side-drawer-size, 22rem);max-width:100vw;transform:translate(100%)}:where(._Left_1w1e3_40){top:0;bottom:0;left:0;width:var(--chures-side-drawer-size, 22rem);max-width:100vw;transform:translate(-100%)}:where(._Top_1w1e3_49){top:0;left:0;right:0;height:var(--chures-side-drawer-size, 22rem);max-height:100vh;transform:translateY(-100%)}:where(._Bottom_1w1e3_58){left:0;right:0;bottom:0;height:var(--chures-side-drawer-size, 22rem);max-height:100vh;transform:translateY(100%)}:where(._PanelOpen_1w1e3_67){transform:translate(0)}@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;--chures-overlay: rgb(0 0 0 / 58%);--chures-side-drawer-size: 22rem;--chures-flyout-bg: #0d0d0d;--chures-flyout-min-width: 10rem;--chures-flyout-border: rgb(255 255 255 / 11%);--chures-flyout-radius: .5rem;--chures-flyout-shadow: rgb(0 0 0 / 80%);--chures-flyout-fg: rgb(255 255 255 / 55%);--chures-flyout-fg-strong: rgb(255 255 255 / 92%);--chures-flyout-fg-muted: rgb(255 255 255 / 32%);--chures-flyout-hover: rgb(255 255 255 / 4%);--chures-flyout-skeleton: rgb(255 255 255 / 7%);--chures-flyout-font: .8125rem;--chures-flyout-font-sm: .6875rem;--chures-flyout-font-md: .75rem;--chures-flyout-font-mono: "JetBrains Mono", ui-monospace, sfmono-regular, menlo, monospace}}._FlyoutMenuContainer_1q0ma_5{display:contents}._Backdrop_1q0ma_9{position:fixed;inset:0}._Panel_1q0ma_14{position:fixed;display:flex;flex-direction:column;min-width:var(--chures-flyout-min-width);padding:.35rem;background:var(--chures-flyout-bg);border:1px solid var(--chures-flyout-border);border-radius:var(--chures-flyout-radius);box-shadow:0 1rem 2.5rem -.75rem var(--chures-flyout-shadow);overflow-y:auto}._Submenu_1q0ma_27{position:fixed;display:flex;flex-direction:column;min-width:var(--chures-flyout-min-width);background:var(--chures-flyout-bg);border:1px solid var(--chures-flyout-border);border-radius:var(--chures-flyout-radius);box-shadow:0 1rem 2.5rem -.75rem var(--chures-flyout-shadow);overflow-y:auto}._FlyoutPanelContainer_1q0ma_41{display:flex;flex-direction:column;gap:.15rem}._Back_1q0ma_9{display:flex;align-items:center;justify-content:flex-start;gap:.4rem;padding:.4rem .55rem;border:1px solid transparent;border-radius:var(--chures-flyout-radius);background:transparent;color:var(--chures-flyout-fg);font-size:var(--chures-flyout-font);text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}._Back_1q0ma_9:hover{background:var(--chures-flyout-hover);color:var(--chures-flyout-fg-strong)}._Chevron_1q0ma_68{flex-shrink:0;color:var(--chures-flyout-fg-muted)}._MenuListContainer_1q0ma_75{display:flex;flex-direction:column;gap:.15rem}._Heading_1q0ma_81{padding:.35rem .55rem .25rem;color:var(--chures-flyout-fg-muted);font-family:var(--chures-flyout-font-mono);font-size:var(--chures-flyout-font-sm);letter-spacing:.06rem;text-transform:uppercase}._Divider_1q0ma_90{height:1px;margin:.3rem .2rem;background:var(--chures-flyout-border)}._MenuRowContainer_1q0ma_98{display:flex}._MenuRowContainer_1q0ma_98._Dim_1q0ma_102{opacity:.5}._Row_1q0ma_106{display:flex;flex:1;min-width:0;align-items:center;justify-content:flex-start;gap:.5rem;padding:.4rem .55rem;overflow:hidden;border:1px solid transparent;border-radius:var(--chures-flyout-radius);background:transparent;color:var(--chures-flyout-fg);font-size:var(--chures-flyout-font);text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}._Row_1q0ma_106:hover:not(:disabled){background:var(--chures-flyout-hover);color:var(--chures-flyout-fg-strong)}._Row_1q0ma_106:disabled{color:var(--chures-flyout-fg-muted);cursor:default}._Icon_1q0ma_135{display:flex;flex-shrink:0}._Label_1q0ma_140{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._Arrow_1q0ma_148{flex-shrink:0;color:var(--chures-flyout-fg-muted);font-size:var(--chures-flyout-font-md)}._MenuSkeletonContainer_1q0ma_156{display:flex;flex-direction:column;gap:.15rem;padding:.35rem .5rem}._MenuSkeletonRow_1q0ma_163{height:1.75rem;border-radius:var(--chures-flyout-radius);background:var(--chures-flyout-skeleton);animation:_churesFlyoutSkeletonPulse_1q0ma_1 1.5s ease-in-out infinite}._MenuSkeletonRow_1q0ma_163:nth-child(2){animation-delay:.15s}._MenuSkeletonRow_1q0ma_163:nth-child(3){animation-delay:.3s}@keyframes _churesFlyoutSkeletonPulse_1q0ma_1{0%,to{opacity:1}50%{opacity:.4}}._MenuSearchFieldContainer_1q0ma_191{overflow:hidden;padding-bottom:.35rem}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
+ import { jsx as o, jsxs as m, Fragment as G } from "react/jsx-runtime";
3
+ import { createContext as Pe, useContext as Me, useRef as b, useState as S, useEffect as T, forwardRef as Ze, useCallback as E, useLayoutEffect as Ne, Fragment as he, useMemo as Oe } from "react";
4
+ import { AnimatePresence as le, motion as oe } from "framer-motion";
5
+ import { create as en } from "zustand";
6
+ import { createPortal as Ie } from "react-dom";
7
+ function nn(e) {
8
8
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
9
9
  }
10
- var ue = { exports: {} };
11
- var ve;
12
- function Ue() {
13
- return ve || (ve = 1, (function(e) {
10
+ var me = { exports: {} };
11
+ var Re;
12
+ function tn() {
13
+ return Re || (Re = 1, (function(e) {
14
14
  (function() {
15
15
  var n = {}.hasOwnProperty;
16
- function o() {
17
- for (var a = "", i = 0; i < arguments.length; i++) {
18
- var l = arguments[i];
19
- l && (a = s(a, r(l)));
16
+ function r() {
17
+ for (var s = "", a = 0; a < arguments.length; a++) {
18
+ var c = arguments[a];
19
+ c && (s = i(s, t(c)));
20
20
  }
21
- return a;
21
+ return s;
22
22
  }
23
- function r(a) {
24
- if (typeof a == "string" || typeof a == "number")
25
- return a;
26
- if (typeof a != "object")
23
+ function t(s) {
24
+ if (typeof s == "string" || typeof s == "number")
25
+ return s;
26
+ if (typeof s != "object")
27
27
  return "";
28
- if (Array.isArray(a))
29
- return o.apply(null, a);
30
- if (a.toString !== Object.prototype.toString && !a.toString.toString().includes("[native code]"))
31
- return a.toString();
32
- var i = "";
33
- for (var l in a)
34
- n.call(a, l) && a[l] && (i = s(i, l));
35
- return i;
28
+ if (Array.isArray(s))
29
+ return r.apply(null, s);
30
+ if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
31
+ return s.toString();
32
+ var a = "";
33
+ for (var c in s)
34
+ n.call(s, c) && s[c] && (a = i(a, c));
35
+ return a;
36
36
  }
37
- function s(a, i) {
38
- return i ? a ? a + " " + i : a + i : a;
37
+ function i(s, a) {
38
+ return a ? s ? s + " " + a : s + a : s;
39
39
  }
40
- e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
40
+ e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
41
41
  })();
42
- })(ue)), ue.exports;
43
- }
44
- var Ge = Ue();
45
- const p = /* @__PURE__ */ Fe(Ge), qe = "_LoaderContainer_wa8op_24", $e = "_sm_wa8op_31", He = "_md_wa8op_32", Ve = "_lg_wa8op_33", Ke = "_Arc1_wa8op_37", Xe = "_Arc2_wa8op_38", Ye = "_Arc3_wa8op_39", Qe = "_spin_wa8op_1", Je = "_Ring1_wa8op_71", Ze = "_Ring2_wa8op_72", en = "_Ring3_wa8op_73", nn = "_ripple_wa8op_1", tn = "_Dot1_wa8op_86", on = "_Dot2_wa8op_87", rn = "_Dot3_wa8op_88", sn = "_dotPulse_wa8op_1", an = "_Wave1_wa8op_105", cn = "_Wave2_wa8op_106", ln = "_Wave3_wa8op_107", dn = "_Wave4_wa8op_108", un = "_Wave5_wa8op_109", _n = "_waveBounce_wa8op_1", oe = {
46
- LoaderContainer: qe,
47
- sm: $e,
48
- md: He,
49
- lg: Ve,
50
- Arc1: Ke,
51
- Arc2: Xe,
52
- Arc3: Ye,
53
- spin: Qe,
54
- Ring1: Je,
55
- Ring2: Ze,
56
- Ring3: en,
57
- ripple: nn,
58
- Dot1: tn,
59
- Dot2: on,
60
- Dot3: rn,
61
- dotPulse: sn,
62
- Wave1: an,
63
- Wave2: cn,
64
- Wave3: ln,
65
- Wave4: dn,
66
- Wave5: un,
67
- waveBounce: _n
68
- }, Te = Oe({});
69
- function v(e, n) {
70
- const o = Pe(Te);
71
- return n ?? o[e];
72
- }
73
- function pn(e, n) {
42
+ })(me)), me.exports;
43
+ }
44
+ var on = tn();
45
+ const g = /* @__PURE__ */ nn(on), rn = "_LoaderContainer_wa8op_24", sn = "_sm_wa8op_31", an = "_md_wa8op_32", cn = "_lg_wa8op_33", ln = "_Arc1_wa8op_37", un = "_Arc2_wa8op_38", dn = "_Arc3_wa8op_39", _n = "_spin_wa8op_1", fn = "_Ring1_wa8op_71", hn = "_Ring2_wa8op_72", mn = "_Ring3_wa8op_73", pn = "_ripple_wa8op_1", gn = "_Dot1_wa8op_86", Cn = "_Dot2_wa8op_87", vn = "_Dot3_wa8op_88", wn = "_dotPulse_wa8op_1", yn = "_Wave1_wa8op_105", Nn = "_Wave2_wa8op_106", In = "_Wave3_wa8op_107", Sn = "_Wave4_wa8op_108", kn = "_Wave5_wa8op_109", Rn = "_waveBounce_wa8op_1", se = {
46
+ LoaderContainer: rn,
47
+ sm: sn,
48
+ md: an,
49
+ lg: cn,
50
+ Arc1: ln,
51
+ Arc2: un,
52
+ Arc3: dn,
53
+ spin: _n,
54
+ Ring1: fn,
55
+ Ring2: hn,
56
+ Ring3: mn,
57
+ ripple: pn,
58
+ Dot1: gn,
59
+ Dot2: Cn,
60
+ Dot3: vn,
61
+ dotPulse: wn,
62
+ Wave1: yn,
63
+ Wave2: Nn,
64
+ Wave3: In,
65
+ Wave4: Sn,
66
+ Wave5: kn,
67
+ waveBounce: Rn
68
+ }, We = Pe({});
69
+ function L(e, n) {
70
+ const r = Me(We);
71
+ return n ?? r[e];
72
+ }
73
+ function bn(e, n) {
74
74
  switch (e) {
75
75
  case "ripple":
76
- return /* @__PURE__ */ _(B, { children: [
77
- /* @__PURE__ */ t("div", { className: n.Ring1 }),
78
- /* @__PURE__ */ t("div", { className: n.Ring2 }),
79
- /* @__PURE__ */ t("div", { className: n.Ring3 })
76
+ return /* @__PURE__ */ m(G, { children: [
77
+ /* @__PURE__ */ o("div", { className: n.Ring1 }),
78
+ /* @__PURE__ */ o("div", { className: n.Ring2 }),
79
+ /* @__PURE__ */ o("div", { className: n.Ring3 })
80
80
  ] });
81
81
  case "dots":
82
- return /* @__PURE__ */ _(B, { children: [
83
- /* @__PURE__ */ t("div", { className: n.Dot1 }),
84
- /* @__PURE__ */ t("div", { className: n.Dot2 }),
85
- /* @__PURE__ */ t("div", { className: n.Dot3 })
82
+ return /* @__PURE__ */ m(G, { children: [
83
+ /* @__PURE__ */ o("div", { className: n.Dot1 }),
84
+ /* @__PURE__ */ o("div", { className: n.Dot2 }),
85
+ /* @__PURE__ */ o("div", { className: n.Dot3 })
86
86
  ] });
87
87
  case "wave":
88
- return /* @__PURE__ */ _(B, { 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 })
88
+ return /* @__PURE__ */ m(G, { children: [
89
+ /* @__PURE__ */ o("div", { className: n.Wave1 }),
90
+ /* @__PURE__ */ o("div", { className: n.Wave2 }),
91
+ /* @__PURE__ */ o("div", { className: n.Wave3 }),
92
+ /* @__PURE__ */ o("div", { className: n.Wave4 }),
93
+ /* @__PURE__ */ o("div", { className: n.Wave5 })
94
94
  ] });
95
95
  default:
96
- return /* @__PURE__ */ _(B, { children: [
97
- /* @__PURE__ */ t("div", { className: n.Arc1 }),
98
- /* @__PURE__ */ t("div", { className: n.Arc2 }),
99
- /* @__PURE__ */ t("div", { className: n.Arc3 })
96
+ return /* @__PURE__ */ m(G, { children: [
97
+ /* @__PURE__ */ o("div", { className: n.Arc1 }),
98
+ /* @__PURE__ */ o("div", { className: n.Arc2 }),
99
+ /* @__PURE__ */ o("div", { className: n.Arc3 })
100
100
  ] });
101
101
  }
102
102
  }
103
- function fn({ variant: e = "arcs", size: n = "md", color: o, className: r }) {
104
- const s = v("Loader", r);
105
- return /* @__PURE__ */ t(
103
+ function Tn({ variant: e = "arcs", size: n = "md", color: r, className: t }) {
104
+ const i = L("Loader", t);
105
+ return /* @__PURE__ */ o(
106
106
  "div",
107
107
  {
108
- className: p(oe.LoaderContainer, oe[n], oe[e], s),
108
+ className: g(se.LoaderContainer, se[n], se[e], i),
109
109
  role: "status",
110
110
  "aria-label": "Loading",
111
- style: o ? { "--chures-accent": o } : void 0,
112
- children: pn(e, oe)
111
+ style: r ? { "--chures-accent": r } : void 0,
112
+ children: bn(e, se)
113
113
  }
114
114
  );
115
115
  }
116
- const hn = "_LoadingWrapperContainer_1q0w7_1", mn = "_SkeletonWrapper_1q0w7_9", we = {
117
- LoadingWrapperContainer: hn,
118
- SkeletonWrapper: mn
116
+ const Ln = "_LoadingWrapperContainer_1q0w7_1", Dn = "_SkeletonWrapper_1q0w7_9", be = {
117
+ LoadingWrapperContainer: Ln,
118
+ SkeletonWrapper: Dn
119
119
  };
120
- function Wo({ isLoading: e, children: n, skeleton: o, loaderProps: r, className: s }) {
121
- const a = v("LoadingWrapper", s);
122
- return e ? o ? /* @__PURE__ */ t("div", { className: p(we.SkeletonWrapper, a), children: o }) : /* @__PURE__ */ t("div", { className: p(we.LoadingWrapperContainer, a), children: /* @__PURE__ */ t(fn, { ...r }) }) : /* @__PURE__ */ t(B, { children: n });
123
- }
124
- const gn = "https://oauth.telegram.org/js/telegram-login.js?3";
125
- function Cn(e) {
126
- const { botId: n, redirectUri: o, requestAccess: r = "write" } = e, s = G(e.onSuccess);
127
- s.current = e.onSuccess;
128
- const a = G(!1), [i, l] = N(!1), [f, d] = N(!1);
129
- b(function() {
120
+ function qr({ isLoading: e, children: n, skeleton: r, loaderProps: t, className: i }) {
121
+ const s = L("LoadingWrapper", i);
122
+ return e ? r ? /* @__PURE__ */ o("div", { className: g(be.SkeletonWrapper, s), children: r }) : /* @__PURE__ */ o("div", { className: g(be.LoadingWrapperContainer, s), children: /* @__PURE__ */ o(Tn, { ...t }) }) : /* @__PURE__ */ o(G, { children: n });
123
+ }
124
+ const En = "https://oauth.telegram.org/js/telegram-login.js?3";
125
+ function Bn(e) {
126
+ const { botId: n, redirectUri: r, requestAccess: t = "write" } = e, i = b(e.onSuccess);
127
+ i.current = e.onSuccess;
128
+ const s = b(!1), [a, c] = S(!1), [d, u] = S(!1);
129
+ T(function() {
130
130
  if (!n) return;
131
- const m = o ?? window.location.origin;
132
- d(!0), l(!1);
133
- const g = document.createElement("script");
134
- return g.src = gn, g.async = !0, g.onload = function() {
135
- const y = window.Telegram;
136
- y && (y.Login.init(
137
- { client_id: n, redirect_uri: m },
138
- function(x) {
139
- a.current || (a.current = !0, s.current(x));
131
+ const _ = r ?? window.location.origin;
132
+ u(!0), c(!1);
133
+ const p = document.createElement("script");
134
+ return p.src = En, p.async = !0, p.onload = function() {
135
+ const C = window.Telegram;
136
+ C && (C.Login.init(
137
+ { client_id: n, redirect_uri: _ },
138
+ function(y) {
139
+ s.current || (s.current = !0, i.current(y));
140
140
  }
141
- ), l(!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), l(!1), d(!1);
141
+ ), c(!0)), u(!1);
142
+ }, p.onerror = function() {
143
+ u(!1);
144
+ }, document.head.appendChild(p), function() {
145
+ document.head.contains(p) && document.head.removeChild(p), c(!1), u(!1);
146
146
  };
147
- }, [n, o]);
148
- function h() {
149
- const m = window.Telegram;
150
- if (!i || !m) return;
151
- a.current = !1;
152
- const g = o ?? window.location.origin;
153
- m.Login.auth(
154
- { client_id: n, redirect_uri: g, request_access: r },
155
- function(y) {
156
- a.current || (a.current = !0, s.current(y));
147
+ }, [n, r]);
148
+ function l() {
149
+ const _ = window.Telegram;
150
+ if (!a || !_) return;
151
+ s.current = !1;
152
+ const p = r ?? window.location.origin;
153
+ _.Login.auth(
154
+ { client_id: n, redirect_uri: p, request_access: t },
155
+ function(C) {
156
+ s.current || (s.current = !0, i.current(C));
157
157
  }
158
158
  );
159
159
  }
160
- return { login: h, isReady: i, isLoading: f };
160
+ return { login: l, isReady: a, isLoading: d };
161
161
  }
162
- const vn = "_TelegramSignInButtonContainer_10wun_1", wn = "_FullSize_10wun_46", In = "_Icon_10wun_50", pe = {
163
- TelegramSignInButtonContainer: vn,
164
- FullSize: wn,
165
- Icon: In
166
- }, Nn = {
162
+ const An = "_TelegramSignInButtonContainer_10wun_1", xn = "_FullSize_10wun_46", Pn = "_Icon_10wun_50", ge = {
163
+ TelegramSignInButtonContainer: An,
164
+ FullSize: xn,
165
+ Icon: Pn
166
+ }, Mn = {
167
167
  en: "Continue with Telegram",
168
168
  ru: "Войти через Telegram"
169
169
  };
170
- function yn() {
171
- return /* @__PURE__ */ t(
170
+ function On() {
171
+ return /* @__PURE__ */ o(
172
172
  "svg",
173
173
  {
174
174
  viewBox: "0 0 24 24",
@@ -176,283 +176,290 @@ function yn() {
176
176
  height: "20",
177
177
  fill: "currentColor",
178
178
  "aria-hidden": "true",
179
- className: pe.Icon,
180
- children: /* @__PURE__ */ t("path", { d: "M22 3.5L2.5 11l5 1.7L18 6 9.7 14l-.4 5.5 3.4-3.2 5.5 4c.9.5 1.5.2 1.7-.8L22 4.3c.2-.7-.2-1.1-.9-.8z" })
179
+ className: ge.Icon,
180
+ children: /* @__PURE__ */ o("path", { d: "M22 3.5L2.5 11l5 1.7L18 6 9.7 14l-.4 5.5 3.4-3.2 5.5 4c.9.5 1.5.2 1.7-.8L22 4.3c.2-.7-.2-1.1-.9-.8z" })
181
181
  }
182
182
  );
183
183
  }
184
- function kn({
184
+ function Wn({
185
185
  onClick: e,
186
186
  disabled: n,
187
- lang: o = "en",
188
- title: r,
189
- label: s,
190
- fullSize: a,
191
- className: i
187
+ lang: r = "en",
188
+ title: t,
189
+ label: i,
190
+ fullSize: s,
191
+ className: a
192
192
  }) {
193
- b(function() {
194
- const h = "comfortaa-font";
195
- if (document.getElementById(h)) return;
196
- const m = document.createElement("link");
197
- m.id = h, m.rel = "stylesheet", m.href = "https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap", document.head.appendChild(m);
193
+ T(function() {
194
+ const l = "comfortaa-font";
195
+ if (document.getElementById(l)) return;
196
+ const _ = document.createElement("link");
197
+ _.id = l, _.rel = "stylesheet", _.href = "https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap", document.head.appendChild(_);
198
198
  }, []);
199
- const l = s ?? r ?? Nn[o], f = v("TelegramSignInButton", i), d = p(pe.TelegramSignInButtonContainer, { [pe.FullSize]: a }, f);
200
- return /* @__PURE__ */ _("button", { type: "button", className: d, onClick: e, disabled: n, children: [
201
- /* @__PURE__ */ t(yn, {}),
202
- l
199
+ const c = i ?? t ?? Mn[r], d = L("TelegramSignInButton", a), u = g(ge.TelegramSignInButtonContainer, { [ge.FullSize]: s }, d);
200
+ return /* @__PURE__ */ m("button", { type: "button", className: u, onClick: e, disabled: n, children: [
201
+ /* @__PURE__ */ o(On, {}),
202
+ c
203
203
  ] });
204
204
  }
205
- function zo({
205
+ function Hr({
206
206
  botId: e,
207
207
  onSuccess: n,
208
- lang: o,
209
- title: r,
210
- redirectUri: s,
211
- requestAccess: a,
212
- children: i,
213
- className: l
208
+ lang: r,
209
+ title: t,
210
+ redirectUri: i,
211
+ requestAccess: s,
212
+ children: a,
213
+ className: c
214
214
  }) {
215
- const { login: f, isReady: d } = Cn({ botId: e, onSuccess: n, redirectUri: s, requestAccess: a });
216
- return i ? /* @__PURE__ */ t(B, { children: i({ login: f, isReady: d }) }) : /* @__PURE__ */ t(
217
- kn,
215
+ const { login: d, isReady: u } = Bn({ botId: e, onSuccess: n, redirectUri: i, requestAccess: s });
216
+ return a ? /* @__PURE__ */ o(G, { children: a({ login: d, isReady: u }) }) : /* @__PURE__ */ o(
217
+ Wn,
218
218
  {
219
- onClick: f,
220
- disabled: !d,
221
- lang: o,
222
- title: r,
223
- className: l
219
+ onClick: d,
220
+ disabled: !u,
221
+ lang: r,
222
+ title: t,
223
+ className: c
224
224
  }
225
225
  );
226
226
  }
227
- let Ln = 0;
228
- const Re = Me((e, n) => ({
227
+ let Fn = 0;
228
+ const Fe = en((e, n) => ({
229
229
  toasts: [],
230
- bake: (o) => {
231
- const r = Ln++;
232
- e((s) => ({ toasts: [...s.toasts, { ...o, id: r }] })), setTimeout(() => {
233
- n().dismiss(r);
230
+ bake: (r) => {
231
+ const t = Fn++;
232
+ e((i) => ({ toasts: [...i.toasts, { ...r, id: t }] })), setTimeout(() => {
233
+ n().dismiss(t);
234
234
  }, 5e3);
235
235
  },
236
- dismiss: (o) => {
237
- e((r) => ({
238
- toasts: r.toasts.filter((s) => s.id !== o)
236
+ dismiss: (r) => {
237
+ e((t) => ({
238
+ toasts: t.toasts.filter((i) => i.id !== r)
239
239
  }));
240
240
  }
241
- })), Tn = "_ToastContainer_1tme2_1", Rn = "_Toast_1tme2_1", Sn = "_error_1tme2_33", Dn = "_warn_1tme2_41", En = "_info_1tme2_49", jn = "_Description_1tme2_53", Bn = "_DismissButton_1tme2_59", bn = "_slideIn_1tme2_79", An = "_slideOut_1tme2_83", j = {
242
- ToastContainer: Tn,
243
- Toast: Rn,
244
- error: Sn,
245
- warn: Dn,
246
- info: En,
247
- Description: jn,
248
- DismissButton: Bn,
249
- slideIn: bn,
250
- slideOut: An
241
+ })), qn = "_ToastContainer_1tme2_1", Hn = "_Toast_1tme2_1", Un = "_error_1tme2_33", Gn = "_warn_1tme2_41", jn = "_info_1tme2_49", $n = "_Description_1tme2_53", Vn = "_DismissButton_1tme2_59", zn = "_slideIn_1tme2_79", Kn = "_slideOut_1tme2_83", U = {
242
+ ToastContainer: qn,
243
+ Toast: Hn,
244
+ error: Un,
245
+ warn: Gn,
246
+ info: jn,
247
+ Description: $n,
248
+ DismissButton: Vn,
249
+ slideIn: zn,
250
+ slideOut: Kn
251
251
  };
252
- function Mo({ className: e } = {}) {
253
- const { toasts: n } = Re(), o = v("Toaster", e);
254
- return /* @__PURE__ */ t("div", { className: p(j.ToastContainer, o), children: /* @__PURE__ */ t(We, { children: n.map((r) => /* @__PURE__ */ t(
255
- ze.div,
252
+ function Ur({ className: e } = {}) {
253
+ const { toasts: n } = Fe(), r = L("Toaster", e);
254
+ return /* @__PURE__ */ o("div", { className: g(U.ToastContainer, r), children: /* @__PURE__ */ o(le, { children: n.map((t) => /* @__PURE__ */ o(
255
+ oe.div,
256
256
  {
257
257
  layout: !0,
258
258
  initial: { opacity: 0, x: 100, y: 50 },
259
259
  animate: { opacity: 1, x: 0, y: 0 },
260
260
  exit: { opacity: 0, y: -50 },
261
261
  transition: { type: "spring", stiffness: 300, damping: 20 },
262
- children: /* @__PURE__ */ t(On, { ...r })
262
+ children: /* @__PURE__ */ o(Xn, { ...t })
263
263
  },
264
- r.id
264
+ t.id
265
265
  )) }) });
266
266
  }
267
- function On({ id: e, title: n, description: o, level: r, isDismissable: s }) {
268
- const [a, i] = N(!1), l = Re();
269
- return b(() => () => {
270
- i(!0);
271
- }, []), /* @__PURE__ */ _(
267
+ function Xn({ id: e, title: n, description: r, level: t, isDismissable: i }) {
268
+ const [s, a] = S(!1), c = Fe();
269
+ return T(() => () => {
270
+ a(!0);
271
+ }, []), /* @__PURE__ */ m(
272
272
  "div",
273
273
  {
274
- className: p(j.Toast, {
275
- [j.error]: r === "Error",
276
- [j.warn]: r === "Warn",
277
- [j.info]: r == null || r === "Info",
278
- [j.slideIn]: !a,
279
- [j.slideOut]: a
274
+ className: g(U.Toast, {
275
+ [U.error]: t === "Error",
276
+ [U.warn]: t === "Warn",
277
+ [U.info]: t == null || t === "Info",
278
+ [U.slideIn]: !s,
279
+ [U.slideOut]: s
280
280
  }),
281
281
  children: [
282
- /* @__PURE__ */ t("div", { children: n }),
283
- /* @__PURE__ */ t("div", { className: j.Description, children: o }),
284
- s && e !== void 0 && /* @__PURE__ */ t("div", { className: j.DismissButton, onClick: () => l.dismiss(e), children: "×" })
282
+ /* @__PURE__ */ o("div", { children: n }),
283
+ /* @__PURE__ */ o("div", { className: U.Description, children: r }),
284
+ i && e !== void 0 && /* @__PURE__ */ o("div", { className: U.DismissButton, onClick: () => c.dismiss(e), children: "×" })
285
285
  ]
286
286
  }
287
287
  );
288
288
  }
289
- const Pn = "_InputContainer_1uu20_15", xn = "_InputField_1uu20_21", Wn = "_hasStartIcon_1uu20_35", zn = "_hasEndIcon_1uu20_39", Mn = "_StartIcon_1uu20_43", Fn = "_EndIcon_1uu20_54", Un = "_hasError_1uu20_69", Gn = "_disabled_1uu20_74", qn = "_Label_1uu20_79", $n = "_lifted_1uu20_93", Hn = "_ErrorText_1uu20_104", Vn = "_Skeleton_1uu20_112", w = {
290
- InputContainer: Pn,
291
- InputField: xn,
292
- hasStartIcon: Wn,
293
- hasEndIcon: zn,
294
- StartIcon: Mn,
295
- EndIcon: Fn,
296
- hasError: Un,
297
- disabled: Gn,
298
- Label: qn,
299
- lifted: $n,
300
- ErrorText: Hn,
301
- Skeleton: Vn
302
- }, Fo = xe(function({ value: n, setValue: o, label: r, isLoader: s, type: a = "text", disabled: i, error: l, className: f, inputClassName: d, startIcon: h, endIcon: m, ...g }, y) {
303
- const [x, W] = N(!1), V = x || n.length > 0, T = v("Input", f), { onFocus: z, onBlur: K, ...q } = g;
304
- return s ? /* @__PURE__ */ t("div", { className: p(w.Skeleton, T), "aria-hidden": "true" }) : /* @__PURE__ */ _("div", { className: p(w.InputContainer, { [w.hasError]: !!l, [w.disabled]: i }, T), children: [
305
- h && /* @__PURE__ */ t("span", { className: w.StartIcon, children: h }),
306
- /* @__PURE__ */ t(
289
+ const Qn = "_InputContainer_1uu20_15", Yn = "_InputField_1uu20_21", Jn = "_hasStartIcon_1uu20_35", Zn = "_hasEndIcon_1uu20_39", et = "_StartIcon_1uu20_43", nt = "_EndIcon_1uu20_54", tt = "_hasError_1uu20_69", ot = "_disabled_1uu20_74", rt = "_Label_1uu20_79", it = "_lifted_1uu20_93", st = "_ErrorText_1uu20_104", at = "_Skeleton_1uu20_112", D = {
290
+ InputContainer: Qn,
291
+ InputField: Yn,
292
+ hasStartIcon: Jn,
293
+ hasEndIcon: Zn,
294
+ StartIcon: et,
295
+ EndIcon: nt,
296
+ hasError: tt,
297
+ disabled: ot,
298
+ Label: rt,
299
+ lifted: it,
300
+ ErrorText: st,
301
+ Skeleton: at
302
+ }, ct = Ze(function({ value: n, setValue: r, label: t, isLoader: i, type: s = "text", disabled: a, error: c, className: d, inputClassName: u, startIcon: l, endIcon: _, ...p }, C) {
303
+ const [y, k] = S(!1), x = y || n.length > 0, R = L("Input", d), { onFocus: O, onBlur: z, ...j } = p;
304
+ return i ? /* @__PURE__ */ o("div", { className: g(D.Skeleton, R), "aria-hidden": "true" }) : /* @__PURE__ */ m("div", { className: g(D.InputContainer, { [D.hasError]: !!c, [D.disabled]: a }, R), children: [
305
+ l && /* @__PURE__ */ o("span", { className: D.StartIcon, children: l }),
306
+ /* @__PURE__ */ o(
307
307
  "input",
308
308
  {
309
- ref: y,
310
- className: p(w.InputField, { [w.hasStartIcon]: !!h, [w.hasEndIcon]: !!m }, d),
311
- type: a,
309
+ ref: C,
310
+ className: g(D.InputField, { [D.hasStartIcon]: !!l, [D.hasEndIcon]: !!_ }, u),
311
+ type: s,
312
312
  value: n,
313
- onChange: (C) => o(C.target.value),
314
- onFocus: (C) => {
315
- W(!0), z?.(C);
313
+ onChange: (v) => r(v.target.value),
314
+ onFocus: (v) => {
315
+ k(!0), O?.(v);
316
316
  },
317
- onBlur: (C) => {
318
- W(!1), K?.(C);
317
+ onBlur: (v) => {
318
+ k(!1), z?.(v);
319
319
  },
320
- disabled: i,
321
- ...q
320
+ disabled: a,
321
+ ...j
322
322
  }
323
323
  ),
324
- r && /* @__PURE__ */ t("label", { className: p(w.Label, { [w.lifted]: V }), children: r }),
325
- m && /* @__PURE__ */ t("span", { className: w.EndIcon, children: m }),
326
- l && /* @__PURE__ */ t("span", { className: w.ErrorText, children: l })
324
+ t && /* @__PURE__ */ o("label", { className: g(D.Label, { [D.lifted]: x }), children: t }),
325
+ _ && /* @__PURE__ */ o("span", { className: D.EndIcon, children: _ }),
326
+ c && /* @__PURE__ */ o("span", { className: D.ErrorText, children: c })
327
327
  ] });
328
- }), Kn = "_ToggleContainer_1jetc_6", Xn = "_disabled_1jetc_13", Yn = "_Track_1jetc_18", Qn = "_on_1jetc_31", Jn = "_Thumb_1jetc_39", Zn = "_Label_1jetc_57", et = "_LabelSkeleton_1jetc_63", nt = "_Skeleton_1jetc_78", L = {
329
- ToggleContainer: Kn,
330
- disabled: Xn,
331
- Track: Yn,
332
- on: Qn,
333
- Thumb: Jn,
334
- Label: Zn,
335
- LabelSkeleton: et,
336
- Skeleton: nt
328
+ }), lt = "_ToggleContainer_1jetc_6", ut = "_disabled_1jetc_13", dt = "_Track_1jetc_18", _t = "_on_1jetc_31", ft = "_Thumb_1jetc_39", ht = "_Label_1jetc_57", mt = "_LabelSkeleton_1jetc_63", pt = "_Skeleton_1jetc_78", M = {
329
+ ToggleContainer: lt,
330
+ disabled: ut,
331
+ Track: dt,
332
+ on: _t,
333
+ Thumb: ft,
334
+ Label: ht,
335
+ LabelSkeleton: mt,
336
+ Skeleton: pt
337
337
  };
338
- function Uo({ checked: e, onChange: n, label: o, labelPosition: r = "right", disabled: s, isLoader: a, isLoadingLabel: i, className: l }) {
339
- const f = !!o || i, d = v("Toggle", l), h = i ? /* @__PURE__ */ t("span", { className: L.LabelSkeleton, "aria-hidden": "true" }) : o ? /* @__PURE__ */ t("span", { className: L.Label, children: o }) : null;
340
- return a ? f ? /* @__PURE__ */ _("div", { className: p(L.ToggleContainer, d), children: [
341
- r === "left" && h,
342
- /* @__PURE__ */ t("div", { className: L.Skeleton, "aria-hidden": "true" }),
343
- r === "right" && h
344
- ] }) : /* @__PURE__ */ t("div", { className: p(L.Skeleton, d), "aria-hidden": "true" }) : /* @__PURE__ */ _("label", { className: p(L.ToggleContainer, { [L.disabled]: s }, d), children: [
345
- r === "left" && h,
346
- /* @__PURE__ */ t(
338
+ function Gr({ checked: e, onChange: n, label: r, labelPosition: t = "right", disabled: i, isLoader: s, isLoadingLabel: a, className: c }) {
339
+ const d = !!r || a, u = L("Toggle", c), l = a ? /* @__PURE__ */ o("span", { className: M.LabelSkeleton, "aria-hidden": "true" }) : r ? /* @__PURE__ */ o("span", { className: M.Label, children: r }) : null;
340
+ return s ? d ? /* @__PURE__ */ m("div", { className: g(M.ToggleContainer, u), children: [
341
+ t === "left" && l,
342
+ /* @__PURE__ */ o("div", { className: M.Skeleton, "aria-hidden": "true" }),
343
+ t === "right" && l
344
+ ] }) : /* @__PURE__ */ o("div", { className: g(M.Skeleton, u), "aria-hidden": "true" }) : /* @__PURE__ */ m("label", { className: g(M.ToggleContainer, { [M.disabled]: i }, u), children: [
345
+ t === "left" && l,
346
+ /* @__PURE__ */ o(
347
347
  "button",
348
348
  {
349
349
  role: "switch",
350
350
  "aria-checked": e,
351
- className: p(L.Track, { [L.on]: e }),
352
- onClick: () => !s && n(!e),
353
- disabled: s,
351
+ className: g(M.Track, { [M.on]: e }),
352
+ onClick: () => !i && n(!e),
353
+ disabled: i,
354
354
  type: "button",
355
- children: /* @__PURE__ */ t("span", { className: L.Thumb })
355
+ children: /* @__PURE__ */ o("span", { className: M.Thumb })
356
356
  }
357
357
  ),
358
- r === "right" && h
358
+ t === "right" && l
359
359
  ] });
360
360
  }
361
- function tt() {
362
- const [e, n] = N(!1), o = G(null), r = Ce(() => n((a) => !a), []), s = Ce(() => n(!1), []);
363
- return { isOpen: e, triggerRef: o, toggleOpen: r, close: s };
361
+ function gt() {
362
+ const [e, n] = S(!1), r = b(null), t = E(() => n((s) => !s), []), i = E(() => n(!1), []);
363
+ return { isOpen: e, triggerRef: r, toggleOpen: t, close: i };
364
364
  }
365
- function ot(e, n, o) {
366
- b(() => {
367
- function r(a) {
368
- const i = a.target;
369
- e.current?.contains(i) || o?.current?.contains(i) || n();
365
+ function Ct(e, n, r) {
366
+ T(() => {
367
+ function t(s) {
368
+ const a = s.target;
369
+ e.current?.contains(a) || r?.current?.contains(a) || n();
370
370
  }
371
- function s(a) {
372
- a.key === "Escape" && n();
371
+ function i(s) {
372
+ s.key === "Escape" && n();
373
373
  }
374
- return document.addEventListener("mousedown", r, !0), document.addEventListener("keydown", s), () => {
375
- document.removeEventListener("mousedown", r, !0), document.removeEventListener("keydown", s);
374
+ return document.addEventListener("mousedown", t, !0), document.addEventListener("keydown", i), () => {
375
+ document.removeEventListener("mousedown", t, !0), document.removeEventListener("keydown", i);
376
376
  };
377
- }, [n, e, o]);
377
+ }, [n, e, r]);
378
378
  }
379
- function rt(e, n) {
380
- const [o, r] = N([]);
381
- return b(() => {
379
+ function vt(e, n) {
380
+ const [r, t] = S([]);
381
+ return T(() => {
382
382
  if (!n) return;
383
- let s = !1;
384
- return n(e).then((a) => {
385
- s || r(a);
383
+ let i = !1;
384
+ return n(e).then((s) => {
385
+ i || t(s);
386
386
  }), () => {
387
- s = !0;
387
+ i = !0;
388
388
  };
389
- }, [e, n]), o;
389
+ }, [e, n]), r;
390
390
  }
391
- function J(e) {
391
+ function te(e) {
392
392
  return typeof e == "object" && e !== null && "group" in e;
393
393
  }
394
- function Se(e) {
395
- return e.flatMap((n) => J(n) ? n.options : [n]);
394
+ function qe(e) {
395
+ return e.flatMap((n) => te(n) ? n.options : [n]);
396
396
  }
397
- function I(e) {
397
+ function B(e) {
398
398
  return typeof e == "string" ? e : e.id;
399
399
  }
400
- function ae(e) {
400
+ function ue(e) {
401
401
  return typeof e == "string" ? e : e.name;
402
402
  }
403
- function st(e, n) {
404
- return e.map((o) => n.find((r) => I(r) === o) ?? o);
405
- }
406
- const at = "_DropdownContainer_1jz2j_13", it = "_PanelWrapper_1jz2j_20", ct = "_Portal_1jz2j_34", lt = "_PanelContainer_1jz2j_18", dt = "_Glass_1jz2j_48", ut = "_Label_1jz2j_54", _t = "_lifted_1jz2j_68", pt = "_TriggerContainer_1jz2j_75", ft = "_Open_1jz2j_99", ht = "_TriggerPlaceholder_1jz2j_104", mt = "_TriggerValue_1jz2j_112", gt = "_TriggerIcon_1jz2j_120", Ct = "_ChipsWrapper_1jz2j_127", vt = "_Expand_1jz2j_145", wt = "_MultiSelect_1jz2j_151", It = "_ExpandHeight_1jz2j_156", Nt = "_Chip_1jz2j_127", yt = "_SearchRow_1jz2j_175", kt = "_SearchBox_1jz2j_180", Lt = "_SearchIcon_1jz2j_190", Tt = "_SearchInput_1jz2j_197", Rt = "_ResultsList_1jz2j_211", St = "_OptionRow_1jz2j_216", Dt = "_Selected_1jz2j_231", Et = "_Indented_1jz2j_235", jt = "_GroupHeader_1jz2j_240", Bt = "_Checkmark_1jz2j_253", bt = "_CreateRow_1jz2j_259", At = "_WithBorder_1jz2j_272", Ot = "_CreateIcon_1jz2j_277", Pt = "_CreateLabel_1jz2j_289", xt = "_EmptyHint_1jz2j_295", Wt = "_SkeletonRow_1jz2j_302", u = {
407
- DropdownContainer: at,
408
- PanelWrapper: it,
409
- Portal: ct,
410
- PanelContainer: lt,
411
- Glass: dt,
412
- Label: ut,
413
- lifted: _t,
414
- TriggerContainer: pt,
415
- Open: ft,
416
- TriggerPlaceholder: ht,
417
- TriggerValue: mt,
418
- TriggerIcon: gt,
419
- ChipsWrapper: Ct,
420
- Expand: vt,
421
- MultiSelect: wt,
422
- ExpandHeight: It,
423
- Chip: Nt,
424
- SearchRow: yt,
425
- SearchBox: kt,
426
- SearchIcon: Lt,
427
- SearchInput: Tt,
428
- ResultsList: Rt,
429
- OptionRow: St,
430
- Selected: Dt,
431
- Indented: Et,
432
- GroupHeader: jt,
433
- Checkmark: Bt,
434
- CreateRow: bt,
435
- WithBorder: At,
436
- CreateIcon: Ot,
437
- CreateLabel: Pt,
438
- EmptyHint: xt,
439
- SkeletonRow: Wt
403
+ function He(e) {
404
+ return typeof e == "string" ? !1 : !!e.disabled;
405
+ }
406
+ function wt(e) {
407
+ return typeof e == "string" ? void 0 : e.title;
408
+ }
409
+ function yt(e, n) {
410
+ return e.map((r) => n.find((t) => B(t) === r) ?? r);
411
+ }
412
+ const Nt = "_DropdownContainer_147gi_13", It = "_PanelWrapper_147gi_20", St = "_Portal_147gi_34", kt = "_PanelContainer_147gi_18", Rt = "_Glass_147gi_48", bt = "_Label_147gi_54", Tt = "_lifted_147gi_68", Lt = "_TriggerContainer_147gi_75", Dt = "_Open_147gi_99", Et = "_TriggerPlaceholder_147gi_104", Bt = "_TriggerValue_147gi_112", At = "_TriggerIcon_147gi_120", xt = "_ChipsWrapper_147gi_127", Pt = "_Expand_147gi_145", Mt = "_MultiSelect_147gi_151", Ot = "_ExpandHeight_147gi_156", Wt = "_Chip_147gi_127", Ft = "_SearchRow_147gi_175", qt = "_SearchBox_147gi_180", Ht = "_SearchIcon_147gi_190", Ut = "_SearchInput_147gi_197", Gt = "_ResultsList_147gi_211", jt = "_OptionRow_147gi_216", $t = "_Selected_147gi_231", Vt = "_Indented_147gi_235", zt = "_Disabled_147gi_239", Kt = "_GroupHeader_147gi_250", Xt = "_Checkmark_147gi_263", Qt = "_CreateRow_147gi_269", Yt = "_WithBorder_147gi_282", Jt = "_CreateIcon_147gi_287", Zt = "_CreateLabel_147gi_299", eo = "_EmptyHint_147gi_305", no = "_SkeletonRow_147gi_312", h = {
413
+ DropdownContainer: Nt,
414
+ PanelWrapper: It,
415
+ Portal: St,
416
+ PanelContainer: kt,
417
+ Glass: Rt,
418
+ Label: bt,
419
+ lifted: Tt,
420
+ TriggerContainer: Lt,
421
+ Open: Dt,
422
+ TriggerPlaceholder: Et,
423
+ TriggerValue: Bt,
424
+ TriggerIcon: At,
425
+ ChipsWrapper: xt,
426
+ Expand: Pt,
427
+ MultiSelect: Mt,
428
+ ExpandHeight: Ot,
429
+ Chip: Wt,
430
+ SearchRow: Ft,
431
+ SearchBox: qt,
432
+ SearchIcon: Ht,
433
+ SearchInput: Ut,
434
+ ResultsList: Gt,
435
+ OptionRow: jt,
436
+ Selected: $t,
437
+ Indented: Vt,
438
+ Disabled: zt,
439
+ GroupHeader: Kt,
440
+ Checkmark: Xt,
441
+ CreateRow: Qt,
442
+ WithBorder: Yt,
443
+ CreateIcon: Jt,
444
+ CreateLabel: Zt,
445
+ EmptyHint: eo,
446
+ SkeletonRow: no
440
447
  };
441
- function zt({ query: e, withBorder: n, onCreate: o }) {
442
- function r(s) {
443
- s.preventDefault(), o();
448
+ function to({ query: e, withBorder: n, onCreate: r }) {
449
+ function t(i) {
450
+ i.preventDefault(), r();
444
451
  }
445
- return /* @__PURE__ */ _(
452
+ return /* @__PURE__ */ m(
446
453
  "div",
447
454
  {
448
- className: p(u.CreateRow, n && u.WithBorder),
449
- onMouseDown: r,
455
+ className: g(h.CreateRow, n && h.WithBorder),
456
+ onMouseDown: t,
450
457
  children: [
451
- /* @__PURE__ */ t("span", { className: u.CreateIcon, children: /* @__PURE__ */ _("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", children: [
452
- /* @__PURE__ */ t("line", { x1: "5", y1: "1", x2: "5", y2: "9" }),
453
- /* @__PURE__ */ t("line", { x1: "1", y1: "5", x2: "9", y2: "5" })
458
+ /* @__PURE__ */ o("span", { className: h.CreateIcon, children: /* @__PURE__ */ m("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", children: [
459
+ /* @__PURE__ */ o("line", { x1: "5", y1: "1", x2: "5", y2: "9" }),
460
+ /* @__PURE__ */ o("line", { x1: "1", y1: "5", x2: "9", y2: "5" })
454
461
  ] }) }),
455
- /* @__PURE__ */ _("span", { className: u.CreateLabel, children: [
462
+ /* @__PURE__ */ m("span", { className: h.CreateLabel, children: [
456
463
  "create “",
457
464
  e,
458
465
  "”"
@@ -461,173 +468,175 @@ function zt({ query: e, withBorder: n, onCreate: o }) {
461
468
  }
462
469
  );
463
470
  }
464
- function Mt({ label: e }) {
465
- return /* @__PURE__ */ t("div", { className: u.GroupHeader, children: e });
471
+ function oo({ label: e }) {
472
+ return /* @__PURE__ */ o("div", { className: h.GroupHeader, children: e });
466
473
  }
467
- function Ie({ opt: e, isSelected: n, multiSelect: o, onPick: r, indented: s = !1 }) {
468
- function a(i) {
469
- i.preventDefault(), r(e);
474
+ function Te({ opt: e, isSelected: n, multiSelect: r, onPick: t, indented: i = !1 }) {
475
+ const s = He(e);
476
+ function a(c) {
477
+ c.preventDefault(), !s && t(e);
470
478
  }
471
- return /* @__PURE__ */ _(
479
+ return /* @__PURE__ */ m(
472
480
  "div",
473
481
  {
474
- className: p(u.OptionRow, n && u.Selected, s && u.Indented),
482
+ className: g(h.OptionRow, n && h.Selected, i && h.Indented, s && h.Disabled),
475
483
  onMouseDown: a,
484
+ title: wt(e),
476
485
  children: [
477
- o && n && /* @__PURE__ */ t("span", { className: u.Checkmark, children: "✓" }),
478
- ae(e)
486
+ r && n && /* @__PURE__ */ o("span", { className: h.Checkmark, children: "✓" }),
487
+ ue(e)
479
488
  ]
480
489
  }
481
490
  );
482
491
  }
483
- function Ft({ inputRef: e, query: n, onChange: o, onKeyDown: r, placeholder: s }) {
484
- return /* @__PURE__ */ t("div", { className: u.SearchRow, children: /* @__PURE__ */ _("div", { className: u.SearchBox, children: [
485
- /* @__PURE__ */ t("span", { className: u.SearchIcon, children: /* @__PURE__ */ _("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: [
486
- /* @__PURE__ */ t("circle", { cx: "5", cy: "5", r: "3.5" }),
487
- /* @__PURE__ */ t("line", { x1: "8", y1: "8", x2: "11", y2: "11" })
492
+ function ro({ inputRef: e, query: n, onChange: r, onKeyDown: t, placeholder: i }) {
493
+ return /* @__PURE__ */ o("div", { className: h.SearchRow, children: /* @__PURE__ */ m("div", { className: h.SearchBox, children: [
494
+ /* @__PURE__ */ o("span", { className: h.SearchIcon, children: /* @__PURE__ */ m("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: [
495
+ /* @__PURE__ */ o("circle", { cx: "5", cy: "5", r: "3.5" }),
496
+ /* @__PURE__ */ o("line", { x1: "8", y1: "8", x2: "11", y2: "11" })
488
497
  ] }) }),
489
- /* @__PURE__ */ t(
498
+ /* @__PURE__ */ o(
490
499
  "input",
491
500
  {
492
501
  ref: e,
493
- className: u.SearchInput,
502
+ className: h.SearchInput,
494
503
  value: n,
495
- onChange: o,
496
- onKeyDown: r,
497
- placeholder: s
504
+ onChange: r,
505
+ onKeyDown: t,
506
+ placeholder: i
498
507
  }
499
508
  )
500
509
  ] }) });
501
510
  }
502
- function Ut({ count: e }) {
503
- return /* @__PURE__ */ t(B, { children: Array.from({ length: e }).map((n, o) => /* @__PURE__ */ t("div", { className: u.SkeletonRow }, o)) });
511
+ function io({ count: e }) {
512
+ return /* @__PURE__ */ o(G, { children: Array.from({ length: e }).map((n, r) => /* @__PURE__ */ o("div", { className: h.SkeletonRow }, r)) });
504
513
  }
505
- function Gt({
514
+ function so({
506
515
  onSearch: e,
507
516
  onCreate: n,
508
- onPick: o,
509
- onClose: r,
510
- anchorRef: s,
511
- placeholder: a,
512
- options: i = [],
513
- excluded: l = [],
514
- selected: f = [],
515
- multiSelect: d = !1,
516
- selectedAtTop: h = !1,
517
- isLoading: m = !1,
518
- emptyHint: g = "no results found",
519
- skeletonRowCount: y = 4,
520
- onError: x = console.error,
521
- glass: W = !1,
522
- portal: V = !1,
523
- renderOption: T
517
+ onPick: r,
518
+ onClose: t,
519
+ anchorRef: i,
520
+ placeholder: s,
521
+ options: a = [],
522
+ excluded: c = [],
523
+ selected: d = [],
524
+ multiSelect: u = !1,
525
+ selectedAtTop: l = !1,
526
+ isLoading: _ = !1,
527
+ emptyHint: p = "no results found",
528
+ skeletonRowCount: C = 4,
529
+ onError: y = console.error,
530
+ glass: k = !1,
531
+ portal: x = !0,
532
+ renderOption: R
524
533
  }) {
525
- const [z, K] = N(""), [q, C] = N(!1), [R, X] = N(null), Y = G(null), ee = G(null), M = !!e, ne = rt(z, e);
526
- ot(ee, r, s);
527
- const A = W || V;
528
- ke(() => {
529
- if (!A) return;
530
- function c() {
531
- s?.current && X(s.current.getBoundingClientRect());
534
+ const [O, z] = S(""), [j, v] = S(!1), [A, K] = S(null), X = b(null), Z = b(null), W = !!e, I = vt(O, e);
535
+ Ct(Z, t, i);
536
+ const w = k || x;
537
+ Ne(() => {
538
+ if (!w) return;
539
+ function f() {
540
+ i?.current && K(i.current.getBoundingClientRect());
532
541
  }
533
- return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
534
- window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
542
+ return f(), window.addEventListener("scroll", f, !0), window.addEventListener("resize", f), () => {
543
+ window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
535
544
  };
536
- }, [A, s]), b(() => {
537
- M && Y.current?.focus();
538
- }, [M]);
539
- const Q = (e ? ne : i).flatMap((c) => {
540
- if (J(c)) {
541
- const S = c.options.filter((Ae) => !l.includes(I(Ae)));
542
- return S.length > 0 ? [{ ...c, options: S }] : [];
545
+ }, [w, i]), T(() => {
546
+ W && X.current?.focus();
547
+ }, [W]);
548
+ const Q = (e ? I : a).flatMap((f) => {
549
+ if (te(f)) {
550
+ const F = f.options.filter((Je) => !c.includes(B(Je)));
551
+ return F.length > 0 ? [{ ...f, options: F }] : [];
543
552
  }
544
- return l.includes(I(c)) ? [] : [c];
545
- }), te = h ? [
546
- ...Q.filter((c) => !J(c) && f.includes(I(c))),
547
- ...Q.filter((c) => J(c) || !f.includes(I(c)))
548
- ] : Q, F = Se(te), k = z.trim(), ce = F.some(
549
- (c) => ae(c).toLowerCase() === k.toLowerCase()
550
- ), le = !!n && k.length > 0 && !ce;
551
- async function me() {
552
- !k || q || !n || (C(!0), n(k).then($).catch(x).finally(() => C(!1)));
553
+ return c.includes(B(f)) ? [] : [f];
554
+ }), ie = l ? [
555
+ ...Q.filter((f) => !te(f) && d.includes(B(f))),
556
+ ...Q.filter((f) => te(f) || !d.includes(B(f)))
557
+ ] : Q, Y = qe(ie), P = O.trim(), _e = Y.some(
558
+ (f) => ue(f).toLowerCase() === P.toLowerCase()
559
+ ), fe = !!n && P.length > 0 && !_e;
560
+ async function Se() {
561
+ !P || j || !n || (v(!0), n(P).then(ee).catch(y).finally(() => v(!1)));
553
562
  }
554
- function $(c) {
555
- o(c), d || r();
563
+ function ee(f) {
564
+ He(f) || (r(f), u || t());
556
565
  }
557
- function je(c) {
558
- K(c.target.value);
566
+ function Xe(f) {
567
+ z(f.target.value);
559
568
  }
560
- function Be(c) {
561
- c.key === "Enter" && (c.preventDefault(), F.length > 0 ? $(F[0]) : le && me());
569
+ function Qe(f) {
570
+ f.key === "Enter" && (f.preventDefault(), Y.length > 0 ? ee(Y[0]) : fe && Se());
562
571
  }
563
- const be = a ?? (n ? "search or add new…" : "search…");
564
- if (A && !R) return null;
565
- const ge = /* @__PURE__ */ t(
572
+ const Ye = s ?? (n ? "search or add new…" : "search…");
573
+ if (w && !A) return null;
574
+ const ke = /* @__PURE__ */ o(
566
575
  "div",
567
576
  {
568
- ref: ee,
569
- className: p(u.PanelWrapper, { [u.Portal]: A }),
570
- style: A && R ? { top: R.bottom, left: R.left, width: R.width } : void 0,
571
- children: /* @__PURE__ */ _("div", { className: p(u.PanelContainer, { [u.Glass]: W }), children: [
572
- M && /* @__PURE__ */ t(
573
- Ft,
577
+ ref: Z,
578
+ className: g(h.PanelWrapper, { [h.Portal]: w }),
579
+ style: w && A ? { top: A.bottom, left: A.left, width: A.width } : void 0,
580
+ children: /* @__PURE__ */ m("div", { className: g(h.PanelContainer, { [h.Glass]: k }), children: [
581
+ W && /* @__PURE__ */ o(
582
+ ro,
574
583
  {
575
- inputRef: Y,
576
- query: z,
577
- onChange: je,
578
- onKeyDown: Be,
579
- placeholder: be
584
+ inputRef: X,
585
+ query: O,
586
+ onChange: Xe,
587
+ onKeyDown: Qe,
588
+ placeholder: Ye
580
589
  }
581
590
  ),
582
- /* @__PURE__ */ t("div", { className: u.ResultsList, children: m ? /* @__PURE__ */ t(Ut, { count: y }) : /* @__PURE__ */ _(B, { children: [
583
- te.map((c) => J(c) ? /* @__PURE__ */ _(de, { children: [
584
- /* @__PURE__ */ t(Mt, { label: c.group }),
585
- c.options.map((S) => /* @__PURE__ */ t(de, { children: T ? T(S, {
586
- isSelected: f.includes(I(S)),
587
- multiSelect: d,
591
+ /* @__PURE__ */ o("div", { className: h.ResultsList, children: _ ? /* @__PURE__ */ o(io, { count: C }) : /* @__PURE__ */ m(G, { children: [
592
+ ie.map((f) => te(f) ? /* @__PURE__ */ m(he, { children: [
593
+ /* @__PURE__ */ o(oo, { label: f.group }),
594
+ f.options.map((F) => /* @__PURE__ */ o(he, { children: R ? R(F, {
595
+ isSelected: d.includes(B(F)),
596
+ multiSelect: u,
588
597
  indented: !0,
589
- onPick: () => $(S)
590
- }) : /* @__PURE__ */ t(
591
- Ie,
598
+ onPick: () => ee(F)
599
+ }) : /* @__PURE__ */ o(
600
+ Te,
592
601
  {
593
- opt: S,
594
- isSelected: f.includes(I(S)),
595
- multiSelect: d,
596
- onPick: $,
602
+ opt: F,
603
+ isSelected: d.includes(B(F)),
604
+ multiSelect: u,
605
+ onPick: ee,
597
606
  indented: !0
598
607
  }
599
- ) }, I(S)))
600
- ] }, `group:${c.group}`) : /* @__PURE__ */ t(de, { children: T ? T(c, {
601
- isSelected: f.includes(I(c)),
602
- multiSelect: d,
608
+ ) }, B(F)))
609
+ ] }, `group:${f.group}`) : /* @__PURE__ */ o(he, { children: R ? R(f, {
610
+ isSelected: d.includes(B(f)),
611
+ multiSelect: u,
603
612
  indented: !1,
604
- onPick: () => $(c)
605
- }) : /* @__PURE__ */ t(
606
- Ie,
613
+ onPick: () => ee(f)
614
+ }) : /* @__PURE__ */ o(
615
+ Te,
607
616
  {
608
- opt: c,
609
- isSelected: f.includes(I(c)),
610
- multiSelect: d,
611
- onPick: $
617
+ opt: f,
618
+ isSelected: d.includes(B(f)),
619
+ multiSelect: u,
620
+ onPick: ee
612
621
  }
613
- ) }, I(c))),
614
- le && /* @__PURE__ */ t(
615
- zt,
622
+ ) }, B(f))),
623
+ fe && /* @__PURE__ */ o(
624
+ to,
616
625
  {
617
- query: k,
618
- withBorder: F.length > 0,
619
- onCreate: me
626
+ query: P,
627
+ withBorder: Y.length > 0,
628
+ onCreate: Se
620
629
  }
621
630
  ),
622
- F.length === 0 && !le && /* @__PURE__ */ t("div", { className: u.EmptyHint, children: g })
631
+ Y.length === 0 && !fe && /* @__PURE__ */ o("div", { className: h.EmptyHint, children: p })
623
632
  ] }) })
624
633
  ] })
625
634
  }
626
635
  );
627
- return A ? Le(ge, document.body) : ge;
636
+ return w ? Ie(ke, document.body) : ke;
628
637
  }
629
- function qt({ size: e = 14, strokeWidth: n = 2, className: o }) {
630
- return /* @__PURE__ */ t(
638
+ function ao({ size: e = 14, strokeWidth: n = 2, className: r }) {
639
+ return /* @__PURE__ */ o(
631
640
  "svg",
632
641
  {
633
642
  viewBox: "0 0 24 24",
@@ -638,13 +647,13 @@ function qt({ size: e = 14, strokeWidth: n = 2, className: o }) {
638
647
  strokeWidth: n,
639
648
  strokeLinecap: "round",
640
649
  strokeLinejoin: "round",
641
- className: o,
642
- children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" })
650
+ className: r,
651
+ children: /* @__PURE__ */ o("polyline", { points: "6 9 12 15 18 9" })
643
652
  }
644
653
  );
645
654
  }
646
- function Go({ size: e = 18, strokeWidth: n = 2.5, shrink: o = !0 }) {
647
- return /* @__PURE__ */ t(
655
+ function jr({ size: e = 18, strokeWidth: n = 2.5, shrink: r = !0 }) {
656
+ return /* @__PURE__ */ o(
648
657
  "svg",
649
658
  {
650
659
  viewBox: "0 0 24 24",
@@ -655,13 +664,13 @@ function Go({ size: e = 18, strokeWidth: n = 2.5, shrink: o = !0 }) {
655
664
  strokeWidth: n,
656
665
  strokeLinecap: "round",
657
666
  strokeLinejoin: "round",
658
- style: o ? { flexShrink: 0 } : void 0,
659
- children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12" })
667
+ style: r ? { flexShrink: 0 } : void 0,
668
+ children: /* @__PURE__ */ o("polyline", { points: "20 6 9 17 4 12" })
660
669
  }
661
670
  );
662
671
  }
663
- function qo() {
664
- return /* @__PURE__ */ _(
672
+ function $r() {
673
+ return /* @__PURE__ */ m(
665
674
  "svg",
666
675
  {
667
676
  viewBox: "0 0 24 24",
@@ -673,14 +682,14 @@ function qo() {
673
682
  strokeLinecap: "round",
674
683
  strokeLinejoin: "round",
675
684
  children: [
676
- /* @__PURE__ */ t("path", { d: "M12 20h9" }),
677
- /* @__PURE__ */ t("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z" })
685
+ /* @__PURE__ */ o("path", { d: "M12 20h9" }),
686
+ /* @__PURE__ */ o("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z" })
678
687
  ]
679
688
  }
680
689
  );
681
690
  }
682
- function $o() {
683
- return /* @__PURE__ */ _(
691
+ function Vr() {
692
+ return /* @__PURE__ */ m(
684
693
  "svg",
685
694
  {
686
695
  viewBox: "0 0 24 24",
@@ -692,14 +701,14 @@ function $o() {
692
701
  strokeLinecap: "round",
693
702
  strokeLinejoin: "round",
694
703
  children: [
695
- /* @__PURE__ */ t("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
696
- /* @__PURE__ */ t("circle", { cx: "12", cy: "7", r: "4" })
704
+ /* @__PURE__ */ o("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
705
+ /* @__PURE__ */ o("circle", { cx: "12", cy: "7", r: "4" })
697
706
  ]
698
707
  }
699
708
  );
700
709
  }
701
- function Ho({ size: e = 14, strokeWidth: n = 2, className: o }) {
702
- return /* @__PURE__ */ _(
710
+ function co({ size: e = 14, strokeWidth: n = 2, className: r }) {
711
+ return /* @__PURE__ */ m(
703
712
  "svg",
704
713
  {
705
714
  viewBox: "0 0 24 24",
@@ -710,226 +719,226 @@ function Ho({ size: e = 14, strokeWidth: n = 2, className: o }) {
710
719
  strokeWidth: n,
711
720
  strokeLinecap: "round",
712
721
  strokeLinejoin: "round",
713
- className: o,
722
+ className: r,
714
723
  children: [
715
- /* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "7" }),
716
- /* @__PURE__ */ t("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
724
+ /* @__PURE__ */ o("circle", { cx: "11", cy: "11", r: "7" }),
725
+ /* @__PURE__ */ o("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
717
726
  ]
718
727
  }
719
728
  );
720
729
  }
721
- function $t({ triggerRef: e, isOpen: n, onClick: o, selectedOptions: r, multiSelect: s, placeholder: a, onOverflow: i = "scroll" }) {
722
- const l = i === "expand";
723
- return /* @__PURE__ */ _(
730
+ function lo({ triggerRef: e, isOpen: n, onClick: r, selectedOptions: t, multiSelect: i, placeholder: s, onOverflow: a = "scroll" }) {
731
+ const c = a === "expand";
732
+ return /* @__PURE__ */ m(
724
733
  "button",
725
734
  {
726
735
  type: "button",
727
736
  ref: e,
728
- className: p(
729
- u.TriggerContainer,
730
- n && u.Open,
731
- s && u.MultiSelect,
732
- l && u.ExpandHeight
737
+ className: g(
738
+ h.TriggerContainer,
739
+ n && h.Open,
740
+ i && h.MultiSelect,
741
+ c && h.ExpandHeight
733
742
  ),
734
- onClick: o,
743
+ onClick: r,
735
744
  "aria-expanded": n,
736
745
  "aria-haspopup": "listbox",
737
746
  children: [
738
- s && r.length > 0 ? /* @__PURE__ */ t("div", { className: p(u.ChipsWrapper, l && u.Expand), children: r.map((f, d) => /* @__PURE__ */ t("span", { className: u.Chip, children: ae(f) }, d)) }) : /* @__PURE__ */ t("span", { className: r.length === 0 ? u.TriggerPlaceholder : u.TriggerValue, children: r.length === 0 ? a : r.map(ae).join(", ") }),
739
- /* @__PURE__ */ t("span", { className: u.TriggerIcon, children: /* @__PURE__ */ t(qt, { size: 12 }) })
747
+ i && t.length > 0 ? /* @__PURE__ */ o("div", { className: g(h.ChipsWrapper, c && h.Expand), children: t.map((d, u) => /* @__PURE__ */ o("span", { className: h.Chip, children: ue(d) }, u)) }) : /* @__PURE__ */ o("span", { className: t.length === 0 ? h.TriggerPlaceholder : h.TriggerValue, children: t.length === 0 ? s : t.map(ue).join(", ") }),
748
+ /* @__PURE__ */ o("span", { className: h.TriggerIcon, children: /* @__PURE__ */ o(ao, { size: 12 }) })
740
749
  ]
741
750
  }
742
751
  );
743
752
  }
744
- function Vo({
753
+ function zr({
745
754
  options: e = [],
746
755
  value: n,
747
- onChange: o,
748
- onSearch: r,
749
- onCreate: s,
750
- excluded: a,
751
- multiSelect: i = !1,
752
- selectedAtTop: l = !1,
753
- onOverflow: f = "scroll",
754
- label: d,
755
- placeholder: h = "select…",
756
- searchPlaceholder: m,
757
- emptyHint: g,
758
- isLoading: y,
759
- skeletonRowCount: x,
760
- onError: W,
761
- className: V,
762
- glass: T = !1,
763
- portal: z = !1,
764
- renderOption: K,
765
- children: q
756
+ onChange: r,
757
+ onSearch: t,
758
+ onCreate: i,
759
+ excluded: s,
760
+ multiSelect: a = !1,
761
+ selectedAtTop: c = !1,
762
+ onOverflow: d = "scroll",
763
+ label: u,
764
+ placeholder: l = "select…",
765
+ searchPlaceholder: _,
766
+ emptyHint: p,
767
+ isLoading: C,
768
+ skeletonRowCount: y,
769
+ onError: k,
770
+ className: x,
771
+ glass: R = !1,
772
+ portal: O = !0,
773
+ renderOption: z,
774
+ children: j
766
775
  }) {
767
- const { isOpen: C, triggerRef: R, toggleOpen: X, close: Y } = tt(), ee = v("Dropdown", V), M = st(n, Se(e)), ne = C || M.length > 0, A = d && !ne ? "" : h;
768
- function Q(F) {
769
- const k = I(F);
770
- o(
771
- i ? n.includes(k) ? n.filter((ce) => ce !== k) : [...n, k] : [k]
776
+ const { isOpen: v, triggerRef: A, toggleOpen: K, close: X } = gt(), Z = L("Dropdown", x), W = yt(n, qe(e)), I = v || W.length > 0, w = u && !I ? "" : l;
777
+ function Q(Y) {
778
+ const P = B(Y);
779
+ r(
780
+ a ? n.includes(P) ? n.filter((_e) => _e !== P) : [...n, P] : [P]
772
781
  );
773
782
  }
774
- const te = {
775
- ref: R,
776
- onClick: X,
777
- "aria-expanded": C,
783
+ const ie = {
784
+ ref: A,
785
+ onClick: K,
786
+ "aria-expanded": v,
778
787
  "aria-haspopup": "listbox"
779
788
  };
780
- return /* @__PURE__ */ _("div", { className: p(u.DropdownContainer, ee), children: [
781
- d && /* @__PURE__ */ t("label", { className: p(u.Label, { [u.lifted]: ne }), children: d }),
782
- q ? q({ selectedOptions: M, isOpen: C, toggleOpen: X, close: Y, triggerProps: te }) : /* @__PURE__ */ t(
783
- $t,
789
+ return /* @__PURE__ */ m("div", { className: g(h.DropdownContainer, Z), children: [
790
+ u && /* @__PURE__ */ o("label", { className: g(h.Label, { [h.lifted]: I }), children: u }),
791
+ j ? j({ selectedOptions: W, isOpen: v, toggleOpen: K, close: X, triggerProps: ie }) : /* @__PURE__ */ o(
792
+ lo,
784
793
  {
785
- triggerRef: R,
786
- isOpen: C,
787
- onClick: X,
788
- selectedOptions: M,
789
- multiSelect: i,
790
- onOverflow: f,
791
- placeholder: A
794
+ triggerRef: A,
795
+ isOpen: v,
796
+ onClick: K,
797
+ selectedOptions: W,
798
+ multiSelect: a,
799
+ onOverflow: d,
800
+ placeholder: w
792
801
  }
793
802
  ),
794
- C && /* @__PURE__ */ t(
795
- Gt,
803
+ v && /* @__PURE__ */ o(
804
+ so,
796
805
  {
797
806
  options: e,
798
- onSearch: r,
799
- onCreate: s,
807
+ onSearch: t,
808
+ onCreate: i,
800
809
  onPick: Q,
801
- onClose: Y,
802
- anchorRef: R,
803
- excluded: a,
804
- multiSelect: i,
805
- selectedAtTop: l,
810
+ onClose: X,
811
+ anchorRef: A,
812
+ excluded: s,
813
+ multiSelect: a,
814
+ selectedAtTop: c,
806
815
  selected: n,
807
- placeholder: m,
808
- emptyHint: g,
809
- isLoading: y,
810
- skeletonRowCount: x,
811
- onError: W,
812
- glass: T,
813
- portal: z,
814
- renderOption: K
816
+ placeholder: _,
817
+ emptyHint: p,
818
+ isLoading: C,
819
+ skeletonRowCount: y,
820
+ onError: k,
821
+ glass: R,
822
+ portal: O,
823
+ renderOption: z
815
824
  }
816
825
  )
817
826
  ] });
818
827
  }
819
- const Ht = "_Btn_1tozl_10", Vt = "_Primary_1tozl_35", Kt = "_Secondary_1tozl_50", Xt = "_Ghost_1tozl_62", Yt = "_IconDanger_1tozl_74", Qt = "_Danger_1tozl_95", H = {
820
- Btn: Ht,
821
- Primary: Vt,
822
- Secondary: Kt,
823
- Ghost: Xt,
824
- IconDanger: Yt,
825
- Danger: Qt
826
- }, Jt = {
827
- primary: H.Primary,
828
- secondary: H.Secondary,
829
- danger: H.Danger,
830
- ghost: H.Ghost,
831
- iconDanger: H.IconDanger
828
+ const uo = "_Btn_1tozl_10", _o = "_Primary_1tozl_35", fo = "_Secondary_1tozl_50", ho = "_Ghost_1tozl_62", mo = "_IconDanger_1tozl_74", po = "_Danger_1tozl_95", ne = {
829
+ Btn: uo,
830
+ Primary: _o,
831
+ Secondary: fo,
832
+ Ghost: ho,
833
+ IconDanger: mo,
834
+ Danger: po
835
+ }, go = {
836
+ primary: ne.Primary,
837
+ secondary: ne.Secondary,
838
+ danger: ne.Danger,
839
+ ghost: ne.Ghost,
840
+ iconDanger: ne.IconDanger
832
841
  };
833
- function Ko({ variant: e = "default", className: n, children: o, ...r }) {
834
- const s = v("Button", n), a = e === "unstyled";
835
- return /* @__PURE__ */ t(
842
+ function Ue({ variant: e = "default", className: n, children: r, ...t }) {
843
+ const i = L("Button", n), s = e === "unstyled";
844
+ return /* @__PURE__ */ o(
836
845
  "button",
837
846
  {
838
847
  type: "button",
839
- ...r,
840
- className: p(!a && H.Btn, !a && Jt[e], s),
841
- children: o
848
+ ...t,
849
+ className: g(!s && ne.Btn, !s && go[e], i),
850
+ children: r
842
851
  }
843
852
  );
844
853
  }
845
- const Zt = "_ConfirmWrapper_1tq4o_4", eo = "_ConfirmContainer_1tq4o_1", no = "_Glass_1tq4o_24", to = "_ConfirmTitle_1tq4o_30", oo = "_ConfirmMessage_1tq4o_38", ro = "_ConfirmActions_1tq4o_45", so = "_BtnCancel_1tq4o_53", ao = "_BtnConfirm_1tq4o_73", io = "_BtnDanger_1tq4o_92", D = {
846
- ConfirmWrapper: Zt,
847
- ConfirmContainer: eo,
848
- Glass: no,
849
- ConfirmTitle: to,
850
- ConfirmMessage: oo,
851
- ConfirmActions: ro,
852
- BtnCancel: so,
853
- BtnConfirm: ao,
854
- BtnDanger: io
854
+ const Co = "_ConfirmWrapper_1tq4o_4", vo = "_ConfirmContainer_1tq4o_1", wo = "_Glass_1tq4o_24", yo = "_ConfirmTitle_1tq4o_30", No = "_ConfirmMessage_1tq4o_38", Io = "_ConfirmActions_1tq4o_45", So = "_BtnCancel_1tq4o_53", ko = "_BtnConfirm_1tq4o_73", Ro = "_BtnDanger_1tq4o_92", q = {
855
+ ConfirmWrapper: Co,
856
+ ConfirmContainer: vo,
857
+ Glass: wo,
858
+ ConfirmTitle: yo,
859
+ ConfirmMessage: No,
860
+ ConfirmActions: Io,
861
+ BtnCancel: So,
862
+ BtnConfirm: ko,
863
+ BtnDanger: Ro
855
864
  };
856
- function Xo({
865
+ function Kr({
857
866
  title: e,
858
867
  message: n,
859
- confirmLabel: o = "Confirm",
860
- cancelLabel: r = "Cancel",
861
- danger: s = !1,
862
- onConfirm: a,
863
- onClose: i,
864
- className: l,
865
- glass: f = !1
868
+ confirmLabel: r = "Confirm",
869
+ cancelLabel: t = "Cancel",
870
+ danger: i = !1,
871
+ onConfirm: s,
872
+ onClose: a,
873
+ className: c,
874
+ glass: d = !1
866
875
  }) {
867
- const [d, h] = N(!1), m = v("ConfirmDialog", l);
868
- function g() {
869
- h(!0), Promise.resolve(a()).finally(() => {
870
- h(!1), i();
876
+ const [u, l] = S(!1), _ = L("ConfirmDialog", c);
877
+ function p() {
878
+ l(!0), Promise.resolve(s()).finally(() => {
879
+ l(!1), a();
871
880
  });
872
881
  }
873
- return /* @__PURE__ */ t("div", { className: D.ConfirmWrapper, children: /* @__PURE__ */ _("div", { className: p(D.ConfirmContainer, { [D.Glass]: f }, m), role: "dialog", "aria-modal": "true", children: [
874
- /* @__PURE__ */ t("h2", { className: D.ConfirmTitle, children: e }),
875
- /* @__PURE__ */ t("p", { className: D.ConfirmMessage, children: n }),
876
- /* @__PURE__ */ _("div", { className: D.ConfirmActions, children: [
877
- /* @__PURE__ */ t("button", { className: D.BtnCancel, type: "button", onClick: i, disabled: d, children: r }),
878
- /* @__PURE__ */ t(
882
+ return /* @__PURE__ */ o("div", { className: q.ConfirmWrapper, children: /* @__PURE__ */ m("div", { className: g(q.ConfirmContainer, { [q.Glass]: d }, _), role: "dialog", "aria-modal": "true", children: [
883
+ /* @__PURE__ */ o("h2", { className: q.ConfirmTitle, children: e }),
884
+ /* @__PURE__ */ o("p", { className: q.ConfirmMessage, children: n }),
885
+ /* @__PURE__ */ m("div", { className: q.ConfirmActions, children: [
886
+ /* @__PURE__ */ o("button", { className: q.BtnCancel, type: "button", onClick: a, disabled: u, children: t }),
887
+ /* @__PURE__ */ o(
879
888
  "button",
880
889
  {
881
- className: p(s ? D.BtnDanger : D.BtnConfirm),
890
+ className: g(i ? q.BtnDanger : q.BtnConfirm),
882
891
  type: "button",
883
- onClick: g,
884
- disabled: d,
885
- children: d ? "…" : o
892
+ onClick: p,
893
+ disabled: u,
894
+ children: u ? "…" : r
886
895
  }
887
896
  )
888
897
  ] })
889
898
  ] }) });
890
899
  }
891
- const co = "_InfoWrapper_cqv58_4", lo = "_InfoContainer_cqv58_1", uo = "_Glass_cqv58_24", _o = "_InfoTitle_cqv58_30", po = "_InfoMessage_cqv58_38", fo = "_InfoActions_cqv58_45", ho = "_BtnClose_cqv58_52", U = {
892
- InfoWrapper: co,
893
- InfoContainer: lo,
894
- Glass: uo,
895
- InfoTitle: _o,
896
- InfoMessage: po,
897
- InfoActions: fo,
898
- BtnClose: ho
900
+ const bo = "_InfoWrapper_cqv58_4", To = "_InfoContainer_cqv58_1", Lo = "_Glass_cqv58_24", Do = "_InfoTitle_cqv58_30", Eo = "_InfoMessage_cqv58_38", Bo = "_InfoActions_cqv58_45", Ao = "_BtnClose_cqv58_52", J = {
901
+ InfoWrapper: bo,
902
+ InfoContainer: To,
903
+ Glass: Lo,
904
+ InfoTitle: Do,
905
+ InfoMessage: Eo,
906
+ InfoActions: Bo,
907
+ BtnClose: Ao
899
908
  };
900
- function Yo({ title: e, message: n, onClose: o, className: r, glass: s = !1 }) {
901
- const a = v("InfoDialog", r);
902
- return /* @__PURE__ */ t("div", { className: U.InfoWrapper, children: /* @__PURE__ */ _("div", { className: p(U.InfoContainer, { [U.Glass]: s }, a), role: "dialog", "aria-modal": "true", children: [
903
- /* @__PURE__ */ t("h2", { className: U.InfoTitle, children: e }),
904
- /* @__PURE__ */ t("p", { className: U.InfoMessage, children: n }),
905
- /* @__PURE__ */ t("div", { className: U.InfoActions, children: /* @__PURE__ */ t("button", { className: U.BtnClose, type: "button", onClick: o, children: "Got it" }) })
909
+ function Xr({ title: e, message: n, onClose: r, className: t, glass: i = !1 }) {
910
+ const s = L("InfoDialog", t);
911
+ return /* @__PURE__ */ o("div", { className: J.InfoWrapper, children: /* @__PURE__ */ m("div", { className: g(J.InfoContainer, { [J.Glass]: i }, s), role: "dialog", "aria-modal": "true", children: [
912
+ /* @__PURE__ */ o("h2", { className: J.InfoTitle, children: e }),
913
+ /* @__PURE__ */ o("p", { className: J.InfoMessage, children: n }),
914
+ /* @__PURE__ */ o("div", { className: J.InfoActions, children: /* @__PURE__ */ o("button", { className: J.BtnClose, type: "button", onClick: r, children: "Got it" }) })
906
915
  ] }) });
907
916
  }
908
- function Qo({ buttons: e, containerClassName: n }) {
909
- const o = v("ModalActions", n);
910
- return /* @__PURE__ */ t("div", { className: o, children: e.map((r, s) => /* @__PURE__ */ t(
917
+ function Qr({ buttons: e, containerClassName: n }) {
918
+ const r = L("ModalActions", n);
919
+ return /* @__PURE__ */ o("div", { className: r, children: e.map((t, i) => /* @__PURE__ */ o(
911
920
  "button",
912
921
  {
913
- className: r.className,
922
+ className: t.className,
914
923
  type: "button",
915
- onClick: r.onClick,
916
- disabled: r.disabled,
917
- children: r.label
924
+ onClick: t.onClick,
925
+ disabled: t.disabled,
926
+ children: t.label
918
927
  },
919
- s
928
+ i
920
929
  )) });
921
930
  }
922
- function Jo({ onClick: e, disabled: n, className: o }) {
923
- const r = v("ModalClose", o);
924
- return /* @__PURE__ */ t(
931
+ function Yr({ onClick: e, disabled: n, className: r }) {
932
+ const t = L("ModalClose", r);
933
+ return /* @__PURE__ */ o(
925
934
  "button",
926
935
  {
927
- className: r,
936
+ className: t,
928
937
  type: "button",
929
938
  onClick: e,
930
939
  disabled: n,
931
940
  "aria-label": "Close",
932
- children: /* @__PURE__ */ _(
941
+ children: /* @__PURE__ */ m(
933
942
  "svg",
934
943
  {
935
944
  viewBox: "0 0 24 24",
@@ -940,211 +949,550 @@ function Jo({ onClick: e, disabled: n, className: o }) {
940
949
  strokeWidth: "1.8",
941
950
  strokeLinecap: "round",
942
951
  children: [
943
- /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
944
- /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
952
+ /* @__PURE__ */ o("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
953
+ /* @__PURE__ */ o("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
945
954
  ]
946
955
  }
947
956
  )
948
957
  }
949
958
  );
950
959
  }
951
- const mo = "_Backdrop_1w1e3_7", go = "_BackdropOpen_1w1e3_16", Co = "_Panel_1w1e3_21", vo = "_Right_1w1e3_31", wo = "_Left_1w1e3_40", Io = "_Top_1w1e3_49", No = "_Bottom_1w1e3_58", yo = "_PanelOpen_1w1e3_67", P = {
952
- Backdrop: mo,
953
- BackdropOpen: go,
954
- Panel: Co,
955
- Right: vo,
956
- Left: wo,
957
- Top: Io,
958
- Bottom: No,
959
- PanelOpen: yo
960
- }, Z = [];
961
- let ko = 1, ie = !1, fe = 0;
962
- function De() {
963
- if (fe > 0) {
964
- fe -= 1;
960
+ const xo = "_Backdrop_1w1e3_7", Po = "_BackdropOpen_1w1e3_16", Mo = "_Panel_1w1e3_21", Oo = "_Right_1w1e3_31", Wo = "_Left_1w1e3_40", Fo = "_Top_1w1e3_49", qo = "_Bottom_1w1e3_58", Ho = "_PanelOpen_1w1e3_67", V = {
961
+ Backdrop: xo,
962
+ BackdropOpen: Po,
963
+ Panel: Mo,
964
+ Right: Oo,
965
+ Left: Wo,
966
+ Top: Fo,
967
+ Bottom: qo,
968
+ PanelOpen: Ho
969
+ }, re = [];
970
+ let Uo = 1, de = !1, Ce = 0;
971
+ function Ge() {
972
+ if (Ce > 0) {
973
+ Ce -= 1;
965
974
  return;
966
975
  }
967
- const e = Z.pop();
968
- Ee(), e && e.onBack();
969
- }
970
- function Lo() {
971
- ie || (ie = !0, window.addEventListener("popstate", De));
972
- }
973
- function Ee() {
974
- Z.length > 0 || !ie || (ie = !1, window.removeEventListener("popstate", De));
975
- }
976
- function To(e) {
977
- const n = ko++;
978
- return Z.push({ handle: n, onBack: e }), Lo(), window.history.pushState({ churesOverlayBackHandle: n }, ""), n;
979
- }
980
- function Ne(e) {
981
- const n = Z.findIndex((o) => o.handle === e);
982
- n !== -1 && (Z.splice(n, 1), Ee(), fe += 1, window.history.back());
983
- }
984
- function Ro(e, n) {
985
- const o = G([]), r = G(n);
986
- r.current = n, b(() => {
987
- const s = o.current;
988
- for (; s.length < e; )
989
- s.push(To(() => r.current()));
990
- for (; s.length > e; ) {
991
- const a = s.pop();
992
- a !== void 0 && Ne(a);
976
+ const e = re.pop();
977
+ je(), e && e.onBack();
978
+ }
979
+ function Go() {
980
+ de || (de = !0, window.addEventListener("popstate", Ge));
981
+ }
982
+ function je() {
983
+ re.length > 0 || !de || (de = !1, window.removeEventListener("popstate", Ge));
984
+ }
985
+ function jo(e) {
986
+ const n = Uo++;
987
+ return re.push({ handle: n, onBack: e }), Go(), window.history.pushState({ churesOverlayBackHandle: n }, ""), n;
988
+ }
989
+ function Le(e) {
990
+ const n = re.findIndex((t) => t.handle === e);
991
+ n === -1 || (re.splice(n, 1), je(), window.history.state?.churesOverlayBackHandle !== e) || (Ce += 1, window.history.back());
992
+ }
993
+ function $o(e, n) {
994
+ const r = b([]), t = b(n);
995
+ t.current = n, T(() => {
996
+ const i = r.current;
997
+ for (; i.length < e; )
998
+ i.push(jo(() => t.current()));
999
+ for (; i.length > e; ) {
1000
+ const s = i.pop();
1001
+ s !== void 0 && Le(s);
993
1002
  }
994
- }, [e]), b(() => () => {
995
- const s = o.current;
996
- for (; s.length > 0; ) {
997
- const a = s.pop();
998
- a !== void 0 && Ne(a);
1003
+ }, [e]), T(() => () => {
1004
+ const i = r.current;
1005
+ for (; i.length > 0; ) {
1006
+ const s = i.pop();
1007
+ s !== void 0 && Le(s);
999
1008
  }
1000
1009
  }, []);
1001
1010
  }
1002
- const So = {
1003
- top: P.Top,
1004
- right: P.Right,
1005
- bottom: P.Bottom,
1006
- left: P.Left
1011
+ const Vo = {
1012
+ top: V.Top,
1013
+ right: V.Right,
1014
+ bottom: V.Bottom,
1015
+ left: V.Left
1007
1016
  };
1008
- let O = null, _e = 0;
1009
- function ye() {
1010
- return O || (O = document.createElement("div"), O.setAttribute("data-chures-side-drawer-root", ""), document.body.appendChild(O)), O;
1017
+ let $ = null, pe = 0;
1018
+ function De() {
1019
+ return $ || ($ = document.createElement("div"), $.setAttribute("data-chures-side-drawer-root", ""), document.body.appendChild($)), $;
1011
1020
  }
1012
- function Zo({ open: e, onClose: n, children: o, side: r = "right", backdropBlur: s = 0, className: a }) {
1013
- const [i, l] = N(!1), f = v("SideDrawer", a);
1014
- Ro(e ? 1 : 0, n), ke(() => {
1021
+ function Jr({ open: e, onClose: n, children: r, side: t = "right", backdropBlur: i = 0, className: s }) {
1022
+ const [a, c] = S(!1), d = L("SideDrawer", s);
1023
+ $o(e ? 1 : 0, n), Ne(() => {
1015
1024
  if (!e) {
1016
- l(!1);
1025
+ c(!1);
1017
1026
  return;
1018
1027
  }
1019
- document.body.appendChild(ye());
1020
- const h = requestAnimationFrame(() => l(!0));
1021
- return () => cancelAnimationFrame(h);
1022
- }, [e]), b(() => (_e += 1, () => {
1023
- _e -= 1, _e === 0 && O && (O.remove(), O = null);
1028
+ document.body.appendChild(De());
1029
+ const l = requestAnimationFrame(() => c(!0));
1030
+ return () => cancelAnimationFrame(l);
1031
+ }, [e]), T(() => (pe += 1, () => {
1032
+ pe -= 1, pe === 0 && $ && ($.remove(), $ = null);
1024
1033
  }), []);
1025
- const d = s > 0 ? { backdropFilter: `blur(${s}rem)`, WebkitBackdropFilter: `blur(${s}rem)` } : void 0;
1026
- return Le(
1027
- /* @__PURE__ */ _(B, { children: [
1028
- /* @__PURE__ */ t(
1034
+ const u = i > 0 ? { backdropFilter: `blur(${i}rem)`, WebkitBackdropFilter: `blur(${i}rem)` } : void 0;
1035
+ return Ie(
1036
+ /* @__PURE__ */ m(G, { children: [
1037
+ /* @__PURE__ */ o(
1029
1038
  "div",
1030
1039
  {
1031
- className: p(P.Backdrop, i && P.BackdropOpen),
1032
- style: d,
1040
+ className: g(V.Backdrop, a && V.BackdropOpen),
1041
+ style: u,
1033
1042
  onClick: n
1034
1043
  }
1035
1044
  ),
1036
- /* @__PURE__ */ t("div", { className: p(P.Panel, So[r], i && P.PanelOpen, f), children: o })
1045
+ /* @__PURE__ */ o("div", { className: g(V.Panel, Vo[t], a && V.PanelOpen, d), children: r })
1037
1046
  ] }),
1038
- ye()
1047
+ De()
1048
+ );
1049
+ }
1050
+ const ve = Pe(!0);
1051
+ function zo() {
1052
+ return Me(ve);
1053
+ }
1054
+ const Ko = "_FlyoutMenuContainer_1q0ma_5", Xo = "_Backdrop_1q0ma_9", Qo = "_Panel_1q0ma_14", Yo = "_Submenu_1q0ma_27", Jo = "_FlyoutPanelContainer_1q0ma_41", Zo = "_Back_1q0ma_9", er = "_Chevron_1q0ma_68", nr = "_MenuListContainer_1q0ma_75", tr = "_Heading_1q0ma_81", or = "_Divider_1q0ma_90", rr = "_MenuRowContainer_1q0ma_98", ir = "_Dim_1q0ma_102", sr = "_Row_1q0ma_106", ar = "_Icon_1q0ma_135", cr = "_Label_1q0ma_140", lr = "_Arrow_1q0ma_148", ur = "_MenuSkeletonContainer_1q0ma_156", dr = "_MenuSkeletonRow_1q0ma_163", _r = "_MenuSearchFieldContainer_1q0ma_191", N = {
1055
+ FlyoutMenuContainer: Ko,
1056
+ Backdrop: Xo,
1057
+ Panel: Qo,
1058
+ Submenu: Yo,
1059
+ FlyoutPanelContainer: Jo,
1060
+ Back: Zo,
1061
+ Chevron: er,
1062
+ MenuListContainer: nr,
1063
+ Heading: tr,
1064
+ Divider: or,
1065
+ MenuRowContainer: rr,
1066
+ Dim: ir,
1067
+ Row: sr,
1068
+ Icon: ar,
1069
+ Label: cr,
1070
+ Arrow: lr,
1071
+ MenuSkeletonContainer: ur,
1072
+ MenuSkeletonRow: dr,
1073
+ MenuSearchFieldContainer: _r
1074
+ }, fr = { duration: 0.15, ease: [0.2, 0.7, 0.2, 1] };
1075
+ function Ee({ item: e, menu: n, dim: r }) {
1076
+ const t = zo(), i = e.submenu;
1077
+ function s(a) {
1078
+ if (i) {
1079
+ n.toggleSubmenuFrom(a.currentTarget, i);
1080
+ return;
1081
+ }
1082
+ e.disabled || n.selectItem(e);
1083
+ }
1084
+ return /* @__PURE__ */ o(oe.div, { layout: t, transition: fr, className: g(N.MenuRowContainer, r && N.Dim), children: /* @__PURE__ */ m(
1085
+ Ue,
1086
+ {
1087
+ variant: "unstyled",
1088
+ className: N.Row,
1089
+ disabled: e.disabled,
1090
+ "aria-haspopup": i ? "menu" : void 0,
1091
+ onClick: s,
1092
+ onMouseEnter: i ? (a) => n.openSubmenuFrom(a.currentTarget, i) : void 0,
1093
+ onMouseLeave: i ? n.closeSubmenuSoon : void 0,
1094
+ children: [
1095
+ e.icon && /* @__PURE__ */ o("span", { className: N.Icon, children: e.icon }),
1096
+ /* @__PURE__ */ o("span", { className: N.Label, children: e.label }),
1097
+ i && /* @__PURE__ */ o("span", { className: N.Arrow, children: "▸" })
1098
+ ]
1099
+ }
1100
+ ) });
1101
+ }
1102
+ function Be({ items: e, menu: n, heading: r, rest: t }) {
1103
+ const i = !!t && t.length > 0;
1104
+ return /* @__PURE__ */ m("div", { className: N.MenuListContainer, children: [
1105
+ r && /* @__PURE__ */ o("span", { className: N.Heading, children: r }),
1106
+ e.map((s) => /* @__PURE__ */ o(Ee, { item: s, menu: n }, s.key)),
1107
+ i && /* @__PURE__ */ o("div", { className: N.Divider }),
1108
+ t?.map((s) => /* @__PURE__ */ o(Ee, { item: s, menu: n, dim: !0 }, s.key))
1109
+ ] });
1110
+ }
1111
+ function hr({ count: e = 3 }) {
1112
+ const n = Oe(() => Array.from({ length: Math.max(0, e) }, (r, t) => t), [e]);
1113
+ return /* @__PURE__ */ o("div", { className: N.MenuSkeletonContainer, children: n.map((r) => /* @__PURE__ */ o("div", { className: N.MenuSkeletonRow, role: "presentation" }, r)) });
1114
+ }
1115
+ const mr = { duration: 0.15, ease: [0.2, 0.7, 0.2, 1] };
1116
+ function pr({ value: e, onChange: n, placeholder: r }) {
1117
+ function t(i) {
1118
+ i.key === "Escape" && n("");
1119
+ }
1120
+ return /* @__PURE__ */ o(
1121
+ oe.div,
1122
+ {
1123
+ className: N.MenuSearchFieldContainer,
1124
+ initial: { opacity: 0, height: 0 },
1125
+ animate: { opacity: 1, height: "auto" },
1126
+ exit: { opacity: 0, height: 0 },
1127
+ transition: mr,
1128
+ children: /* @__PURE__ */ o(
1129
+ ct,
1130
+ {
1131
+ value: e,
1132
+ setValue: n,
1133
+ placeholder: r ?? "Search",
1134
+ autoFocus: !0,
1135
+ onKeyDown: t,
1136
+ startIcon: /* @__PURE__ */ o(co, { size: 14 })
1137
+ }
1138
+ )
1139
+ }
1039
1140
  );
1040
1141
  }
1041
- function er({ classNames: e, children: n }) {
1042
- return /* @__PURE__ */ t(Te.Provider, { value: e, children: n });
1142
+ function gr(e, n, r) {
1143
+ const t = n.trim().toLowerCase();
1144
+ if (!t) return { matches: e, rest: [] };
1145
+ const i = [], s = [];
1146
+ for (const a of e)
1147
+ r(a).toLowerCase().includes(t) ? i.push(a) : s.push(a);
1148
+ return { matches: i, rest: s };
1149
+ }
1150
+ function Cr(e) {
1151
+ return e instanceof HTMLElement ? e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.isContentEditable : !1;
1152
+ }
1153
+ function vr(e) {
1154
+ const [n, r] = S("");
1155
+ return T(() => {
1156
+ if (!e) return;
1157
+ function t(i) {
1158
+ if (!Cr(document.activeElement)) {
1159
+ if (i.key === "Backspace") {
1160
+ r((s) => s.slice(0, -1));
1161
+ return;
1162
+ }
1163
+ i.key.length === 1 && !i.ctrlKey && !i.metaKey && !i.altKey && (r((s) => s + i.key), i.preventDefault());
1164
+ }
1165
+ }
1166
+ return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
1167
+ }, [e]), { query: n, setQuery: r };
1043
1168
  }
1044
- var he = /* @__PURE__ */ ((e) => (e[e.OK = 0] = "OK", e[e.CANCELLED = 1] = "CANCELLED", e[e.UNKNOWN = 2] = "UNKNOWN", e[e.INVALID_ARGUMENT = 3] = "INVALID_ARGUMENT", e[e.DEADLINE_EXCEEDED = 4] = "DEADLINE_EXCEEDED", e[e.NOT_FOUND = 5] = "NOT_FOUND", e[e.ALREADY_EXISTS = 6] = "ALREADY_EXISTS", e[e.PERMISSION_DENIED = 7] = "PERMISSION_DENIED", e[e.RESOURCE_EXHAUSTED = 8] = "RESOURCE_EXHAUSTED", e[e.FAILED_PRECONDITION = 9] = "FAILED_PRECONDITION", e[e.ABORTED = 10] = "ABORTED", e[e.OUT_OF_RANGE = 11] = "OUT_OF_RANGE", e[e.UNIMPLEMENTED = 12] = "UNIMPLEMENTED", e[e.INTERNAL = 13] = "INTERNAL", e[e.UNAVAILABLE = 14] = "UNAVAILABLE", e[e.DATA_LOSS = 15] = "DATA_LOSS", e[e.UNAUTHENTICATED = 16] = "UNAUTHENTICATED", e))(he || {});
1045
- const Do = "type.googleapis.com/google.rpc.ErrorInfo", Eo = "type.googleapis.com/google.rpc.BadRequest", jo = "type.googleapis.com/google.rpc.PreconditionFailure";
1046
- function re(e) {
1169
+ function wr(e) {
1170
+ return e.searchText !== void 0 ? e.searchText : typeof e.label == "string" ? e.label : "";
1171
+ }
1172
+ function Ae({ section: e, menu: n, onBack: r, skeletonCount: t, active: i }) {
1173
+ const s = !!e.searchable && !!e.items, { query: a, setQuery: c } = vr(!!i && s);
1174
+ T(() => c(""), [e, c]);
1175
+ const { matches: d, rest: u } = Oe(
1176
+ () => gr(e.items ?? [], a, wr),
1177
+ [e.items, a]
1178
+ ), l = r ? void 0 : e.title;
1179
+ let _;
1180
+ return e.loading ? _ = /* @__PURE__ */ o(hr, { count: t }) : e.renderPanel ? _ = e.renderPanel() : s ? _ = /* @__PURE__ */ o(Be, { items: d, rest: u, menu: n, heading: l }) : _ = /* @__PURE__ */ o(Be, { items: e.items ?? [], menu: n, heading: l }), /* @__PURE__ */ m("div", { className: N.FlyoutPanelContainer, children: [
1181
+ r && /* @__PURE__ */ m(Ue, { variant: "unstyled", className: N.Back, onClick: r, children: [
1182
+ /* @__PURE__ */ o("span", { className: N.Chevron, children: "‹" }),
1183
+ e.title ?? "Back"
1184
+ ] }),
1185
+ s && /* @__PURE__ */ o(le, { children: a !== "" && /* @__PURE__ */ o(pr, { value: a, onChange: c }) }),
1186
+ _
1187
+ ] });
1188
+ }
1189
+ function yr(e, n, r, t, i) {
1190
+ const s = r.width - 2 * t, a = Math.max(t, r.width - t - n.width), c = Math.min(Math.max(e.right - n.width, t), a), d = e.top - i - t, u = r.height - t - e.bottom - i;
1191
+ if (n.height > d && u > d)
1192
+ return { top: e.bottom + i, left: c, maxHeight: u, maxWidth: s };
1193
+ const l = e.top - i - n.height;
1194
+ return { top: l < t ? t : l, left: c, maxHeight: d, maxWidth: s };
1195
+ }
1196
+ function Nr(e, n, r, t, i) {
1197
+ if (i) return { side: "collapse" };
1198
+ const s = e.right + n.width <= r.width - t, a = e.left - n.width, c = s ? "right" : a >= t ? "left" : null;
1199
+ if (!c) return { side: "collapse" };
1200
+ const d = c === "right" ? e.right : a, u = r.height - t - e.top, l = e.bottom - t;
1201
+ if (u >= n.height || u >= l)
1202
+ return { side: c, left: d, top: e.top, maxHeight: u };
1203
+ const _ = Math.max(e.bottom - n.height, t);
1204
+ return { side: c, left: d, top: _, maxHeight: l };
1205
+ }
1206
+ function $e(e, n, r) {
1207
+ const [t, i] = S(null), s = b(n), a = b(r);
1208
+ s.current = n, a.current = r;
1209
+ const c = b(null);
1210
+ return Ne(() => {
1211
+ if (!e) {
1212
+ c.current = null, i(null);
1213
+ return;
1214
+ }
1215
+ let d = 0;
1216
+ function u() {
1217
+ const l = s.current();
1218
+ if (l !== null) {
1219
+ const _ = c.current;
1220
+ (_ === null || !a.current(_, l)) && (c.current = l, i(l));
1221
+ }
1222
+ d = requestAnimationFrame(u);
1223
+ }
1224
+ return u(), () => {
1225
+ cancelAnimationFrame(d), c.current = null, i(null);
1226
+ };
1227
+ }, [e]), t;
1228
+ }
1229
+ const Ve = 8, Ir = 8, Sr = 150, kr = 3;
1230
+ function ze() {
1231
+ return { width: window.innerWidth, height: window.innerHeight };
1232
+ }
1233
+ function we() {
1234
+ return window.matchMedia("(orientation: portrait)").matches;
1235
+ }
1236
+ function Ke(e) {
1237
+ return { width: e.scrollWidth || e.offsetWidth, height: e.scrollHeight || e.offsetHeight };
1238
+ }
1239
+ function Rr(e, n) {
1240
+ return e.top === n.top && e.left === n.left && e.maxHeight === n.maxHeight && e.maxWidth === n.maxWidth;
1241
+ }
1242
+ function br(e, n) {
1243
+ return e === "collapse" || n === "collapse" ? e === n : e.side === n.side && e.top === n.top && e.left === n.left && e.maxHeight === n.maxHeight;
1244
+ }
1245
+ function Tr(e, n, r) {
1246
+ return $e(
1247
+ e,
1248
+ () => {
1249
+ const t = n.current, i = r.current;
1250
+ return !t || !i ? null : yr(t.getBoundingClientRect(), Ke(i), ze(), Ve, Ir);
1251
+ },
1252
+ Rr
1253
+ );
1254
+ }
1255
+ function Lr(e, n, r) {
1256
+ return $e(
1257
+ e,
1258
+ () => {
1259
+ const t = n.current, i = r.current;
1260
+ if (!t || !i) return null;
1261
+ const s = Nr(i.getBoundingClientRect(), Ke(t), ze(), Ve, we());
1262
+ return s.side === "collapse" ? "collapse" : s;
1263
+ },
1264
+ br
1265
+ );
1266
+ }
1267
+ function Dr(e) {
1268
+ const { anchorRef: n, panelRef: r, submenuRef: t, open: i, onOpenChange: s } = e, [a, c] = S(!1), d = i ?? a, [u, l] = S([]), [_, p] = S(null), C = b(null), y = b(void 0), k = E((I) => {
1269
+ c(I), s?.(I);
1270
+ }, [s]), x = E((I) => {
1271
+ p(null), l((w) => w.length >= kr ? w : [...w, I]);
1272
+ }, []);
1273
+ T(() => {
1274
+ d || (l([]), p(null), C.current = null, y.current && clearTimeout(y.current));
1275
+ }, [d]);
1276
+ const R = E((I, w) => {
1277
+ if (y.current && clearTimeout(y.current), C.current = I, we()) {
1278
+ x(w);
1279
+ return;
1280
+ }
1281
+ p({ section: w, placement: null });
1282
+ }, [x]), O = E((I, w) => {
1283
+ if (we()) {
1284
+ u[u.length - 1] === w ? l((Q) => Q.slice(0, -1)) : R(I, w);
1285
+ return;
1286
+ }
1287
+ _ && _.section === w ? p(null) : R(I, w);
1288
+ }, [u, _, R]), z = E(() => {
1289
+ y.current && clearTimeout(y.current), y.current = setTimeout(() => p(null), Sr);
1290
+ }, []), j = E(() => {
1291
+ y.current && clearTimeout(y.current);
1292
+ }, []), v = Lr(!!_, t, C), A = Tr(d, n, r);
1293
+ T(() => {
1294
+ if (!(!_ || !v)) {
1295
+ if (v === "collapse") {
1296
+ x(_.section);
1297
+ return;
1298
+ }
1299
+ _.placement !== v && p({ section: _.section, placement: v });
1300
+ }
1301
+ }, [v, _, x]);
1302
+ const K = E(() => l((I) => I.slice(0, -1)), []), X = E(() => k(!1), [k]), Z = E(() => k(!d), [k, d]), W = E((I) => {
1303
+ I.onSelect?.(), k(!1);
1304
+ }, [k]);
1305
+ return {
1306
+ open: d,
1307
+ toggle: Z,
1308
+ close: X,
1309
+ back: K,
1310
+ selectItem: W,
1311
+ openSubmenuFrom: R,
1312
+ toggleSubmenuFrom: O,
1313
+ closeSubmenuSoon: z,
1314
+ holdSubmenu: j,
1315
+ frame: u[u.length - 1] ?? null,
1316
+ menuPlacement: A,
1317
+ submenu: _
1318
+ };
1319
+ }
1320
+ const xe = { duration: 0.15, ease: [0.2, 0.7, 0.2, 1] };
1321
+ function Zr(e) {
1322
+ const { anchorRef: n, open: r, onClose: t, items: i, rootTitle: s, skeletonCount: a } = e, c = b(null), d = b(null);
1323
+ function u(y) {
1324
+ y || t();
1325
+ }
1326
+ const l = Dr({ anchorRef: n, panelRef: c, submenuRef: d, open: r, onOpenChange: u }), _ = l.frame ?? { title: s, items: i, searchable: e.searchable }, p = l.menuPlacement, C = l.submenu?.placement ?? null;
1327
+ return Ie(
1328
+ /* @__PURE__ */ m("div", { className: N.FlyoutMenuContainer, children: [
1329
+ r && /* @__PURE__ */ o("div", { className: N.Backdrop, onClick: t }),
1330
+ /* @__PURE__ */ o(le, { children: r && /* @__PURE__ */ o(
1331
+ oe.div,
1332
+ {
1333
+ ref: c,
1334
+ className: N.Panel,
1335
+ style: p ? { top: p.top, left: p.left, maxHeight: p.maxHeight, maxWidth: p.maxWidth } : { visibility: "hidden" },
1336
+ initial: { opacity: 0, scale: 0.94, y: 6 },
1337
+ animate: { opacity: 1, scale: 1, y: 0 },
1338
+ exit: { opacity: 0, scale: 0.94, y: 6 },
1339
+ transition: xe,
1340
+ children: /* @__PURE__ */ o(ve.Provider, { value: !!p, children: /* @__PURE__ */ o(
1341
+ Ae,
1342
+ {
1343
+ section: _,
1344
+ menu: l,
1345
+ onBack: l.frame ? l.back : void 0,
1346
+ skeletonCount: a,
1347
+ active: !l.submenu
1348
+ }
1349
+ ) })
1350
+ },
1351
+ "flyout-panel"
1352
+ ) }),
1353
+ /* @__PURE__ */ o(le, { children: r && l.submenu && /* @__PURE__ */ o(
1354
+ oe.div,
1355
+ {
1356
+ ref: d,
1357
+ className: N.Submenu,
1358
+ style: C ? { top: C.top, left: C.left, maxHeight: C.maxHeight } : { visibility: "hidden" },
1359
+ onMouseEnter: l.holdSubmenu,
1360
+ onMouseLeave: l.closeSubmenuSoon,
1361
+ initial: { opacity: 0, scale: 0.94, x: 6 },
1362
+ animate: { opacity: 1, scale: 1, x: 0 },
1363
+ exit: { opacity: 0, scale: 0.94, x: 6 },
1364
+ transition: xe,
1365
+ children: /* @__PURE__ */ o(ve.Provider, { value: !!C, children: /* @__PURE__ */ o(
1366
+ Ae,
1367
+ {
1368
+ section: l.submenu.section,
1369
+ menu: l,
1370
+ skeletonCount: a,
1371
+ active: !0
1372
+ }
1373
+ ) })
1374
+ },
1375
+ "flyout-submenu"
1376
+ ) })
1377
+ ] }),
1378
+ document.body
1379
+ );
1380
+ }
1381
+ function ei({ classNames: e, children: n }) {
1382
+ return /* @__PURE__ */ o(We.Provider, { value: e, children: n });
1383
+ }
1384
+ var ye = /* @__PURE__ */ ((e) => (e[e.OK = 0] = "OK", e[e.CANCELLED = 1] = "CANCELLED", e[e.UNKNOWN = 2] = "UNKNOWN", e[e.INVALID_ARGUMENT = 3] = "INVALID_ARGUMENT", e[e.DEADLINE_EXCEEDED = 4] = "DEADLINE_EXCEEDED", e[e.NOT_FOUND = 5] = "NOT_FOUND", e[e.ALREADY_EXISTS = 6] = "ALREADY_EXISTS", e[e.PERMISSION_DENIED = 7] = "PERMISSION_DENIED", e[e.RESOURCE_EXHAUSTED = 8] = "RESOURCE_EXHAUSTED", e[e.FAILED_PRECONDITION = 9] = "FAILED_PRECONDITION", e[e.ABORTED = 10] = "ABORTED", e[e.OUT_OF_RANGE = 11] = "OUT_OF_RANGE", e[e.UNIMPLEMENTED = 12] = "UNIMPLEMENTED", e[e.INTERNAL = 13] = "INTERNAL", e[e.UNAVAILABLE = 14] = "UNAVAILABLE", e[e.DATA_LOSS = 15] = "DATA_LOSS", e[e.UNAUTHENTICATED = 16] = "UNAUTHENTICATED", e))(ye || {});
1385
+ const Er = "type.googleapis.com/google.rpc.ErrorInfo", Br = "type.googleapis.com/google.rpc.BadRequest", Ar = "type.googleapis.com/google.rpc.PreconditionFailure";
1386
+ function ae(e) {
1047
1387
  return typeof e == "object" && e !== null;
1048
1388
  }
1049
- function E(e) {
1389
+ function H(e) {
1050
1390
  return typeof e == "string" ? e : "";
1051
1391
  }
1052
- function Bo(e) {
1053
- if (!re(e))
1392
+ function xr(e) {
1393
+ if (!ae(e))
1054
1394
  return { kind: "Unknown", typeUrl: "", raw: e };
1055
- const n = E(e["@type"]);
1395
+ const n = H(e["@type"]);
1056
1396
  switch (n) {
1057
- case Do: {
1058
- const o = re(e.metadata) ? e.metadata : {}, r = {};
1059
- for (const s of Object.keys(o))
1060
- r[s] = E(o[s]);
1397
+ case Er: {
1398
+ const r = ae(e.metadata) ? e.metadata : {}, t = {};
1399
+ for (const i of Object.keys(r))
1400
+ t[i] = H(r[i]);
1061
1401
  return {
1062
1402
  kind: "ErrorInfo",
1063
- reason: E(e.reason),
1064
- domain: E(e.domain),
1065
- metadata: r
1403
+ reason: H(e.reason),
1404
+ domain: H(e.domain),
1405
+ metadata: t
1066
1406
  };
1067
1407
  }
1068
- case Eo:
1069
- return { kind: "BadRequest", fieldViolations: (Array.isArray(e.fieldViolations) ? e.fieldViolations : []).map((s) => {
1070
- const a = re(s) ? s : {};
1408
+ case Br:
1409
+ return { kind: "BadRequest", fieldViolations: (Array.isArray(e.fieldViolations) ? e.fieldViolations : []).map((i) => {
1410
+ const s = ae(i) ? i : {};
1071
1411
  return {
1072
- field: E(a.field),
1073
- description: E(a.description)
1412
+ field: H(s.field),
1413
+ description: H(s.description)
1074
1414
  };
1075
1415
  }) };
1076
- case jo:
1077
- return { kind: "PreconditionFailure", violations: (Array.isArray(e.violations) ? e.violations : []).map((s) => {
1078
- const a = re(s) ? s : {};
1416
+ case Ar:
1417
+ return { kind: "PreconditionFailure", violations: (Array.isArray(e.violations) ? e.violations : []).map((i) => {
1418
+ const s = ae(i) ? i : {};
1079
1419
  return {
1080
- type: E(a.type),
1081
- subject: E(a.subject),
1082
- description: E(a.description)
1420
+ type: H(s.type),
1421
+ subject: H(s.subject),
1422
+ description: H(s.description)
1083
1423
  };
1084
1424
  }) };
1085
1425
  default:
1086
1426
  return { kind: "Unknown", typeUrl: n, raw: e };
1087
1427
  }
1088
1428
  }
1089
- function nr(e) {
1429
+ function ni(e) {
1090
1430
  return e.kind === "ErrorInfo";
1091
1431
  }
1092
- function tr(e) {
1432
+ function ti(e) {
1093
1433
  return e.kind === "BadRequest";
1094
1434
  }
1095
- function or(e) {
1435
+ function oi(e) {
1096
1436
  return e.kind === "PreconditionFailure";
1097
1437
  }
1098
- class se extends Error {
1438
+ class ce extends Error {
1099
1439
  constructor(n) {
1100
1440
  super(n.title), this.isRetryable = n.isRetryable ?? !1, this.grpcCode = n.grpcCode, this.details = n.details ?? [];
1101
1441
  }
1102
1442
  }
1103
- function rr(e) {
1104
- if (e instanceof se) return e;
1443
+ function ri(e) {
1444
+ if (e instanceof ce) return e;
1105
1445
  if (e instanceof Error && e.message === "Failed to fetch")
1106
- return new se({ title: "Server unavailable. Try again later", isRetryable: !0 });
1446
+ return new ce({ title: "Server unavailable. Try again later", isRetryable: !0 });
1107
1447
  if (typeof e == "object" && e !== null && "code" in e) {
1108
- const n = e, o = n.code === he.UNAVAILABLE || n.code === he.INTERNAL, r = (n.details ?? []).map(Bo);
1109
- return new se({ title: n.message, isRetryable: o, grpcCode: n.code, details: r });
1448
+ const n = e, r = n.code === ye.UNAVAILABLE || n.code === ye.INTERNAL, t = (n.details ?? []).map(xr);
1449
+ return new ce({ title: n.message, isRetryable: r, grpcCode: n.code, details: t });
1110
1450
  }
1111
- return new se({ title: String(e), isRetryable: !1 });
1451
+ return new ce({ title: String(e), isRetryable: !1 });
1112
1452
  }
1113
1453
  export {
1114
- $o as AvatarFallbackIcon,
1115
- Eo as BAD_REQUEST_TYPE_URL,
1116
- Ko as Button,
1117
- Go as CheckmarkIcon,
1118
- qt as ChevronDownIcon,
1119
- er as ChuresConfigProvider,
1120
- Xo as ConfirmDialog,
1121
- Vo as Dropdown,
1122
- Do as ERROR_INFO_TYPE_URL,
1123
- qo as EditPencilIcon,
1124
- he as Errors,
1125
- Yo as InfoDialog,
1126
- Fo as Input,
1127
- fn as Loader,
1128
- Wo as LoadingWrapper,
1129
- Qo as ModalActions,
1130
- Jo as ModalClose,
1131
- jo as PRECONDITION_FAILURE_TYPE_URL,
1132
- Ho as SearchIcon,
1133
- se as ServiceError,
1134
- Zo as SideDrawer,
1135
- zo as TelegramAuth,
1136
- kn as TelegramSignInButton,
1137
- Mo as Toaster,
1138
- Uo as Toggle,
1139
- tr as isBadRequest,
1140
- nr as isErrorInfo,
1141
- or as isPreconditionFailure,
1142
- Bo as parseErrorDetail,
1143
- rr as parseGrpcError,
1144
- Ne as popOverlayBack,
1145
- To as pushOverlayBack,
1146
- Ro as useBackableOverlay,
1147
- v as useComponentClassName,
1148
- Cn as useTelegramLogin,
1149
- Re as useToaster
1454
+ Vr as AvatarFallbackIcon,
1455
+ Br as BAD_REQUEST_TYPE_URL,
1456
+ Ue as Button,
1457
+ jr as CheckmarkIcon,
1458
+ ao as ChevronDownIcon,
1459
+ ei as ChuresConfigProvider,
1460
+ Kr as ConfirmDialog,
1461
+ zr as Dropdown,
1462
+ Er as ERROR_INFO_TYPE_URL,
1463
+ $r as EditPencilIcon,
1464
+ ye as Errors,
1465
+ Zr as FlyoutMenu,
1466
+ Xr as InfoDialog,
1467
+ ct as Input,
1468
+ Tn as Loader,
1469
+ qr as LoadingWrapper,
1470
+ ve as MenuMeasuredContext,
1471
+ pr as MenuSearchField,
1472
+ hr as MenuSkeleton,
1473
+ Qr as ModalActions,
1474
+ Yr as ModalClose,
1475
+ Ar as PRECONDITION_FAILURE_TYPE_URL,
1476
+ co as SearchIcon,
1477
+ ce as ServiceError,
1478
+ Jr as SideDrawer,
1479
+ Hr as TelegramAuth,
1480
+ Wn as TelegramSignInButton,
1481
+ Ur as Toaster,
1482
+ Gr as Toggle,
1483
+ ti as isBadRequest,
1484
+ ni as isErrorInfo,
1485
+ oi as isPreconditionFailure,
1486
+ wr as menuItemText,
1487
+ xr as parseErrorDetail,
1488
+ ri as parseGrpcError,
1489
+ gr as partitionBySubstring,
1490
+ Le as popOverlayBack,
1491
+ jo as pushOverlayBack,
1492
+ $o as useBackableOverlay,
1493
+ L as useComponentClassName,
1494
+ zo as useMenuMeasured,
1495
+ Bn as useTelegramLogin,
1496
+ Fe as useToaster,
1497
+ vr as useTypeToSearch
1150
1498
  };