@vervstack/chures 0.0.11 → 0.0.12
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 +264 -260
- package/dist/chures.umd.cjs +2 -2
- package/dist/components/Dropdown/Dropdown.d.ts +2 -1
- package/package.json +1 -1
package/dist/chures.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%)}}@keyframes _spin_wa8op_1{to{transform:rotate(360deg)}}@keyframes _ripple_wa8op_1{0%{transform:scale(.08);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes _dotPulse_wa8op_1{0%,to{transform:translate(-50%,-50%) scale(.55);opacity:.3}50%{transform:translate(-50%,calc(-50% - var(--sz) * .1)) scale(1);opacity:1}}@keyframes _waveBounce_wa8op_1{0%,55%,to{transform:translate(-50%,-50%) scale(.8);opacity:.4}27%{transform:translate(-50%,calc(-50% - var(--sz) * .28)) scale(1);opacity:1}}._LoaderContainer_wa8op_24{position:relative;flex-shrink:0}._sm_wa8op_31{width:1.5rem;height:1.5rem;--sz: 1.5rem;--arc-gap: .2rem;--arc-bw: .125rem}._md_wa8op_32{width:2.5rem;height:2.5rem;--sz: 2.5rem;--arc-gap: .35rem;--arc-bw: .1875rem}._lg_wa8op_33{width:4rem;height:4rem;--sz: 4rem;--arc-gap: .55rem;--arc-bw: .25rem}._Arc1_wa8op_37,._Arc2_wa8op_38,._Arc3_wa8op_39{position:absolute;border-radius:50%;border:var(--arc-bw) solid transparent}._Arc1_wa8op_37{inset:0;border-top-color:var(--chures-accent, #229ED9);border-left-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.2s linear infinite;filter:drop-shadow(0 0 .25rem var(--chures-accent, #229ED9))}._Arc2_wa8op_38{inset:var(--arc-gap);border-bottom-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.8s linear infinite reverse;opacity:.8}._Arc3_wa8op_39{inset:calc(var(--arc-gap) * 2);border-top-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 2.4s linear infinite;opacity:.6}._Ring1_wa8op_71,._Ring2_wa8op_72,._Ring3_wa8op_73{position:absolute;inset:0;border-radius:50%;border:var(--arc-bw) solid var(--chures-accent, #229ED9);animation:_ripple_wa8op_1 1.8s ease-out infinite both}._Ring2_wa8op_72{animation-delay:.6s}._Ring3_wa8op_73{animation-delay:1.2s}._Dot1_wa8op_86,._Dot2_wa8op_87,._Dot3_wa8op_88{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .14) var(--chures-accent, #229ED9);animation:_dotPulse_wa8op_1 1.1s ease-in-out infinite both}._Dot1_wa8op_86{left:22%}._Dot2_wa8op_87{left:50%;animation-delay:.18s}._Dot3_wa8op_88{left:78%;animation-delay:.36s}._Wave1_wa8op_105,._Wave2_wa8op_106,._Wave3_wa8op_107,._Wave4_wa8op_108,._Wave5_wa8op_109{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .16);height:calc(var(--sz) * .16);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .1) var(--chures-accent, #229ED9);animation:_waveBounce_wa8op_1 1s ease-in-out infinite both}._Wave1_wa8op_105{left:10%}._Wave2_wa8op_106{left:28%;animation-delay:.12s}._Wave3_wa8op_107{left:46%;animation-delay:.24s}._Wave4_wa8op_108{left:64%;animation-delay:.36s}._Wave5_wa8op_109{left:82%;animation-delay:.48s}._LoadingWrapperContainer_1q0w7_1{display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem}._SkeletonWrapper_1q0w7_9{width:100%}._TelegramSignInButtonContainer_10wun_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--chures-btn-from, #2AABEE) 0%,var(--chures-btn-to, #229ED9) 100%);border:0;border-radius:.875rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 .0625rem #ffffff26,0 .75rem 2rem -.75rem #2aabee8c;transition:transform .14s ease,box-shadow .2s ease,filter .16s ease}._TelegramSignInButtonContainer_10wun_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_10wun_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_10wun_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_10wun_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_10wun_46{height:100%}._Icon_10wun_50{flex-shrink:0}._ToastContainer_1tme2_1{position:fixed;right:1.5rem;top:1.5rem;width:clamp(25vw,24.5rem,95vw);display:flex;flex-direction:column;gap:1rem;z-index:9999}._Toast_1tme2_1{min-height:4rem;border:var(--chures-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:var(--chures-surface, #000000);display:flex;flex-direction:column}._Toast_1tme2_1>div:first-child{font-weight:700;font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}._Toast_1tme2_1._error_1tme2_33{border-color:var(--chures-error, #ef4444)}._Toast_1tme2_1._error_1tme2_33>div:first-child{color:var(--chures-error, #ef4444)}._Toast_1tme2_1._warn_1tme2_41{border-color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._warn_1tme2_41>div:first-child{color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._info_1tme2_49{border-color:var(--chures-accent, #229ED9)}._Toast_1tme2_1 ._Description_1tme2_53{color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-xs, .75rem);margin-top:.125rem}._Toast_1tme2_1 ._DismissButton_1tme2_59{position:absolute;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;top:0;right:1%;cursor:pointer;font-size:1.5rem;color:var(--chures-fg-muted, #9ca3af)}._slideIn_1tme2_79{animation:_slideIn_1tme2_79 .2s ease forwards}._slideOut_1tme2_83{animation:_slideOut_1tme2_83 .2s ease forwards}@keyframes _slideIn_1tme2_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1tme2_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes _shimmer_1a08x_1{0%{background-position:-200% 0}to{background-position:200% 0}}._InputContainer_1a08x_6{position:relative;width:100%;height:var(--chures-input-height, 3rem)}._InputField_1a08x_12{width:100%;height:100%;background:var(--chures-input-bg, #111111);border:.0625rem solid rgb(255 255 255 / 13%);border-radius:var(--chures-input-radius, .75rem);color:var(--chures-fg, #ffffff);font-size:var(--chures-font-sm, .875rem);padding:0 .875rem;outline:none;transition:border-color .18s ease;box-sizing:border-box}._InputField_1a08x_12:focus{border-color:#ffffff59}._hasError_1a08x_30 ._InputField_1a08x_12,._hasError_1a08x_30 ._InputField_1a08x_12:focus{border-color:var(--chures-error, #ef4444)}._disabled_1a08x_35 ._InputField_1a08x_12{opacity:.45;cursor:not-allowed}._Label_1a08x_40{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-sm, .875rem);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_1a08x_40._lifted_1a08x_54{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}._hasError_1a08x_30 ._Label_1a08x_40._lifted_1a08x_54{color:var(--chures-error, #ef4444)}._ErrorText_1a08x_65{display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}._Skeleton_1a08x_73{width:100%;height:var(--chures-input-height, 3rem);border-radius:var(--chures-input-radius, .75rem);background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1a08x_1 1.5s ease-in-out infinite}@keyframes _shimmer_1jetc_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_1jetc_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_1jetc_13{opacity:.45;cursor:not-allowed}._Track_1jetc_18{position:relative;width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:var(--chures-toggle-bg-off, rgb(255 255 255 / 13%));border:none;padding:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}._Track_1jetc_18._on_1jetc_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_1jetc_13 ._Track_1jetc_18{cursor:not-allowed}._Thumb_1jetc_39{position:absolute;top:0;bottom:0;margin:auto 0;left:.1875rem;width:var(--chures-toggle-thumb, 1.125rem);height:var(--chures-toggle-thumb, 1.125rem);border-radius:50%;background:var(--chures-toggle-thumb-color, #ffffff);transition:left .2s ease;pointer-events:none}._Track_1jetc_18._on_1jetc_31 ._Thumb_1jetc_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_1jetc_57{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_1jetc_63{display:inline-block;width:var(--chures-toggle-label-skeleton-w, 5rem);height:var(--chures-font-sm, .875rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}._Skeleton_1jetc_78{width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%)}}@keyframes _panelIn_1m7mu_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_1m7mu_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_1m7mu_13{position:relative;width:100%}._PanelContainer_1m7mu_18{position:absolute;top:100%;left:0;width:100%;background:var(--chures-dropdown-bg);border:1px solid var(--chures-dropdown-border);border-radius:var(--chures-dropdown-radius);overflow:hidden;box-shadow:0 1rem 3rem #000c;animation:_panelIn_1m7mu_1 .14s ease;z-index:100}._TriggerContainer_1m7mu_32{width:100%;height:var(--chures-input-height);background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-trigger-border);border-radius:var(--chures-input-radius);color:var(--chures-fg);font-size:var(--chures-font-sm);font-family:inherit;padding:0 .875rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}._TriggerContainer_1m7mu_32:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_1m7mu_32._Open_1m7mu_56{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_1m7mu_61{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_1m7mu_69{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_1m7mu_77{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_1m7mu_84{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;align-items:center;scrollbar-width:none;-ms-overflow-style:none}._ChipsWrapper_1m7mu_84::-webkit-scrollbar{display:none}._Chip_1m7mu_84{display:inline-flex;align-items:center;flex-shrink:0;background:var(--chures-dropdown-create-bg);border:1px solid var(--chures-dropdown-chip-border);border-radius:624.9375rem;padding:.15rem .5rem;font-size:var(--chures-font-xs);color:var(--chures-fg);white-space:nowrap;line-height:1.4}._SearchRow_1m7mu_115{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_1m7mu_120{display:flex;align-items:center;gap:.5rem;background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-border-subtle);border-radius:var(--chures-dropdown-row-radius);padding:.4rem .625rem}._SearchIcon_1m7mu_130{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_1m7mu_137{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_1m7mu_137::placeholder{color:var(--chures-fg-muted)}._ResultsList_1m7mu_151{max-height:13rem;overflow-y:auto}._OptionRow_1m7mu_156{padding:.5625rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);cursor:pointer;transition:background .1s ease,color .1s ease;display:flex;align-items:center;gap:.5rem}._OptionRow_1m7mu_156:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_1m7mu_156._Selected_1m7mu_171{color:var(--chures-fg)}._Checkmark_1m7mu_176{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_1m7mu_182{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_1m7mu_182:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_1m7mu_182._WithBorder_1m7mu_195{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_1m7mu_200{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--chures-accent);color:#fff;flex-shrink:0}._CreateLabel_1m7mu_212{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_1m7mu_218{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_1m7mu_225{height:2rem;margin:.375rem .875rem;border-radius:var(--chures-dropdown-row-radius);background:linear-gradient(90deg,var(--chures-dropdown-bg) 25%,var(--chures-skeleton-shine) 50%,var(--chures-dropdown-bg) 75%);background-size:200% 100%;animation:_shimmer_1m7mu_1 1.4s infinite linear}._Btn_1hwff_1{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:1px solid transparent;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.625rem 1rem;transition:all .16s ease;white-space:nowrap;color:var(--chures-fg, #ffffff);background:var(--chures-button-bg)}._Btn_1hwff_1:disabled{opacity:.4;cursor:not-allowed}._Primary_1hwff_26{background:var(--chures-accent, #229ED9);border-color:var(--chures-accent, #229ED9);color:#fff;font-weight:600;padding:.625rem 1.125rem;box-shadow:0 10px 28px -12px var(--chures-accent-muted, rgb(34 158 217 / 50%));transition:filter .16s ease,opacity .16s ease}._Primary_1hwff_26:hover:not(:disabled){filter:brightness(1.06)}._Secondary_1hwff_41{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Secondary_1hwff_41:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._Ghost_1hwff_53{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Ghost_1hwff_53:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._IconDanger_1hwff_65{width:1.375rem;height:1.375rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:1rem;line-height:1;justify-content:center;flex-shrink:0;transition:background .14s ease,color .14s ease}._IconDanger_1hwff_65:hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}._Danger_1hwff_86{background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}._Danger_1hwff_86:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmContainer_b00ul_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_confirmIn_b00ul_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_b00ul_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmTitle_b00ul_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_b00ul_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_b00ul_32{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_b00ul_40{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_b00ul_40:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_b00ul_60{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_b00ul_60:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_b00ul_79{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_b00ul_79:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_b00ul_60:disabled,._BtnDanger_b00ul_79:disabled,._BtnCancel_b00ul_40:disabled{opacity:.4;cursor:not-allowed}._InfoContainer_1meyp_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_infoIn_1meyp_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_1meyp_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoTitle_1meyp_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_1meyp_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_1meyp_32{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_1meyp_39{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_1meyp_39:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
-
import { jsx as t, jsxs as u, Fragment as
|
|
3
|
-
import { useRef as
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%)}}@keyframes _spin_wa8op_1{to{transform:rotate(360deg)}}@keyframes _ripple_wa8op_1{0%{transform:scale(.08);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes _dotPulse_wa8op_1{0%,to{transform:translate(-50%,-50%) scale(.55);opacity:.3}50%{transform:translate(-50%,calc(-50% - var(--sz) * .1)) scale(1);opacity:1}}@keyframes _waveBounce_wa8op_1{0%,55%,to{transform:translate(-50%,-50%) scale(.8);opacity:.4}27%{transform:translate(-50%,calc(-50% - var(--sz) * .28)) scale(1);opacity:1}}._LoaderContainer_wa8op_24{position:relative;flex-shrink:0}._sm_wa8op_31{width:1.5rem;height:1.5rem;--sz: 1.5rem;--arc-gap: .2rem;--arc-bw: .125rem}._md_wa8op_32{width:2.5rem;height:2.5rem;--sz: 2.5rem;--arc-gap: .35rem;--arc-bw: .1875rem}._lg_wa8op_33{width:4rem;height:4rem;--sz: 4rem;--arc-gap: .55rem;--arc-bw: .25rem}._Arc1_wa8op_37,._Arc2_wa8op_38,._Arc3_wa8op_39{position:absolute;border-radius:50%;border:var(--arc-bw) solid transparent}._Arc1_wa8op_37{inset:0;border-top-color:var(--chures-accent, #229ED9);border-left-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.2s linear infinite;filter:drop-shadow(0 0 .25rem var(--chures-accent, #229ED9))}._Arc2_wa8op_38{inset:var(--arc-gap);border-bottom-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.8s linear infinite reverse;opacity:.8}._Arc3_wa8op_39{inset:calc(var(--arc-gap) * 2);border-top-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 2.4s linear infinite;opacity:.6}._Ring1_wa8op_71,._Ring2_wa8op_72,._Ring3_wa8op_73{position:absolute;inset:0;border-radius:50%;border:var(--arc-bw) solid var(--chures-accent, #229ED9);animation:_ripple_wa8op_1 1.8s ease-out infinite both}._Ring2_wa8op_72{animation-delay:.6s}._Ring3_wa8op_73{animation-delay:1.2s}._Dot1_wa8op_86,._Dot2_wa8op_87,._Dot3_wa8op_88{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .14) var(--chures-accent, #229ED9);animation:_dotPulse_wa8op_1 1.1s ease-in-out infinite both}._Dot1_wa8op_86{left:22%}._Dot2_wa8op_87{left:50%;animation-delay:.18s}._Dot3_wa8op_88{left:78%;animation-delay:.36s}._Wave1_wa8op_105,._Wave2_wa8op_106,._Wave3_wa8op_107,._Wave4_wa8op_108,._Wave5_wa8op_109{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .16);height:calc(var(--sz) * .16);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .1) var(--chures-accent, #229ED9);animation:_waveBounce_wa8op_1 1s ease-in-out infinite both}._Wave1_wa8op_105{left:10%}._Wave2_wa8op_106{left:28%;animation-delay:.12s}._Wave3_wa8op_107{left:46%;animation-delay:.24s}._Wave4_wa8op_108{left:64%;animation-delay:.36s}._Wave5_wa8op_109{left:82%;animation-delay:.48s}._LoadingWrapperContainer_1q0w7_1{display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem}._SkeletonWrapper_1q0w7_9{width:100%}._TelegramSignInButtonContainer_10wun_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--chures-btn-from, #2AABEE) 0%,var(--chures-btn-to, #229ED9) 100%);border:0;border-radius:.875rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 .0625rem #ffffff26,0 .75rem 2rem -.75rem #2aabee8c;transition:transform .14s ease,box-shadow .2s ease,filter .16s ease}._TelegramSignInButtonContainer_10wun_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_10wun_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_10wun_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_10wun_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_10wun_46{height:100%}._Icon_10wun_50{flex-shrink:0}._ToastContainer_1tme2_1{position:fixed;right:1.5rem;top:1.5rem;width:clamp(25vw,24.5rem,95vw);display:flex;flex-direction:column;gap:1rem;z-index:9999}._Toast_1tme2_1{min-height:4rem;border:var(--chures-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:var(--chures-surface, #000000);display:flex;flex-direction:column}._Toast_1tme2_1>div:first-child{font-weight:700;font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}._Toast_1tme2_1._error_1tme2_33{border-color:var(--chures-error, #ef4444)}._Toast_1tme2_1._error_1tme2_33>div:first-child{color:var(--chures-error, #ef4444)}._Toast_1tme2_1._warn_1tme2_41{border-color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._warn_1tme2_41>div:first-child{color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._info_1tme2_49{border-color:var(--chures-accent, #229ED9)}._Toast_1tme2_1 ._Description_1tme2_53{color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-xs, .75rem);margin-top:.125rem}._Toast_1tme2_1 ._DismissButton_1tme2_59{position:absolute;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;top:0;right:1%;cursor:pointer;font-size:1.5rem;color:var(--chures-fg-muted, #9ca3af)}._slideIn_1tme2_79{animation:_slideIn_1tme2_79 .2s ease forwards}._slideOut_1tme2_83{animation:_slideOut_1tme2_83 .2s ease forwards}@keyframes _slideIn_1tme2_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1tme2_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes _shimmer_1a08x_1{0%{background-position:-200% 0}to{background-position:200% 0}}._InputContainer_1a08x_6{position:relative;width:100%;height:var(--chures-input-height, 3rem)}._InputField_1a08x_12{width:100%;height:100%;background:var(--chures-input-bg, #111111);border:.0625rem solid rgb(255 255 255 / 13%);border-radius:var(--chures-input-radius, .75rem);color:var(--chures-fg, #ffffff);font-size:var(--chures-font-sm, .875rem);padding:0 .875rem;outline:none;transition:border-color .18s ease;box-sizing:border-box}._InputField_1a08x_12:focus{border-color:#ffffff59}._hasError_1a08x_30 ._InputField_1a08x_12,._hasError_1a08x_30 ._InputField_1a08x_12:focus{border-color:var(--chures-error, #ef4444)}._disabled_1a08x_35 ._InputField_1a08x_12{opacity:.45;cursor:not-allowed}._Label_1a08x_40{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-sm, .875rem);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_1a08x_40._lifted_1a08x_54{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}._hasError_1a08x_30 ._Label_1a08x_40._lifted_1a08x_54{color:var(--chures-error, #ef4444)}._ErrorText_1a08x_65{display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}._Skeleton_1a08x_73{width:100%;height:var(--chures-input-height, 3rem);border-radius:var(--chures-input-radius, .75rem);background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1a08x_1 1.5s ease-in-out infinite}@keyframes _shimmer_1jetc_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_1jetc_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_1jetc_13{opacity:.45;cursor:not-allowed}._Track_1jetc_18{position:relative;width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:var(--chures-toggle-bg-off, rgb(255 255 255 / 13%));border:none;padding:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}._Track_1jetc_18._on_1jetc_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_1jetc_13 ._Track_1jetc_18{cursor:not-allowed}._Thumb_1jetc_39{position:absolute;top:0;bottom:0;margin:auto 0;left:.1875rem;width:var(--chures-toggle-thumb, 1.125rem);height:var(--chures-toggle-thumb, 1.125rem);border-radius:50%;background:var(--chures-toggle-thumb-color, #ffffff);transition:left .2s ease;pointer-events:none}._Track_1jetc_18._on_1jetc_31 ._Thumb_1jetc_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_1jetc_57{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_1jetc_63{display:inline-block;width:var(--chures-toggle-label-skeleton-w, 5rem);height:var(--chures-font-sm, .875rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}._Skeleton_1jetc_78{width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%)}}@keyframes _panelIn_1v133_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_1v133_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_1v133_13{position:relative;width:100%}._PanelContainer_1v133_18{position:absolute;top:100%;left:0;width:100%;background:var(--chures-dropdown-bg);border:1px solid var(--chures-dropdown-border);border-radius:var(--chures-dropdown-radius);overflow:hidden;box-shadow:0 1rem 3rem #000c;animation:_panelIn_1v133_1 .14s ease}._Label_1v133_31{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted);font-size:var(--chures-font-sm);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_1v133_31._lifted_1v133_45{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg);color:var(--chures-fg-muted)}._TriggerContainer_1v133_52{width:100%;height:var(--chures-input-height);background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-trigger-border);border-radius:var(--chures-input-radius);color:var(--chures-fg);font-size:var(--chures-font-sm);font-family:inherit;padding:0 .875rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}._TriggerContainer_1v133_52:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_1v133_52._Open_1v133_76{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_1v133_81{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_1v133_89{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_1v133_97{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_1v133_104{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;align-items:center;scrollbar-width:none;-ms-overflow-style:none}._ChipsWrapper_1v133_104::-webkit-scrollbar{display:none}._Chip_1v133_104{display:inline-flex;align-items:center;flex-shrink:0;background:var(--chures-dropdown-create-bg);border:1px solid var(--chures-dropdown-chip-border);border-radius:624.9375rem;padding:.15rem .5rem;font-size:var(--chures-font-xs);color:var(--chures-fg);white-space:nowrap;line-height:1.4}._SearchRow_1v133_135{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_1v133_140{display:flex;align-items:center;gap:.5rem;background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-border-subtle);border-radius:var(--chures-dropdown-row-radius);padding:.4rem .625rem}._SearchIcon_1v133_150{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_1v133_157{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_1v133_157::placeholder{color:var(--chures-fg-muted)}._ResultsList_1v133_171{max-height:13rem;overflow-y:auto}._OptionRow_1v133_176{padding:.5625rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);cursor:pointer;transition:background .1s ease,color .1s ease;display:flex;align-items:center;gap:.5rem}._OptionRow_1v133_176:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_1v133_176._Selected_1v133_191{color:var(--chures-fg)}._Checkmark_1v133_196{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_1v133_202{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_1v133_202:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_1v133_202._WithBorder_1v133_215{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_1v133_220{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--chures-accent);color:#fff;flex-shrink:0}._CreateLabel_1v133_232{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_1v133_238{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_1v133_245{height:2rem;margin:.375rem .875rem;border-radius:var(--chures-dropdown-row-radius);background:linear-gradient(90deg,var(--chures-dropdown-bg) 25%,var(--chures-skeleton-shine) 50%,var(--chures-dropdown-bg) 75%);background-size:200% 100%;animation:_shimmer_1v133_1 1.4s infinite linear}._Btn_1hwff_1{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:1px solid transparent;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.625rem 1rem;transition:all .16s ease;white-space:nowrap;color:var(--chures-fg, #ffffff);background:var(--chures-button-bg)}._Btn_1hwff_1:disabled{opacity:.4;cursor:not-allowed}._Primary_1hwff_26{background:var(--chures-accent, #229ED9);border-color:var(--chures-accent, #229ED9);color:#fff;font-weight:600;padding:.625rem 1.125rem;box-shadow:0 10px 28px -12px var(--chures-accent-muted, rgb(34 158 217 / 50%));transition:filter .16s ease,opacity .16s ease}._Primary_1hwff_26:hover:not(:disabled){filter:brightness(1.06)}._Secondary_1hwff_41{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Secondary_1hwff_41:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._Ghost_1hwff_53{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Ghost_1hwff_53:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._IconDanger_1hwff_65{width:1.375rem;height:1.375rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:1rem;line-height:1;justify-content:center;flex-shrink:0;transition:background .14s ease,color .14s ease}._IconDanger_1hwff_65:hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}._Danger_1hwff_86{background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}._Danger_1hwff_86:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmContainer_b00ul_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_confirmIn_b00ul_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_b00ul_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmTitle_b00ul_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_b00ul_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_b00ul_32{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_b00ul_40{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_b00ul_40:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_b00ul_60{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_b00ul_60:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_b00ul_79{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_b00ul_79:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_b00ul_60:disabled,._BtnDanger_b00ul_79:disabled,._BtnCancel_b00ul_40:disabled{opacity:.4;cursor:not-allowed}._InfoContainer_1meyp_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_infoIn_1meyp_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_1meyp_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoTitle_1meyp_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_1meyp_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_1meyp_32{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_1meyp_39{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_1meyp_39:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
import { jsx as t, jsxs as u, Fragment as N } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as F, useState as w, useEffect as A, useCallback as Q } from "react";
|
|
4
4
|
import { AnimatePresence as ne, motion as te } from "framer-motion";
|
|
5
5
|
import { create as oe } from "zustand";
|
|
6
6
|
function re(e) {
|
|
7
7
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
8
8
|
}
|
|
9
|
-
var
|
|
9
|
+
var V = { exports: {} };
|
|
10
10
|
var U;
|
|
11
11
|
function se() {
|
|
12
12
|
return U || (U = 1, (function(e) {
|
|
@@ -38,49 +38,49 @@ function se() {
|
|
|
38
38
|
}
|
|
39
39
|
e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
|
|
40
40
|
})();
|
|
41
|
-
})(
|
|
41
|
+
})(V)), V.exports;
|
|
42
42
|
}
|
|
43
43
|
var ie = se();
|
|
44
|
-
const
|
|
44
|
+
const _ = /* @__PURE__ */ re(ie), ae = "_LoaderContainer_wa8op_24", ce = "_sm_wa8op_31", le = "_md_wa8op_32", de = "_lg_wa8op_33", ue = "_Arc1_wa8op_37", _e = "_Arc2_wa8op_38", fe = "_Arc3_wa8op_39", he = "_spin_wa8op_1", pe = "_Ring1_wa8op_71", me = "_Ring2_wa8op_72", ge = "_Ring3_wa8op_73", Ce = "_ripple_wa8op_1", ve = "_Dot1_wa8op_86", we = "_Dot2_wa8op_87", ye = "_Dot3_wa8op_88", ke = "_dotPulse_wa8op_1", Ie = "_Wave1_wa8op_105", Ne = "_Wave2_wa8op_106", Te = "_Wave3_wa8op_107", be = "_Wave4_wa8op_108", Le = "_Wave5_wa8op_109", Se = "_waveBounce_wa8op_1", G = {
|
|
45
45
|
LoaderContainer: ae,
|
|
46
46
|
sm: ce,
|
|
47
47
|
md: le,
|
|
48
|
-
lg:
|
|
49
|
-
Arc1:
|
|
48
|
+
lg: de,
|
|
49
|
+
Arc1: ue,
|
|
50
50
|
Arc2: _e,
|
|
51
|
-
Arc3:
|
|
52
|
-
spin:
|
|
53
|
-
Ring1:
|
|
54
|
-
Ring2:
|
|
51
|
+
Arc3: fe,
|
|
52
|
+
spin: he,
|
|
53
|
+
Ring1: pe,
|
|
54
|
+
Ring2: me,
|
|
55
55
|
Ring3: ge,
|
|
56
56
|
ripple: Ce,
|
|
57
|
-
Dot1:
|
|
58
|
-
Dot2:
|
|
57
|
+
Dot1: ve,
|
|
58
|
+
Dot2: we,
|
|
59
59
|
Dot3: ye,
|
|
60
60
|
dotPulse: ke,
|
|
61
61
|
Wave1: Ie,
|
|
62
62
|
Wave2: Ne,
|
|
63
63
|
Wave3: Te,
|
|
64
|
-
Wave4:
|
|
65
|
-
Wave5:
|
|
66
|
-
waveBounce:
|
|
64
|
+
Wave4: be,
|
|
65
|
+
Wave5: Le,
|
|
66
|
+
waveBounce: Se
|
|
67
67
|
};
|
|
68
68
|
function De(e, n) {
|
|
69
69
|
switch (e) {
|
|
70
70
|
case "ripple":
|
|
71
|
-
return /* @__PURE__ */ u(
|
|
71
|
+
return /* @__PURE__ */ u(N, { children: [
|
|
72
72
|
/* @__PURE__ */ t("div", { className: n.Ring1 }),
|
|
73
73
|
/* @__PURE__ */ t("div", { className: n.Ring2 }),
|
|
74
74
|
/* @__PURE__ */ t("div", { className: n.Ring3 })
|
|
75
75
|
] });
|
|
76
76
|
case "dots":
|
|
77
|
-
return /* @__PURE__ */ u(
|
|
77
|
+
return /* @__PURE__ */ u(N, { children: [
|
|
78
78
|
/* @__PURE__ */ t("div", { className: n.Dot1 }),
|
|
79
79
|
/* @__PURE__ */ t("div", { className: n.Dot2 }),
|
|
80
80
|
/* @__PURE__ */ t("div", { className: n.Dot3 })
|
|
81
81
|
] });
|
|
82
82
|
case "wave":
|
|
83
|
-
return /* @__PURE__ */ u(
|
|
83
|
+
return /* @__PURE__ */ u(N, { children: [
|
|
84
84
|
/* @__PURE__ */ t("div", { className: n.Wave1 }),
|
|
85
85
|
/* @__PURE__ */ t("div", { className: n.Wave2 }),
|
|
86
86
|
/* @__PURE__ */ t("div", { className: n.Wave3 }),
|
|
@@ -88,7 +88,7 @@ function De(e, n) {
|
|
|
88
88
|
/* @__PURE__ */ t("div", { className: n.Wave5 })
|
|
89
89
|
] });
|
|
90
90
|
default:
|
|
91
|
-
return /* @__PURE__ */ u(
|
|
91
|
+
return /* @__PURE__ */ u(N, { children: [
|
|
92
92
|
/* @__PURE__ */ t("div", { className: n.Arc1 }),
|
|
93
93
|
/* @__PURE__ */ t("div", { className: n.Arc2 }),
|
|
94
94
|
/* @__PURE__ */ t("div", { className: n.Arc3 })
|
|
@@ -99,11 +99,11 @@ function Be({ variant: e = "arcs", size: n = "md", color: o, className: r }) {
|
|
|
99
99
|
return /* @__PURE__ */ t(
|
|
100
100
|
"div",
|
|
101
101
|
{
|
|
102
|
-
className:
|
|
102
|
+
className: _(G.LoaderContainer, G[n], G[e], r),
|
|
103
103
|
role: "status",
|
|
104
104
|
"aria-label": "Loading",
|
|
105
105
|
style: o ? { "--chures-accent": o } : void 0,
|
|
106
|
-
children: De(e,
|
|
106
|
+
children: De(e, G)
|
|
107
107
|
}
|
|
108
108
|
);
|
|
109
109
|
}
|
|
@@ -111,48 +111,48 @@ const xe = "_LoadingWrapperContainer_1q0w7_1", Re = "_SkeletonWrapper_1q0w7_9",
|
|
|
111
111
|
LoadingWrapperContainer: xe,
|
|
112
112
|
SkeletonWrapper: Re
|
|
113
113
|
};
|
|
114
|
-
function
|
|
115
|
-
return e ? o ? /* @__PURE__ */ t("div", { className:
|
|
114
|
+
function wt({ isLoading: e, children: n, skeleton: o, loaderProps: r, className: i }) {
|
|
115
|
+
return e ? o ? /* @__PURE__ */ t("div", { className: _(J.SkeletonWrapper, i), children: o }) : /* @__PURE__ */ t("div", { className: _(J.LoadingWrapperContainer, i), children: /* @__PURE__ */ t(Be, { ...r }) }) : /* @__PURE__ */ t(N, { children: n });
|
|
116
116
|
}
|
|
117
117
|
const We = "https://oauth.telegram.org/js/telegram-login.js?3";
|
|
118
118
|
function Ae(e) {
|
|
119
|
-
const { botId: n, redirectUri: o, requestAccess: r = "write" } = e, i =
|
|
119
|
+
const { botId: n, redirectUri: o, requestAccess: r = "write" } = e, i = F(e.onSuccess);
|
|
120
120
|
i.current = e.onSuccess;
|
|
121
|
-
const s =
|
|
122
|
-
|
|
121
|
+
const s = F(!1), [a, c] = w(!1), [f, l] = w(!1);
|
|
122
|
+
A(function() {
|
|
123
123
|
if (!n) return;
|
|
124
124
|
const g = o ?? window.location.origin;
|
|
125
125
|
l(!0), c(!1);
|
|
126
|
-
const
|
|
127
|
-
return
|
|
128
|
-
const
|
|
129
|
-
|
|
126
|
+
const p = document.createElement("script");
|
|
127
|
+
return p.src = We, p.async = !0, p.onload = function() {
|
|
128
|
+
const y = window.Telegram;
|
|
129
|
+
y && (y.Login.init(
|
|
130
130
|
{ client_id: n, redirect_uri: g },
|
|
131
|
-
function(
|
|
132
|
-
s.current || (s.current = !0, i.current(
|
|
131
|
+
function(T) {
|
|
132
|
+
s.current || (s.current = !0, i.current(T));
|
|
133
133
|
}
|
|
134
134
|
), c(!0)), l(!1);
|
|
135
|
-
},
|
|
135
|
+
}, p.onerror = function() {
|
|
136
136
|
l(!1);
|
|
137
|
-
}, document.head.appendChild(
|
|
138
|
-
document.head.contains(
|
|
137
|
+
}, document.head.appendChild(p), function() {
|
|
138
|
+
document.head.contains(p) && document.head.removeChild(p), c(!1), l(!1);
|
|
139
139
|
};
|
|
140
140
|
}, [n, o]);
|
|
141
|
-
function
|
|
141
|
+
function m() {
|
|
142
142
|
const g = window.Telegram;
|
|
143
143
|
if (!a || !g) return;
|
|
144
144
|
s.current = !1;
|
|
145
|
-
const
|
|
145
|
+
const p = o ?? window.location.origin;
|
|
146
146
|
g.Login.auth(
|
|
147
|
-
{ client_id: n, redirect_uri:
|
|
148
|
-
function(
|
|
149
|
-
s.current || (s.current = !0, i.current(
|
|
147
|
+
{ client_id: n, redirect_uri: p, request_access: r },
|
|
148
|
+
function(y) {
|
|
149
|
+
s.current || (s.current = !0, i.current(y));
|
|
150
150
|
}
|
|
151
151
|
);
|
|
152
152
|
}
|
|
153
|
-
return { login:
|
|
153
|
+
return { login: m, isReady: a, isLoading: f };
|
|
154
154
|
}
|
|
155
|
-
const Ee = "_TelegramSignInButtonContainer_10wun_1", Pe = "_FullSize_10wun_46", Oe = "_Icon_10wun_50",
|
|
155
|
+
const Ee = "_TelegramSignInButtonContainer_10wun_1", Pe = "_FullSize_10wun_46", Oe = "_Icon_10wun_50", K = {
|
|
156
156
|
TelegramSignInButtonContainer: Ee,
|
|
157
157
|
FullSize: Pe,
|
|
158
158
|
Icon: Oe
|
|
@@ -169,7 +169,7 @@ function Me() {
|
|
|
169
169
|
height: "20",
|
|
170
170
|
fill: "currentColor",
|
|
171
171
|
"aria-hidden": "true",
|
|
172
|
-
className:
|
|
172
|
+
className: K.Icon,
|
|
173
173
|
children: /* @__PURE__ */ t("path", { d: "M22 3.5L2.5 11l5 1.7L18 6 9.7 14l-.4 5.5 3.4-3.2 5.5 4c.9.5 1.5.2 1.7-.8L22 4.3c.2-.7-.2-1.1-.9-.8z" })
|
|
174
174
|
}
|
|
175
175
|
);
|
|
@@ -183,19 +183,19 @@ function Fe({
|
|
|
183
183
|
fullSize: s,
|
|
184
184
|
className: a
|
|
185
185
|
}) {
|
|
186
|
-
|
|
186
|
+
A(function() {
|
|
187
187
|
const l = "comfortaa-font";
|
|
188
188
|
if (document.getElementById(l)) return;
|
|
189
|
-
const
|
|
190
|
-
|
|
189
|
+
const m = document.createElement("link");
|
|
190
|
+
m.id = l, m.rel = "stylesheet", m.href = "https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap", document.head.appendChild(m);
|
|
191
191
|
}, []);
|
|
192
|
-
const c = i ?? r ?? je[o],
|
|
193
|
-
return /* @__PURE__ */ u("button", { type: "button", className:
|
|
192
|
+
const c = i ?? r ?? je[o], f = [K.TelegramSignInButtonContainer, s && K.FullSize, a].filter(Boolean).join(" ");
|
|
193
|
+
return /* @__PURE__ */ u("button", { type: "button", className: f, onClick: e, disabled: n, children: [
|
|
194
194
|
/* @__PURE__ */ t(Me, {}),
|
|
195
195
|
c
|
|
196
196
|
] });
|
|
197
197
|
}
|
|
198
|
-
function
|
|
198
|
+
function yt({
|
|
199
199
|
botId: e,
|
|
200
200
|
onSuccess: n,
|
|
201
201
|
lang: o,
|
|
@@ -205,11 +205,11 @@ function wt({
|
|
|
205
205
|
children: a,
|
|
206
206
|
className: c
|
|
207
207
|
}) {
|
|
208
|
-
const { login:
|
|
209
|
-
return a ? /* @__PURE__ */ t(
|
|
208
|
+
const { login: f, isReady: l } = Ae({ botId: e, onSuccess: n, redirectUri: i, requestAccess: s });
|
|
209
|
+
return a ? /* @__PURE__ */ t(N, { children: a({ login: f, isReady: l }) }) : /* @__PURE__ */ t(
|
|
210
210
|
Fe,
|
|
211
211
|
{
|
|
212
|
-
onClick:
|
|
212
|
+
onClick: f,
|
|
213
213
|
disabled: !l,
|
|
214
214
|
lang: o,
|
|
215
215
|
title: r,
|
|
@@ -242,7 +242,7 @@ const X = oe((e, n) => ({
|
|
|
242
242
|
slideIn: Ue,
|
|
243
243
|
slideOut: Je
|
|
244
244
|
};
|
|
245
|
-
function
|
|
245
|
+
function kt() {
|
|
246
246
|
const { toasts: e } = X();
|
|
247
247
|
return /* @__PURE__ */ t("div", { className: v.ToastContainer, children: /* @__PURE__ */ t(ne, { children: e.map((n) => /* @__PURE__ */ t(
|
|
248
248
|
te.div,
|
|
@@ -258,13 +258,13 @@ function vt() {
|
|
|
258
258
|
)) }) });
|
|
259
259
|
}
|
|
260
260
|
function Xe({ id: e, title: n, description: o, level: r, isDismissable: i }) {
|
|
261
|
-
const [s, a] =
|
|
262
|
-
return
|
|
261
|
+
const [s, a] = w(!1), c = X();
|
|
262
|
+
return A(() => () => {
|
|
263
263
|
a(!0);
|
|
264
264
|
}, []), /* @__PURE__ */ u(
|
|
265
265
|
"div",
|
|
266
266
|
{
|
|
267
|
-
className:
|
|
267
|
+
className: _(v.Toast, {
|
|
268
268
|
[v.error]: r === "Error",
|
|
269
269
|
[v.warn]: r === "Warn",
|
|
270
270
|
[v.info]: r == null || r === "Info",
|
|
@@ -279,7 +279,7 @@ function Xe({ id: e, title: n, description: o, level: r, isDismissable: i }) {
|
|
|
279
279
|
}
|
|
280
280
|
);
|
|
281
281
|
}
|
|
282
|
-
const Ye = "_InputContainer_1a08x_6", Ze = "_InputField_1a08x_12", en = "_hasError_1a08x_30", nn = "_disabled_1a08x_35", tn = "_Label_1a08x_40", on = "_lifted_1a08x_54", rn = "_ErrorText_1a08x_65", sn = "_Skeleton_1a08x_73",
|
|
282
|
+
const Ye = "_InputContainer_1a08x_6", Ze = "_InputField_1a08x_12", en = "_hasError_1a08x_30", nn = "_disabled_1a08x_35", tn = "_Label_1a08x_40", on = "_lifted_1a08x_54", rn = "_ErrorText_1a08x_65", sn = "_Skeleton_1a08x_73", I = {
|
|
283
283
|
InputContainer: Ye,
|
|
284
284
|
InputField: Ze,
|
|
285
285
|
hasError: en,
|
|
@@ -289,13 +289,13 @@ const Ye = "_InputContainer_1a08x_6", Ze = "_InputField_1a08x_12", en = "_hasErr
|
|
|
289
289
|
ErrorText: rn,
|
|
290
290
|
Skeleton: sn
|
|
291
291
|
};
|
|
292
|
-
function
|
|
293
|
-
const [
|
|
294
|
-
return r ? /* @__PURE__ */ t("div", { className:
|
|
292
|
+
function It({ value: e, setValue: n, label: o, isLoader: r, type: i = "text", disabled: s, error: a, className: c }) {
|
|
293
|
+
const [f, l] = w(!1), m = f || e.length > 0;
|
|
294
|
+
return r ? /* @__PURE__ */ t("div", { className: _(I.Skeleton, c), "aria-hidden": "true" }) : /* @__PURE__ */ u("div", { className: _(I.InputContainer, { [I.hasError]: !!a, [I.disabled]: s }, c), children: [
|
|
295
295
|
/* @__PURE__ */ t(
|
|
296
296
|
"input",
|
|
297
297
|
{
|
|
298
|
-
className:
|
|
298
|
+
className: I.InputField,
|
|
299
299
|
type: i,
|
|
300
300
|
value: e,
|
|
301
301
|
onChange: (g) => n(g.target.value),
|
|
@@ -304,49 +304,49 @@ function yt({ value: e, setValue: n, label: o, isLoader: r, type: i = "text", di
|
|
|
304
304
|
disabled: s
|
|
305
305
|
}
|
|
306
306
|
),
|
|
307
|
-
/* @__PURE__ */ t("label", { className:
|
|
308
|
-
a && /* @__PURE__ */ t("span", { className:
|
|
307
|
+
/* @__PURE__ */ t("label", { className: _(I.Label, { [I.lifted]: m }), children: o }),
|
|
308
|
+
a && /* @__PURE__ */ t("span", { className: I.ErrorText, children: a })
|
|
309
309
|
] });
|
|
310
310
|
}
|
|
311
|
-
const an = "_ToggleContainer_1jetc_6", cn = "_disabled_1jetc_13", ln = "_Track_1jetc_18",
|
|
311
|
+
const an = "_ToggleContainer_1jetc_6", cn = "_disabled_1jetc_13", ln = "_Track_1jetc_18", dn = "_on_1jetc_31", un = "_Thumb_1jetc_39", _n = "_Label_1jetc_57", fn = "_LabelSkeleton_1jetc_63", hn = "_Skeleton_1jetc_78", C = {
|
|
312
312
|
ToggleContainer: an,
|
|
313
313
|
disabled: cn,
|
|
314
314
|
Track: ln,
|
|
315
|
-
on:
|
|
316
|
-
Thumb:
|
|
315
|
+
on: dn,
|
|
316
|
+
Thumb: un,
|
|
317
317
|
Label: _n,
|
|
318
|
-
LabelSkeleton:
|
|
319
|
-
Skeleton:
|
|
318
|
+
LabelSkeleton: fn,
|
|
319
|
+
Skeleton: hn
|
|
320
320
|
};
|
|
321
|
-
function
|
|
322
|
-
const
|
|
323
|
-
return s ?
|
|
321
|
+
function Nt({ checked: e, onChange: n, label: o, labelPosition: r = "right", disabled: i, isLoader: s, isLoadingLabel: a, className: c }) {
|
|
322
|
+
const f = !!o || a, l = a ? /* @__PURE__ */ t("span", { className: C.LabelSkeleton, "aria-hidden": "true" }) : o ? /* @__PURE__ */ t("span", { className: C.Label, children: o }) : null;
|
|
323
|
+
return s ? f ? /* @__PURE__ */ u("div", { className: _(C.ToggleContainer, c), children: [
|
|
324
324
|
r === "left" && l,
|
|
325
|
-
/* @__PURE__ */ t("div", { className:
|
|
325
|
+
/* @__PURE__ */ t("div", { className: C.Skeleton, "aria-hidden": "true" }),
|
|
326
326
|
r === "right" && l
|
|
327
|
-
] }) : /* @__PURE__ */ t("div", { className:
|
|
327
|
+
] }) : /* @__PURE__ */ t("div", { className: _(C.Skeleton, c), "aria-hidden": "true" }) : /* @__PURE__ */ u("label", { className: _(C.ToggleContainer, { [C.disabled]: i }, c), children: [
|
|
328
328
|
r === "left" && l,
|
|
329
329
|
/* @__PURE__ */ t(
|
|
330
330
|
"button",
|
|
331
331
|
{
|
|
332
332
|
role: "switch",
|
|
333
333
|
"aria-checked": e,
|
|
334
|
-
className:
|
|
334
|
+
className: _(C.Track, { [C.on]: e }),
|
|
335
335
|
onClick: () => !i && n(!e),
|
|
336
336
|
disabled: i,
|
|
337
337
|
type: "button",
|
|
338
|
-
children: /* @__PURE__ */ t("span", { className:
|
|
338
|
+
children: /* @__PURE__ */ t("span", { className: C.Thumb })
|
|
339
339
|
}
|
|
340
340
|
),
|
|
341
341
|
r === "right" && l
|
|
342
342
|
] });
|
|
343
343
|
}
|
|
344
|
-
function
|
|
345
|
-
const [e, n] =
|
|
344
|
+
function pn() {
|
|
345
|
+
const [e, n] = w(!1), o = F(null), r = Q(() => n((s) => !s), []), i = Q(() => n(!1), []);
|
|
346
346
|
return { isOpen: e, triggerRef: o, toggleOpen: r, close: i };
|
|
347
347
|
}
|
|
348
|
-
function
|
|
349
|
-
|
|
348
|
+
function mn(e, n, o) {
|
|
349
|
+
A(() => {
|
|
350
350
|
function r(s) {
|
|
351
351
|
const a = s.target;
|
|
352
352
|
e.current?.contains(a) || o?.current?.contains(a) || n();
|
|
@@ -360,8 +360,8 @@ function pn(e, n, o) {
|
|
|
360
360
|
}, [n, e, o]);
|
|
361
361
|
}
|
|
362
362
|
function gn(e, n) {
|
|
363
|
-
const [o, r] =
|
|
364
|
-
return
|
|
363
|
+
const [o, r] = w([]);
|
|
364
|
+
return A(() => {
|
|
365
365
|
if (!n) return;
|
|
366
366
|
let i = !1;
|
|
367
367
|
return n(e).then((s) => {
|
|
@@ -371,48 +371,50 @@ function gn(e, n) {
|
|
|
371
371
|
};
|
|
372
372
|
}, [e, n]), o;
|
|
373
373
|
}
|
|
374
|
-
function
|
|
374
|
+
function M(e) {
|
|
375
375
|
return typeof e == "string" ? e : e.id;
|
|
376
376
|
}
|
|
377
|
-
function
|
|
377
|
+
function z(e) {
|
|
378
378
|
return typeof e == "string" ? e : e.name;
|
|
379
379
|
}
|
|
380
380
|
function Cn(e, n) {
|
|
381
|
-
return e.map((o) => n.find((r) =>
|
|
382
|
-
}
|
|
383
|
-
const
|
|
384
|
-
DropdownContainer:
|
|
385
|
-
PanelContainer:
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
381
|
+
return e.map((o) => n.find((r) => M(r) === o) ?? o);
|
|
382
|
+
}
|
|
383
|
+
const vn = "_DropdownContainer_1v133_13", wn = "_PanelContainer_1v133_18", yn = "_Label_1v133_31", kn = "_lifted_1v133_45", In = "_TriggerContainer_1v133_52", Nn = "_Open_1v133_76", Tn = "_TriggerPlaceholder_1v133_81", bn = "_TriggerValue_1v133_89", Ln = "_TriggerIcon_1v133_97", Sn = "_ChipsWrapper_1v133_104", Dn = "_Chip_1v133_104", Bn = "_SearchRow_1v133_135", xn = "_SearchBox_1v133_140", Rn = "_SearchIcon_1v133_150", Wn = "_SearchInput_1v133_157", An = "_ResultsList_1v133_171", En = "_OptionRow_1v133_176", Pn = "_Selected_1v133_191", On = "_Checkmark_1v133_196", jn = "_CreateRow_1v133_202", Mn = "_WithBorder_1v133_215", Fn = "_CreateIcon_1v133_220", $n = "_CreateLabel_1v133_232", qn = "_EmptyHint_1v133_238", Gn = "_SkeletonRow_1v133_245", d = {
|
|
384
|
+
DropdownContainer: vn,
|
|
385
|
+
PanelContainer: wn,
|
|
386
|
+
Label: yn,
|
|
387
|
+
lifted: kn,
|
|
388
|
+
TriggerContainer: In,
|
|
389
|
+
Open: Nn,
|
|
390
|
+
TriggerPlaceholder: Tn,
|
|
391
|
+
TriggerValue: bn,
|
|
392
|
+
TriggerIcon: Ln,
|
|
391
393
|
ChipsWrapper: Sn,
|
|
392
|
-
Chip:
|
|
393
|
-
SearchRow:
|
|
394
|
-
SearchBox:
|
|
395
|
-
SearchIcon:
|
|
396
|
-
SearchInput:
|
|
397
|
-
ResultsList:
|
|
398
|
-
OptionRow:
|
|
399
|
-
Selected:
|
|
400
|
-
Checkmark:
|
|
401
|
-
CreateRow:
|
|
402
|
-
WithBorder:
|
|
403
|
-
CreateIcon:
|
|
404
|
-
CreateLabel:
|
|
405
|
-
EmptyHint:
|
|
406
|
-
SkeletonRow:
|
|
394
|
+
Chip: Dn,
|
|
395
|
+
SearchRow: Bn,
|
|
396
|
+
SearchBox: xn,
|
|
397
|
+
SearchIcon: Rn,
|
|
398
|
+
SearchInput: Wn,
|
|
399
|
+
ResultsList: An,
|
|
400
|
+
OptionRow: En,
|
|
401
|
+
Selected: Pn,
|
|
402
|
+
Checkmark: On,
|
|
403
|
+
CreateRow: jn,
|
|
404
|
+
WithBorder: Mn,
|
|
405
|
+
CreateIcon: Fn,
|
|
406
|
+
CreateLabel: $n,
|
|
407
|
+
EmptyHint: qn,
|
|
408
|
+
SkeletonRow: Gn
|
|
407
409
|
};
|
|
408
|
-
function
|
|
410
|
+
function zn({ query: e, withBorder: n, onCreate: o }) {
|
|
409
411
|
function r(i) {
|
|
410
412
|
i.preventDefault(), o();
|
|
411
413
|
}
|
|
412
414
|
return /* @__PURE__ */ u(
|
|
413
415
|
"div",
|
|
414
416
|
{
|
|
415
|
-
className:
|
|
417
|
+
className: _(d.CreateRow, n && d.WithBorder),
|
|
416
418
|
onMouseDown: r,
|
|
417
419
|
children: [
|
|
418
420
|
/* @__PURE__ */ t("span", { className: d.CreateIcon, children: /* @__PURE__ */ u("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", children: [
|
|
@@ -428,23 +430,23 @@ function qn({ query: e, withBorder: n, onCreate: o }) {
|
|
|
428
430
|
}
|
|
429
431
|
);
|
|
430
432
|
}
|
|
431
|
-
function
|
|
433
|
+
function Hn({ opt: e, isSelected: n, multiSelect: o, onPick: r }) {
|
|
432
434
|
function i(s) {
|
|
433
435
|
s.preventDefault(), r(e);
|
|
434
436
|
}
|
|
435
437
|
return /* @__PURE__ */ u(
|
|
436
438
|
"div",
|
|
437
439
|
{
|
|
438
|
-
className:
|
|
440
|
+
className: _(d.OptionRow, n && d.Selected),
|
|
439
441
|
onMouseDown: i,
|
|
440
442
|
children: [
|
|
441
443
|
o && n && /* @__PURE__ */ t("span", { className: d.Checkmark, children: "✓" }),
|
|
442
|
-
|
|
444
|
+
z(e)
|
|
443
445
|
]
|
|
444
446
|
}
|
|
445
447
|
);
|
|
446
448
|
}
|
|
447
|
-
function
|
|
449
|
+
function Vn({ inputRef: e, query: n, onChange: o, onKeyDown: r, placeholder: i }) {
|
|
448
450
|
return /* @__PURE__ */ t("div", { className: d.SearchRow, children: /* @__PURE__ */ u("div", { className: d.SearchBox, children: [
|
|
449
451
|
/* @__PURE__ */ t("span", { className: d.SearchIcon, children: /* @__PURE__ */ u("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: [
|
|
450
452
|
/* @__PURE__ */ t("circle", { cx: "5", cy: "5", r: "3.5" }),
|
|
@@ -463,10 +465,10 @@ function zn({ inputRef: e, query: n, onChange: o, onKeyDown: r, placeholder: i }
|
|
|
463
465
|
)
|
|
464
466
|
] }) });
|
|
465
467
|
}
|
|
466
|
-
function
|
|
467
|
-
return /* @__PURE__ */ t(
|
|
468
|
+
function Kn({ count: e }) {
|
|
469
|
+
return /* @__PURE__ */ t(N, { children: Array.from({ length: e }).map((n, o) => /* @__PURE__ */ t("div", { className: d.SkeletonRow }, o)) });
|
|
468
470
|
}
|
|
469
|
-
function
|
|
471
|
+
function Qn({
|
|
470
472
|
onSearch: e,
|
|
471
473
|
onCreate: n,
|
|
472
474
|
onPick: o,
|
|
@@ -475,70 +477,70 @@ function Vn({
|
|
|
475
477
|
placeholder: s,
|
|
476
478
|
options: a = [],
|
|
477
479
|
excluded: c = [],
|
|
478
|
-
selected:
|
|
480
|
+
selected: f = [],
|
|
479
481
|
multiSelect: l = !1,
|
|
480
|
-
isLoading:
|
|
482
|
+
isLoading: m = !1,
|
|
481
483
|
emptyHint: g = "no results found",
|
|
482
|
-
skeletonRowCount:
|
|
483
|
-
onError:
|
|
484
|
+
skeletonRowCount: p = 4,
|
|
485
|
+
onError: y = console.error
|
|
484
486
|
}) {
|
|
485
|
-
const [
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
}, [
|
|
489
|
-
const
|
|
490
|
-
(
|
|
491
|
-
),
|
|
492
|
-
(
|
|
493
|
-
),
|
|
494
|
-
async function
|
|
495
|
-
!
|
|
487
|
+
const [T, $] = w(""), [b, x] = w(!1), R = F(null), E = F(null), L = !!e, q = gn(T, e);
|
|
488
|
+
mn(E, r, i), A(() => {
|
|
489
|
+
L && R.current?.focus();
|
|
490
|
+
}, [L]);
|
|
491
|
+
const k = (e ? q : a).filter(
|
|
492
|
+
(h) => !c.includes(M(h))
|
|
493
|
+
), S = T.trim(), H = k.some(
|
|
494
|
+
(h) => z(h).toLowerCase() === S.toLowerCase()
|
|
495
|
+
), P = !!n && S.length > 0 && !H;
|
|
496
|
+
async function D() {
|
|
497
|
+
!S || b || !n || (x(!0), n(S).then(O).catch(y).finally(() => x(!1)));
|
|
496
498
|
}
|
|
497
|
-
function
|
|
498
|
-
o(
|
|
499
|
+
function O(h) {
|
|
500
|
+
o(h), l || r();
|
|
499
501
|
}
|
|
500
|
-
function Y(
|
|
501
|
-
|
|
502
|
+
function Y(h) {
|
|
503
|
+
$(h.target.value);
|
|
502
504
|
}
|
|
503
|
-
function Z(
|
|
504
|
-
|
|
505
|
+
function Z(h) {
|
|
506
|
+
h.key === "Enter" && (h.preventDefault(), k.length > 0 ? O(k[0]) : P && D());
|
|
505
507
|
}
|
|
506
508
|
const ee = s ?? (n ? "search or add new…" : "search…");
|
|
507
|
-
return /* @__PURE__ */ u("div", { ref:
|
|
508
|
-
|
|
509
|
-
|
|
509
|
+
return /* @__PURE__ */ u("div", { ref: E, className: d.PanelContainer, children: [
|
|
510
|
+
L && /* @__PURE__ */ t(
|
|
511
|
+
Vn,
|
|
510
512
|
{
|
|
511
|
-
inputRef:
|
|
512
|
-
query:
|
|
513
|
+
inputRef: R,
|
|
514
|
+
query: T,
|
|
513
515
|
onChange: Y,
|
|
514
516
|
onKeyDown: Z,
|
|
515
517
|
placeholder: ee
|
|
516
518
|
}
|
|
517
519
|
),
|
|
518
|
-
/* @__PURE__ */ t("div", { className: d.ResultsList, children:
|
|
519
|
-
|
|
520
|
-
|
|
520
|
+
/* @__PURE__ */ t("div", { className: d.ResultsList, children: m ? /* @__PURE__ */ t(Kn, { count: p }) : /* @__PURE__ */ u(N, { children: [
|
|
521
|
+
k.map((h) => /* @__PURE__ */ t(
|
|
522
|
+
Hn,
|
|
521
523
|
{
|
|
522
|
-
opt:
|
|
523
|
-
isSelected:
|
|
524
|
+
opt: h,
|
|
525
|
+
isSelected: f.includes(M(h)),
|
|
524
526
|
multiSelect: l,
|
|
525
|
-
onPick:
|
|
527
|
+
onPick: O
|
|
526
528
|
},
|
|
527
|
-
|
|
529
|
+
M(h)
|
|
528
530
|
)),
|
|
529
|
-
|
|
530
|
-
|
|
531
|
+
P && /* @__PURE__ */ t(
|
|
532
|
+
zn,
|
|
531
533
|
{
|
|
532
|
-
query:
|
|
533
|
-
withBorder:
|
|
534
|
-
onCreate:
|
|
534
|
+
query: S,
|
|
535
|
+
withBorder: k.length > 0,
|
|
536
|
+
onCreate: D
|
|
535
537
|
}
|
|
536
538
|
),
|
|
537
|
-
|
|
539
|
+
k.length === 0 && !P && /* @__PURE__ */ t("div", { className: d.EmptyHint, children: g })
|
|
538
540
|
] }) })
|
|
539
541
|
] });
|
|
540
542
|
}
|
|
541
|
-
function
|
|
543
|
+
function Un({ size: e = 14, strokeWidth: n = 2, className: o }) {
|
|
542
544
|
return /* @__PURE__ */ t(
|
|
543
545
|
"svg",
|
|
544
546
|
{
|
|
@@ -555,7 +557,7 @@ function Kn({ size: e = 14, strokeWidth: n = 2, className: o }) {
|
|
|
555
557
|
}
|
|
556
558
|
);
|
|
557
559
|
}
|
|
558
|
-
function
|
|
560
|
+
function Tt({ size: e = 18, strokeWidth: n = 2.5, shrink: o = !0 }) {
|
|
559
561
|
return /* @__PURE__ */ t(
|
|
560
562
|
"svg",
|
|
561
563
|
{
|
|
@@ -572,7 +574,7 @@ function It({ size: e = 18, strokeWidth: n = 2.5, shrink: o = !0 }) {
|
|
|
572
574
|
}
|
|
573
575
|
);
|
|
574
576
|
}
|
|
575
|
-
function
|
|
577
|
+
function bt() {
|
|
576
578
|
return /* @__PURE__ */ u(
|
|
577
579
|
"svg",
|
|
578
580
|
{
|
|
@@ -591,7 +593,7 @@ function Nt() {
|
|
|
591
593
|
}
|
|
592
594
|
);
|
|
593
595
|
}
|
|
594
|
-
function
|
|
596
|
+
function Lt() {
|
|
595
597
|
return /* @__PURE__ */ u(
|
|
596
598
|
"svg",
|
|
597
599
|
{
|
|
@@ -610,19 +612,19 @@ function Tt() {
|
|
|
610
612
|
}
|
|
611
613
|
);
|
|
612
614
|
}
|
|
613
|
-
function
|
|
615
|
+
function Jn({ triggerRef: e, isOpen: n, onClick: o, selectedOptions: r, multiSelect: i, placeholder: s }) {
|
|
614
616
|
return /* @__PURE__ */ u(
|
|
615
617
|
"button",
|
|
616
618
|
{
|
|
617
619
|
type: "button",
|
|
618
620
|
ref: e,
|
|
619
|
-
className:
|
|
621
|
+
className: _(d.TriggerContainer, n && d.Open),
|
|
620
622
|
onClick: o,
|
|
621
623
|
"aria-expanded": n,
|
|
622
624
|
"aria-haspopup": "listbox",
|
|
623
625
|
children: [
|
|
624
|
-
i && r.length > 0 ? /* @__PURE__ */ t("div", { className: d.ChipsWrapper, children: r.map((a, c) => /* @__PURE__ */ t("span", { className: d.Chip, children:
|
|
625
|
-
/* @__PURE__ */ t("span", { className: d.TriggerIcon, children: /* @__PURE__ */ t(
|
|
626
|
+
i && r.length > 0 ? /* @__PURE__ */ t("div", { className: d.ChipsWrapper, children: r.map((a, c) => /* @__PURE__ */ t("span", { className: d.Chip, children: z(a) }, c)) }) : /* @__PURE__ */ t("span", { className: r.length === 0 ? d.TriggerPlaceholder : d.TriggerValue, children: r.length === 0 ? s : r.map(z).join(", ") }),
|
|
627
|
+
/* @__PURE__ */ t("span", { className: d.TriggerIcon, children: /* @__PURE__ */ t(Un, { size: 12 }) })
|
|
626
628
|
]
|
|
627
629
|
}
|
|
628
630
|
);
|
|
@@ -635,96 +637,98 @@ function St({
|
|
|
635
637
|
onCreate: i,
|
|
636
638
|
excluded: s,
|
|
637
639
|
multiSelect: a = !1,
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
640
|
+
label: c,
|
|
641
|
+
placeholder: f = "select…",
|
|
642
|
+
searchPlaceholder: l,
|
|
643
|
+
emptyHint: m,
|
|
644
|
+
isLoading: g,
|
|
645
|
+
skeletonRowCount: p,
|
|
646
|
+
onError: y,
|
|
647
|
+
className: T,
|
|
648
|
+
children: $
|
|
646
649
|
}) {
|
|
647
|
-
const { isOpen:
|
|
648
|
-
function
|
|
649
|
-
const
|
|
650
|
+
const { isOpen: b, triggerRef: x, toggleOpen: R, close: E } = pn(), L = Cn(n, e), q = b || L.length > 0, k = c && !q ? "" : f;
|
|
651
|
+
function S(P) {
|
|
652
|
+
const D = M(P);
|
|
650
653
|
o(
|
|
651
|
-
a ? n.includes(
|
|
654
|
+
a ? n.includes(D) ? n.filter((O) => O !== D) : [...n, D] : [D]
|
|
652
655
|
);
|
|
653
656
|
}
|
|
654
|
-
const
|
|
655
|
-
ref:
|
|
656
|
-
onClick:
|
|
657
|
-
"aria-expanded":
|
|
657
|
+
const H = {
|
|
658
|
+
ref: x,
|
|
659
|
+
onClick: R,
|
|
660
|
+
"aria-expanded": b,
|
|
658
661
|
"aria-haspopup": "listbox"
|
|
659
662
|
};
|
|
660
|
-
return /* @__PURE__ */ u("div", { className:
|
|
661
|
-
|
|
662
|
-
|
|
663
|
+
return /* @__PURE__ */ u("div", { className: _(d.DropdownContainer, T), children: [
|
|
664
|
+
c && /* @__PURE__ */ t("label", { className: _(d.Label, { [d.lifted]: q }), children: c }),
|
|
665
|
+
$ ? $({ selectedOptions: L, isOpen: b, toggleOpen: R, close: E, triggerProps: H }) : /* @__PURE__ */ t(
|
|
666
|
+
Jn,
|
|
663
667
|
{
|
|
664
|
-
triggerRef:
|
|
665
|
-
isOpen:
|
|
666
|
-
onClick:
|
|
667
|
-
selectedOptions:
|
|
668
|
+
triggerRef: x,
|
|
669
|
+
isOpen: b,
|
|
670
|
+
onClick: R,
|
|
671
|
+
selectedOptions: L,
|
|
668
672
|
multiSelect: a,
|
|
669
|
-
placeholder:
|
|
673
|
+
placeholder: k
|
|
670
674
|
}
|
|
671
675
|
),
|
|
672
|
-
|
|
673
|
-
|
|
676
|
+
b && /* @__PURE__ */ t(
|
|
677
|
+
Qn,
|
|
674
678
|
{
|
|
675
679
|
options: e,
|
|
676
680
|
onSearch: r,
|
|
677
681
|
onCreate: i,
|
|
678
|
-
onPick:
|
|
679
|
-
onClose:
|
|
680
|
-
anchorRef:
|
|
682
|
+
onPick: S,
|
|
683
|
+
onClose: E,
|
|
684
|
+
anchorRef: x,
|
|
681
685
|
excluded: s,
|
|
682
686
|
multiSelect: a,
|
|
683
687
|
selected: n,
|
|
684
|
-
placeholder:
|
|
685
|
-
emptyHint:
|
|
686
|
-
isLoading:
|
|
687
|
-
skeletonRowCount:
|
|
688
|
-
onError:
|
|
688
|
+
placeholder: l,
|
|
689
|
+
emptyHint: m,
|
|
690
|
+
isLoading: g,
|
|
691
|
+
skeletonRowCount: p,
|
|
692
|
+
onError: y
|
|
689
693
|
}
|
|
690
694
|
)
|
|
691
695
|
] });
|
|
692
696
|
}
|
|
693
|
-
const
|
|
694
|
-
Btn:
|
|
695
|
-
Primary:
|
|
696
|
-
Secondary:
|
|
697
|
-
Ghost:
|
|
698
|
-
IconDanger:
|
|
699
|
-
Danger:
|
|
700
|
-
},
|
|
701
|
-
primary:
|
|
702
|
-
secondary:
|
|
703
|
-
danger:
|
|
704
|
-
ghost:
|
|
705
|
-
iconDanger:
|
|
697
|
+
const Xn = "_Btn_1hwff_1", Yn = "_Primary_1hwff_26", Zn = "_Secondary_1hwff_41", et = "_Ghost_1hwff_53", nt = "_IconDanger_1hwff_65", tt = "_Danger_1hwff_86", W = {
|
|
698
|
+
Btn: Xn,
|
|
699
|
+
Primary: Yn,
|
|
700
|
+
Secondary: Zn,
|
|
701
|
+
Ghost: et,
|
|
702
|
+
IconDanger: nt,
|
|
703
|
+
Danger: tt
|
|
704
|
+
}, ot = {
|
|
705
|
+
primary: W.Primary,
|
|
706
|
+
secondary: W.Secondary,
|
|
707
|
+
danger: W.Danger,
|
|
708
|
+
ghost: W.Ghost,
|
|
709
|
+
iconDanger: W.IconDanger
|
|
706
710
|
};
|
|
707
|
-
function
|
|
711
|
+
function Dt({ variant: e, className: n, children: o, ...r }) {
|
|
708
712
|
return /* @__PURE__ */ t(
|
|
709
713
|
"button",
|
|
710
714
|
{
|
|
711
715
|
type: "button",
|
|
712
716
|
...r,
|
|
713
|
-
className:
|
|
717
|
+
className: _(W.Btn, e ? ot[e] : void 0, n),
|
|
714
718
|
children: o
|
|
715
719
|
}
|
|
716
720
|
);
|
|
717
721
|
}
|
|
718
|
-
const
|
|
719
|
-
ConfirmContainer:
|
|
720
|
-
ConfirmTitle:
|
|
721
|
-
ConfirmMessage:
|
|
722
|
-
ConfirmActions:
|
|
723
|
-
BtnCancel:
|
|
724
|
-
BtnConfirm:
|
|
725
|
-
BtnDanger:
|
|
722
|
+
const rt = "_ConfirmContainer_b00ul_1", st = "_ConfirmTitle_b00ul_17", it = "_ConfirmMessage_b00ul_25", at = "_ConfirmActions_b00ul_32", ct = "_BtnCancel_b00ul_40", lt = "_BtnConfirm_b00ul_60", dt = "_BtnDanger_b00ul_79", B = {
|
|
723
|
+
ConfirmContainer: rt,
|
|
724
|
+
ConfirmTitle: st,
|
|
725
|
+
ConfirmMessage: it,
|
|
726
|
+
ConfirmActions: at,
|
|
727
|
+
BtnCancel: ct,
|
|
728
|
+
BtnConfirm: lt,
|
|
729
|
+
BtnDanger: dt
|
|
726
730
|
};
|
|
727
|
-
function
|
|
731
|
+
function Bt({
|
|
728
732
|
title: e,
|
|
729
733
|
message: n,
|
|
730
734
|
confirmLabel: o = "Confirm",
|
|
@@ -733,21 +737,21 @@ function Lt({
|
|
|
733
737
|
onConfirm: s,
|
|
734
738
|
onClose: a
|
|
735
739
|
}) {
|
|
736
|
-
const [c,
|
|
740
|
+
const [c, f] = w(!1);
|
|
737
741
|
function l() {
|
|
738
|
-
|
|
739
|
-
|
|
742
|
+
f(!0), Promise.resolve(s()).finally(() => {
|
|
743
|
+
f(!1), a();
|
|
740
744
|
});
|
|
741
745
|
}
|
|
742
|
-
return /* @__PURE__ */ u("div", { className:
|
|
743
|
-
/* @__PURE__ */ t("h2", { className:
|
|
744
|
-
/* @__PURE__ */ t("p", { className:
|
|
745
|
-
/* @__PURE__ */ u("div", { className:
|
|
746
|
-
/* @__PURE__ */ t("button", { className:
|
|
746
|
+
return /* @__PURE__ */ u("div", { className: B.ConfirmContainer, role: "dialog", "aria-modal": "true", children: [
|
|
747
|
+
/* @__PURE__ */ t("h2", { className: B.ConfirmTitle, children: e }),
|
|
748
|
+
/* @__PURE__ */ t("p", { className: B.ConfirmMessage, children: n }),
|
|
749
|
+
/* @__PURE__ */ u("div", { className: B.ConfirmActions, children: [
|
|
750
|
+
/* @__PURE__ */ t("button", { className: B.BtnCancel, type: "button", onClick: a, disabled: c, children: r }),
|
|
747
751
|
/* @__PURE__ */ t(
|
|
748
752
|
"button",
|
|
749
753
|
{
|
|
750
|
-
className:
|
|
754
|
+
className: _(i ? B.BtnDanger : B.BtnConfirm),
|
|
751
755
|
type: "button",
|
|
752
756
|
onClick: l,
|
|
753
757
|
disabled: c,
|
|
@@ -757,21 +761,21 @@ function Lt({
|
|
|
757
761
|
] })
|
|
758
762
|
] });
|
|
759
763
|
}
|
|
760
|
-
const
|
|
761
|
-
InfoContainer:
|
|
762
|
-
InfoTitle:
|
|
763
|
-
InfoMessage:
|
|
764
|
-
InfoActions:
|
|
765
|
-
BtnClose:
|
|
764
|
+
const ut = "_InfoContainer_1meyp_1", _t = "_InfoTitle_1meyp_17", ft = "_InfoMessage_1meyp_25", ht = "_InfoActions_1meyp_32", pt = "_BtnClose_1meyp_39", j = {
|
|
765
|
+
InfoContainer: ut,
|
|
766
|
+
InfoTitle: _t,
|
|
767
|
+
InfoMessage: ft,
|
|
768
|
+
InfoActions: ht,
|
|
769
|
+
BtnClose: pt
|
|
766
770
|
};
|
|
767
|
-
function
|
|
768
|
-
return /* @__PURE__ */ u("div", { className:
|
|
769
|
-
/* @__PURE__ */ t("h2", { className:
|
|
770
|
-
/* @__PURE__ */ t("p", { className:
|
|
771
|
-
/* @__PURE__ */ t("div", { className:
|
|
771
|
+
function xt({ title: e, message: n, onClose: o }) {
|
|
772
|
+
return /* @__PURE__ */ u("div", { className: j.InfoContainer, role: "dialog", "aria-modal": "true", children: [
|
|
773
|
+
/* @__PURE__ */ t("h2", { className: j.InfoTitle, children: e }),
|
|
774
|
+
/* @__PURE__ */ t("p", { className: j.InfoMessage, children: n }),
|
|
775
|
+
/* @__PURE__ */ t("div", { className: j.InfoActions, children: /* @__PURE__ */ t("button", { className: j.BtnClose, type: "button", onClick: o, children: "Got it" }) })
|
|
772
776
|
] });
|
|
773
777
|
}
|
|
774
|
-
function
|
|
778
|
+
function Rt({ buttons: e, containerClassName: n }) {
|
|
775
779
|
return /* @__PURE__ */ t("div", { className: n, children: e.map((o, r) => /* @__PURE__ */ t(
|
|
776
780
|
"button",
|
|
777
781
|
{
|
|
@@ -784,7 +788,7 @@ function Bt({ buttons: e, containerClassName: n }) {
|
|
|
784
788
|
r
|
|
785
789
|
)) });
|
|
786
790
|
}
|
|
787
|
-
function
|
|
791
|
+
function Wt({ onClick: e, disabled: n, className: o }) {
|
|
788
792
|
return /* @__PURE__ */ t(
|
|
789
793
|
"button",
|
|
790
794
|
{
|
|
@@ -813,23 +817,23 @@ function xt({ onClick: e, disabled: n, className: o }) {
|
|
|
813
817
|
);
|
|
814
818
|
}
|
|
815
819
|
export {
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
820
|
+
Lt as AvatarFallbackIcon,
|
|
821
|
+
Dt as Button,
|
|
822
|
+
Tt as CheckmarkIcon,
|
|
823
|
+
Un as ChevronDownIcon,
|
|
824
|
+
Bt as ConfirmDialog,
|
|
821
825
|
St as Dropdown,
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
826
|
+
bt as EditPencilIcon,
|
|
827
|
+
xt as InfoDialog,
|
|
828
|
+
It as Input,
|
|
825
829
|
Be as Loader,
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
+
wt as LoadingWrapper,
|
|
831
|
+
Rt as ModalActions,
|
|
832
|
+
Wt as ModalClose,
|
|
833
|
+
yt as TelegramAuth,
|
|
830
834
|
Fe as TelegramSignInButton,
|
|
831
|
-
|
|
832
|
-
|
|
835
|
+
kt as Toaster,
|
|
836
|
+
Nt as Toggle,
|
|
833
837
|
Ae as useTelegramLogin,
|
|
834
838
|
X as useToaster
|
|
835
839
|
};
|
package/dist/chures.umd.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%)}}@keyframes _spin_wa8op_1{to{transform:rotate(360deg)}}@keyframes _ripple_wa8op_1{0%{transform:scale(.08);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes _dotPulse_wa8op_1{0%,to{transform:translate(-50%,-50%) scale(.55);opacity:.3}50%{transform:translate(-50%,calc(-50% - var(--sz) * .1)) scale(1);opacity:1}}@keyframes _waveBounce_wa8op_1{0%,55%,to{transform:translate(-50%,-50%) scale(.8);opacity:.4}27%{transform:translate(-50%,calc(-50% - var(--sz) * .28)) scale(1);opacity:1}}._LoaderContainer_wa8op_24{position:relative;flex-shrink:0}._sm_wa8op_31{width:1.5rem;height:1.5rem;--sz: 1.5rem;--arc-gap: .2rem;--arc-bw: .125rem}._md_wa8op_32{width:2.5rem;height:2.5rem;--sz: 2.5rem;--arc-gap: .35rem;--arc-bw: .1875rem}._lg_wa8op_33{width:4rem;height:4rem;--sz: 4rem;--arc-gap: .55rem;--arc-bw: .25rem}._Arc1_wa8op_37,._Arc2_wa8op_38,._Arc3_wa8op_39{position:absolute;border-radius:50%;border:var(--arc-bw) solid transparent}._Arc1_wa8op_37{inset:0;border-top-color:var(--chures-accent, #229ED9);border-left-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.2s linear infinite;filter:drop-shadow(0 0 .25rem var(--chures-accent, #229ED9))}._Arc2_wa8op_38{inset:var(--arc-gap);border-bottom-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.8s linear infinite reverse;opacity:.8}._Arc3_wa8op_39{inset:calc(var(--arc-gap) * 2);border-top-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 2.4s linear infinite;opacity:.6}._Ring1_wa8op_71,._Ring2_wa8op_72,._Ring3_wa8op_73{position:absolute;inset:0;border-radius:50%;border:var(--arc-bw) solid var(--chures-accent, #229ED9);animation:_ripple_wa8op_1 1.8s ease-out infinite both}._Ring2_wa8op_72{animation-delay:.6s}._Ring3_wa8op_73{animation-delay:1.2s}._Dot1_wa8op_86,._Dot2_wa8op_87,._Dot3_wa8op_88{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .14) var(--chures-accent, #229ED9);animation:_dotPulse_wa8op_1 1.1s ease-in-out infinite both}._Dot1_wa8op_86{left:22%}._Dot2_wa8op_87{left:50%;animation-delay:.18s}._Dot3_wa8op_88{left:78%;animation-delay:.36s}._Wave1_wa8op_105,._Wave2_wa8op_106,._Wave3_wa8op_107,._Wave4_wa8op_108,._Wave5_wa8op_109{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .16);height:calc(var(--sz) * .16);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .1) var(--chures-accent, #229ED9);animation:_waveBounce_wa8op_1 1s ease-in-out infinite both}._Wave1_wa8op_105{left:10%}._Wave2_wa8op_106{left:28%;animation-delay:.12s}._Wave3_wa8op_107{left:46%;animation-delay:.24s}._Wave4_wa8op_108{left:64%;animation-delay:.36s}._Wave5_wa8op_109{left:82%;animation-delay:.48s}._LoadingWrapperContainer_1q0w7_1{display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem}._SkeletonWrapper_1q0w7_9{width:100%}._TelegramSignInButtonContainer_10wun_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--chures-btn-from, #2AABEE) 0%,var(--chures-btn-to, #229ED9) 100%);border:0;border-radius:.875rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 .0625rem #ffffff26,0 .75rem 2rem -.75rem #2aabee8c;transition:transform .14s ease,box-shadow .2s ease,filter .16s ease}._TelegramSignInButtonContainer_10wun_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_10wun_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_10wun_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_10wun_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_10wun_46{height:100%}._Icon_10wun_50{flex-shrink:0}._ToastContainer_1tme2_1{position:fixed;right:1.5rem;top:1.5rem;width:clamp(25vw,24.5rem,95vw);display:flex;flex-direction:column;gap:1rem;z-index:9999}._Toast_1tme2_1{min-height:4rem;border:var(--chures-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:var(--chures-surface, #000000);display:flex;flex-direction:column}._Toast_1tme2_1>div:first-child{font-weight:700;font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}._Toast_1tme2_1._error_1tme2_33{border-color:var(--chures-error, #ef4444)}._Toast_1tme2_1._error_1tme2_33>div:first-child{color:var(--chures-error, #ef4444)}._Toast_1tme2_1._warn_1tme2_41{border-color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._warn_1tme2_41>div:first-child{color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._info_1tme2_49{border-color:var(--chures-accent, #229ED9)}._Toast_1tme2_1 ._Description_1tme2_53{color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-xs, .75rem);margin-top:.125rem}._Toast_1tme2_1 ._DismissButton_1tme2_59{position:absolute;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;top:0;right:1%;cursor:pointer;font-size:1.5rem;color:var(--chures-fg-muted, #9ca3af)}._slideIn_1tme2_79{animation:_slideIn_1tme2_79 .2s ease forwards}._slideOut_1tme2_83{animation:_slideOut_1tme2_83 .2s ease forwards}@keyframes _slideIn_1tme2_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1tme2_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes _shimmer_1a08x_1{0%{background-position:-200% 0}to{background-position:200% 0}}._InputContainer_1a08x_6{position:relative;width:100%;height:var(--chures-input-height, 3rem)}._InputField_1a08x_12{width:100%;height:100%;background:var(--chures-input-bg, #111111);border:.0625rem solid rgb(255 255 255 / 13%);border-radius:var(--chures-input-radius, .75rem);color:var(--chures-fg, #ffffff);font-size:var(--chures-font-sm, .875rem);padding:0 .875rem;outline:none;transition:border-color .18s ease;box-sizing:border-box}._InputField_1a08x_12:focus{border-color:#ffffff59}._hasError_1a08x_30 ._InputField_1a08x_12,._hasError_1a08x_30 ._InputField_1a08x_12:focus{border-color:var(--chures-error, #ef4444)}._disabled_1a08x_35 ._InputField_1a08x_12{opacity:.45;cursor:not-allowed}._Label_1a08x_40{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-sm, .875rem);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_1a08x_40._lifted_1a08x_54{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}._hasError_1a08x_30 ._Label_1a08x_40._lifted_1a08x_54{color:var(--chures-error, #ef4444)}._ErrorText_1a08x_65{display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}._Skeleton_1a08x_73{width:100%;height:var(--chures-input-height, 3rem);border-radius:var(--chures-input-radius, .75rem);background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1a08x_1 1.5s ease-in-out infinite}@keyframes _shimmer_1jetc_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_1jetc_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_1jetc_13{opacity:.45;cursor:not-allowed}._Track_1jetc_18{position:relative;width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:var(--chures-toggle-bg-off, rgb(255 255 255 / 13%));border:none;padding:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}._Track_1jetc_18._on_1jetc_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_1jetc_13 ._Track_1jetc_18{cursor:not-allowed}._Thumb_1jetc_39{position:absolute;top:0;bottom:0;margin:auto 0;left:.1875rem;width:var(--chures-toggle-thumb, 1.125rem);height:var(--chures-toggle-thumb, 1.125rem);border-radius:50%;background:var(--chures-toggle-thumb-color, #ffffff);transition:left .2s ease;pointer-events:none}._Track_1jetc_18._on_1jetc_31 ._Thumb_1jetc_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_1jetc_57{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_1jetc_63{display:inline-block;width:var(--chures-toggle-label-skeleton-w, 5rem);height:var(--chures-font-sm, .875rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}._Skeleton_1jetc_78{width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%)}}@keyframes _panelIn_1m7mu_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_1m7mu_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_1m7mu_13{position:relative;width:100%}._PanelContainer_1m7mu_18{position:absolute;top:100%;left:0;width:100%;background:var(--chures-dropdown-bg);border:1px solid var(--chures-dropdown-border);border-radius:var(--chures-dropdown-radius);overflow:hidden;box-shadow:0 1rem 3rem #000c;animation:_panelIn_1m7mu_1 .14s ease;z-index:100}._TriggerContainer_1m7mu_32{width:100%;height:var(--chures-input-height);background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-trigger-border);border-radius:var(--chures-input-radius);color:var(--chures-fg);font-size:var(--chures-font-sm);font-family:inherit;padding:0 .875rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}._TriggerContainer_1m7mu_32:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_1m7mu_32._Open_1m7mu_56{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_1m7mu_61{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_1m7mu_69{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_1m7mu_77{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_1m7mu_84{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;align-items:center;scrollbar-width:none;-ms-overflow-style:none}._ChipsWrapper_1m7mu_84::-webkit-scrollbar{display:none}._Chip_1m7mu_84{display:inline-flex;align-items:center;flex-shrink:0;background:var(--chures-dropdown-create-bg);border:1px solid var(--chures-dropdown-chip-border);border-radius:624.9375rem;padding:.15rem .5rem;font-size:var(--chures-font-xs);color:var(--chures-fg);white-space:nowrap;line-height:1.4}._SearchRow_1m7mu_115{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_1m7mu_120{display:flex;align-items:center;gap:.5rem;background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-border-subtle);border-radius:var(--chures-dropdown-row-radius);padding:.4rem .625rem}._SearchIcon_1m7mu_130{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_1m7mu_137{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_1m7mu_137::placeholder{color:var(--chures-fg-muted)}._ResultsList_1m7mu_151{max-height:13rem;overflow-y:auto}._OptionRow_1m7mu_156{padding:.5625rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);cursor:pointer;transition:background .1s ease,color .1s ease;display:flex;align-items:center;gap:.5rem}._OptionRow_1m7mu_156:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_1m7mu_156._Selected_1m7mu_171{color:var(--chures-fg)}._Checkmark_1m7mu_176{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_1m7mu_182{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_1m7mu_182:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_1m7mu_182._WithBorder_1m7mu_195{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_1m7mu_200{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--chures-accent);color:#fff;flex-shrink:0}._CreateLabel_1m7mu_212{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_1m7mu_218{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_1m7mu_225{height:2rem;margin:.375rem .875rem;border-radius:var(--chures-dropdown-row-radius);background:linear-gradient(90deg,var(--chures-dropdown-bg) 25%,var(--chures-skeleton-shine) 50%,var(--chures-dropdown-bg) 75%);background-size:200% 100%;animation:_shimmer_1m7mu_1 1.4s infinite linear}._Btn_1hwff_1{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:1px solid transparent;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.625rem 1rem;transition:all .16s ease;white-space:nowrap;color:var(--chures-fg, #ffffff);background:var(--chures-button-bg)}._Btn_1hwff_1:disabled{opacity:.4;cursor:not-allowed}._Primary_1hwff_26{background:var(--chures-accent, #229ED9);border-color:var(--chures-accent, #229ED9);color:#fff;font-weight:600;padding:.625rem 1.125rem;box-shadow:0 10px 28px -12px var(--chures-accent-muted, rgb(34 158 217 / 50%));transition:filter .16s ease,opacity .16s ease}._Primary_1hwff_26:hover:not(:disabled){filter:brightness(1.06)}._Secondary_1hwff_41{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Secondary_1hwff_41:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._Ghost_1hwff_53{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Ghost_1hwff_53:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._IconDanger_1hwff_65{width:1.375rem;height:1.375rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:1rem;line-height:1;justify-content:center;flex-shrink:0;transition:background .14s ease,color .14s ease}._IconDanger_1hwff_65:hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}._Danger_1hwff_86{background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}._Danger_1hwff_86:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmContainer_b00ul_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_confirmIn_b00ul_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_b00ul_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmTitle_b00ul_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_b00ul_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_b00ul_32{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_b00ul_40{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_b00ul_40:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_b00ul_60{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_b00ul_60:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_b00ul_79{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_b00ul_79:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_b00ul_60:disabled,._BtnDanger_b00ul_79:disabled,._BtnCancel_b00ul_40:disabled{opacity:.4;cursor:not-allowed}._InfoContainer_1meyp_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_infoIn_1meyp_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_1meyp_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoTitle_1meyp_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_1meyp_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_1meyp_32{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_1meyp_39{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_1meyp_39:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
-
(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("framer-motion"),require("zustand")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","framer-motion","zustand"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.Chures={},l.ReactJSXRuntime,l.React,l.FramerMotion,l.Zustand))})(this,(function(l,e,_,V,R){"use strict";function ee(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var F={exports:{}};var K;function ne(){return K||(K=1,(function(n){(function(){var o={}.hasOwnProperty;function t(){for(var s="",c=0;c<arguments.length;c++){var i=arguments[c];i&&(s=a(s,r(i)))}return s}function r(s){if(typeof s=="string"||typeof s=="number")return s;if(typeof s!="object")return"";if(Array.isArray(s))return t.apply(null,s);if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]"))return s.toString();var c="";for(var i in s)o.call(s,i)&&s[i]&&(c=a(c,i));return c}function a(s,c){return c?s?s+" "+c:s+c:s}n.exports?(t.default=t,n.exports=t):window.classNames=t})()})(F)),F.exports}var oe=ne();const f=ee(oe),O={LoaderContainer:"_LoaderContainer_wa8op_24",sm:"_sm_wa8op_31",md:"_md_wa8op_32",lg:"_lg_wa8op_33",Arc1:"_Arc1_wa8op_37",Arc2:"_Arc2_wa8op_38",Arc3:"_Arc3_wa8op_39",spin:"_spin_wa8op_1",Ring1:"_Ring1_wa8op_71",Ring2:"_Ring2_wa8op_72",Ring3:"_Ring3_wa8op_73",ripple:"_ripple_wa8op_1",Dot1:"_Dot1_wa8op_86",Dot2:"_Dot2_wa8op_87",Dot3:"_Dot3_wa8op_88",dotPulse:"_dotPulse_wa8op_1",Wave1:"_Wave1_wa8op_105",Wave2:"_Wave2_wa8op_106",Wave3:"_Wave3_wa8op_107",Wave4:"_Wave4_wa8op_108",Wave5:"_Wave5_wa8op_109",waveBounce:"_waveBounce_wa8op_1"};function te(n,o){switch(n){case"ripple":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Ring1}),e.jsx("div",{className:o.Ring2}),e.jsx("div",{className:o.Ring3})]});case"dots":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Dot1}),e.jsx("div",{className:o.Dot2}),e.jsx("div",{className:o.Dot3})]});case"wave":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Wave1}),e.jsx("div",{className:o.Wave2}),e.jsx("div",{className:o.Wave3}),e.jsx("div",{className:o.Wave4}),e.jsx("div",{className:o.Wave5})]});default:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Arc1}),e.jsx("div",{className:o.Arc2}),e.jsx("div",{className:o.Arc3})]})}}function Q({variant:n="arcs",size:o="md",color:t,className:r}){return e.jsx("div",{className:f(O.LoaderContainer,O[o],O[n],r),role:"status","aria-label":"Loading",style:t?{"--chures-accent":t}:void 0,children:te(n,O)})}const U={LoadingWrapperContainer:"_LoadingWrapperContainer_1q0w7_1",SkeletonWrapper:"_SkeletonWrapper_1q0w7_9"};function re({isLoading:n,children:o,skeleton:t,loaderProps:r,className:a}){return n?t?e.jsx("div",{className:f(U.SkeletonWrapper,a),children:t}):e.jsx("div",{className:f(U.LoadingWrapperContainer,a),children:e.jsx(Q,{...r})}):e.jsx(e.Fragment,{children:o})}const se="https://oauth.telegram.org/js/telegram-login.js?3";function J(n){const{botId:o,redirectUri:t,requestAccess:r="write"}=n,a=_.useRef(n.onSuccess);a.current=n.onSuccess;const s=_.useRef(!1),[c,i]=_.useState(!1),[h,d]=_.useState(!1);_.useEffect(function(){if(!o)return;const w=t??window.location.origin;d(!0),i(!1);const g=document.createElement("script");return g.src=se,g.async=!0,g.onload=function(){const S=window.Telegram;S&&(S.Login.init({client_id:o,redirect_uri:w},function(k){s.current||(s.current=!0,a.current(k))}),i(!0)),d(!1)},g.onerror=function(){d(!1)},document.head.appendChild(g),function(){document.head.contains(g)&&document.head.removeChild(g),i(!1),d(!1)}},[o,t]);function C(){const w=window.Telegram;if(!c||!w)return;s.current=!1;const g=t??window.location.origin;w.Login.auth({client_id:o,redirect_uri:g,request_access:r},function(S){s.current||(s.current=!0,a.current(S))})}return{login:C,isReady:c,isLoading:h}}const j={TelegramSignInButtonContainer:"_TelegramSignInButtonContainer_10wun_1",FullSize:"_FullSize_10wun_46",Icon:"_Icon_10wun_50"},ae={en:"Continue with Telegram",ru:"Войти через Telegram"};function ce(){return e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor","aria-hidden":"true",className:j.Icon,children:e.jsx("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"})})}function X({onClick:n,disabled:o,lang:t="en",title:r,label:a,fullSize:s,className:c}){_.useEffect(function(){const d="comfortaa-font";if(document.getElementById(d))return;const C=document.createElement("link");C.id=d,C.rel="stylesheet",C.href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap",document.head.appendChild(C)},[]);const i=a??r??ae[t],h=[j.TelegramSignInButtonContainer,s&&j.FullSize,c].filter(Boolean).join(" ");return e.jsxs("button",{type:"button",className:h,onClick:n,disabled:o,children:[e.jsx(ce,{}),i]})}function ie({botId:n,onSuccess:o,lang:t,title:r,redirectUri:a,requestAccess:s,children:c,className:i}){const{login:h,isReady:d}=J({botId:n,onSuccess:o,redirectUri:a,requestAccess:s});return c?e.jsx(e.Fragment,{children:c({login:h,isReady:d})}):e.jsx(X,{onClick:h,disabled:!d,lang:t,title:r,className:i})}let le=0;const $=R.create((n,o)=>({toasts:[],bake:t=>{const r=le++;n(a=>({toasts:[...a.toasts,{...t,id:r}]})),setTimeout(()=>{o().dismiss(r)},5e3)},dismiss:t=>{n(r=>({toasts:r.toasts.filter(a=>a.id!==t)}))}})),y={ToastContainer:"_ToastContainer_1tme2_1",Toast:"_Toast_1tme2_1",error:"_error_1tme2_33",warn:"_warn_1tme2_41",info:"_info_1tme2_49",Description:"_Description_1tme2_53",DismissButton:"_DismissButton_1tme2_59",slideIn:"_slideIn_1tme2_79",slideOut:"_slideOut_1tme2_83"};function de(){const{toasts:n}=$();return e.jsx("div",{className:y.ToastContainer,children:e.jsx(V.AnimatePresence,{children:n.map(o=>e.jsx(V.motion.div,{layout:!0,initial:{opacity:0,x:100,y:50},animate:{opacity:1,x:0,y:0},exit:{opacity:0,y:-50},transition:{type:"spring",stiffness:300,damping:20},children:e.jsx(ue,{...o})},o.id))})})}function ue({id:n,title:o,description:t,level:r,isDismissable:a}){const[s,c]=_.useState(!1),i=$();return _.useEffect(()=>()=>{c(!0)},[]),e.jsxs("div",{className:f(y.Toast,{[y.error]:r==="Error",[y.warn]:r==="Warn",[y.info]:r==null||r==="Info",[y.slideIn]:!s,[y.slideOut]:s}),children:[e.jsx("div",{children:o}),e.jsx("div",{className:y.Description,children:t}),a&&n!==void 0&&e.jsx("div",{className:y.DismissButton,onClick:()=>i.dismiss(n),children:"×"})]})}const I={InputContainer:"_InputContainer_1a08x_6",InputField:"_InputField_1a08x_12",hasError:"_hasError_1a08x_30",disabled:"_disabled_1a08x_35",Label:"_Label_1a08x_40",lifted:"_lifted_1a08x_54",ErrorText:"_ErrorText_1a08x_65",Skeleton:"_Skeleton_1a08x_73"};function _e({value:n,setValue:o,label:t,isLoader:r,type:a="text",disabled:s,error:c,className:i}){const[h,d]=_.useState(!1),C=h||n.length>0;return r?e.jsx("div",{className:f(I.Skeleton,i),"aria-hidden":"true"}):e.jsxs("div",{className:f(I.InputContainer,{[I.hasError]:!!c,[I.disabled]:s},i),children:[e.jsx("input",{className:I.InputField,type:a,value:n,onChange:w=>o(w.target.value),onFocus:()=>d(!0),onBlur:()=>d(!1),disabled:s}),e.jsx("label",{className:f(I.Label,{[I.lifted]:C}),children:t}),c&&e.jsx("span",{className:I.ErrorText,children:c})]})}const m={ToggleContainer:"_ToggleContainer_1jetc_6",disabled:"_disabled_1jetc_13",Track:"_Track_1jetc_18",on:"_on_1jetc_31",Thumb:"_Thumb_1jetc_39",Label:"_Label_1jetc_57",LabelSkeleton:"_LabelSkeleton_1jetc_63",Skeleton:"_Skeleton_1jetc_78"};function fe({checked:n,onChange:o,label:t,labelPosition:r="right",disabled:a,isLoader:s,isLoadingLabel:c,className:i}){const h=!!t||c,d=c?e.jsx("span",{className:m.LabelSkeleton,"aria-hidden":"true"}):t?e.jsx("span",{className:m.Label,children:t}):null;return s?h?e.jsxs("div",{className:f(m.ToggleContainer,i),children:[r==="left"&&d,e.jsx("div",{className:m.Skeleton,"aria-hidden":"true"}),r==="right"&&d]}):e.jsx("div",{className:f(m.Skeleton,i),"aria-hidden":"true"}):e.jsxs("label",{className:f(m.ToggleContainer,{[m.disabled]:a},i),children:[r==="left"&&d,e.jsx("button",{role:"switch","aria-checked":n,className:f(m.Track,{[m.on]:n}),onClick:()=>!a&&o(!n),disabled:a,type:"button",children:e.jsx("span",{className:m.Thumb})}),r==="right"&&d]})}function he(){const[n,o]=_.useState(!1),t=_.useRef(null),r=_.useCallback(()=>o(s=>!s),[]),a=_.useCallback(()=>o(!1),[]);return{isOpen:n,triggerRef:t,toggleOpen:r,close:a}}function pe(n,o,t){_.useEffect(()=>{function r(s){const c=s.target;n.current?.contains(c)||t?.current?.contains(c)||o()}function a(s){s.key==="Escape"&&o()}return document.addEventListener("mousedown",r,!0),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",r,!0),document.removeEventListener("keydown",a)}},[o,n,t])}function ge(n,o){const[t,r]=_.useState([]);return _.useEffect(()=>{if(!o)return;let a=!1;return o(n).then(s=>{a||r(s)}),()=>{a=!0}},[n,o]),t}function B(n){return typeof n=="string"?n:n.id}function M(n){return typeof n=="string"?n:n.name}function Ce(n,o){return n.map(t=>o.find(r=>B(r)===t)??t)}const u={DropdownContainer:"_DropdownContainer_1m7mu_13",PanelContainer:"_PanelContainer_1m7mu_18",TriggerContainer:"_TriggerContainer_1m7mu_32",Open:"_Open_1m7mu_56",TriggerPlaceholder:"_TriggerPlaceholder_1m7mu_61",TriggerValue:"_TriggerValue_1m7mu_69",TriggerIcon:"_TriggerIcon_1m7mu_77",ChipsWrapper:"_ChipsWrapper_1m7mu_84",Chip:"_Chip_1m7mu_84",SearchRow:"_SearchRow_1m7mu_115",SearchBox:"_SearchBox_1m7mu_120",SearchIcon:"_SearchIcon_1m7mu_130",SearchInput:"_SearchInput_1m7mu_137",ResultsList:"_ResultsList_1m7mu_151",OptionRow:"_OptionRow_1m7mu_156",Selected:"_Selected_1m7mu_171",Checkmark:"_Checkmark_1m7mu_176",CreateRow:"_CreateRow_1m7mu_182",WithBorder:"_WithBorder_1m7mu_195",CreateIcon:"_CreateIcon_1m7mu_200",CreateLabel:"_CreateLabel_1m7mu_212",EmptyHint:"_EmptyHint_1m7mu_218",SkeletonRow:"_SkeletonRow_1m7mu_225"};function me({query:n,withBorder:o,onCreate:t}){function r(a){a.preventDefault(),t()}return e.jsxs("div",{className:f(u.CreateRow,o&&u.WithBorder),onMouseDown:r,children:[e.jsx("span",{className:u.CreateIcon,children:e.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"2.4",strokeLinecap:"round",children:[e.jsx("line",{x1:"5",y1:"1",x2:"5",y2:"9"}),e.jsx("line",{x1:"1",y1:"5",x2:"9",y2:"5"})]})}),e.jsxs("span",{className:u.CreateLabel,children:["create “",n,"”"]})]})}function we({opt:n,isSelected:o,multiSelect:t,onPick:r}){function a(s){s.preventDefault(),r(n)}return e.jsxs("div",{className:f(u.OptionRow,o&&u.Selected),onMouseDown:a,children:[t&&o&&e.jsx("span",{className:u.Checkmark,children:"✓"}),M(n)]})}function ve({inputRef:n,query:o,onChange:t,onKeyDown:r,placeholder:a}){return e.jsx("div",{className:u.SearchRow,children:e.jsxs("div",{className:u.SearchBox,children:[e.jsx("span",{className:u.SearchIcon,children:e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",children:[e.jsx("circle",{cx:"5",cy:"5",r:"3.5"}),e.jsx("line",{x1:"8",y1:"8",x2:"11",y2:"11"})]})}),e.jsx("input",{ref:n,className:u.SearchInput,value:o,onChange:t,onKeyDown:r,placeholder:a})]})})}function ye({count:n}){return e.jsx(e.Fragment,{children:Array.from({length:n}).map((o,t)=>e.jsx("div",{className:u.SkeletonRow},t))})}function Ie({onSearch:n,onCreate:o,onPick:t,onClose:r,anchorRef:a,placeholder:s,options:c=[],excluded:i=[],selected:h=[],multiSelect:d=!1,isLoading:C=!1,emptyHint:w="no results found",skeletonRowCount:g=4,onError:S=console.error}){const[k,D]=_.useState(""),[A,N]=_.useState(!1),E=_.useRef(null),x=_.useRef(null),P=!!n,q=ge(k,n);pe(x,r,a),_.useEffect(()=>{P&&E.current?.focus()},[P]);const T=(n?q:c).filter(p=>!i.includes(B(p))),v=k.trim(),z=T.some(p=>M(p).toLowerCase()===v.toLowerCase()),G=!!o&&v.length>0&&!z;async function Y(){!v||A||!o||(N(!0),o(v).then(H).catch(S).finally(()=>N(!1)))}function H(p){t(p),d||r()}function xe(p){D(p.target.value)}function Pe(p){p.key==="Enter"&&(p.preventDefault(),T.length>0?H(T[0]):G&&Y())}const Oe=s??(o?"search or add new…":"search…");return e.jsxs("div",{ref:x,className:u.PanelContainer,children:[P&&e.jsx(ve,{inputRef:E,query:k,onChange:xe,onKeyDown:Pe,placeholder:Oe}),e.jsx("div",{className:u.ResultsList,children:C?e.jsx(ye,{count:g}):e.jsxs(e.Fragment,{children:[T.map(p=>e.jsx(we,{opt:p,isSelected:h.includes(B(p)),multiSelect:d,onPick:H},B(p))),G&&e.jsx(me,{query:v,withBorder:T.length>0,onCreate:Y}),T.length===0&&!G&&e.jsx("div",{className:u.EmptyHint,children:w})]})})]})}function Z({size:n=14,strokeWidth:o=2,className:t}){return e.jsx("svg",{viewBox:"0 0 24 24",width:n,height:n,fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:t,children:e.jsx("polyline",{points:"6 9 12 15 18 9"})})}function Se({size:n=18,strokeWidth:o=2.5,shrink:t=!0}){return e.jsx("svg",{viewBox:"0 0 24 24",width:n,height:n,fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",style:t?{flexShrink:0}:void 0,children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})}function ke(){return e.jsxs("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M12 20h9"}),e.jsx("path",{d:"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z"})]})}function Te(){return e.jsxs("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"}),e.jsx("circle",{cx:"12",cy:"7",r:"4"})]})}function Le({triggerRef:n,isOpen:o,onClick:t,selectedOptions:r,multiSelect:a,placeholder:s}){return e.jsxs("button",{type:"button",ref:n,className:f(u.TriggerContainer,o&&u.Open),onClick:t,"aria-expanded":o,"aria-haspopup":"listbox",children:[a&&r.length>0?e.jsx("div",{className:u.ChipsWrapper,children:r.map((c,i)=>e.jsx("span",{className:u.Chip,children:M(c)},i))}):e.jsx("span",{className:r.length===0?u.TriggerPlaceholder:u.TriggerValue,children:r.length===0?s:r.map(M).join(", ")}),e.jsx("span",{className:u.TriggerIcon,children:e.jsx(Z,{size:12})})]})}function be({options:n=[],value:o,onChange:t,onSearch:r,onCreate:a,excluded:s,multiSelect:c=!1,placeholder:i="select…",searchPlaceholder:h,emptyHint:d,isLoading:C,skeletonRowCount:w,onError:g,className:S,children:k}){const{isOpen:D,triggerRef:A,toggleOpen:N,close:E}=he(),x=Ce(o,n);function P(T){const v=B(T);t(c?o.includes(v)?o.filter(z=>z!==v):[...o,v]:[v])}const q={ref:A,onClick:N,"aria-expanded":D,"aria-haspopup":"listbox"};return e.jsxs("div",{className:f(u.DropdownContainer,S),children:[k?k({selectedOptions:x,isOpen:D,toggleOpen:N,close:E,triggerProps:q}):e.jsx(Le,{triggerRef:A,isOpen:D,onClick:N,selectedOptions:x,multiSelect:c,placeholder:i}),D&&e.jsx(Ie,{options:n,onSearch:r,onCreate:a,onPick:P,onClose:E,anchorRef:A,excluded:s,multiSelect:c,selected:o,placeholder:h,emptyHint:d,isLoading:C,skeletonRowCount:w,onError:g})]})}const b={Btn:"_Btn_1hwff_1",Primary:"_Primary_1hwff_26",Secondary:"_Secondary_1hwff_41",Ghost:"_Ghost_1hwff_53",IconDanger:"_IconDanger_1hwff_65",Danger:"_Danger_1hwff_86"},De={primary:b.Primary,secondary:b.Secondary,danger:b.Danger,ghost:b.Ghost,iconDanger:b.IconDanger};function Ne({variant:n,className:o,children:t,...r}){return e.jsx("button",{type:"button",...r,className:f(b.Btn,n?De[n]:void 0,o),children:t})}const L={ConfirmContainer:"_ConfirmContainer_b00ul_1",ConfirmTitle:"_ConfirmTitle_b00ul_17",ConfirmMessage:"_ConfirmMessage_b00ul_25",ConfirmActions:"_ConfirmActions_b00ul_32",BtnCancel:"_BtnCancel_b00ul_40",BtnConfirm:"_BtnConfirm_b00ul_60",BtnDanger:"_BtnDanger_b00ul_79"};function Be({title:n,message:o,confirmLabel:t="Confirm",cancelLabel:r="Cancel",danger:a=!1,onConfirm:s,onClose:c}){const[i,h]=_.useState(!1);function d(){h(!0),Promise.resolve(s()).finally(()=>{h(!1),c()})}return e.jsxs("div",{className:L.ConfirmContainer,role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:L.ConfirmTitle,children:n}),e.jsx("p",{className:L.ConfirmMessage,children:o}),e.jsxs("div",{className:L.ConfirmActions,children:[e.jsx("button",{className:L.BtnCancel,type:"button",onClick:c,disabled:i,children:r}),e.jsx("button",{className:f(a?L.BtnDanger:L.BtnConfirm),type:"button",onClick:d,disabled:i,children:i?"…":t})]})]})}const W={InfoContainer:"_InfoContainer_1meyp_1",InfoTitle:"_InfoTitle_1meyp_17",InfoMessage:"_InfoMessage_1meyp_25",InfoActions:"_InfoActions_1meyp_32",BtnClose:"_BtnClose_1meyp_39"};function We({title:n,message:o,onClose:t}){return e.jsxs("div",{className:W.InfoContainer,role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:W.InfoTitle,children:n}),e.jsx("p",{className:W.InfoMessage,children:o}),e.jsx("div",{className:W.InfoActions,children:e.jsx("button",{className:W.BtnClose,type:"button",onClick:t,children:"Got it"})})]})}function Ae({buttons:n,containerClassName:o}){return e.jsx("div",{className:o,children:n.map((t,r)=>e.jsx("button",{className:t.className,type:"button",onClick:t.onClick,disabled:t.disabled,children:t.label},r))})}function Ee({onClick:n,disabled:o,className:t}){return e.jsx("button",{className:t,type:"button",onClick:n,disabled:o,"aria-label":"Close",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})}l.AvatarFallbackIcon=Te,l.Button=Ne,l.CheckmarkIcon=Se,l.ChevronDownIcon=Z,l.ConfirmDialog=Be,l.Dropdown=be,l.EditPencilIcon=ke,l.InfoDialog=We,l.Input=_e,l.Loader=Q,l.LoadingWrapper=re,l.ModalActions=Ae,l.ModalClose=Ee,l.TelegramAuth=ie,l.TelegramSignInButton=X,l.Toaster=de,l.Toggle=fe,l.useTelegramLogin=J,l.useToaster=$,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%)}}@keyframes _spin_wa8op_1{to{transform:rotate(360deg)}}@keyframes _ripple_wa8op_1{0%{transform:scale(.08);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes _dotPulse_wa8op_1{0%,to{transform:translate(-50%,-50%) scale(.55);opacity:.3}50%{transform:translate(-50%,calc(-50% - var(--sz) * .1)) scale(1);opacity:1}}@keyframes _waveBounce_wa8op_1{0%,55%,to{transform:translate(-50%,-50%) scale(.8);opacity:.4}27%{transform:translate(-50%,calc(-50% - var(--sz) * .28)) scale(1);opacity:1}}._LoaderContainer_wa8op_24{position:relative;flex-shrink:0}._sm_wa8op_31{width:1.5rem;height:1.5rem;--sz: 1.5rem;--arc-gap: .2rem;--arc-bw: .125rem}._md_wa8op_32{width:2.5rem;height:2.5rem;--sz: 2.5rem;--arc-gap: .35rem;--arc-bw: .1875rem}._lg_wa8op_33{width:4rem;height:4rem;--sz: 4rem;--arc-gap: .55rem;--arc-bw: .25rem}._Arc1_wa8op_37,._Arc2_wa8op_38,._Arc3_wa8op_39{position:absolute;border-radius:50%;border:var(--arc-bw) solid transparent}._Arc1_wa8op_37{inset:0;border-top-color:var(--chures-accent, #229ED9);border-left-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.2s linear infinite;filter:drop-shadow(0 0 .25rem var(--chures-accent, #229ED9))}._Arc2_wa8op_38{inset:var(--arc-gap);border-bottom-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.8s linear infinite reverse;opacity:.8}._Arc3_wa8op_39{inset:calc(var(--arc-gap) * 2);border-top-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 2.4s linear infinite;opacity:.6}._Ring1_wa8op_71,._Ring2_wa8op_72,._Ring3_wa8op_73{position:absolute;inset:0;border-radius:50%;border:var(--arc-bw) solid var(--chures-accent, #229ED9);animation:_ripple_wa8op_1 1.8s ease-out infinite both}._Ring2_wa8op_72{animation-delay:.6s}._Ring3_wa8op_73{animation-delay:1.2s}._Dot1_wa8op_86,._Dot2_wa8op_87,._Dot3_wa8op_88{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .14) var(--chures-accent, #229ED9);animation:_dotPulse_wa8op_1 1.1s ease-in-out infinite both}._Dot1_wa8op_86{left:22%}._Dot2_wa8op_87{left:50%;animation-delay:.18s}._Dot3_wa8op_88{left:78%;animation-delay:.36s}._Wave1_wa8op_105,._Wave2_wa8op_106,._Wave3_wa8op_107,._Wave4_wa8op_108,._Wave5_wa8op_109{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .16);height:calc(var(--sz) * .16);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .1) var(--chures-accent, #229ED9);animation:_waveBounce_wa8op_1 1s ease-in-out infinite both}._Wave1_wa8op_105{left:10%}._Wave2_wa8op_106{left:28%;animation-delay:.12s}._Wave3_wa8op_107{left:46%;animation-delay:.24s}._Wave4_wa8op_108{left:64%;animation-delay:.36s}._Wave5_wa8op_109{left:82%;animation-delay:.48s}._LoadingWrapperContainer_1q0w7_1{display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem}._SkeletonWrapper_1q0w7_9{width:100%}._TelegramSignInButtonContainer_10wun_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--chures-btn-from, #2AABEE) 0%,var(--chures-btn-to, #229ED9) 100%);border:0;border-radius:.875rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 .0625rem #ffffff26,0 .75rem 2rem -.75rem #2aabee8c;transition:transform .14s ease,box-shadow .2s ease,filter .16s ease}._TelegramSignInButtonContainer_10wun_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_10wun_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_10wun_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_10wun_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_10wun_46{height:100%}._Icon_10wun_50{flex-shrink:0}._ToastContainer_1tme2_1{position:fixed;right:1.5rem;top:1.5rem;width:clamp(25vw,24.5rem,95vw);display:flex;flex-direction:column;gap:1rem;z-index:9999}._Toast_1tme2_1{min-height:4rem;border:var(--chures-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:var(--chures-surface, #000000);display:flex;flex-direction:column}._Toast_1tme2_1>div:first-child{font-weight:700;font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}._Toast_1tme2_1._error_1tme2_33{border-color:var(--chures-error, #ef4444)}._Toast_1tme2_1._error_1tme2_33>div:first-child{color:var(--chures-error, #ef4444)}._Toast_1tme2_1._warn_1tme2_41{border-color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._warn_1tme2_41>div:first-child{color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._info_1tme2_49{border-color:var(--chures-accent, #229ED9)}._Toast_1tme2_1 ._Description_1tme2_53{color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-xs, .75rem);margin-top:.125rem}._Toast_1tme2_1 ._DismissButton_1tme2_59{position:absolute;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;top:0;right:1%;cursor:pointer;font-size:1.5rem;color:var(--chures-fg-muted, #9ca3af)}._slideIn_1tme2_79{animation:_slideIn_1tme2_79 .2s ease forwards}._slideOut_1tme2_83{animation:_slideOut_1tme2_83 .2s ease forwards}@keyframes _slideIn_1tme2_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1tme2_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes _shimmer_1a08x_1{0%{background-position:-200% 0}to{background-position:200% 0}}._InputContainer_1a08x_6{position:relative;width:100%;height:var(--chures-input-height, 3rem)}._InputField_1a08x_12{width:100%;height:100%;background:var(--chures-input-bg, #111111);border:.0625rem solid rgb(255 255 255 / 13%);border-radius:var(--chures-input-radius, .75rem);color:var(--chures-fg, #ffffff);font-size:var(--chures-font-sm, .875rem);padding:0 .875rem;outline:none;transition:border-color .18s ease;box-sizing:border-box}._InputField_1a08x_12:focus{border-color:#ffffff59}._hasError_1a08x_30 ._InputField_1a08x_12,._hasError_1a08x_30 ._InputField_1a08x_12:focus{border-color:var(--chures-error, #ef4444)}._disabled_1a08x_35 ._InputField_1a08x_12{opacity:.45;cursor:not-allowed}._Label_1a08x_40{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-sm, .875rem);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_1a08x_40._lifted_1a08x_54{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}._hasError_1a08x_30 ._Label_1a08x_40._lifted_1a08x_54{color:var(--chures-error, #ef4444)}._ErrorText_1a08x_65{display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}._Skeleton_1a08x_73{width:100%;height:var(--chures-input-height, 3rem);border-radius:var(--chures-input-radius, .75rem);background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1a08x_1 1.5s ease-in-out infinite}@keyframes _shimmer_1jetc_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_1jetc_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_1jetc_13{opacity:.45;cursor:not-allowed}._Track_1jetc_18{position:relative;width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:var(--chures-toggle-bg-off, rgb(255 255 255 / 13%));border:none;padding:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}._Track_1jetc_18._on_1jetc_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_1jetc_13 ._Track_1jetc_18{cursor:not-allowed}._Thumb_1jetc_39{position:absolute;top:0;bottom:0;margin:auto 0;left:.1875rem;width:var(--chures-toggle-thumb, 1.125rem);height:var(--chures-toggle-thumb, 1.125rem);border-radius:50%;background:var(--chures-toggle-thumb-color, #ffffff);transition:left .2s ease;pointer-events:none}._Track_1jetc_18._on_1jetc_31 ._Thumb_1jetc_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_1jetc_57{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_1jetc_63{display:inline-block;width:var(--chures-toggle-label-skeleton-w, 5rem);height:var(--chures-font-sm, .875rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}._Skeleton_1jetc_78{width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%)}}@keyframes _panelIn_1v133_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_1v133_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_1v133_13{position:relative;width:100%}._PanelContainer_1v133_18{position:absolute;top:100%;left:0;width:100%;background:var(--chures-dropdown-bg);border:1px solid var(--chures-dropdown-border);border-radius:var(--chures-dropdown-radius);overflow:hidden;box-shadow:0 1rem 3rem #000c;animation:_panelIn_1v133_1 .14s ease}._Label_1v133_31{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted);font-size:var(--chures-font-sm);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_1v133_31._lifted_1v133_45{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg);color:var(--chures-fg-muted)}._TriggerContainer_1v133_52{width:100%;height:var(--chures-input-height);background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-trigger-border);border-radius:var(--chures-input-radius);color:var(--chures-fg);font-size:var(--chures-font-sm);font-family:inherit;padding:0 .875rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}._TriggerContainer_1v133_52:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_1v133_52._Open_1v133_76{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_1v133_81{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_1v133_89{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_1v133_97{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_1v133_104{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;align-items:center;scrollbar-width:none;-ms-overflow-style:none}._ChipsWrapper_1v133_104::-webkit-scrollbar{display:none}._Chip_1v133_104{display:inline-flex;align-items:center;flex-shrink:0;background:var(--chures-dropdown-create-bg);border:1px solid var(--chures-dropdown-chip-border);border-radius:624.9375rem;padding:.15rem .5rem;font-size:var(--chures-font-xs);color:var(--chures-fg);white-space:nowrap;line-height:1.4}._SearchRow_1v133_135{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_1v133_140{display:flex;align-items:center;gap:.5rem;background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-border-subtle);border-radius:var(--chures-dropdown-row-radius);padding:.4rem .625rem}._SearchIcon_1v133_150{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_1v133_157{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_1v133_157::placeholder{color:var(--chures-fg-muted)}._ResultsList_1v133_171{max-height:13rem;overflow-y:auto}._OptionRow_1v133_176{padding:.5625rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);cursor:pointer;transition:background .1s ease,color .1s ease;display:flex;align-items:center;gap:.5rem}._OptionRow_1v133_176:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_1v133_176._Selected_1v133_191{color:var(--chures-fg)}._Checkmark_1v133_196{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_1v133_202{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_1v133_202:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_1v133_202._WithBorder_1v133_215{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_1v133_220{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--chures-accent);color:#fff;flex-shrink:0}._CreateLabel_1v133_232{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_1v133_238{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_1v133_245{height:2rem;margin:.375rem .875rem;border-radius:var(--chures-dropdown-row-radius);background:linear-gradient(90deg,var(--chures-dropdown-bg) 25%,var(--chures-skeleton-shine) 50%,var(--chures-dropdown-bg) 75%);background-size:200% 100%;animation:_shimmer_1v133_1 1.4s infinite linear}._Btn_1hwff_1{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:1px solid transparent;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.625rem 1rem;transition:all .16s ease;white-space:nowrap;color:var(--chures-fg, #ffffff);background:var(--chures-button-bg)}._Btn_1hwff_1:disabled{opacity:.4;cursor:not-allowed}._Primary_1hwff_26{background:var(--chures-accent, #229ED9);border-color:var(--chures-accent, #229ED9);color:#fff;font-weight:600;padding:.625rem 1.125rem;box-shadow:0 10px 28px -12px var(--chures-accent-muted, rgb(34 158 217 / 50%));transition:filter .16s ease,opacity .16s ease}._Primary_1hwff_26:hover:not(:disabled){filter:brightness(1.06)}._Secondary_1hwff_41{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Secondary_1hwff_41:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._Ghost_1hwff_53{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Ghost_1hwff_53:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._IconDanger_1hwff_65{width:1.375rem;height:1.375rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:1rem;line-height:1;justify-content:center;flex-shrink:0;transition:background .14s ease,color .14s ease}._IconDanger_1hwff_65:hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}._Danger_1hwff_86{background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}._Danger_1hwff_86:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmContainer_b00ul_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_confirmIn_b00ul_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_b00ul_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmTitle_b00ul_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_b00ul_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_b00ul_32{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_b00ul_40{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_b00ul_40:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_b00ul_60{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_b00ul_60:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_b00ul_79{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_b00ul_79:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_b00ul_60:disabled,._BtnDanger_b00ul_79:disabled,._BtnCancel_b00ul_40:disabled{opacity:.4;cursor:not-allowed}._InfoContainer_1meyp_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_infoIn_1meyp_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_1meyp_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoTitle_1meyp_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_1meyp_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_1meyp_32{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_1meyp_39{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_1meyp_39:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("framer-motion"),require("zustand")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","framer-motion","zustand"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.Chures={},l.ReactJSXRuntime,l.React,l.FramerMotion,l.Zustand))})(this,(function(l,e,f,K,R){"use strict";function ee(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var z={exports:{}};var Q;function ne(){return Q||(Q=1,(function(n){(function(){var o={}.hasOwnProperty;function t(){for(var s="",c=0;c<arguments.length;c++){var i=arguments[c];i&&(s=a(s,r(i)))}return s}function r(s){if(typeof s=="string"||typeof s=="number")return s;if(typeof s!="object")return"";if(Array.isArray(s))return t.apply(null,s);if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]"))return s.toString();var c="";for(var i in s)o.call(s,i)&&s[i]&&(c=a(c,i));return c}function a(s,c){return c?s?s+" "+c:s+c:s}n.exports?(t.default=t,n.exports=t):window.classNames=t})()})(z)),z.exports}var oe=ne();const u=ee(oe),F={LoaderContainer:"_LoaderContainer_wa8op_24",sm:"_sm_wa8op_31",md:"_md_wa8op_32",lg:"_lg_wa8op_33",Arc1:"_Arc1_wa8op_37",Arc2:"_Arc2_wa8op_38",Arc3:"_Arc3_wa8op_39",spin:"_spin_wa8op_1",Ring1:"_Ring1_wa8op_71",Ring2:"_Ring2_wa8op_72",Ring3:"_Ring3_wa8op_73",ripple:"_ripple_wa8op_1",Dot1:"_Dot1_wa8op_86",Dot2:"_Dot2_wa8op_87",Dot3:"_Dot3_wa8op_88",dotPulse:"_dotPulse_wa8op_1",Wave1:"_Wave1_wa8op_105",Wave2:"_Wave2_wa8op_106",Wave3:"_Wave3_wa8op_107",Wave4:"_Wave4_wa8op_108",Wave5:"_Wave5_wa8op_109",waveBounce:"_waveBounce_wa8op_1"};function te(n,o){switch(n){case"ripple":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Ring1}),e.jsx("div",{className:o.Ring2}),e.jsx("div",{className:o.Ring3})]});case"dots":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Dot1}),e.jsx("div",{className:o.Dot2}),e.jsx("div",{className:o.Dot3})]});case"wave":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Wave1}),e.jsx("div",{className:o.Wave2}),e.jsx("div",{className:o.Wave3}),e.jsx("div",{className:o.Wave4}),e.jsx("div",{className:o.Wave5})]});default:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Arc1}),e.jsx("div",{className:o.Arc2}),e.jsx("div",{className:o.Arc3})]})}}function U({variant:n="arcs",size:o="md",color:t,className:r}){return e.jsx("div",{className:u(F.LoaderContainer,F[o],F[n],r),role:"status","aria-label":"Loading",style:t?{"--chures-accent":t}:void 0,children:te(n,F)})}const J={LoadingWrapperContainer:"_LoadingWrapperContainer_1q0w7_1",SkeletonWrapper:"_SkeletonWrapper_1q0w7_9"};function re({isLoading:n,children:o,skeleton:t,loaderProps:r,className:a}){return n?t?e.jsx("div",{className:u(J.SkeletonWrapper,a),children:t}):e.jsx("div",{className:u(J.LoadingWrapperContainer,a),children:e.jsx(U,{...r})}):e.jsx(e.Fragment,{children:o})}const se="https://oauth.telegram.org/js/telegram-login.js?3";function X(n){const{botId:o,redirectUri:t,requestAccess:r="write"}=n,a=f.useRef(n.onSuccess);a.current=n.onSuccess;const s=f.useRef(!1),[c,i]=f.useState(!1),[h,_]=f.useState(!1);f.useEffect(function(){if(!o)return;const w=t??window.location.origin;_(!0),i(!1);const g=document.createElement("script");return g.src=se,g.async=!0,g.onload=function(){const I=window.Telegram;I&&(I.Login.init({client_id:o,redirect_uri:w},function(T){s.current||(s.current=!0,a.current(T))}),i(!0)),_(!1)},g.onerror=function(){_(!1)},document.head.appendChild(g),function(){document.head.contains(g)&&document.head.removeChild(g),i(!1),_(!1)}},[o,t]);function C(){const w=window.Telegram;if(!c||!w)return;s.current=!1;const g=t??window.location.origin;w.Login.auth({client_id:o,redirect_uri:g,request_access:r},function(I){s.current||(s.current=!0,a.current(I))})}return{login:C,isReady:c,isLoading:h}}const G={TelegramSignInButtonContainer:"_TelegramSignInButtonContainer_10wun_1",FullSize:"_FullSize_10wun_46",Icon:"_Icon_10wun_50"},ae={en:"Continue with Telegram",ru:"Войти через Telegram"};function ce(){return e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor","aria-hidden":"true",className:G.Icon,children:e.jsx("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"})})}function Z({onClick:n,disabled:o,lang:t="en",title:r,label:a,fullSize:s,className:c}){f.useEffect(function(){const _="comfortaa-font";if(document.getElementById(_))return;const C=document.createElement("link");C.id=_,C.rel="stylesheet",C.href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap",document.head.appendChild(C)},[]);const i=a??r??ae[t],h=[G.TelegramSignInButtonContainer,s&&G.FullSize,c].filter(Boolean).join(" ");return e.jsxs("button",{type:"button",className:h,onClick:n,disabled:o,children:[e.jsx(ce,{}),i]})}function ie({botId:n,onSuccess:o,lang:t,title:r,redirectUri:a,requestAccess:s,children:c,className:i}){const{login:h,isReady:_}=X({botId:n,onSuccess:o,redirectUri:a,requestAccess:s});return c?e.jsx(e.Fragment,{children:c({login:h,isReady:_})}):e.jsx(Z,{onClick:h,disabled:!_,lang:t,title:r,className:i})}let le=0;const H=R.create((n,o)=>({toasts:[],bake:t=>{const r=le++;n(a=>({toasts:[...a.toasts,{...t,id:r}]})),setTimeout(()=>{o().dismiss(r)},5e3)},dismiss:t=>{n(r=>({toasts:r.toasts.filter(a=>a.id!==t)}))}})),m={ToastContainer:"_ToastContainer_1tme2_1",Toast:"_Toast_1tme2_1",error:"_error_1tme2_33",warn:"_warn_1tme2_41",info:"_info_1tme2_49",Description:"_Description_1tme2_53",DismissButton:"_DismissButton_1tme2_59",slideIn:"_slideIn_1tme2_79",slideOut:"_slideOut_1tme2_83"};function de(){const{toasts:n}=H();return e.jsx("div",{className:m.ToastContainer,children:e.jsx(K.AnimatePresence,{children:n.map(o=>e.jsx(K.motion.div,{layout:!0,initial:{opacity:0,x:100,y:50},animate:{opacity:1,x:0,y:0},exit:{opacity:0,y:-50},transition:{type:"spring",stiffness:300,damping:20},children:e.jsx(_e,{...o})},o.id))})})}function _e({id:n,title:o,description:t,level:r,isDismissable:a}){const[s,c]=f.useState(!1),i=H();return f.useEffect(()=>()=>{c(!0)},[]),e.jsxs("div",{className:u(m.Toast,{[m.error]:r==="Error",[m.warn]:r==="Warn",[m.info]:r==null||r==="Info",[m.slideIn]:!s,[m.slideOut]:s}),children:[e.jsx("div",{children:o}),e.jsx("div",{className:m.Description,children:t}),a&&n!==void 0&&e.jsx("div",{className:m.DismissButton,onClick:()=>i.dismiss(n),children:"×"})]})}const y={InputContainer:"_InputContainer_1a08x_6",InputField:"_InputField_1a08x_12",hasError:"_hasError_1a08x_30",disabled:"_disabled_1a08x_35",Label:"_Label_1a08x_40",lifted:"_lifted_1a08x_54",ErrorText:"_ErrorText_1a08x_65",Skeleton:"_Skeleton_1a08x_73"};function fe({value:n,setValue:o,label:t,isLoader:r,type:a="text",disabled:s,error:c,className:i}){const[h,_]=f.useState(!1),C=h||n.length>0;return r?e.jsx("div",{className:u(y.Skeleton,i),"aria-hidden":"true"}):e.jsxs("div",{className:u(y.InputContainer,{[y.hasError]:!!c,[y.disabled]:s},i),children:[e.jsx("input",{className:y.InputField,type:a,value:n,onChange:w=>o(w.target.value),onFocus:()=>_(!0),onBlur:()=>_(!1),disabled:s}),e.jsx("label",{className:u(y.Label,{[y.lifted]:C}),children:t}),c&&e.jsx("span",{className:y.ErrorText,children:c})]})}const v={ToggleContainer:"_ToggleContainer_1jetc_6",disabled:"_disabled_1jetc_13",Track:"_Track_1jetc_18",on:"_on_1jetc_31",Thumb:"_Thumb_1jetc_39",Label:"_Label_1jetc_57",LabelSkeleton:"_LabelSkeleton_1jetc_63",Skeleton:"_Skeleton_1jetc_78"};function ue({checked:n,onChange:o,label:t,labelPosition:r="right",disabled:a,isLoader:s,isLoadingLabel:c,className:i}){const h=!!t||c,_=c?e.jsx("span",{className:v.LabelSkeleton,"aria-hidden":"true"}):t?e.jsx("span",{className:v.Label,children:t}):null;return s?h?e.jsxs("div",{className:u(v.ToggleContainer,i),children:[r==="left"&&_,e.jsx("div",{className:v.Skeleton,"aria-hidden":"true"}),r==="right"&&_]}):e.jsx("div",{className:u(v.Skeleton,i),"aria-hidden":"true"}):e.jsxs("label",{className:u(v.ToggleContainer,{[v.disabled]:a},i),children:[r==="left"&&_,e.jsx("button",{role:"switch","aria-checked":n,className:u(v.Track,{[v.on]:n}),onClick:()=>!a&&o(!n),disabled:a,type:"button",children:e.jsx("span",{className:v.Thumb})}),r==="right"&&_]})}function he(){const[n,o]=f.useState(!1),t=f.useRef(null),r=f.useCallback(()=>o(s=>!s),[]),a=f.useCallback(()=>o(!1),[]);return{isOpen:n,triggerRef:t,toggleOpen:r,close:a}}function pe(n,o,t){f.useEffect(()=>{function r(s){const c=s.target;n.current?.contains(c)||t?.current?.contains(c)||o()}function a(s){s.key==="Escape"&&o()}return document.addEventListener("mousedown",r,!0),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",r,!0),document.removeEventListener("keydown",a)}},[o,n,t])}function ge(n,o){const[t,r]=f.useState([]);return f.useEffect(()=>{if(!o)return;let a=!1;return o(n).then(s=>{a||r(s)}),()=>{a=!0}},[n,o]),t}function E(n){return typeof n=="string"?n:n.id}function $(n){return typeof n=="string"?n:n.name}function Ce(n,o){return n.map(t=>o.find(r=>E(r)===t)??t)}const d={DropdownContainer:"_DropdownContainer_1v133_13",PanelContainer:"_PanelContainer_1v133_18",Label:"_Label_1v133_31",lifted:"_lifted_1v133_45",TriggerContainer:"_TriggerContainer_1v133_52",Open:"_Open_1v133_76",TriggerPlaceholder:"_TriggerPlaceholder_1v133_81",TriggerValue:"_TriggerValue_1v133_89",TriggerIcon:"_TriggerIcon_1v133_97",ChipsWrapper:"_ChipsWrapper_1v133_104",Chip:"_Chip_1v133_104",SearchRow:"_SearchRow_1v133_135",SearchBox:"_SearchBox_1v133_140",SearchIcon:"_SearchIcon_1v133_150",SearchInput:"_SearchInput_1v133_157",ResultsList:"_ResultsList_1v133_171",OptionRow:"_OptionRow_1v133_176",Selected:"_Selected_1v133_191",Checkmark:"_Checkmark_1v133_196",CreateRow:"_CreateRow_1v133_202",WithBorder:"_WithBorder_1v133_215",CreateIcon:"_CreateIcon_1v133_220",CreateLabel:"_CreateLabel_1v133_232",EmptyHint:"_EmptyHint_1v133_238",SkeletonRow:"_SkeletonRow_1v133_245"};function ve({query:n,withBorder:o,onCreate:t}){function r(a){a.preventDefault(),t()}return e.jsxs("div",{className:u(d.CreateRow,o&&d.WithBorder),onMouseDown:r,children:[e.jsx("span",{className:d.CreateIcon,children:e.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"2.4",strokeLinecap:"round",children:[e.jsx("line",{x1:"5",y1:"1",x2:"5",y2:"9"}),e.jsx("line",{x1:"1",y1:"5",x2:"9",y2:"5"})]})}),e.jsxs("span",{className:d.CreateLabel,children:["create “",n,"”"]})]})}function we({opt:n,isSelected:o,multiSelect:t,onPick:r}){function a(s){s.preventDefault(),r(n)}return e.jsxs("div",{className:u(d.OptionRow,o&&d.Selected),onMouseDown:a,children:[t&&o&&e.jsx("span",{className:d.Checkmark,children:"✓"}),$(n)]})}function me({inputRef:n,query:o,onChange:t,onKeyDown:r,placeholder:a}){return e.jsx("div",{className:d.SearchRow,children:e.jsxs("div",{className:d.SearchBox,children:[e.jsx("span",{className:d.SearchIcon,children:e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",children:[e.jsx("circle",{cx:"5",cy:"5",r:"3.5"}),e.jsx("line",{x1:"8",y1:"8",x2:"11",y2:"11"})]})}),e.jsx("input",{ref:n,className:d.SearchInput,value:o,onChange:t,onKeyDown:r,placeholder:a})]})})}function ye({count:n}){return e.jsx(e.Fragment,{children:Array.from({length:n}).map((o,t)=>e.jsx("div",{className:d.SkeletonRow},t))})}function Ie({onSearch:n,onCreate:o,onPick:t,onClose:r,anchorRef:a,placeholder:s,options:c=[],excluded:i=[],selected:h=[],multiSelect:_=!1,isLoading:C=!1,emptyHint:w="no results found",skeletonRowCount:g=4,onError:I=console.error}){const[T,j]=f.useState(""),[L,W]=f.useState(!1),A=f.useRef(null),P=f.useRef(null),b=!!n,q=ge(T,n);pe(P,r,a),f.useEffect(()=>{b&&A.current?.focus()},[b]);const S=(n?q:c).filter(p=>!i.includes(E(p))),D=T.trim(),V=S.some(p=>$(p).toLowerCase()===D.toLowerCase()),O=!!o&&D.length>0&&!V;async function N(){!D||L||!o||(W(!0),o(D).then(M).catch(I).finally(()=>W(!1)))}function M(p){t(p),_||r()}function xe(p){j(p.target.value)}function Pe(p){p.key==="Enter"&&(p.preventDefault(),S.length>0?M(S[0]):O&&N())}const Oe=s??(o?"search or add new…":"search…");return e.jsxs("div",{ref:P,className:d.PanelContainer,children:[b&&e.jsx(me,{inputRef:A,query:T,onChange:xe,onKeyDown:Pe,placeholder:Oe}),e.jsx("div",{className:d.ResultsList,children:C?e.jsx(ye,{count:g}):e.jsxs(e.Fragment,{children:[S.map(p=>e.jsx(we,{opt:p,isSelected:h.includes(E(p)),multiSelect:_,onPick:M},E(p))),O&&e.jsx(ve,{query:D,withBorder:S.length>0,onCreate:N}),S.length===0&&!O&&e.jsx("div",{className:d.EmptyHint,children:w})]})})]})}function Y({size:n=14,strokeWidth:o=2,className:t}){return e.jsx("svg",{viewBox:"0 0 24 24",width:n,height:n,fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:t,children:e.jsx("polyline",{points:"6 9 12 15 18 9"})})}function Se({size:n=18,strokeWidth:o=2.5,shrink:t=!0}){return e.jsx("svg",{viewBox:"0 0 24 24",width:n,height:n,fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",style:t?{flexShrink:0}:void 0,children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})}function ke(){return e.jsxs("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M12 20h9"}),e.jsx("path",{d:"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z"})]})}function Te(){return e.jsxs("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"}),e.jsx("circle",{cx:"12",cy:"7",r:"4"})]})}function Le({triggerRef:n,isOpen:o,onClick:t,selectedOptions:r,multiSelect:a,placeholder:s}){return e.jsxs("button",{type:"button",ref:n,className:u(d.TriggerContainer,o&&d.Open),onClick:t,"aria-expanded":o,"aria-haspopup":"listbox",children:[a&&r.length>0?e.jsx("div",{className:d.ChipsWrapper,children:r.map((c,i)=>e.jsx("span",{className:d.Chip,children:$(c)},i))}):e.jsx("span",{className:r.length===0?d.TriggerPlaceholder:d.TriggerValue,children:r.length===0?s:r.map($).join(", ")}),e.jsx("span",{className:d.TriggerIcon,children:e.jsx(Y,{size:12})})]})}function be({options:n=[],value:o,onChange:t,onSearch:r,onCreate:a,excluded:s,multiSelect:c=!1,label:i,placeholder:h="select…",searchPlaceholder:_,emptyHint:C,isLoading:w,skeletonRowCount:g,onError:I,className:T,children:j}){const{isOpen:L,triggerRef:W,toggleOpen:A,close:P}=he(),b=Ce(o,n),q=L||b.length>0,S=i&&!q?"":h;function D(O){const N=E(O);t(c?o.includes(N)?o.filter(M=>M!==N):[...o,N]:[N])}const V={ref:W,onClick:A,"aria-expanded":L,"aria-haspopup":"listbox"};return e.jsxs("div",{className:u(d.DropdownContainer,T),children:[i&&e.jsx("label",{className:u(d.Label,{[d.lifted]:q}),children:i}),j?j({selectedOptions:b,isOpen:L,toggleOpen:A,close:P,triggerProps:V}):e.jsx(Le,{triggerRef:W,isOpen:L,onClick:A,selectedOptions:b,multiSelect:c,placeholder:S}),L&&e.jsx(Ie,{options:n,onSearch:r,onCreate:a,onPick:D,onClose:P,anchorRef:W,excluded:s,multiSelect:c,selected:o,placeholder:_,emptyHint:C,isLoading:w,skeletonRowCount:g,onError:I})]})}const B={Btn:"_Btn_1hwff_1",Primary:"_Primary_1hwff_26",Secondary:"_Secondary_1hwff_41",Ghost:"_Ghost_1hwff_53",IconDanger:"_IconDanger_1hwff_65",Danger:"_Danger_1hwff_86"},De={primary:B.Primary,secondary:B.Secondary,danger:B.Danger,ghost:B.Ghost,iconDanger:B.IconDanger};function Ne({variant:n,className:o,children:t,...r}){return e.jsx("button",{type:"button",...r,className:u(B.Btn,n?De[n]:void 0,o),children:t})}const k={ConfirmContainer:"_ConfirmContainer_b00ul_1",ConfirmTitle:"_ConfirmTitle_b00ul_17",ConfirmMessage:"_ConfirmMessage_b00ul_25",ConfirmActions:"_ConfirmActions_b00ul_32",BtnCancel:"_BtnCancel_b00ul_40",BtnConfirm:"_BtnConfirm_b00ul_60",BtnDanger:"_BtnDanger_b00ul_79"};function Be({title:n,message:o,confirmLabel:t="Confirm",cancelLabel:r="Cancel",danger:a=!1,onConfirm:s,onClose:c}){const[i,h]=f.useState(!1);function _(){h(!0),Promise.resolve(s()).finally(()=>{h(!1),c()})}return e.jsxs("div",{className:k.ConfirmContainer,role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:k.ConfirmTitle,children:n}),e.jsx("p",{className:k.ConfirmMessage,children:o}),e.jsxs("div",{className:k.ConfirmActions,children:[e.jsx("button",{className:k.BtnCancel,type:"button",onClick:c,disabled:i,children:r}),e.jsx("button",{className:u(a?k.BtnDanger:k.BtnConfirm),type:"button",onClick:_,disabled:i,children:i?"…":t})]})]})}const x={InfoContainer:"_InfoContainer_1meyp_1",InfoTitle:"_InfoTitle_1meyp_17",InfoMessage:"_InfoMessage_1meyp_25",InfoActions:"_InfoActions_1meyp_32",BtnClose:"_BtnClose_1meyp_39"};function We({title:n,message:o,onClose:t}){return e.jsxs("div",{className:x.InfoContainer,role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:x.InfoTitle,children:n}),e.jsx("p",{className:x.InfoMessage,children:o}),e.jsx("div",{className:x.InfoActions,children:e.jsx("button",{className:x.BtnClose,type:"button",onClick:t,children:"Got it"})})]})}function Ae({buttons:n,containerClassName:o}){return e.jsx("div",{className:o,children:n.map((t,r)=>e.jsx("button",{className:t.className,type:"button",onClick:t.onClick,disabled:t.disabled,children:t.label},r))})}function Ee({onClick:n,disabled:o,className:t}){return e.jsx("button",{className:t,type:"button",onClick:n,disabled:o,"aria-label":"Close",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})}l.AvatarFallbackIcon=Te,l.Button=Ne,l.CheckmarkIcon=Se,l.ChevronDownIcon=Y,l.ConfirmDialog=Be,l.Dropdown=be,l.EditPencilIcon=ke,l.InfoDialog=We,l.Input=fe,l.Loader=U,l.LoadingWrapper=re,l.ModalActions=Ae,l.ModalClose=Ee,l.TelegramAuth=ie,l.TelegramSignInButton=Z,l.Toaster=de,l.Toggle=ue,l.useTelegramLogin=X,l.useToaster=H,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
|
|
@@ -21,6 +21,7 @@ interface Props {
|
|
|
21
21
|
onCreate?: (name: string) => Promise<DropdownOption>;
|
|
22
22
|
excluded?: string[];
|
|
23
23
|
multiSelect?: boolean;
|
|
24
|
+
label?: string;
|
|
24
25
|
placeholder?: string;
|
|
25
26
|
searchPlaceholder?: string;
|
|
26
27
|
emptyHint?: string;
|
|
@@ -31,4 +32,4 @@ interface Props {
|
|
|
31
32
|
children?: (props: TriggerRenderProps) => ReactNode;
|
|
32
33
|
}
|
|
33
34
|
export type DropdownProps = Props;
|
|
34
|
-
export declare function Dropdown({ options, value, onChange, onSearch, onCreate, excluded, multiSelect, placeholder, searchPlaceholder, emptyHint, isLoading, skeletonRowCount, onError, className, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare function Dropdown({ options, value, onChange, onSearch, onCreate, excluded, multiSelect, label, placeholder, searchPlaceholder, emptyHint, isLoading, skeletonRowCount, onError, className, children, }: Props): import("react/jsx-runtime").JSX.Element;
|