@vervstack/chures 0.0.13 → 0.0.14
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 +105 -103
- package/dist/chures.umd.cjs +2 -2
- package/dist/components/Button/Button.d.ts +1 -1
- package/package.json +1 -1
package/dist/chures.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
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)}})();
|
|
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_1sywg_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_1sywg_1:disabled{opacity:.4;cursor:not-allowed}._Primary_1sywg_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_1sywg_26:hover:not(:disabled){filter:brightness(1.06)}._Secondary_1sywg_41{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Secondary_1sywg_41:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._Ghost_1sywg_53{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Ghost_1sywg_53:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._IconDanger_1sywg_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_1sywg_65:hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}._Danger_1sywg_86{background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}._Danger_1sywg_86:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._Unstyled_1sywg_99{display:block;gap:0;border-radius:0;border:none;font-size:inherit;font-weight:inherit;padding:0;transition:none;white-space:normal;color:inherit;background:transparent}._ConfirmContainer_b00ul_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_confirmIn_b00ul_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_b00ul_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmTitle_b00ul_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_b00ul_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_b00ul_32{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_b00ul_40{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_b00ul_40:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_b00ul_60{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_b00ul_60:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_b00ul_79{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_b00ul_79:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_b00ul_60:disabled,._BtnDanger_b00ul_79:disabled,._BtnCancel_b00ul_40:disabled{opacity:.4;cursor:not-allowed}._InfoContainer_1meyp_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_infoIn_1meyp_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_1meyp_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoTitle_1meyp_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_1meyp_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_1meyp_32{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_1meyp_39{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_1meyp_39:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
2
|
import { jsx as t, jsxs as d, Fragment as T } from "react/jsx-runtime";
|
|
3
|
-
import { useRef as F, useState as k, useEffect as A, forwardRef as ne, useCallback as
|
|
3
|
+
import { useRef as F, useState as k, useEffect as A, forwardRef as ne, useCallback as K } from "react";
|
|
4
4
|
import { AnimatePresence as te, motion as oe } from "framer-motion";
|
|
5
5
|
import { create as re } from "zustand";
|
|
6
6
|
function se(n) {
|
|
7
7
|
return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
|
|
8
8
|
}
|
|
9
|
-
var
|
|
10
|
-
var
|
|
9
|
+
var H = { exports: {} };
|
|
10
|
+
var Q;
|
|
11
11
|
function ie() {
|
|
12
|
-
return
|
|
12
|
+
return Q || (Q = 1, (function(n) {
|
|
13
13
|
(function() {
|
|
14
14
|
var e = {}.hasOwnProperty;
|
|
15
15
|
function o() {
|
|
@@ -38,10 +38,10 @@ function ie() {
|
|
|
38
38
|
}
|
|
39
39
|
n.exports ? (o.default = o, n.exports = o) : window.classNames = o;
|
|
40
40
|
})();
|
|
41
|
-
})(
|
|
41
|
+
})(H)), H.exports;
|
|
42
42
|
}
|
|
43
43
|
var ae = ie();
|
|
44
|
-
const f = /* @__PURE__ */ se(ae), ce = "_LoaderContainer_wa8op_24", le = "_sm_wa8op_31", de = "_md_wa8op_32", ue = "_lg_wa8op_33", _e = "_Arc1_wa8op_37", fe = "_Arc2_wa8op_38", he = "_Arc3_wa8op_39", pe = "_spin_wa8op_1", me = "_Ring1_wa8op_71", ge = "_Ring2_wa8op_72", Ce = "_Ring3_wa8op_73", ve = "_ripple_wa8op_1", we = "_Dot1_wa8op_86", ye = "_Dot2_wa8op_87", ke = "_Dot3_wa8op_88", Ie = "_dotPulse_wa8op_1", Ne = "_Wave1_wa8op_105", Te = "_Wave2_wa8op_106", Le = "_Wave3_wa8op_107", be = "_Wave4_wa8op_108", Se = "_Wave5_wa8op_109", De = "_waveBounce_wa8op_1",
|
|
44
|
+
const f = /* @__PURE__ */ se(ae), ce = "_LoaderContainer_wa8op_24", le = "_sm_wa8op_31", de = "_md_wa8op_32", ue = "_lg_wa8op_33", _e = "_Arc1_wa8op_37", fe = "_Arc2_wa8op_38", he = "_Arc3_wa8op_39", pe = "_spin_wa8op_1", me = "_Ring1_wa8op_71", ge = "_Ring2_wa8op_72", Ce = "_Ring3_wa8op_73", ve = "_ripple_wa8op_1", we = "_Dot1_wa8op_86", ye = "_Dot2_wa8op_87", ke = "_Dot3_wa8op_88", Ie = "_dotPulse_wa8op_1", Ne = "_Wave1_wa8op_105", Te = "_Wave2_wa8op_106", Le = "_Wave3_wa8op_107", be = "_Wave4_wa8op_108", Se = "_Wave5_wa8op_109", De = "_waveBounce_wa8op_1", U = {
|
|
45
45
|
LoaderContainer: ce,
|
|
46
46
|
sm: le,
|
|
47
47
|
md: de,
|
|
@@ -99,11 +99,11 @@ function Re({ variant: n = "arcs", size: e = "md", color: o, className: r }) {
|
|
|
99
99
|
return /* @__PURE__ */ t(
|
|
100
100
|
"div",
|
|
101
101
|
{
|
|
102
|
-
className: f(
|
|
102
|
+
className: f(U.LoaderContainer, U[e], U[n], r),
|
|
103
103
|
role: "status",
|
|
104
104
|
"aria-label": "Loading",
|
|
105
105
|
style: o ? { "--chures-accent": o } : void 0,
|
|
106
|
-
children: Be(n,
|
|
106
|
+
children: Be(n, U)
|
|
107
107
|
}
|
|
108
108
|
);
|
|
109
109
|
}
|
|
@@ -111,7 +111,7 @@ const xe = "_LoadingWrapperContainer_1q0w7_1", We = "_SkeletonWrapper_1q0w7_9",
|
|
|
111
111
|
LoadingWrapperContainer: xe,
|
|
112
112
|
SkeletonWrapper: We
|
|
113
113
|
};
|
|
114
|
-
function
|
|
114
|
+
function kt({ isLoading: n, children: e, skeleton: o, loaderProps: r, className: i }) {
|
|
115
115
|
return n ? o ? /* @__PURE__ */ t("div", { className: f(J.SkeletonWrapper, i), children: o }) : /* @__PURE__ */ t("div", { className: f(J.LoadingWrapperContainer, i), children: /* @__PURE__ */ t(Re, { ...r }) }) : /* @__PURE__ */ t(T, { children: e });
|
|
116
116
|
}
|
|
117
117
|
const Ae = "https://oauth.telegram.org/js/telegram-login.js?3";
|
|
@@ -152,7 +152,7 @@ function Ee(n) {
|
|
|
152
152
|
}
|
|
153
153
|
return { login: m, isReady: a, isLoading: _ };
|
|
154
154
|
}
|
|
155
|
-
const Pe = "_TelegramSignInButtonContainer_10wun_1", Oe = "_FullSize_10wun_46", je = "_Icon_10wun_50",
|
|
155
|
+
const Pe = "_TelegramSignInButtonContainer_10wun_1", Oe = "_FullSize_10wun_46", je = "_Icon_10wun_50", V = {
|
|
156
156
|
TelegramSignInButtonContainer: Pe,
|
|
157
157
|
FullSize: Oe,
|
|
158
158
|
Icon: je
|
|
@@ -169,7 +169,7 @@ function Fe() {
|
|
|
169
169
|
height: "20",
|
|
170
170
|
fill: "currentColor",
|
|
171
171
|
"aria-hidden": "true",
|
|
172
|
-
className:
|
|
172
|
+
className: V.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
|
);
|
|
@@ -189,13 +189,13 @@ function $e({
|
|
|
189
189
|
const m = document.createElement("link");
|
|
190
190
|
m.id = u, 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 ?? Me[o], _ = [
|
|
192
|
+
const c = i ?? r ?? Me[o], _ = [V.TelegramSignInButtonContainer, s && V.FullSize, a].filter(Boolean).join(" ");
|
|
193
193
|
return /* @__PURE__ */ d("button", { type: "button", className: _, onClick: n, disabled: e, children: [
|
|
194
194
|
/* @__PURE__ */ t(Fe, {}),
|
|
195
195
|
c
|
|
196
196
|
] });
|
|
197
197
|
}
|
|
198
|
-
function
|
|
198
|
+
function It({
|
|
199
199
|
botId: n,
|
|
200
200
|
onSuccess: e,
|
|
201
201
|
lang: o,
|
|
@@ -231,18 +231,18 @@ const X = re((n, e) => ({
|
|
|
231
231
|
toasts: r.toasts.filter((i) => i.id !== o)
|
|
232
232
|
}));
|
|
233
233
|
}
|
|
234
|
-
})),
|
|
235
|
-
ToastContainer:
|
|
236
|
-
Toast:
|
|
237
|
-
error:
|
|
238
|
-
warn:
|
|
239
|
-
info:
|
|
240
|
-
Description:
|
|
241
|
-
DismissButton:
|
|
234
|
+
})), Ue = "_ToastContainer_1tme2_1", Ge = "_Toast_1tme2_1", ze = "_error_1tme2_33", He = "_warn_1tme2_41", Ve = "_info_1tme2_49", Ke = "_Description_1tme2_53", Qe = "_DismissButton_1tme2_59", Je = "_slideIn_1tme2_79", Xe = "_slideOut_1tme2_83", y = {
|
|
235
|
+
ToastContainer: Ue,
|
|
236
|
+
Toast: Ge,
|
|
237
|
+
error: ze,
|
|
238
|
+
warn: He,
|
|
239
|
+
info: Ve,
|
|
240
|
+
Description: Ke,
|
|
241
|
+
DismissButton: Qe,
|
|
242
242
|
slideIn: Je,
|
|
243
243
|
slideOut: Xe
|
|
244
244
|
};
|
|
245
|
-
function
|
|
245
|
+
function Nt() {
|
|
246
246
|
const { toasts: n } = X();
|
|
247
247
|
return /* @__PURE__ */ t("div", { className: y.ToastContainer, children: /* @__PURE__ */ t(te, { children: n.map((e) => /* @__PURE__ */ t(
|
|
248
248
|
oe.div,
|
|
@@ -288,7 +288,7 @@ const Ze = "_InputContainer_1a08x_6", en = "_InputField_1a08x_12", nn = "_hasErr
|
|
|
288
288
|
lifted: rn,
|
|
289
289
|
ErrorText: sn,
|
|
290
290
|
Skeleton: an
|
|
291
|
-
},
|
|
291
|
+
}, Tt = ne(function({ value: e, setValue: o, label: r, isLoader: i, type: s = "text", disabled: a, error: c, className: _, ...u }, m) {
|
|
292
292
|
const [g, h] = k(!1), C = g || e.length > 0;
|
|
293
293
|
return i ? /* @__PURE__ */ t("div", { className: f(N.Skeleton, _), "aria-hidden": "true" }) : /* @__PURE__ */ d("div", { className: f(N.InputContainer, { [N.hasError]: !!c, [N.disabled]: a }, _), children: [
|
|
294
294
|
/* @__PURE__ */ t(
|
|
@@ -318,7 +318,7 @@ const Ze = "_InputContainer_1a08x_6", en = "_InputField_1a08x_12", nn = "_hasErr
|
|
|
318
318
|
LabelSkeleton: hn,
|
|
319
319
|
Skeleton: pn
|
|
320
320
|
};
|
|
321
|
-
function
|
|
321
|
+
function Lt({ checked: n, onChange: e, label: o, labelPosition: r = "right", disabled: i, isLoader: s, isLoadingLabel: a, className: c }) {
|
|
322
322
|
const _ = !!o || a, u = a ? /* @__PURE__ */ t("span", { className: v.LabelSkeleton, "aria-hidden": "true" }) : o ? /* @__PURE__ */ t("span", { className: v.Label, children: o }) : null;
|
|
323
323
|
return s ? _ ? /* @__PURE__ */ d("div", { className: f(v.ToggleContainer, c), children: [
|
|
324
324
|
r === "left" && u,
|
|
@@ -342,7 +342,7 @@ function Tt({ checked: n, onChange: e, label: o, labelPosition: r = "right", dis
|
|
|
342
342
|
] });
|
|
343
343
|
}
|
|
344
344
|
function mn() {
|
|
345
|
-
const [n, e] = k(!1), o = F(null), r =
|
|
345
|
+
const [n, e] = k(!1), o = F(null), r = K(() => e((s) => !s), []), i = K(() => e(!1), []);
|
|
346
346
|
return { isOpen: n, triggerRef: o, toggleOpen: r, close: i };
|
|
347
347
|
}
|
|
348
348
|
function gn(n, e, o) {
|
|
@@ -374,13 +374,13 @@ function Cn(n, e) {
|
|
|
374
374
|
function M(n) {
|
|
375
375
|
return typeof n == "string" ? n : n.id;
|
|
376
376
|
}
|
|
377
|
-
function
|
|
377
|
+
function G(n) {
|
|
378
378
|
return typeof n == "string" ? n : n.name;
|
|
379
379
|
}
|
|
380
380
|
function vn(n, e) {
|
|
381
381
|
return n.map((o) => e.find((r) => M(r) === o) ?? o);
|
|
382
382
|
}
|
|
383
|
-
const wn = "_DropdownContainer_1v133_13", yn = "_PanelContainer_1v133_18", kn = "_Label_1v133_31", In = "_lifted_1v133_45", Nn = "_TriggerContainer_1v133_52", Tn = "_Open_1v133_76", Ln = "_TriggerPlaceholder_1v133_81", bn = "_TriggerValue_1v133_89", Sn = "_TriggerIcon_1v133_97", Dn = "_ChipsWrapper_1v133_104", Bn = "_Chip_1v133_104", Rn = "_SearchRow_1v133_135", xn = "_SearchBox_1v133_140", Wn = "_SearchIcon_1v133_150", An = "_SearchInput_1v133_157", En = "_ResultsList_1v133_171", Pn = "_OptionRow_1v133_176", On = "_Selected_1v133_191", jn = "_Checkmark_1v133_196", Mn = "_CreateRow_1v133_202", Fn = "_WithBorder_1v133_215", $n = "_CreateIcon_1v133_220", qn = "_CreateLabel_1v133_232",
|
|
383
|
+
const wn = "_DropdownContainer_1v133_13", yn = "_PanelContainer_1v133_18", kn = "_Label_1v133_31", In = "_lifted_1v133_45", Nn = "_TriggerContainer_1v133_52", Tn = "_Open_1v133_76", Ln = "_TriggerPlaceholder_1v133_81", bn = "_TriggerValue_1v133_89", Sn = "_TriggerIcon_1v133_97", Dn = "_ChipsWrapper_1v133_104", Bn = "_Chip_1v133_104", Rn = "_SearchRow_1v133_135", xn = "_SearchBox_1v133_140", Wn = "_SearchIcon_1v133_150", An = "_SearchInput_1v133_157", En = "_ResultsList_1v133_171", Pn = "_OptionRow_1v133_176", On = "_Selected_1v133_191", jn = "_Checkmark_1v133_196", Mn = "_CreateRow_1v133_202", Fn = "_WithBorder_1v133_215", $n = "_CreateIcon_1v133_220", qn = "_CreateLabel_1v133_232", Un = "_EmptyHint_1v133_238", Gn = "_SkeletonRow_1v133_245", l = {
|
|
384
384
|
DropdownContainer: wn,
|
|
385
385
|
PanelContainer: yn,
|
|
386
386
|
Label: kn,
|
|
@@ -404,10 +404,10 @@ const wn = "_DropdownContainer_1v133_13", yn = "_PanelContainer_1v133_18", kn =
|
|
|
404
404
|
WithBorder: Fn,
|
|
405
405
|
CreateIcon: $n,
|
|
406
406
|
CreateLabel: qn,
|
|
407
|
-
EmptyHint:
|
|
408
|
-
SkeletonRow:
|
|
407
|
+
EmptyHint: Un,
|
|
408
|
+
SkeletonRow: Gn
|
|
409
409
|
};
|
|
410
|
-
function
|
|
410
|
+
function zn({ query: n, withBorder: e, onCreate: o }) {
|
|
411
411
|
function r(i) {
|
|
412
412
|
i.preventDefault(), o();
|
|
413
413
|
}
|
|
@@ -430,7 +430,7 @@ function Hn({ query: n, withBorder: e, onCreate: o }) {
|
|
|
430
430
|
}
|
|
431
431
|
);
|
|
432
432
|
}
|
|
433
|
-
function
|
|
433
|
+
function Hn({ opt: n, isSelected: e, multiSelect: o, onPick: r }) {
|
|
434
434
|
function i(s) {
|
|
435
435
|
s.preventDefault(), r(n);
|
|
436
436
|
}
|
|
@@ -441,12 +441,12 @@ function Vn({ opt: n, isSelected: e, multiSelect: o, onPick: r }) {
|
|
|
441
441
|
onMouseDown: i,
|
|
442
442
|
children: [
|
|
443
443
|
o && e && /* @__PURE__ */ t("span", { className: l.Checkmark, children: "✓" }),
|
|
444
|
-
|
|
444
|
+
G(n)
|
|
445
445
|
]
|
|
446
446
|
}
|
|
447
447
|
);
|
|
448
448
|
}
|
|
449
|
-
function
|
|
449
|
+
function Vn({ inputRef: n, query: e, onChange: o, onKeyDown: r, placeholder: i }) {
|
|
450
450
|
return /* @__PURE__ */ t("div", { className: l.SearchRow, children: /* @__PURE__ */ d("div", { className: l.SearchBox, children: [
|
|
451
451
|
/* @__PURE__ */ t("span", { className: l.SearchIcon, children: /* @__PURE__ */ d("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: [
|
|
452
452
|
/* @__PURE__ */ t("circle", { cx: "5", cy: "5", r: "3.5" }),
|
|
@@ -465,10 +465,10 @@ function Kn({ inputRef: n, query: e, onChange: o, onKeyDown: r, placeholder: i }
|
|
|
465
465
|
)
|
|
466
466
|
] }) });
|
|
467
467
|
}
|
|
468
|
-
function
|
|
468
|
+
function Kn({ count: n }) {
|
|
469
469
|
return /* @__PURE__ */ t(T, { children: Array.from({ length: n }).map((e, o) => /* @__PURE__ */ t("div", { className: l.SkeletonRow }, o)) });
|
|
470
470
|
}
|
|
471
|
-
function
|
|
471
|
+
function Qn({
|
|
472
472
|
onSearch: n,
|
|
473
473
|
onCreate: e,
|
|
474
474
|
onPick: o,
|
|
@@ -484,17 +484,17 @@ function Un({
|
|
|
484
484
|
skeletonRowCount: h = 4,
|
|
485
485
|
onError: C = console.error
|
|
486
486
|
}) {
|
|
487
|
-
const [w, $] = k(""), [L,
|
|
487
|
+
const [w, $] = k(""), [L, x] = k(!1), W = F(null), E = F(null), b = !!n, q = Cn(w, n);
|
|
488
488
|
gn(E, r, i), A(() => {
|
|
489
|
-
b &&
|
|
489
|
+
b && W.current?.focus();
|
|
490
490
|
}, [b]);
|
|
491
491
|
const I = (n ? q : a).filter(
|
|
492
492
|
(p) => !c.includes(M(p))
|
|
493
|
-
), S = w.trim(),
|
|
494
|
-
(p) =>
|
|
495
|
-
), P = !!e && S.length > 0 && !
|
|
493
|
+
), S = w.trim(), z = I.some(
|
|
494
|
+
(p) => G(p).toLowerCase() === S.toLowerCase()
|
|
495
|
+
), P = !!e && S.length > 0 && !z;
|
|
496
496
|
async function D() {
|
|
497
|
-
!S || L || !e || (
|
|
497
|
+
!S || L || !e || (x(!0), e(S).then(O).catch(C).finally(() => x(!1)));
|
|
498
498
|
}
|
|
499
499
|
function O(p) {
|
|
500
500
|
o(p), u || r();
|
|
@@ -508,18 +508,18 @@ function Un({
|
|
|
508
508
|
const ee = s ?? (e ? "search or add new…" : "search…");
|
|
509
509
|
return /* @__PURE__ */ d("div", { ref: E, className: l.PanelContainer, children: [
|
|
510
510
|
b && /* @__PURE__ */ t(
|
|
511
|
-
|
|
511
|
+
Vn,
|
|
512
512
|
{
|
|
513
|
-
inputRef:
|
|
513
|
+
inputRef: W,
|
|
514
514
|
query: w,
|
|
515
515
|
onChange: Y,
|
|
516
516
|
onKeyDown: Z,
|
|
517
517
|
placeholder: ee
|
|
518
518
|
}
|
|
519
519
|
),
|
|
520
|
-
/* @__PURE__ */ t("div", { className: l.ResultsList, children: m ? /* @__PURE__ */ t(
|
|
520
|
+
/* @__PURE__ */ t("div", { className: l.ResultsList, children: m ? /* @__PURE__ */ t(Kn, { count: h }) : /* @__PURE__ */ d(T, { children: [
|
|
521
521
|
I.map((p) => /* @__PURE__ */ t(
|
|
522
|
-
|
|
522
|
+
Hn,
|
|
523
523
|
{
|
|
524
524
|
opt: p,
|
|
525
525
|
isSelected: _.includes(M(p)),
|
|
@@ -529,7 +529,7 @@ function Un({
|
|
|
529
529
|
M(p)
|
|
530
530
|
)),
|
|
531
531
|
P && /* @__PURE__ */ t(
|
|
532
|
-
|
|
532
|
+
zn,
|
|
533
533
|
{
|
|
534
534
|
query: S,
|
|
535
535
|
withBorder: I.length > 0,
|
|
@@ -557,7 +557,7 @@ function Jn({ size: n = 14, strokeWidth: e = 2, className: o }) {
|
|
|
557
557
|
}
|
|
558
558
|
);
|
|
559
559
|
}
|
|
560
|
-
function
|
|
560
|
+
function bt({ size: n = 18, strokeWidth: e = 2.5, shrink: o = !0 }) {
|
|
561
561
|
return /* @__PURE__ */ t(
|
|
562
562
|
"svg",
|
|
563
563
|
{
|
|
@@ -574,7 +574,7 @@ function Lt({ size: n = 18, strokeWidth: e = 2.5, shrink: o = !0 }) {
|
|
|
574
574
|
}
|
|
575
575
|
);
|
|
576
576
|
}
|
|
577
|
-
function
|
|
577
|
+
function St() {
|
|
578
578
|
return /* @__PURE__ */ d(
|
|
579
579
|
"svg",
|
|
580
580
|
{
|
|
@@ -593,7 +593,7 @@ function bt() {
|
|
|
593
593
|
}
|
|
594
594
|
);
|
|
595
595
|
}
|
|
596
|
-
function
|
|
596
|
+
function Dt() {
|
|
597
597
|
return /* @__PURE__ */ d(
|
|
598
598
|
"svg",
|
|
599
599
|
{
|
|
@@ -623,13 +623,13 @@ function Xn({ triggerRef: n, isOpen: e, onClick: o, selectedOptions: r, multiSel
|
|
|
623
623
|
"aria-expanded": e,
|
|
624
624
|
"aria-haspopup": "listbox",
|
|
625
625
|
children: [
|
|
626
|
-
i && r.length > 0 ? /* @__PURE__ */ t("div", { className: l.ChipsWrapper, children: r.map((a, c) => /* @__PURE__ */ t("span", { className: l.Chip, children:
|
|
626
|
+
i && r.length > 0 ? /* @__PURE__ */ t("div", { className: l.ChipsWrapper, children: r.map((a, c) => /* @__PURE__ */ t("span", { className: l.Chip, children: G(a) }, c)) }) : /* @__PURE__ */ t("span", { className: r.length === 0 ? l.TriggerPlaceholder : l.TriggerValue, children: r.length === 0 ? s : r.map(G).join(", ") }),
|
|
627
627
|
/* @__PURE__ */ t("span", { className: l.TriggerIcon, children: /* @__PURE__ */ t(Jn, { size: 12 }) })
|
|
628
628
|
]
|
|
629
629
|
}
|
|
630
630
|
);
|
|
631
631
|
}
|
|
632
|
-
function
|
|
632
|
+
function Bt({
|
|
633
633
|
options: n = [],
|
|
634
634
|
value: e,
|
|
635
635
|
onChange: o,
|
|
@@ -647,41 +647,41 @@ function Dt({
|
|
|
647
647
|
className: w,
|
|
648
648
|
children: $
|
|
649
649
|
}) {
|
|
650
|
-
const { isOpen: L, triggerRef:
|
|
650
|
+
const { isOpen: L, triggerRef: x, toggleOpen: W, close: E } = mn(), b = vn(e, n), q = L || b.length > 0, I = c && !q ? "" : _;
|
|
651
651
|
function S(P) {
|
|
652
652
|
const D = M(P);
|
|
653
653
|
o(
|
|
654
654
|
a ? e.includes(D) ? e.filter((O) => O !== D) : [...e, D] : [D]
|
|
655
655
|
);
|
|
656
656
|
}
|
|
657
|
-
const
|
|
658
|
-
ref:
|
|
659
|
-
onClick:
|
|
657
|
+
const z = {
|
|
658
|
+
ref: x,
|
|
659
|
+
onClick: W,
|
|
660
660
|
"aria-expanded": L,
|
|
661
661
|
"aria-haspopup": "listbox"
|
|
662
662
|
};
|
|
663
663
|
return /* @__PURE__ */ d("div", { className: f(l.DropdownContainer, w), children: [
|
|
664
664
|
c && /* @__PURE__ */ t("label", { className: f(l.Label, { [l.lifted]: q }), children: c }),
|
|
665
|
-
$ ? $({ selectedOptions: b, isOpen: L, toggleOpen:
|
|
665
|
+
$ ? $({ selectedOptions: b, isOpen: L, toggleOpen: W, close: E, triggerProps: z }) : /* @__PURE__ */ t(
|
|
666
666
|
Xn,
|
|
667
667
|
{
|
|
668
|
-
triggerRef:
|
|
668
|
+
triggerRef: x,
|
|
669
669
|
isOpen: L,
|
|
670
|
-
onClick:
|
|
670
|
+
onClick: W,
|
|
671
671
|
selectedOptions: b,
|
|
672
672
|
multiSelect: a,
|
|
673
673
|
placeholder: I
|
|
674
674
|
}
|
|
675
675
|
),
|
|
676
676
|
L && /* @__PURE__ */ t(
|
|
677
|
-
|
|
677
|
+
Qn,
|
|
678
678
|
{
|
|
679
679
|
options: n,
|
|
680
680
|
onSearch: r,
|
|
681
681
|
onCreate: i,
|
|
682
682
|
onPick: S,
|
|
683
683
|
onClose: E,
|
|
684
|
-
anchorRef:
|
|
684
|
+
anchorRef: x,
|
|
685
685
|
excluded: s,
|
|
686
686
|
multiSelect: a,
|
|
687
687
|
selected: e,
|
|
@@ -694,41 +694,43 @@ function Dt({
|
|
|
694
694
|
)
|
|
695
695
|
] });
|
|
696
696
|
}
|
|
697
|
-
const Yn = "
|
|
697
|
+
const Yn = "_Btn_1sywg_1", Zn = "_Primary_1sywg_26", et = "_Secondary_1sywg_41", nt = "_Ghost_1sywg_53", tt = "_IconDanger_1sywg_65", ot = "_Danger_1sywg_86", rt = "_Unstyled_1sywg_99", R = {
|
|
698
698
|
Btn: Yn,
|
|
699
699
|
Primary: Zn,
|
|
700
700
|
Secondary: et,
|
|
701
701
|
Ghost: nt,
|
|
702
702
|
IconDanger: tt,
|
|
703
|
-
Danger: ot
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
703
|
+
Danger: ot,
|
|
704
|
+
Unstyled: rt
|
|
705
|
+
}, st = {
|
|
706
|
+
primary: R.Primary,
|
|
707
|
+
secondary: R.Secondary,
|
|
708
|
+
danger: R.Danger,
|
|
709
|
+
ghost: R.Ghost,
|
|
710
|
+
iconDanger: R.IconDanger,
|
|
711
|
+
unstyled: R.Unstyled
|
|
710
712
|
};
|
|
711
|
-
function
|
|
713
|
+
function Rt({ variant: n, className: e, children: o, ...r }) {
|
|
712
714
|
return /* @__PURE__ */ t(
|
|
713
715
|
"button",
|
|
714
716
|
{
|
|
715
717
|
type: "button",
|
|
716
718
|
...r,
|
|
717
|
-
className: f(
|
|
719
|
+
className: f(R.Btn, n ? st[n] : void 0, e),
|
|
718
720
|
children: o
|
|
719
721
|
}
|
|
720
722
|
);
|
|
721
723
|
}
|
|
722
|
-
const
|
|
723
|
-
ConfirmContainer:
|
|
724
|
-
ConfirmTitle:
|
|
725
|
-
ConfirmMessage:
|
|
726
|
-
ConfirmActions:
|
|
727
|
-
BtnCancel:
|
|
728
|
-
BtnConfirm:
|
|
729
|
-
BtnDanger:
|
|
724
|
+
const it = "_ConfirmContainer_b00ul_1", at = "_ConfirmTitle_b00ul_17", ct = "_ConfirmMessage_b00ul_25", lt = "_ConfirmActions_b00ul_32", dt = "_BtnCancel_b00ul_40", ut = "_BtnConfirm_b00ul_60", _t = "_BtnDanger_b00ul_79", B = {
|
|
725
|
+
ConfirmContainer: it,
|
|
726
|
+
ConfirmTitle: at,
|
|
727
|
+
ConfirmMessage: ct,
|
|
728
|
+
ConfirmActions: lt,
|
|
729
|
+
BtnCancel: dt,
|
|
730
|
+
BtnConfirm: ut,
|
|
731
|
+
BtnDanger: _t
|
|
730
732
|
};
|
|
731
|
-
function
|
|
733
|
+
function xt({
|
|
732
734
|
title: n,
|
|
733
735
|
message: e,
|
|
734
736
|
confirmLabel: o = "Confirm",
|
|
@@ -761,21 +763,21 @@ function Rt({
|
|
|
761
763
|
] })
|
|
762
764
|
] });
|
|
763
765
|
}
|
|
764
|
-
const
|
|
765
|
-
InfoContainer:
|
|
766
|
-
InfoTitle:
|
|
767
|
-
InfoMessage:
|
|
768
|
-
InfoActions:
|
|
769
|
-
BtnClose:
|
|
766
|
+
const ft = "_InfoContainer_1meyp_1", ht = "_InfoTitle_1meyp_17", pt = "_InfoMessage_1meyp_25", mt = "_InfoActions_1meyp_32", gt = "_BtnClose_1meyp_39", j = {
|
|
767
|
+
InfoContainer: ft,
|
|
768
|
+
InfoTitle: ht,
|
|
769
|
+
InfoMessage: pt,
|
|
770
|
+
InfoActions: mt,
|
|
771
|
+
BtnClose: gt
|
|
770
772
|
};
|
|
771
|
-
function
|
|
773
|
+
function Wt({ title: n, message: e, onClose: o }) {
|
|
772
774
|
return /* @__PURE__ */ d("div", { className: j.InfoContainer, role: "dialog", "aria-modal": "true", children: [
|
|
773
775
|
/* @__PURE__ */ t("h2", { className: j.InfoTitle, children: n }),
|
|
774
776
|
/* @__PURE__ */ t("p", { className: j.InfoMessage, children: e }),
|
|
775
777
|
/* @__PURE__ */ t("div", { className: j.InfoActions, children: /* @__PURE__ */ t("button", { className: j.BtnClose, type: "button", onClick: o, children: "Got it" }) })
|
|
776
778
|
] });
|
|
777
779
|
}
|
|
778
|
-
function
|
|
780
|
+
function At({ buttons: n, containerClassName: e }) {
|
|
779
781
|
return /* @__PURE__ */ t("div", { className: e, children: n.map((o, r) => /* @__PURE__ */ t(
|
|
780
782
|
"button",
|
|
781
783
|
{
|
|
@@ -788,7 +790,7 @@ function Wt({ buttons: n, containerClassName: e }) {
|
|
|
788
790
|
r
|
|
789
791
|
)) });
|
|
790
792
|
}
|
|
791
|
-
function
|
|
793
|
+
function Et({ onClick: n, disabled: e, className: o }) {
|
|
792
794
|
return /* @__PURE__ */ t(
|
|
793
795
|
"button",
|
|
794
796
|
{
|
|
@@ -817,23 +819,23 @@ function At({ onClick: n, disabled: e, className: o }) {
|
|
|
817
819
|
);
|
|
818
820
|
}
|
|
819
821
|
export {
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
822
|
+
Dt as AvatarFallbackIcon,
|
|
823
|
+
Rt as Button,
|
|
824
|
+
bt as CheckmarkIcon,
|
|
823
825
|
Jn as ChevronDownIcon,
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
826
|
+
xt as ConfirmDialog,
|
|
827
|
+
Bt as Dropdown,
|
|
828
|
+
St as EditPencilIcon,
|
|
829
|
+
Wt as InfoDialog,
|
|
830
|
+
Tt as Input,
|
|
829
831
|
Re as Loader,
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
832
|
+
kt as LoadingWrapper,
|
|
833
|
+
At as ModalActions,
|
|
834
|
+
Et as ModalClose,
|
|
835
|
+
It as TelegramAuth,
|
|
834
836
|
$e as TelegramSignInButton,
|
|
835
|
-
|
|
836
|
-
|
|
837
|
+
Nt as Toaster,
|
|
838
|
+
Lt as Toggle,
|
|
837
839
|
Ee as useTelegramLogin,
|
|
838
840
|
X as useToaster
|
|
839
841
|
};
|
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_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(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var z={exports:{}};var Q;function ne(){return Q||(Q=1,(function(o){(function(){var n={}.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)n.call(s,i)&&s[i]&&(c=a(c,i));return c}function a(s,c){return c?s?s+" "+c:s+c:s}o.exports?(t.default=t,o.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(o,n){switch(o){case"ripple":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.Ring1}),e.jsx("div",{className:n.Ring2}),e.jsx("div",{className:n.Ring3})]});case"dots":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.Dot1}),e.jsx("div",{className:n.Dot2}),e.jsx("div",{className:n.Dot3})]});case"wave":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.Wave1}),e.jsx("div",{className:n.Wave2}),e.jsx("div",{className:n.Wave3}),e.jsx("div",{className:n.Wave4}),e.jsx("div",{className:n.Wave5})]});default:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.Arc1}),e.jsx("div",{className:n.Arc2}),e.jsx("div",{className:n.Arc3})]})}}function U({variant:o="arcs",size:n="md",color:t,className:r}){return e.jsx("div",{className:u(F.LoaderContainer,F[n],F[o],r),role:"status","aria-label":"Loading",style:t?{"--chures-accent":t}:void 0,children:te(o,F)})}const J={LoadingWrapperContainer:"_LoadingWrapperContainer_1q0w7_1",SkeletonWrapper:"_SkeletonWrapper_1q0w7_9"};function re({isLoading:o,children:n,skeleton:t,loaderProps:r,className:a}){return o?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:n})}const se="https://oauth.telegram.org/js/telegram-login.js?3";function X(o){const{botId:n,redirectUri:t,requestAccess:r="write"}=o,a=f.useRef(o.onSuccess);a.current=o.onSuccess;const s=f.useRef(!1),[c,i]=f.useState(!1),[h,_]=f.useState(!1);f.useEffect(function(){if(!n)return;const w=t??window.location.origin;_(!0),i(!1);const p=document.createElement("script");return p.src=se,p.async=!0,p.onload=function(){const m=window.Telegram;m&&(m.Login.init({client_id:n,redirect_uri:w},function(I){s.current||(s.current=!0,a.current(I))}),i(!0)),_(!1)},p.onerror=function(){_(!1)},document.head.appendChild(p),function(){document.head.contains(p)&&document.head.removeChild(p),i(!1),_(!1)}},[n,t]);function C(){const w=window.Telegram;if(!c||!w)return;s.current=!1;const p=t??window.location.origin;w.Login.auth({client_id:n,redirect_uri:p,request_access:r},function(m){s.current||(s.current=!0,a.current(m))})}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:o,disabled:n,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:o,disabled:n,children:[e.jsx(ce,{}),i]})}function ie({botId:o,onSuccess:n,lang:t,title:r,redirectUri:a,requestAccess:s,children:c,className:i}){const{login:h,isReady:_}=X({botId:o,onSuccess:n,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((o,n)=>({toasts:[],bake:t=>{const r=le++;o(a=>({toasts:[...a.toasts,{...t,id:r}]})),setTimeout(()=>{n().dismiss(r)},5e3)},dismiss:t=>{o(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:o}=H();return e.jsx("div",{className:y.ToastContainer,children:e.jsx(K.AnimatePresence,{children:o.map(n=>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,{...n})},n.id))})})}function _e({id:o,title:n,description:t,level:r,isDismissable:a}){const[s,c]=f.useState(!1),i=H();return f.useEffect(()=>()=>{c(!0)},[]),e.jsxs("div",{className:u(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:n}),e.jsx("div",{className:y.Description,children:t}),a&&o!==void 0&&e.jsx("div",{className:y.DismissButton,onClick:()=>i.dismiss(o),children:"×"})]})}const S={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"},fe=f.forwardRef(function({value:n,setValue:t,label:r,isLoader:a,type:s="text",disabled:c,error:i,className:h,..._},C){const[w,p]=f.useState(!1),m=w||n.length>0;return a?e.jsx("div",{className:u(S.Skeleton,h),"aria-hidden":"true"}):e.jsxs("div",{className:u(S.InputContainer,{[S.hasError]:!!i,[S.disabled]:c},h),children:[e.jsx("input",{ref:C,className:S.InputField,type:s,value:n,onChange:I=>t(I.target.value),onFocus:()=>p(!0),onBlur:()=>p(!1),disabled:c,..._}),r&&e.jsx("label",{className:u(S.Label,{[S.lifted]:m}),children:r}),i&&e.jsx("span",{className:S.ErrorText,children:i})]})}),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:o,onChange:n,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":o,className:u(v.Track,{[v.on]:o}),onClick:()=>!a&&n(!o),disabled:a,type:"button",children:e.jsx("span",{className:v.Thumb})}),r==="right"&&_]})}function he(){const[o,n]=f.useState(!1),t=f.useRef(null),r=f.useCallback(()=>n(s=>!s),[]),a=f.useCallback(()=>n(!1),[]);return{isOpen:o,triggerRef:t,toggleOpen:r,close:a}}function pe(o,n,t){f.useEffect(()=>{function r(s){const c=s.target;o.current?.contains(c)||t?.current?.contains(c)||n()}function a(s){s.key==="Escape"&&n()}return document.addEventListener("mousedown",r,!0),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",r,!0),document.removeEventListener("keydown",a)}},[n,o,t])}function ge(o,n){const[t,r]=f.useState([]);return f.useEffect(()=>{if(!n)return;let a=!1;return n(o).then(s=>{a||r(s)}),()=>{a=!0}},[o,n]),t}function E(o){return typeof o=="string"?o:o.id}function $(o){return typeof o=="string"?o:o.name}function Ce(o,n){return o.map(t=>n.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:o,withBorder:n,onCreate:t}){function r(a){a.preventDefault(),t()}return e.jsxs("div",{className:u(d.CreateRow,n&&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 “",o,"”"]})]})}function we({opt:o,isSelected:n,multiSelect:t,onPick:r}){function a(s){s.preventDefault(),r(o)}return e.jsxs("div",{className:u(d.OptionRow,n&&d.Selected),onMouseDown:a,children:[t&&n&&e.jsx("span",{className:d.Checkmark,children:"✓"}),$(o)]})}function me({inputRef:o,query:n,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:o,className:d.SearchInput,value:n,onChange:t,onKeyDown:r,placeholder:a})]})})}function ye({count:o}){return e.jsx(e.Fragment,{children:Array.from({length:o}).map((n,t)=>e.jsx("div",{className:d.SkeletonRow},t))})}function Ie({onSearch:o,onCreate:n,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:p=4,onError:m=console.error}){const[I,j]=f.useState(""),[L,W]=f.useState(!1),A=f.useRef(null),P=f.useRef(null),b=!!o,q=ge(I,o);pe(P,r,a),f.useEffect(()=>{b&&A.current?.focus()},[b]);const k=(o?q:c).filter(g=>!i.includes(E(g))),D=I.trim(),V=k.some(g=>$(g).toLowerCase()===D.toLowerCase()),O=!!n&&D.length>0&&!V;async function N(){!D||L||!n||(W(!0),n(D).then(M).catch(m).finally(()=>W(!1)))}function M(g){t(g),_||r()}function xe(g){j(g.target.value)}function Pe(g){g.key==="Enter"&&(g.preventDefault(),k.length>0?M(k[0]):O&&N())}const Oe=s??(n?"search or add new…":"search…");return e.jsxs("div",{ref:P,className:d.PanelContainer,children:[b&&e.jsx(me,{inputRef:A,query:I,onChange:xe,onKeyDown:Pe,placeholder:Oe}),e.jsx("div",{className:d.ResultsList,children:C?e.jsx(ye,{count:p}):e.jsxs(e.Fragment,{children:[k.map(g=>e.jsx(we,{opt:g,isSelected:h.includes(E(g)),multiSelect:_,onPick:M},E(g))),O&&e.jsx(ve,{query:D,withBorder:k.length>0,onCreate:N}),k.length===0&&!O&&e.jsx("div",{className:d.EmptyHint,children:w})]})})]})}function Y({size:o=14,strokeWidth:n=2,className:t}){return e.jsx("svg",{viewBox:"0 0 24 24",width:o,height:o,fill:"none",stroke:"currentColor",strokeWidth:n,strokeLinecap:"round",strokeLinejoin:"round",className:t,children:e.jsx("polyline",{points:"6 9 12 15 18 9"})})}function Se({size:o=18,strokeWidth:n=2.5,shrink:t=!0}){return e.jsx("svg",{viewBox:"0 0 24 24",width:o,height:o,fill:"none",stroke:"currentColor",strokeWidth:n,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:o,isOpen:n,onClick:t,selectedOptions:r,multiSelect:a,placeholder:s}){return e.jsxs("button",{type:"button",ref:o,className:u(d.TriggerContainer,n&&d.Open),onClick:t,"aria-expanded":n,"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:o=[],value:n,onChange:t,onSearch:r,onCreate:a,excluded:s,multiSelect:c=!1,label:i,placeholder:h="select…",searchPlaceholder:_,emptyHint:C,isLoading:w,skeletonRowCount:p,onError:m,className:I,children:j}){const{isOpen:L,triggerRef:W,toggleOpen:A,close:P}=he(),b=Ce(n,o),q=L||b.length>0,k=i&&!q?"":h;function D(O){const N=E(O);t(c?n.includes(N)?n.filter(M=>M!==N):[...n,N]:[N])}const V={ref:W,onClick:A,"aria-expanded":L,"aria-haspopup":"listbox"};return e.jsxs("div",{className:u(d.DropdownContainer,I),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:k}),L&&e.jsx(Ie,{options:o,onSearch:r,onCreate:a,onPick:D,onClose:P,anchorRef:W,excluded:s,multiSelect:c,selected:n,placeholder:_,emptyHint:C,isLoading:w,skeletonRowCount:p,onError:m})]})}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:o,className:n,children:t,...r}){return e.jsx("button",{type:"button",...r,className:u(B.Btn,o?De[o]:void 0,n),children:t})}const T={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:o,message:n,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:T.ConfirmContainer,role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:T.ConfirmTitle,children:o}),e.jsx("p",{className:T.ConfirmMessage,children:n}),e.jsxs("div",{className:T.ConfirmActions,children:[e.jsx("button",{className:T.BtnCancel,type:"button",onClick:c,disabled:i,children:r}),e.jsx("button",{className:u(a?T.BtnDanger:T.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:o,message:n,onClose:t}){return e.jsxs("div",{className:x.InfoContainer,role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:x.InfoTitle,children:o}),e.jsx("p",{className:x.InfoMessage,children:n}),e.jsx("div",{className:x.InfoActions,children:e.jsx("button",{className:x.BtnClose,type:"button",onClick:t,children:"Got it"})})]})}function Ae({buttons:o,containerClassName:n}){return e.jsx("div",{className:n,children:o.map((t,r)=>e.jsx("button",{className:t.className,type:"button",onClick:t.onClick,disabled:t.disabled,children:t.label},r))})}function Ee({onClick:o,disabled:n,className:t}){return e.jsx("button",{className:t,type:"button",onClick:o,disabled:n,"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"})}));
|
|
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_1sywg_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_1sywg_1:disabled{opacity:.4;cursor:not-allowed}._Primary_1sywg_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_1sywg_26:hover:not(:disabled){filter:brightness(1.06)}._Secondary_1sywg_41{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Secondary_1sywg_41:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._Ghost_1sywg_53{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Ghost_1sywg_53:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._IconDanger_1sywg_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_1sywg_65:hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}._Danger_1sywg_86{background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}._Danger_1sywg_86:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._Unstyled_1sywg_99{display:block;gap:0;border-radius:0;border:none;font-size:inherit;font-weight:inherit;padding:0;transition:none;white-space:normal;color:inherit;background:transparent}._ConfirmContainer_b00ul_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_confirmIn_b00ul_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_b00ul_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmTitle_b00ul_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_b00ul_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_b00ul_32{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_b00ul_40{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_b00ul_40:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_b00ul_60{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_b00ul_60:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_b00ul_79{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_b00ul_79:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_b00ul_60:disabled,._BtnDanger_b00ul_79:disabled,._BtnCancel_b00ul_40:disabled{opacity:.4;cursor:not-allowed}._InfoContainer_1meyp_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_infoIn_1meyp_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_1meyp_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoTitle_1meyp_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_1meyp_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_1meyp_32{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_1meyp_39{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_1meyp_39:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
(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,V,R){"use strict";function ee(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var z={exports:{}};var K;function ne(){return K||(K=1,(function(o){(function(){var n={}.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)n.call(s,i)&&s[i]&&(c=a(c,i));return c}function a(s,c){return c?s?s+" "+c:s+c:s}o.exports?(t.default=t,o.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(o,n){switch(o){case"ripple":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.Ring1}),e.jsx("div",{className:n.Ring2}),e.jsx("div",{className:n.Ring3})]});case"dots":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.Dot1}),e.jsx("div",{className:n.Dot2}),e.jsx("div",{className:n.Dot3})]});case"wave":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.Wave1}),e.jsx("div",{className:n.Wave2}),e.jsx("div",{className:n.Wave3}),e.jsx("div",{className:n.Wave4}),e.jsx("div",{className:n.Wave5})]});default:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.Arc1}),e.jsx("div",{className:n.Arc2}),e.jsx("div",{className:n.Arc3})]})}}function Q({variant:o="arcs",size:n="md",color:t,className:r}){return e.jsx("div",{className:u(F.LoaderContainer,F[n],F[o],r),role:"status","aria-label":"Loading",style:t?{"--chures-accent":t}:void 0,children:te(o,F)})}const J={LoadingWrapperContainer:"_LoadingWrapperContainer_1q0w7_1",SkeletonWrapper:"_SkeletonWrapper_1q0w7_9"};function re({isLoading:o,children:n,skeleton:t,loaderProps:r,className:a}){return o?t?e.jsx("div",{className:u(J.SkeletonWrapper,a),children:t}):e.jsx("div",{className:u(J.LoadingWrapperContainer,a),children:e.jsx(Q,{...r})}):e.jsx(e.Fragment,{children:n})}const se="https://oauth.telegram.org/js/telegram-login.js?3";function X(o){const{botId:n,redirectUri:t,requestAccess:r="write"}=o,a=f.useRef(o.onSuccess);a.current=o.onSuccess;const s=f.useRef(!1),[c,i]=f.useState(!1),[h,_]=f.useState(!1);f.useEffect(function(){if(!n)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 m=window.Telegram;m&&(m.Login.init({client_id:n,redirect_uri:w},function(I){s.current||(s.current=!0,a.current(I))}),i(!0)),_(!1)},g.onerror=function(){_(!1)},document.head.appendChild(g),function(){document.head.contains(g)&&document.head.removeChild(g),i(!1),_(!1)}},[n,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:n,redirect_uri:g,request_access:r},function(m){s.current||(s.current=!0,a.current(m))})}return{login:C,isReady:c,isLoading:h}}const U={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:U.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:o,disabled:n,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=[U.TelegramSignInButtonContainer,s&&U.FullSize,c].filter(Boolean).join(" ");return e.jsxs("button",{type:"button",className:h,onClick:o,disabled:n,children:[e.jsx(ce,{}),i]})}function ie({botId:o,onSuccess:n,lang:t,title:r,redirectUri:a,requestAccess:s,children:c,className:i}){const{login:h,isReady:_}=X({botId:o,onSuccess:n,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 G=R.create((o,n)=>({toasts:[],bake:t=>{const r=le++;o(a=>({toasts:[...a.toasts,{...t,id:r}]})),setTimeout(()=>{n().dismiss(r)},5e3)},dismiss:t=>{o(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:o}=G();return e.jsx("div",{className:y.ToastContainer,children:e.jsx(V.AnimatePresence,{children:o.map(n=>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(_e,{...n})},n.id))})})}function _e({id:o,title:n,description:t,level:r,isDismissable:a}){const[s,c]=f.useState(!1),i=G();return f.useEffect(()=>()=>{c(!0)},[]),e.jsxs("div",{className:u(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:n}),e.jsx("div",{className:y.Description,children:t}),a&&o!==void 0&&e.jsx("div",{className:y.DismissButton,onClick:()=>i.dismiss(o),children:"×"})]})}const S={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"},fe=f.forwardRef(function({value:n,setValue:t,label:r,isLoader:a,type:s="text",disabled:c,error:i,className:h,..._},C){const[w,g]=f.useState(!1),m=w||n.length>0;return a?e.jsx("div",{className:u(S.Skeleton,h),"aria-hidden":"true"}):e.jsxs("div",{className:u(S.InputContainer,{[S.hasError]:!!i,[S.disabled]:c},h),children:[e.jsx("input",{ref:C,className:S.InputField,type:s,value:n,onChange:I=>t(I.target.value),onFocus:()=>g(!0),onBlur:()=>g(!1),disabled:c,..._}),r&&e.jsx("label",{className:u(S.Label,{[S.lifted]:m}),children:r}),i&&e.jsx("span",{className:S.ErrorText,children:i})]})}),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:o,onChange:n,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":o,className:u(v.Track,{[v.on]:o}),onClick:()=>!a&&n(!o),disabled:a,type:"button",children:e.jsx("span",{className:v.Thumb})}),r==="right"&&_]})}function he(){const[o,n]=f.useState(!1),t=f.useRef(null),r=f.useCallback(()=>n(s=>!s),[]),a=f.useCallback(()=>n(!1),[]);return{isOpen:o,triggerRef:t,toggleOpen:r,close:a}}function ge(o,n,t){f.useEffect(()=>{function r(s){const c=s.target;o.current?.contains(c)||t?.current?.contains(c)||n()}function a(s){s.key==="Escape"&&n()}return document.addEventListener("mousedown",r,!0),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",r,!0),document.removeEventListener("keydown",a)}},[n,o,t])}function pe(o,n){const[t,r]=f.useState([]);return f.useEffect(()=>{if(!n)return;let a=!1;return n(o).then(s=>{a||r(s)}),()=>{a=!0}},[o,n]),t}function E(o){return typeof o=="string"?o:o.id}function $(o){return typeof o=="string"?o:o.name}function Ce(o,n){return o.map(t=>n.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:o,withBorder:n,onCreate:t}){function r(a){a.preventDefault(),t()}return e.jsxs("div",{className:u(d.CreateRow,n&&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 “",o,"”"]})]})}function we({opt:o,isSelected:n,multiSelect:t,onPick:r}){function a(s){s.preventDefault(),r(o)}return e.jsxs("div",{className:u(d.OptionRow,n&&d.Selected),onMouseDown:a,children:[t&&n&&e.jsx("span",{className:d.Checkmark,children:"✓"}),$(o)]})}function me({inputRef:o,query:n,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:o,className:d.SearchInput,value:n,onChange:t,onKeyDown:r,placeholder:a})]})})}function ye({count:o}){return e.jsx(e.Fragment,{children:Array.from({length:o}).map((n,t)=>e.jsx("div",{className:d.SkeletonRow},t))})}function Ie({onSearch:o,onCreate:n,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:m=console.error}){const[I,j]=f.useState(""),[b,W]=f.useState(!1),A=f.useRef(null),P=f.useRef(null),D=!!o,q=pe(I,o);ge(P,r,a),f.useEffect(()=>{D&&A.current?.focus()},[D]);const k=(o?q:c).filter(p=>!i.includes(E(p))),N=I.trim(),H=k.some(p=>$(p).toLowerCase()===N.toLowerCase()),O=!!n&&N.length>0&&!H;async function B(){!N||b||!n||(W(!0),n(N).then(M).catch(m).finally(()=>W(!1)))}function M(p){t(p),_||r()}function xe(p){j(p.target.value)}function Pe(p){p.key==="Enter"&&(p.preventDefault(),k.length>0?M(k[0]):O&&B())}const Oe=s??(n?"search or add new…":"search…");return e.jsxs("div",{ref:P,className:d.PanelContainer,children:[D&&e.jsx(me,{inputRef:A,query:I,onChange:xe,onKeyDown:Pe,placeholder:Oe}),e.jsx("div",{className:d.ResultsList,children:C?e.jsx(ye,{count:g}):e.jsxs(e.Fragment,{children:[k.map(p=>e.jsx(we,{opt:p,isSelected:h.includes(E(p)),multiSelect:_,onPick:M},E(p))),O&&e.jsx(ve,{query:N,withBorder:k.length>0,onCreate:B}),k.length===0&&!O&&e.jsx("div",{className:d.EmptyHint,children:w})]})})]})}function Y({size:o=14,strokeWidth:n=2,className:t}){return e.jsx("svg",{viewBox:"0 0 24 24",width:o,height:o,fill:"none",stroke:"currentColor",strokeWidth:n,strokeLinecap:"round",strokeLinejoin:"round",className:t,children:e.jsx("polyline",{points:"6 9 12 15 18 9"})})}function Se({size:o=18,strokeWidth:n=2.5,shrink:t=!0}){return e.jsx("svg",{viewBox:"0 0 24 24",width:o,height:o,fill:"none",stroke:"currentColor",strokeWidth:n,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:o,isOpen:n,onClick:t,selectedOptions:r,multiSelect:a,placeholder:s}){return e.jsxs("button",{type:"button",ref:o,className:u(d.TriggerContainer,n&&d.Open),onClick:t,"aria-expanded":n,"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:o=[],value:n,onChange:t,onSearch:r,onCreate:a,excluded:s,multiSelect:c=!1,label:i,placeholder:h="select…",searchPlaceholder:_,emptyHint:C,isLoading:w,skeletonRowCount:g,onError:m,className:I,children:j}){const{isOpen:b,triggerRef:W,toggleOpen:A,close:P}=he(),D=Ce(n,o),q=b||D.length>0,k=i&&!q?"":h;function N(O){const B=E(O);t(c?n.includes(B)?n.filter(M=>M!==B):[...n,B]:[B])}const H={ref:W,onClick:A,"aria-expanded":b,"aria-haspopup":"listbox"};return e.jsxs("div",{className:u(d.DropdownContainer,I),children:[i&&e.jsx("label",{className:u(d.Label,{[d.lifted]:q}),children:i}),j?j({selectedOptions:D,isOpen:b,toggleOpen:A,close:P,triggerProps:H}):e.jsx(Le,{triggerRef:W,isOpen:b,onClick:A,selectedOptions:D,multiSelect:c,placeholder:k}),b&&e.jsx(Ie,{options:o,onSearch:r,onCreate:a,onPick:N,onClose:P,anchorRef:W,excluded:s,multiSelect:c,selected:n,placeholder:_,emptyHint:C,isLoading:w,skeletonRowCount:g,onError:m})]})}const T={Btn:"_Btn_1sywg_1",Primary:"_Primary_1sywg_26",Secondary:"_Secondary_1sywg_41",Ghost:"_Ghost_1sywg_53",IconDanger:"_IconDanger_1sywg_65",Danger:"_Danger_1sywg_86",Unstyled:"_Unstyled_1sywg_99"},De={primary:T.Primary,secondary:T.Secondary,danger:T.Danger,ghost:T.Ghost,iconDanger:T.IconDanger,unstyled:T.Unstyled};function Ne({variant:o,className:n,children:t,...r}){return e.jsx("button",{type:"button",...r,className:u(T.Btn,o?De[o]:void 0,n),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:o,message:n,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:L.ConfirmContainer,role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:L.ConfirmTitle,children:o}),e.jsx("p",{className:L.ConfirmMessage,children:n}),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:u(a?L.BtnDanger:L.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:o,message:n,onClose:t}){return e.jsxs("div",{className:x.InfoContainer,role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:x.InfoTitle,children:o}),e.jsx("p",{className:x.InfoMessage,children:n}),e.jsx("div",{className:x.InfoActions,children:e.jsx("button",{className:x.BtnClose,type:"button",onClick:t,children:"Got it"})})]})}function Ae({buttons:o,containerClassName:n}){return e.jsx("div",{className:n,children:o.map((t,r)=>e.jsx("button",{className:t.className,type:"button",onClick:t.onClick,disabled:t.disabled,children:t.label},r))})}function Ee({onClick:o,disabled:n,className:t}){return e.jsx("button",{className:t,type:"button",onClick:o,disabled:n,"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=Q,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=G,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost' | 'iconDanger';
|
|
1
|
+
export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost' | 'iconDanger' | 'unstyled';
|
|
2
2
|
interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
variant?: ButtonVariant;
|
|
4
4
|
}
|