@vervstack/chures 0.0.17 → 0.0.19
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.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%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem}}@keyframes _spin_wa8op_1{to{transform:rotate(360deg)}}@keyframes _ripple_wa8op_1{0%{transform:scale(.08);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes _dotPulse_wa8op_1{0%,to{transform:translate(-50%,-50%) scale(.55);opacity:.3}50%{transform:translate(-50%,calc(-50% - var(--sz) * .1)) scale(1);opacity:1}}@keyframes _waveBounce_wa8op_1{0%,55%,to{transform:translate(-50%,-50%) scale(.8);opacity:.4}27%{transform:translate(-50%,calc(-50% - var(--sz) * .28)) scale(1);opacity:1}}._LoaderContainer_wa8op_24{position:relative;flex-shrink:0}._sm_wa8op_31{width:1.5rem;height:1.5rem;--sz: 1.5rem;--arc-gap: .2rem;--arc-bw: .125rem}._md_wa8op_32{width:2.5rem;height:2.5rem;--sz: 2.5rem;--arc-gap: .35rem;--arc-bw: .1875rem}._lg_wa8op_33{width:4rem;height:4rem;--sz: 4rem;--arc-gap: .55rem;--arc-bw: .25rem}._Arc1_wa8op_37,._Arc2_wa8op_38,._Arc3_wa8op_39{position:absolute;border-radius:50%;border:var(--arc-bw) solid transparent}._Arc1_wa8op_37{inset:0;border-top-color:var(--chures-accent, #229ED9);border-left-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.2s linear infinite;filter:drop-shadow(0 0 .25rem var(--chures-accent, #229ED9))}._Arc2_wa8op_38{inset:var(--arc-gap);border-bottom-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.8s linear infinite reverse;opacity:.8}._Arc3_wa8op_39{inset:calc(var(--arc-gap) * 2);border-top-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 2.4s linear infinite;opacity:.6}._Ring1_wa8op_71,._Ring2_wa8op_72,._Ring3_wa8op_73{position:absolute;inset:0;border-radius:50%;border:var(--arc-bw) solid var(--chures-accent, #229ED9);animation:_ripple_wa8op_1 1.8s ease-out infinite both}._Ring2_wa8op_72{animation-delay:.6s}._Ring3_wa8op_73{animation-delay:1.2s}._Dot1_wa8op_86,._Dot2_wa8op_87,._Dot3_wa8op_88{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .14) var(--chures-accent, #229ED9);animation:_dotPulse_wa8op_1 1.1s ease-in-out infinite both}._Dot1_wa8op_86{left:22%}._Dot2_wa8op_87{left:50%;animation-delay:.18s}._Dot3_wa8op_88{left:78%;animation-delay:.36s}._Wave1_wa8op_105,._Wave2_wa8op_106,._Wave3_wa8op_107,._Wave4_wa8op_108,._Wave5_wa8op_109{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .16);height:calc(var(--sz) * .16);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .1) var(--chures-accent, #229ED9);animation:_waveBounce_wa8op_1 1s ease-in-out infinite both}._Wave1_wa8op_105{left:10%}._Wave2_wa8op_106{left:28%;animation-delay:.12s}._Wave3_wa8op_107{left:46%;animation-delay:.24s}._Wave4_wa8op_108{left:64%;animation-delay:.36s}._Wave5_wa8op_109{left:82%;animation-delay:.48s}._LoadingWrapperContainer_1q0w7_1{display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem}._SkeletonWrapper_1q0w7_9{width:100%}._TelegramSignInButtonContainer_10wun_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--chures-btn-from, #2AABEE) 0%,var(--chures-btn-to, #229ED9) 100%);border:0;border-radius:.875rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 .0625rem #ffffff26,0 .75rem 2rem -.75rem #2aabee8c;transition:transform .14s ease,box-shadow .2s ease,filter .16s ease}._TelegramSignInButtonContainer_10wun_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_10wun_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_10wun_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_10wun_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_10wun_46{height:100%}._Icon_10wun_50{flex-shrink:0}._ToastContainer_1tme2_1{position:fixed;right:1.5rem;top:1.5rem;width:clamp(25vw,24.5rem,95vw);display:flex;flex-direction:column;gap:1rem;z-index:9999}._Toast_1tme2_1{min-height:4rem;border:var(--chures-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:var(--chures-surface, #000000);display:flex;flex-direction:column}._Toast_1tme2_1>div:first-child{font-weight:700;font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}._Toast_1tme2_1._error_1tme2_33{border-color:var(--chures-error, #ef4444)}._Toast_1tme2_1._error_1tme2_33>div:first-child{color:var(--chures-error, #ef4444)}._Toast_1tme2_1._warn_1tme2_41{border-color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._warn_1tme2_41>div:first-child{color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._info_1tme2_49{border-color:var(--chures-accent, #229ED9)}._Toast_1tme2_1 ._Description_1tme2_53{color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-xs, .75rem);margin-top:.125rem}._Toast_1tme2_1 ._DismissButton_1tme2_59{position:absolute;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;top:0;right:1%;cursor:pointer;font-size:1.5rem;color:var(--chures-fg-muted, #9ca3af)}._slideIn_1tme2_79{animation:_slideIn_1tme2_79 .2s ease forwards}._slideOut_1tme2_83{animation:_slideOut_1tme2_83 .2s ease forwards}@keyframes _slideIn_1tme2_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1tme2_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes _shimmer_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%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem}}@keyframes _panelIn_p7cfo_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_p7cfo_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_p7cfo_13{position:relative;width:100%}._PanelWrapper_p7cfo_20{position:absolute;top:calc(100% + var(--chures-dropdown-panel-gap));left:0;width:100%;animation:_panelIn_p7cfo_1 .14s ease}._PanelWrapper_p7cfo_20._Portal_p7cfo_34{position:fixed;width:auto;margin-top:var(--chures-dropdown-panel-gap)}._PanelContainer_p7cfo_18{background:var(--chures-dropdown-bg);border:1px solid var(--chures-dropdown-border);border-radius:var(--chures-dropdown-radius);overflow:hidden;box-shadow:0 1rem 3rem #000c}._PanelContainer_p7cfo_18._Glass_p7cfo_48{background:var(--chures-dropdown-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem))}._Label_p7cfo_54{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted);font-size:var(--chures-font-sm);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_p7cfo_54._lifted_p7cfo_68{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg);color:var(--chures-fg-muted)}._TriggerContainer_p7cfo_75{width:100%;height:var(--chures-input-height);background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-trigger-border);border-radius:var(--chures-input-radius);color:var(--chures-fg);font-size:var(--chures-font-sm);font-family:inherit;padding:0 .875rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}._TriggerContainer_p7cfo_75:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_p7cfo_75._Open_p7cfo_99{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_p7cfo_104{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_p7cfo_112{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_p7cfo_120{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_p7cfo_127{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;align-items:center;margin:.375rem 0;scrollbar-width:none;-ms-overflow-style:none}._ChipsWrapper_p7cfo_127::-webkit-scrollbar{display:none}._ChipsWrapper_p7cfo_127._Expand_p7cfo_145{flex-wrap:wrap;overflow:visible;row-gap:.25rem}._TriggerContainer_p7cfo_75._MultiSelect_p7cfo_151 ._TriggerIcon_p7cfo_120{align-self:flex-start;height:var(--chures-input-height)}._TriggerContainer_p7cfo_75._ExpandHeight_p7cfo_156{height:auto;min-height:var(--chures-input-height)}._Chip_p7cfo_127{display:inline-flex;align-items:center;flex-shrink:0;background:var(--chures-dropdown-create-bg);border:1px solid var(--chures-dropdown-chip-border);border-radius:624.9375rem;padding:.15rem .5rem;font-size:var(--chures-font-xs);color:var(--chures-fg);white-space:nowrap;line-height:1.4}._SearchRow_p7cfo_175{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_p7cfo_180{display:flex;align-items:center;gap:.5rem;background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-border-subtle);border-radius:var(--chures-dropdown-row-radius);padding:.4rem .625rem}._SearchIcon_p7cfo_190{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_p7cfo_197{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_p7cfo_197::placeholder{color:var(--chures-fg-muted)}._ResultsList_p7cfo_211{max-height:13rem;overflow-y:auto}._OptionRow_p7cfo_216{padding:.5625rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);cursor:pointer;transition:background .1s ease,color .1s ease;display:flex;align-items:center;gap:.5rem}._OptionRow_p7cfo_216:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_p7cfo_216._Selected_p7cfo_231{color:var(--chures-fg)}._Checkmark_p7cfo_236{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_p7cfo_242{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_p7cfo_242:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_p7cfo_242._WithBorder_p7cfo_255{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_p7cfo_260{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--chures-accent);color:#fff;flex-shrink:0}._CreateLabel_p7cfo_272{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_p7cfo_278{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_p7cfo_285{height:2rem;margin:.375rem .875rem;border-radius:var(--chures-dropdown-row-radius);background:linear-gradient(90deg,var(--chures-dropdown-bg) 25%,var(--chures-skeleton-shine) 50%,var(--chures-dropdown-bg) 75%);background-size:200% 100%;animation:_shimmer_p7cfo_1 1.4s infinite linear}:where(._Btn_1tozl_10){display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:1px solid transparent;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.625rem 1rem;transition:all .16s ease;white-space:nowrap;color:var(--chures-fg, #ffffff);background:var(--chures-button-bg)}:where(._Btn_1tozl_10):disabled{opacity:.4;cursor:not-allowed}:where(._Primary_1tozl_35){background:var(--chures-accent, #229ED9);border-color:var(--chures-accent, #229ED9);color:#fff;font-weight:600;padding:.625rem 1.125rem;box-shadow:0 10px 28px -12px var(--chures-accent-muted, rgb(34 158 217 / 50%));transition:filter .16s ease,opacity .16s ease}:where(._Primary_1tozl_35):hover:not(:disabled){filter:brightness(1.06)}:where(._Secondary_1tozl_50){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Secondary_1tozl_50):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._Ghost_1tozl_62){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Ghost_1tozl_62):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._IconDanger_1tozl_74){width:1.375rem;height:1.375rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:1rem;line-height:1;justify-content:center;flex-shrink:0;transition:background .14s ease,color .14s ease}:where(._IconDanger_1tozl_74):hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}:where(._Danger_1tozl_95){background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}:where(._Danger_1tozl_95):hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmWrapper_1tq4o_4{width:100%;max-width:24rem;animation:_confirmIn_1tq4o_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_1tq4o_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmContainer_1tq4o_1{width:100%;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c}._Glass_1tq4o_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._ConfirmTitle_1tq4o_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_1tq4o_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_1tq4o_45{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_1tq4o_53{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_1tq4o_53:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_1tq4o_73{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_1tq4o_73:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_1tq4o_92{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_1tq4o_92:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_1tq4o_73:disabled,._BtnDanger_1tq4o_92:disabled,._BtnCancel_1tq4o_53:disabled{opacity:.4;cursor:not-allowed}._InfoWrapper_cqv58_4{width:100%;max-width:24rem;animation:_infoIn_cqv58_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_cqv58_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoContainer_cqv58_1{width:100%;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c}._Glass_cqv58_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._InfoTitle_cqv58_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_cqv58_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_cqv58_45{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_cqv58_52{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_cqv58_52:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
-
(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("framer-motion"),require("zustand"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","framer-motion","zustand","react-dom"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.Chures={},i.ReactJSXRuntime,i.React,i.FramerMotion,i.Zustand,i.ReactDOM))})(this,(function(i,e,_,Y,ce,ie){"use strict";function le(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var U={exports:{}};var R;function de(){return R||(R=1,(function(n){(function(){var o={}.hasOwnProperty;function t(){for(var s="",c=0;c<arguments.length;c++){var d=arguments[c];d&&(s=a(s,r(d)))}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 d in s)o.call(s,d)&&s[d]&&(c=a(c,d));return c}function a(s,c){return c?s?s+" "+c:s+c:s}n.exports?(t.default=t,n.exports=t):window.classNames=t})()})(U)),U.exports}var fe=de();const p=le(fe),$={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"},ee=_.createContext({});function m(n,o){const t=_.useContext(ee);return o??t[n]}function _e(n,o){switch(n){case"ripple":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Ring1}),e.jsx("div",{className:o.Ring2}),e.jsx("div",{className:o.Ring3})]});case"dots":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Dot1}),e.jsx("div",{className:o.Dot2}),e.jsx("div",{className:o.Dot3})]});case"wave":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Wave1}),e.jsx("div",{className:o.Wave2}),e.jsx("div",{className:o.Wave3}),e.jsx("div",{className:o.Wave4}),e.jsx("div",{className:o.Wave5})]});default:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Arc1}),e.jsx("div",{className:o.Arc2}),e.jsx("div",{className:o.Arc3})]})}}function ne({variant:n="arcs",size:o="md",color:t,className:r}){const a=m("Loader",r);return e.jsx("div",{className:p($.LoaderContainer,$[o],$[n],a),role:"status","aria-label":"Loading",style:t?{"--chures-accent":t}:void 0,children:_e(n,$)})}const oe={LoadingWrapperContainer:"_LoadingWrapperContainer_1q0w7_1",SkeletonWrapper:"_SkeletonWrapper_1q0w7_9"};function pe({isLoading:n,children:o,skeleton:t,loaderProps:r,className:a}){const s=m("LoadingWrapper",a);return n?t?e.jsx("div",{className:p(oe.SkeletonWrapper,s),children:t}):e.jsx("div",{className:p(oe.LoadingWrapperContainer,s),children:e.jsx(ne,{...r})}):e.jsx(e.Fragment,{children:o})}const ue="https://oauth.telegram.org/js/telegram-login.js?3";function te(n){const{botId:o,redirectUri:t,requestAccess:r="write"}=n,a=_.useRef(n.onSuccess);a.current=n.onSuccess;const s=_.useRef(!1),[c,d]=_.useState(!1),[h,f]=_.useState(!1);_.useEffect(function(){if(!o)return;const C=t??window.location.origin;f(!0),d(!1);const v=document.createElement("script");return v.src=ue,v.async=!0,v.onload=function(){const I=window.Telegram;I&&(I.Login.init({client_id:o,redirect_uri:C},function(E){s.current||(s.current=!0,a.current(E))}),d(!0)),f(!1)},v.onerror=function(){f(!1)},document.head.appendChild(v),function(){document.head.contains(v)&&document.head.removeChild(v),d(!1),f(!1)}},[o,t]);function g(){const C=window.Telegram;if(!c||!C)return;s.current=!1;const v=t??window.location.origin;C.Login.auth({client_id:o,redirect_uri:v,request_access:r},function(I){s.current||(s.current=!0,a.current(I))})}return{login:g,isReady:c,isLoading:h}}const K={TelegramSignInButtonContainer:"_TelegramSignInButtonContainer_10wun_1",FullSize:"_FullSize_10wun_46",Icon:"_Icon_10wun_50"},he={en:"Continue with Telegram",ru:"Войти через Telegram"};function ge(){return e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor","aria-hidden":"true",className:K.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 re({onClick:n,disabled:o,lang:t="en",title:r,label:a,fullSize:s,className:c}){_.useEffect(function(){const g="comfortaa-font";if(document.getElementById(g))return;const C=document.createElement("link");C.id=g,C.rel="stylesheet",C.href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap",document.head.appendChild(C)},[]);const d=a??r??he[t],h=m("TelegramSignInButton",c),f=p(K.TelegramSignInButtonContainer,{[K.FullSize]:s},h);return e.jsxs("button",{type:"button",className:f,onClick:n,disabled:o,children:[e.jsx(ge,{}),d]})}function Ce({botId:n,onSuccess:o,lang:t,title:r,redirectUri:a,requestAccess:s,children:c,className:d}){const{login:h,isReady:f}=te({botId:n,onSuccess:o,redirectUri:a,requestAccess:s});return c?e.jsx(e.Fragment,{children:c({login:h,isReady:f})}):e.jsx(re,{onClick:h,disabled:!f,lang:t,title:r,className:d})}let ve=0;const Q=ce.create((n,o)=>({toasts:[],bake:t=>{const r=ve++;n(a=>({toasts:[...a.toasts,{...t,id:r}]})),setTimeout(()=>{o().dismiss(r)},5e3)},dismiss:t=>{n(r=>({toasts:r.toasts.filter(a=>a.id!==t)}))}})),S={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 me({className:n}={}){const{toasts:o}=Q(),t=m("Toaster",n);return e.jsx("div",{className:p(S.ToastContainer,t),children:e.jsx(Y.AnimatePresence,{children:o.map(r=>e.jsx(Y.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(we,{...r})},r.id))})})}function we({id:n,title:o,description:t,level:r,isDismissable:a}){const[s,c]=_.useState(!1),d=Q();return _.useEffect(()=>()=>{c(!0)},[]),e.jsxs("div",{className:p(S.Toast,{[S.error]:r==="Error",[S.warn]:r==="Warn",[S.info]:r==null||r==="Info",[S.slideIn]:!s,[S.slideOut]:s}),children:[e.jsx("div",{children:o}),e.jsx("div",{className:S.Description,children:t}),a&&n!==void 0&&e.jsx("div",{className:S.DismissButton,onClick:()=>d.dismiss(n),children:"×"})]})}const k={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"},Ie=_.forwardRef(function({value:o,setValue:t,label:r,isLoader:a,type:s="text",disabled:c,error:d,className:h,inputClassName:f,...g},C){const[v,I]=_.useState(!1),E=v||o.length>0,w=m("Input",h);return a?e.jsx("div",{className:p(k.Skeleton,w),"aria-hidden":"true"}):e.jsxs("div",{className:p(k.InputContainer,{[k.hasError]:!!d,[k.disabled]:c},w),children:[e.jsx("input",{ref:C,className:p(k.InputField,f),type:s,value:o,onChange:P=>t(P.target.value),onFocus:()=>I(!0),onBlur:()=>I(!1),disabled:c,...g}),r&&e.jsx("label",{className:p(k.Label,{[k.lifted]:E}),children:r}),d&&e.jsx("span",{className:k.ErrorText,children:d})]})}),y={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 ye({checked:n,onChange:o,label:t,labelPosition:r="right",disabled:a,isLoader:s,isLoadingLabel:c,className:d}){const h=!!t||c,f=m("Toggle",d),g=c?e.jsx("span",{className:y.LabelSkeleton,"aria-hidden":"true"}):t?e.jsx("span",{className:y.Label,children:t}):null;return s?h?e.jsxs("div",{className:p(y.ToggleContainer,f),children:[r==="left"&&g,e.jsx("div",{className:y.Skeleton,"aria-hidden":"true"}),r==="right"&&g]}):e.jsx("div",{className:p(y.Skeleton,f),"aria-hidden":"true"}):e.jsxs("label",{className:p(y.ToggleContainer,{[y.disabled]:a},f),children:[r==="left"&&g,e.jsx("button",{role:"switch","aria-checked":n,className:p(y.Track,{[y.on]:n}),onClick:()=>!a&&o(!n),disabled:a,type:"button",children:e.jsx("span",{className:y.Thumb})}),r==="right"&&g]})}function Se(){const[n,o]=_.useState(!1),t=_.useRef(null),r=_.useCallback(()=>o(s=>!s),[]),a=_.useCallback(()=>o(!1),[]);return{isOpen:n,triggerRef:t,toggleOpen:r,close:a}}function Te(n,o,t){_.useEffect(()=>{function r(s){const c=s.target;n.current?.contains(c)||t?.current?.contains(c)||o()}function a(s){s.key==="Escape"&&o()}return document.addEventListener("mousedown",r,!0),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",r,!0),document.removeEventListener("keydown",a)}},[o,n,t])}function Ne(n,o){const[t,r]=_.useState([]);return _.useEffect(()=>{if(!o)return;let a=!1;return o(n).then(s=>{a||r(s)}),()=>{a=!0}},[n,o]),t}function B(n){return typeof n=="string"?n:n.id}function G(n){return typeof n=="string"?n:n.name}function ke(n,o){return n.map(t=>o.find(r=>B(r)===t)??t)}const l={DropdownContainer:"_DropdownContainer_p7cfo_13",PanelWrapper:"_PanelWrapper_p7cfo_20",Portal:"_Portal_p7cfo_34",PanelContainer:"_PanelContainer_p7cfo_18",Glass:"_Glass_p7cfo_48",Label:"_Label_p7cfo_54",lifted:"_lifted_p7cfo_68",TriggerContainer:"_TriggerContainer_p7cfo_75",Open:"_Open_p7cfo_99",TriggerPlaceholder:"_TriggerPlaceholder_p7cfo_104",TriggerValue:"_TriggerValue_p7cfo_112",TriggerIcon:"_TriggerIcon_p7cfo_120",ChipsWrapper:"_ChipsWrapper_p7cfo_127",Expand:"_Expand_p7cfo_145",MultiSelect:"_MultiSelect_p7cfo_151",ExpandHeight:"_ExpandHeight_p7cfo_156",Chip:"_Chip_p7cfo_127",SearchRow:"_SearchRow_p7cfo_175",SearchBox:"_SearchBox_p7cfo_180",SearchIcon:"_SearchIcon_p7cfo_190",SearchInput:"_SearchInput_p7cfo_197",ResultsList:"_ResultsList_p7cfo_211",OptionRow:"_OptionRow_p7cfo_216",Selected:"_Selected_p7cfo_231",Checkmark:"_Checkmark_p7cfo_236",CreateRow:"_CreateRow_p7cfo_242",WithBorder:"_WithBorder_p7cfo_255",CreateIcon:"_CreateIcon_p7cfo_260",CreateLabel:"_CreateLabel_p7cfo_272",EmptyHint:"_EmptyHint_p7cfo_278",SkeletonRow:"_SkeletonRow_p7cfo_285"};function Le({query:n,withBorder:o,onCreate:t}){function r(a){a.preventDefault(),t()}return e.jsxs("div",{className:p(l.CreateRow,o&&l.WithBorder),onMouseDown:r,children:[e.jsx("span",{className:l.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:l.CreateLabel,children:["create “",n,"”"]})]})}function De({opt:n,isSelected:o,multiSelect:t,onPick:r}){function a(s){s.preventDefault(),r(n)}return e.jsxs("div",{className:p(l.OptionRow,o&&l.Selected),onMouseDown:a,children:[t&&o&&e.jsx("span",{className:l.Checkmark,children:"✓"}),G(n)]})}function be({inputRef:n,query:o,onChange:t,onKeyDown:r,placeholder:a}){return e.jsx("div",{className:l.SearchRow,children:e.jsxs("div",{className:l.SearchBox,children:[e.jsx("span",{className:l.SearchIcon,children:e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",children:[e.jsx("circle",{cx:"5",cy:"5",r:"3.5"}),e.jsx("line",{x1:"8",y1:"8",x2:"11",y2:"11"})]})}),e.jsx("input",{ref:n,className:l.SearchInput,value:o,onChange:t,onKeyDown:r,placeholder:a})]})})}function Be({count:n}){return e.jsx(e.Fragment,{children:Array.from({length:n}).map((o,t)=>e.jsx("div",{className:l.SkeletonRow},t))})}function We({onSearch:n,onCreate:o,onPick:t,onClose:r,anchorRef:a,placeholder:s,options:c=[],excluded:d=[],selected:h=[],multiSelect:f=!1,selectedAtTop:g=!1,isLoading:C=!1,emptyHint:v="no results found",skeletonRowCount:I=4,onError:E=console.error,glass:w=!1}){const[P,J]=_.useState(""),[j,L]=_.useState(!1),[N,O]=_.useState(null),q=_.useRef(null),z=_.useRef(null),x=!!n,H=Ne(P,n);Te(z,r,a),_.useLayoutEffect(()=>{if(!w)return;function u(){a?.current&&O(a.current.getBoundingClientRect())}return u(),window.addEventListener("scroll",u,!0),window.addEventListener("resize",u),()=>{window.removeEventListener("scroll",u,!0),window.removeEventListener("resize",u)}},[w,a]),_.useEffect(()=>{x&&q.current?.focus()},[x]);const F=(n?H:c).filter(u=>!d.includes(B(u))),D=g?[...F.filter(u=>h.includes(B(u))),...F.filter(u=>!h.includes(B(u)))]:F,A=P.trim(),X=D.some(u=>G(u).toLowerCase()===A.toLowerCase()),b=!!o&&A.length>0&&!X;async function V(){!A||j||!o||(L(!0),o(A).then(Z).catch(E).finally(()=>L(!1)))}function Z(u){t(u),f||r()}function He(u){J(u.target.value)}function Ve(u){u.key==="Enter"&&(u.preventDefault(),D.length>0?Z(D[0]):b&&V())}const Ue=s??(o?"search or add new…":"search…");if(w&&!N)return null;const ae=e.jsx("div",{ref:z,className:p(l.PanelWrapper,{[l.Portal]:w}),style:w&&N?{top:N.bottom,left:N.left,width:N.width}:void 0,children:e.jsxs("div",{className:p(l.PanelContainer,{[l.Glass]:w}),children:[x&&e.jsx(be,{inputRef:q,query:P,onChange:He,onKeyDown:Ve,placeholder:Ue}),e.jsx("div",{className:l.ResultsList,children:C?e.jsx(Be,{count:I}):e.jsxs(e.Fragment,{children:[D.map(u=>e.jsx(De,{opt:u,isSelected:h.includes(B(u)),multiSelect:f,onPick:Z},B(u))),b&&e.jsx(Le,{query:A,withBorder:D.length>0,onCreate:V}),D.length===0&&!b&&e.jsx("div",{className:l.EmptyHint,children:v})]})})]})});return w?ie.createPortal(ae,document.body):ae}function se({size:n=14,strokeWidth:o=2,className:t}){return e.jsx("svg",{viewBox:"0 0 24 24",width:n,height:n,fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:t,children:e.jsx("polyline",{points:"6 9 12 15 18 9"})})}function Ee({size:n=18,strokeWidth:o=2.5,shrink:t=!0}){return e.jsx("svg",{viewBox:"0 0 24 24",width:n,height:n,fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",style:t?{flexShrink:0}:void 0,children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})}function Pe(){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 xe(){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 Ae({triggerRef:n,isOpen:o,onClick:t,selectedOptions:r,multiSelect:a,placeholder:s,onOverflow:c="scroll"}){const d=c==="expand";return e.jsxs("button",{type:"button",ref:n,className:p(l.TriggerContainer,o&&l.Open,a&&l.MultiSelect,d&&l.ExpandHeight),onClick:t,"aria-expanded":o,"aria-haspopup":"listbox",children:[a&&r.length>0?e.jsx("div",{className:p(l.ChipsWrapper,d&&l.Expand),children:r.map((h,f)=>e.jsx("span",{className:l.Chip,children:G(h)},f))}):e.jsx("span",{className:r.length===0?l.TriggerPlaceholder:l.TriggerValue,children:r.length===0?s:r.map(G).join(", ")}),e.jsx("span",{className:l.TriggerIcon,children:e.jsx(se,{size:12})})]})}function Me({options:n=[],value:o,onChange:t,onSearch:r,onCreate:a,excluded:s,multiSelect:c=!1,selectedAtTop:d=!1,onOverflow:h="scroll",label:f,placeholder:g="select…",searchPlaceholder:C,emptyHint:v,isLoading:I,skeletonRowCount:E,onError:w,className:P,glass:J=!1,children:j}){const{isOpen:L,triggerRef:N,toggleOpen:O,close:q}=Se(),z=m("Dropdown",P),x=ke(o,n),H=L||x.length>0,F=f&&!H?"":g;function D(X){const b=B(X);t(c?o.includes(b)?o.filter(V=>V!==b):[...o,b]:[b])}const A={ref:N,onClick:O,"aria-expanded":L,"aria-haspopup":"listbox"};return e.jsxs("div",{className:p(l.DropdownContainer,z),children:[f&&e.jsx("label",{className:p(l.Label,{[l.lifted]:H}),children:f}),j?j({selectedOptions:x,isOpen:L,toggleOpen:O,close:q,triggerProps:A}):e.jsx(Ae,{triggerRef:N,isOpen:L,onClick:O,selectedOptions:x,multiSelect:c,onOverflow:h,placeholder:F}),L&&e.jsx(We,{options:n,onSearch:r,onCreate:a,onPick:D,onClose:q,anchorRef:N,excluded:s,multiSelect:c,selectedAtTop:d,selected:o,placeholder:C,emptyHint:v,isLoading:I,skeletonRowCount:E,onError:w,glass:J})]})}const M={Btn:"_Btn_1tozl_10",Primary:"_Primary_1tozl_35",Secondary:"_Secondary_1tozl_50",Ghost:"_Ghost_1tozl_62",IconDanger:"_IconDanger_1tozl_74",Danger:"_Danger_1tozl_95"},Oe={primary:M.Primary,secondary:M.Secondary,danger:M.Danger,ghost:M.Ghost,iconDanger:M.IconDanger};function qe({variant:n="default",className:o,children:t,...r}){const a=m("Button",o),s=n==="unstyled";return e.jsx("button",{type:"button",...r,className:p(!s&&M.Btn,!s&&Oe[n],a),children:t})}const T={ConfirmWrapper:"_ConfirmWrapper_1tq4o_4",ConfirmContainer:"_ConfirmContainer_1tq4o_1",Glass:"_Glass_1tq4o_24",ConfirmTitle:"_ConfirmTitle_1tq4o_30",ConfirmMessage:"_ConfirmMessage_1tq4o_38",ConfirmActions:"_ConfirmActions_1tq4o_45",BtnCancel:"_BtnCancel_1tq4o_53",BtnConfirm:"_BtnConfirm_1tq4o_73",BtnDanger:"_BtnDanger_1tq4o_92"};function Fe({title:n,message:o,confirmLabel:t="Confirm",cancelLabel:r="Cancel",danger:a=!1,onConfirm:s,onClose:c,className:d,glass:h=!1}){const[f,g]=_.useState(!1),C=m("ConfirmDialog",d);function v(){g(!0),Promise.resolve(s()).finally(()=>{g(!1),c()})}return e.jsx("div",{className:T.ConfirmWrapper,children:e.jsxs("div",{className:p(T.ConfirmContainer,{[T.Glass]:h},C),role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:T.ConfirmTitle,children:n}),e.jsx("p",{className:T.ConfirmMessage,children:o}),e.jsxs("div",{className:T.ConfirmActions,children:[e.jsx("button",{className:T.BtnCancel,type:"button",onClick:c,disabled:f,children:r}),e.jsx("button",{className:p(a?T.BtnDanger:T.BtnConfirm),type:"button",onClick:v,disabled:f,children:f?"…":t})]})]})})}const W={InfoWrapper:"_InfoWrapper_cqv58_4",InfoContainer:"_InfoContainer_cqv58_1",Glass:"_Glass_cqv58_24",InfoTitle:"_InfoTitle_cqv58_30",InfoMessage:"_InfoMessage_cqv58_38",InfoActions:"_InfoActions_cqv58_45",BtnClose:"_BtnClose_cqv58_52"};function $e({title:n,message:o,onClose:t,className:r,glass:a=!1}){const s=m("InfoDialog",r);return e.jsx("div",{className:W.InfoWrapper,children:e.jsxs("div",{className:p(W.InfoContainer,{[W.Glass]:a},s),role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:W.InfoTitle,children:n}),e.jsx("p",{className:W.InfoMessage,children:o}),e.jsx("div",{className:W.InfoActions,children:e.jsx("button",{className:W.BtnClose,type:"button",onClick:t,children:"Got it"})})]})})}function Ge({buttons:n,containerClassName:o}){const t=m("ModalActions",o);return e.jsx("div",{className:t,children:n.map((r,a)=>e.jsx("button",{className:r.className,type:"button",onClick:r.onClick,disabled:r.disabled,children:r.label},a))})}function je({onClick:n,disabled:o,className:t}){const r=m("ModalClose",t);return e.jsx("button",{className:r,type:"button",onClick:n,disabled:o,"aria-label":"Close",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})}function ze({classNames:n,children:o}){return e.jsx(ee.Provider,{value:n,children:o})}i.AvatarFallbackIcon=xe,i.Button=qe,i.CheckmarkIcon=Ee,i.ChevronDownIcon=se,i.ChuresConfigProvider=ze,i.ConfirmDialog=Fe,i.Dropdown=Me,i.EditPencilIcon=Pe,i.InfoDialog=$e,i.Input=Ie,i.Loader=ne,i.LoadingWrapper=pe,i.ModalActions=Ge,i.ModalClose=je,i.TelegramAuth=Ce,i.TelegramSignInButton=re,i.Toaster=me,i.Toggle=ye,i.useComponentClassName=m,i.useTelegramLogin=te,i.useToaster=Q,Object.defineProperty(i,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%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem}}@keyframes _spin_wa8op_1{to{transform:rotate(360deg)}}@keyframes _ripple_wa8op_1{0%{transform:scale(.08);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes _dotPulse_wa8op_1{0%,to{transform:translate(-50%,-50%) scale(.55);opacity:.3}50%{transform:translate(-50%,calc(-50% - var(--sz) * .1)) scale(1);opacity:1}}@keyframes _waveBounce_wa8op_1{0%,55%,to{transform:translate(-50%,-50%) scale(.8);opacity:.4}27%{transform:translate(-50%,calc(-50% - var(--sz) * .28)) scale(1);opacity:1}}._LoaderContainer_wa8op_24{position:relative;flex-shrink:0}._sm_wa8op_31{width:1.5rem;height:1.5rem;--sz: 1.5rem;--arc-gap: .2rem;--arc-bw: .125rem}._md_wa8op_32{width:2.5rem;height:2.5rem;--sz: 2.5rem;--arc-gap: .35rem;--arc-bw: .1875rem}._lg_wa8op_33{width:4rem;height:4rem;--sz: 4rem;--arc-gap: .55rem;--arc-bw: .25rem}._Arc1_wa8op_37,._Arc2_wa8op_38,._Arc3_wa8op_39{position:absolute;border-radius:50%;border:var(--arc-bw) solid transparent}._Arc1_wa8op_37{inset:0;border-top-color:var(--chures-accent, #229ED9);border-left-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.2s linear infinite;filter:drop-shadow(0 0 .25rem var(--chures-accent, #229ED9))}._Arc2_wa8op_38{inset:var(--arc-gap);border-bottom-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.8s linear infinite reverse;opacity:.8}._Arc3_wa8op_39{inset:calc(var(--arc-gap) * 2);border-top-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 2.4s linear infinite;opacity:.6}._Ring1_wa8op_71,._Ring2_wa8op_72,._Ring3_wa8op_73{position:absolute;inset:0;border-radius:50%;border:var(--arc-bw) solid var(--chures-accent, #229ED9);animation:_ripple_wa8op_1 1.8s ease-out infinite both}._Ring2_wa8op_72{animation-delay:.6s}._Ring3_wa8op_73{animation-delay:1.2s}._Dot1_wa8op_86,._Dot2_wa8op_87,._Dot3_wa8op_88{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .14) var(--chures-accent, #229ED9);animation:_dotPulse_wa8op_1 1.1s ease-in-out infinite both}._Dot1_wa8op_86{left:22%}._Dot2_wa8op_87{left:50%;animation-delay:.18s}._Dot3_wa8op_88{left:78%;animation-delay:.36s}._Wave1_wa8op_105,._Wave2_wa8op_106,._Wave3_wa8op_107,._Wave4_wa8op_108,._Wave5_wa8op_109{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .16);height:calc(var(--sz) * .16);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .1) var(--chures-accent, #229ED9);animation:_waveBounce_wa8op_1 1s ease-in-out infinite both}._Wave1_wa8op_105{left:10%}._Wave2_wa8op_106{left:28%;animation-delay:.12s}._Wave3_wa8op_107{left:46%;animation-delay:.24s}._Wave4_wa8op_108{left:64%;animation-delay:.36s}._Wave5_wa8op_109{left:82%;animation-delay:.48s}._LoadingWrapperContainer_1q0w7_1{display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem}._SkeletonWrapper_1q0w7_9{width:100%}._TelegramSignInButtonContainer_10wun_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--chures-btn-from, #2AABEE) 0%,var(--chures-btn-to, #229ED9) 100%);border:0;border-radius:.875rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 .0625rem #ffffff26,0 .75rem 2rem -.75rem #2aabee8c;transition:transform .14s ease,box-shadow .2s ease,filter .16s ease}._TelegramSignInButtonContainer_10wun_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_10wun_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_10wun_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_10wun_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_10wun_46{height:100%}._Icon_10wun_50{flex-shrink:0}._ToastContainer_1tme2_1{position:fixed;right:1.5rem;top:1.5rem;width:clamp(25vw,24.5rem,95vw);display:flex;flex-direction:column;gap:1rem;z-index:9999}._Toast_1tme2_1{min-height:4rem;border:var(--chures-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:var(--chures-surface, #000000);display:flex;flex-direction:column}._Toast_1tme2_1>div:first-child{font-weight:700;font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}._Toast_1tme2_1._error_1tme2_33{border-color:var(--chures-error, #ef4444)}._Toast_1tme2_1._error_1tme2_33>div:first-child{color:var(--chures-error, #ef4444)}._Toast_1tme2_1._warn_1tme2_41{border-color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._warn_1tme2_41>div:first-child{color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._info_1tme2_49{border-color:var(--chures-accent, #229ED9)}._Toast_1tme2_1 ._Description_1tme2_53{color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-xs, .75rem);margin-top:.125rem}._Toast_1tme2_1 ._DismissButton_1tme2_59{position:absolute;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;top:0;right:1%;cursor:pointer;font-size:1.5rem;color:var(--chures-fg-muted, #9ca3af)}._slideIn_1tme2_79{animation:_slideIn_1tme2_79 .2s ease forwards}._slideOut_1tme2_83{animation:_slideOut_1tme2_83 .2s ease forwards}@keyframes _slideIn_1tme2_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1tme2_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes _shimmer_1uu20_1{0%{background-position:-200% 0}to{background-position:200% 0}}:where(._InputContainer_1uu20_15){position:relative;width:100%;height:var(--chures-input-height, 3rem)}:where(._InputField_1uu20_21){width:100%;height:100%;background:var(--chures-input-bg, #111111);border:.0625rem solid rgb(255 255 255 / 13%);border-radius:var(--chures-input-radius, .75rem);color:var(--chures-fg, #ffffff);font-size:var(--chures-font-sm, .875rem);padding:0 .875rem;outline:none;transition:border-color .18s ease;box-sizing:border-box}:where(._InputField_1uu20_21._hasStartIcon_1uu20_35){padding-left:2.25rem}:where(._InputField_1uu20_21._hasEndIcon_1uu20_39){padding-right:2.25rem}:where(._StartIcon_1uu20_43){position:absolute;left:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._EndIcon_1uu20_54){position:absolute;right:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._InputField_1uu20_21):focus{border-color:#ffffff59}:where(._hasError_1uu20_69 ._InputField_1uu20_21),:where(._hasError_1uu20_69 ._InputField_1uu20_21):focus{border-color:var(--chures-error, #ef4444)}:where(._disabled_1uu20_74 ._InputField_1uu20_21){opacity:.45;cursor:not-allowed}:where(._Label_1uu20_79){position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-sm, .875rem);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}:where(._Label_1uu20_79._lifted_1uu20_93){top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}:where(._hasError_1uu20_69 ._Label_1uu20_79._lifted_1uu20_93){color:var(--chures-error, #ef4444)}:where(._ErrorText_1uu20_104){display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}:where(._Skeleton_1uu20_112){width:100%;height:var(--chures-input-height, 3rem);border-radius:var(--chures-input-radius, .75rem);background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1uu20_1 1.5s ease-in-out infinite}@keyframes _shimmer_1jetc_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_1jetc_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_1jetc_13{opacity:.45;cursor:not-allowed}._Track_1jetc_18{position:relative;width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:var(--chures-toggle-bg-off, rgb(255 255 255 / 13%));border:none;padding:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}._Track_1jetc_18._on_1jetc_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_1jetc_13 ._Track_1jetc_18{cursor:not-allowed}._Thumb_1jetc_39{position:absolute;top:0;bottom:0;margin:auto 0;left:.1875rem;width:var(--chures-toggle-thumb, 1.125rem);height:var(--chures-toggle-thumb, 1.125rem);border-radius:50%;background:var(--chures-toggle-thumb-color, #ffffff);transition:left .2s ease;pointer-events:none}._Track_1jetc_18._on_1jetc_31 ._Thumb_1jetc_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_1jetc_57{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_1jetc_63{display:inline-block;width:var(--chures-toggle-label-skeleton-w, 5rem);height:var(--chures-font-sm, .875rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}._Skeleton_1jetc_78{width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem}}@keyframes _panelIn_p7cfo_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_p7cfo_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_p7cfo_13{position:relative;width:100%}._PanelWrapper_p7cfo_20{position:absolute;top:calc(100% + var(--chures-dropdown-panel-gap));left:0;width:100%;animation:_panelIn_p7cfo_1 .14s ease}._PanelWrapper_p7cfo_20._Portal_p7cfo_34{position:fixed;width:auto;margin-top:var(--chures-dropdown-panel-gap)}._PanelContainer_p7cfo_18{background:var(--chures-dropdown-bg);border:1px solid var(--chures-dropdown-border);border-radius:var(--chures-dropdown-radius);overflow:hidden;box-shadow:0 1rem 3rem #000c}._PanelContainer_p7cfo_18._Glass_p7cfo_48{background:var(--chures-dropdown-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem))}._Label_p7cfo_54{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted);font-size:var(--chures-font-sm);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_p7cfo_54._lifted_p7cfo_68{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg);color:var(--chures-fg-muted)}._TriggerContainer_p7cfo_75{width:100%;height:var(--chures-input-height);background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-trigger-border);border-radius:var(--chures-input-radius);color:var(--chures-fg);font-size:var(--chures-font-sm);font-family:inherit;padding:0 .875rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}._TriggerContainer_p7cfo_75:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_p7cfo_75._Open_p7cfo_99{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_p7cfo_104{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_p7cfo_112{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_p7cfo_120{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_p7cfo_127{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;align-items:center;margin:.375rem 0;scrollbar-width:none;-ms-overflow-style:none}._ChipsWrapper_p7cfo_127::-webkit-scrollbar{display:none}._ChipsWrapper_p7cfo_127._Expand_p7cfo_145{flex-wrap:wrap;overflow:visible;row-gap:.25rem}._TriggerContainer_p7cfo_75._MultiSelect_p7cfo_151 ._TriggerIcon_p7cfo_120{align-self:flex-start;height:var(--chures-input-height)}._TriggerContainer_p7cfo_75._ExpandHeight_p7cfo_156{height:auto;min-height:var(--chures-input-height)}._Chip_p7cfo_127{display:inline-flex;align-items:center;flex-shrink:0;background:var(--chures-dropdown-create-bg);border:1px solid var(--chures-dropdown-chip-border);border-radius:624.9375rem;padding:.15rem .5rem;font-size:var(--chures-font-xs);color:var(--chures-fg);white-space:nowrap;line-height:1.4}._SearchRow_p7cfo_175{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_p7cfo_180{display:flex;align-items:center;gap:.5rem;background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-border-subtle);border-radius:var(--chures-dropdown-row-radius);padding:.4rem .625rem}._SearchIcon_p7cfo_190{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_p7cfo_197{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_p7cfo_197::placeholder{color:var(--chures-fg-muted)}._ResultsList_p7cfo_211{max-height:13rem;overflow-y:auto}._OptionRow_p7cfo_216{padding:.5625rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);cursor:pointer;transition:background .1s ease,color .1s ease;display:flex;align-items:center;gap:.5rem}._OptionRow_p7cfo_216:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_p7cfo_216._Selected_p7cfo_231{color:var(--chures-fg)}._Checkmark_p7cfo_236{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_p7cfo_242{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_p7cfo_242:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_p7cfo_242._WithBorder_p7cfo_255{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_p7cfo_260{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--chures-accent);color:#fff;flex-shrink:0}._CreateLabel_p7cfo_272{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_p7cfo_278{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_p7cfo_285{height:2rem;margin:.375rem .875rem;border-radius:var(--chures-dropdown-row-radius);background:linear-gradient(90deg,var(--chures-dropdown-bg) 25%,var(--chures-skeleton-shine) 50%,var(--chures-dropdown-bg) 75%);background-size:200% 100%;animation:_shimmer_p7cfo_1 1.4s infinite linear}:where(._Btn_1tozl_10){display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:1px solid transparent;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.625rem 1rem;transition:all .16s ease;white-space:nowrap;color:var(--chures-fg, #ffffff);background:var(--chures-button-bg)}:where(._Btn_1tozl_10):disabled{opacity:.4;cursor:not-allowed}:where(._Primary_1tozl_35){background:var(--chures-accent, #229ED9);border-color:var(--chures-accent, #229ED9);color:#fff;font-weight:600;padding:.625rem 1.125rem;box-shadow:0 10px 28px -12px var(--chures-accent-muted, rgb(34 158 217 / 50%));transition:filter .16s ease,opacity .16s ease}:where(._Primary_1tozl_35):hover:not(:disabled){filter:brightness(1.06)}:where(._Secondary_1tozl_50){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Secondary_1tozl_50):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._Ghost_1tozl_62){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Ghost_1tozl_62):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._IconDanger_1tozl_74){width:1.375rem;height:1.375rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:1rem;line-height:1;justify-content:center;flex-shrink:0;transition:background .14s ease,color .14s ease}:where(._IconDanger_1tozl_74):hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}:where(._Danger_1tozl_95){background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}:where(._Danger_1tozl_95):hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmWrapper_1tq4o_4{width:100%;max-width:24rem;animation:_confirmIn_1tq4o_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_1tq4o_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmContainer_1tq4o_1{width:100%;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c}._Glass_1tq4o_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._ConfirmTitle_1tq4o_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_1tq4o_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_1tq4o_45{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_1tq4o_53{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_1tq4o_53:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_1tq4o_73{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_1tq4o_73:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_1tq4o_92{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_1tq4o_92:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_1tq4o_73:disabled,._BtnDanger_1tq4o_92:disabled,._BtnCancel_1tq4o_53:disabled{opacity:.4;cursor:not-allowed}._InfoWrapper_cqv58_4{width:100%;max-width:24rem;animation:_infoIn_cqv58_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_cqv58_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoContainer_cqv58_1{width:100%;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c}._Glass_cqv58_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._InfoTitle_cqv58_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_cqv58_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_cqv58_45{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_cqv58_52{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_cqv58_52:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("framer-motion"),require("zustand"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","framer-motion","zustand","react-dom"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.Chures={},i.ReactJSXRuntime,i.React,i.FramerMotion,i.Zustand,i.ReactDOM))})(this,(function(i,e,f,Y,ce,ie){"use strict";function le(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var K={exports:{}};var R;function de(){return R||(R=1,(function(n){(function(){var o={}.hasOwnProperty;function t(){for(var s="",c=0;c<arguments.length;c++){var d=arguments[c];d&&(s=a(s,r(d)))}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 d in s)o.call(s,d)&&s[d]&&(c=a(c,d));return c}function a(s,c){return c?s?s+" "+c:s+c:s}n.exports?(t.default=t,n.exports=t):window.classNames=t})()})(K)),K.exports}var _e=de();const u=le(_e),j={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"},ee=f.createContext({});function m(n,o){const t=f.useContext(ee);return o??t[n]}function fe(n,o){switch(n){case"ripple":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Ring1}),e.jsx("div",{className:o.Ring2}),e.jsx("div",{className:o.Ring3})]});case"dots":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Dot1}),e.jsx("div",{className:o.Dot2}),e.jsx("div",{className:o.Dot3})]});case"wave":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Wave1}),e.jsx("div",{className:o.Wave2}),e.jsx("div",{className:o.Wave3}),e.jsx("div",{className:o.Wave4}),e.jsx("div",{className:o.Wave5})]});default:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Arc1}),e.jsx("div",{className:o.Arc2}),e.jsx("div",{className:o.Arc3})]})}}function ne({variant:n="arcs",size:o="md",color:t,className:r}){const a=m("Loader",r);return e.jsx("div",{className:u(j.LoaderContainer,j[o],j[n],a),role:"status","aria-label":"Loading",style:t?{"--chures-accent":t}:void 0,children:fe(n,j)})}const oe={LoadingWrapperContainer:"_LoadingWrapperContainer_1q0w7_1",SkeletonWrapper:"_SkeletonWrapper_1q0w7_9"};function ue({isLoading:n,children:o,skeleton:t,loaderProps:r,className:a}){const s=m("LoadingWrapper",a);return n?t?e.jsx("div",{className:u(oe.SkeletonWrapper,s),children:t}):e.jsx("div",{className:u(oe.LoadingWrapperContainer,s),children:e.jsx(ne,{...r})}):e.jsx(e.Fragment,{children:o})}const pe="https://oauth.telegram.org/js/telegram-login.js?3";function te(n){const{botId:o,redirectUri:t,requestAccess:r="write"}=n,a=f.useRef(n.onSuccess);a.current=n.onSuccess;const s=f.useRef(!1),[c,d]=f.useState(!1),[h,_]=f.useState(!1);f.useEffect(function(){if(!o)return;const C=t??window.location.origin;_(!0),d(!1);const v=document.createElement("script");return v.src=pe,v.async=!0,v.onload=function(){const k=window.Telegram;k&&(k.Login.init({client_id:o,redirect_uri:C},function(P){s.current||(s.current=!0,a.current(P))}),d(!0)),_(!1)},v.onerror=function(){_(!1)},document.head.appendChild(v),function(){document.head.contains(v)&&document.head.removeChild(v),d(!1),_(!1)}},[o,t]);function g(){const C=window.Telegram;if(!c||!C)return;s.current=!1;const v=t??window.location.origin;C.Login.auth({client_id:o,redirect_uri:v,request_access:r},function(k){s.current||(s.current=!0,a.current(k))})}return{login:g,isReady:c,isLoading:h}}const Q={TelegramSignInButtonContainer:"_TelegramSignInButtonContainer_10wun_1",FullSize:"_FullSize_10wun_46",Icon:"_Icon_10wun_50"},he={en:"Continue with Telegram",ru:"Войти через Telegram"};function ge(){return e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor","aria-hidden":"true",className:Q.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 re({onClick:n,disabled:o,lang:t="en",title:r,label:a,fullSize:s,className:c}){f.useEffect(function(){const g="comfortaa-font";if(document.getElementById(g))return;const C=document.createElement("link");C.id=g,C.rel="stylesheet",C.href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap",document.head.appendChild(C)},[]);const d=a??r??he[t],h=m("TelegramSignInButton",c),_=u(Q.TelegramSignInButtonContainer,{[Q.FullSize]:s},h);return e.jsxs("button",{type:"button",className:_,onClick:n,disabled:o,children:[e.jsx(ge,{}),d]})}function Ce({botId:n,onSuccess:o,lang:t,title:r,redirectUri:a,requestAccess:s,children:c,className:d}){const{login:h,isReady:_}=te({botId:n,onSuccess:o,redirectUri:a,requestAccess:s});return c?e.jsx(e.Fragment,{children:c({login:h,isReady:_})}):e.jsx(re,{onClick:h,disabled:!_,lang:t,title:r,className:d})}let ve=0;const J=ce.create((n,o)=>({toasts:[],bake:t=>{const r=ve++;n(a=>({toasts:[...a.toasts,{...t,id:r}]})),setTimeout(()=>{o().dismiss(r)},5e3)},dismiss:t=>{n(r=>({toasts:r.toasts.filter(a=>a.id!==t)}))}})),L={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 me({className:n}={}){const{toasts:o}=J(),t=m("Toaster",n);return e.jsx("div",{className:u(L.ToastContainer,t),children:e.jsx(Y.AnimatePresence,{children:o.map(r=>e.jsx(Y.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(we,{...r})},r.id))})})}function we({id:n,title:o,description:t,level:r,isDismissable:a}){const[s,c]=f.useState(!1),d=J();return f.useEffect(()=>()=>{c(!0)},[]),e.jsxs("div",{className:u(L.Toast,{[L.error]:r==="Error",[L.warn]:r==="Warn",[L.info]:r==null||r==="Info",[L.slideIn]:!s,[L.slideOut]:s}),children:[e.jsx("div",{children:o}),e.jsx("div",{className:L.Description,children:t}),a&&n!==void 0&&e.jsx("div",{className:L.DismissButton,onClick:()=>d.dismiss(n),children:"×"})]})}const w={InputContainer:"_InputContainer_1uu20_15",InputField:"_InputField_1uu20_21",hasStartIcon:"_hasStartIcon_1uu20_35",hasEndIcon:"_hasEndIcon_1uu20_39",StartIcon:"_StartIcon_1uu20_43",EndIcon:"_EndIcon_1uu20_54",hasError:"_hasError_1uu20_69",disabled:"_disabled_1uu20_74",Label:"_Label_1uu20_79",lifted:"_lifted_1uu20_93",ErrorText:"_ErrorText_1uu20_104",Skeleton:"_Skeleton_1uu20_112"},Ie=f.forwardRef(function({value:o,setValue:t,label:r,isLoader:a,type:s="text",disabled:c,error:d,className:h,inputClassName:_,startIcon:g,endIcon:C,...v},k){const[P,I]=f.useState(!1),x=P||o.length>0,q=m("Input",h),{onFocus:F,onBlur:T,...S}=v;return a?e.jsx("div",{className:u(w.Skeleton,q),"aria-hidden":"true"}):e.jsxs("div",{className:u(w.InputContainer,{[w.hasError]:!!d,[w.disabled]:c},q),children:[g&&e.jsx("span",{className:w.StartIcon,children:g}),e.jsx("input",{ref:k,className:u(w.InputField,{[w.hasStartIcon]:!!g,[w.hasEndIcon]:!!C},_),type:s,value:o,onChange:y=>t(y.target.value),onFocus:y=>{I(!0),F?.(y)},onBlur:y=>{I(!1),T?.(y)},disabled:c,...S}),r&&e.jsx("label",{className:u(w.Label,{[w.lifted]:x}),children:r}),C&&e.jsx("span",{className:w.EndIcon,children:C}),d&&e.jsx("span",{className:w.ErrorText,children:d})]})}),N={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 Se({checked:n,onChange:o,label:t,labelPosition:r="right",disabled:a,isLoader:s,isLoadingLabel:c,className:d}){const h=!!t||c,_=m("Toggle",d),g=c?e.jsx("span",{className:N.LabelSkeleton,"aria-hidden":"true"}):t?e.jsx("span",{className:N.Label,children:t}):null;return s?h?e.jsxs("div",{className:u(N.ToggleContainer,_),children:[r==="left"&&g,e.jsx("div",{className:N.Skeleton,"aria-hidden":"true"}),r==="right"&&g]}):e.jsx("div",{className:u(N.Skeleton,_),"aria-hidden":"true"}):e.jsxs("label",{className:u(N.ToggleContainer,{[N.disabled]:a},_),children:[r==="left"&&g,e.jsx("button",{role:"switch","aria-checked":n,className:u(N.Track,{[N.on]:n}),onClick:()=>!a&&o(!n),disabled:a,type:"button",children:e.jsx("span",{className:N.Thumb})}),r==="right"&&g]})}function ye(){const[n,o]=f.useState(!1),t=f.useRef(null),r=f.useCallback(()=>o(s=>!s),[]),a=f.useCallback(()=>o(!1),[]);return{isOpen:n,triggerRef:t,toggleOpen:r,close:a}}function Ne(n,o,t){f.useEffect(()=>{function r(s){const c=s.target;n.current?.contains(c)||t?.current?.contains(c)||o()}function a(s){s.key==="Escape"&&o()}return document.addEventListener("mousedown",r,!0),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",r,!0),document.removeEventListener("keydown",a)}},[o,n,t])}function ke(n,o){const[t,r]=f.useState([]);return f.useEffect(()=>{if(!o)return;let a=!1;return o(n).then(s=>{a||r(s)}),()=>{a=!0}},[n,o]),t}function W(n){return typeof n=="string"?n:n.id}function z(n){return typeof n=="string"?n:n.name}function Te(n,o){return n.map(t=>o.find(r=>W(r)===t)??t)}const l={DropdownContainer:"_DropdownContainer_p7cfo_13",PanelWrapper:"_PanelWrapper_p7cfo_20",Portal:"_Portal_p7cfo_34",PanelContainer:"_PanelContainer_p7cfo_18",Glass:"_Glass_p7cfo_48",Label:"_Label_p7cfo_54",lifted:"_lifted_p7cfo_68",TriggerContainer:"_TriggerContainer_p7cfo_75",Open:"_Open_p7cfo_99",TriggerPlaceholder:"_TriggerPlaceholder_p7cfo_104",TriggerValue:"_TriggerValue_p7cfo_112",TriggerIcon:"_TriggerIcon_p7cfo_120",ChipsWrapper:"_ChipsWrapper_p7cfo_127",Expand:"_Expand_p7cfo_145",MultiSelect:"_MultiSelect_p7cfo_151",ExpandHeight:"_ExpandHeight_p7cfo_156",Chip:"_Chip_p7cfo_127",SearchRow:"_SearchRow_p7cfo_175",SearchBox:"_SearchBox_p7cfo_180",SearchIcon:"_SearchIcon_p7cfo_190",SearchInput:"_SearchInput_p7cfo_197",ResultsList:"_ResultsList_p7cfo_211",OptionRow:"_OptionRow_p7cfo_216",Selected:"_Selected_p7cfo_231",Checkmark:"_Checkmark_p7cfo_236",CreateRow:"_CreateRow_p7cfo_242",WithBorder:"_WithBorder_p7cfo_255",CreateIcon:"_CreateIcon_p7cfo_260",CreateLabel:"_CreateLabel_p7cfo_272",EmptyHint:"_EmptyHint_p7cfo_278",SkeletonRow:"_SkeletonRow_p7cfo_285"};function Le({query:n,withBorder:o,onCreate:t}){function r(a){a.preventDefault(),t()}return e.jsxs("div",{className:u(l.CreateRow,o&&l.WithBorder),onMouseDown:r,children:[e.jsx("span",{className:l.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:l.CreateLabel,children:["create “",n,"”"]})]})}function De({opt:n,isSelected:o,multiSelect:t,onPick:r}){function a(s){s.preventDefault(),r(n)}return e.jsxs("div",{className:u(l.OptionRow,o&&l.Selected),onMouseDown:a,children:[t&&o&&e.jsx("span",{className:l.Checkmark,children:"✓"}),z(n)]})}function Be({inputRef:n,query:o,onChange:t,onKeyDown:r,placeholder:a}){return e.jsx("div",{className:l.SearchRow,children:e.jsxs("div",{className:l.SearchBox,children:[e.jsx("span",{className:l.SearchIcon,children:e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",children:[e.jsx("circle",{cx:"5",cy:"5",r:"3.5"}),e.jsx("line",{x1:"8",y1:"8",x2:"11",y2:"11"})]})}),e.jsx("input",{ref:n,className:l.SearchInput,value:o,onChange:t,onKeyDown:r,placeholder:a})]})})}function be({count:n}){return e.jsx(e.Fragment,{children:Array.from({length:n}).map((o,t)=>e.jsx("div",{className:l.SkeletonRow},t))})}function We({onSearch:n,onCreate:o,onPick:t,onClose:r,anchorRef:a,placeholder:s,options:c=[],excluded:d=[],selected:h=[],multiSelect:_=!1,selectedAtTop:g=!1,isLoading:C=!1,emptyHint:v="no results found",skeletonRowCount:k=4,onError:P=console.error,glass:I=!1}){const[x,q]=f.useState(""),[F,T]=f.useState(!1),[S,y]=f.useState(null),$=f.useRef(null),H=f.useRef(null),A=!!n,V=ke(x,n);Ne(H,r,a),f.useLayoutEffect(()=>{if(!I)return;function p(){a?.current&&y(a.current.getBoundingClientRect())}return p(),window.addEventListener("scroll",p,!0),window.addEventListener("resize",p),()=>{window.removeEventListener("scroll",p,!0),window.removeEventListener("resize",p)}},[I,a]),f.useEffect(()=>{A&&$.current?.focus()},[A]);const G=(n?V:c).filter(p=>!d.includes(W(p))),B=g?[...G.filter(p=>h.includes(W(p))),...G.filter(p=>!h.includes(W(p)))]:G,M=x.trim(),X=B.some(p=>z(p).toLowerCase()===M.toLowerCase()),b=!!o&&M.length>0&&!X;async function U(){!M||F||!o||(T(!0),o(M).then(Z).catch(P).finally(()=>T(!1)))}function Z(p){t(p),_||r()}function Ve(p){q(p.target.value)}function Ue(p){p.key==="Enter"&&(p.preventDefault(),B.length>0?Z(B[0]):b&&U())}const Ke=s??(o?"search or add new…":"search…");if(I&&!S)return null;const ae=e.jsx("div",{ref:H,className:u(l.PanelWrapper,{[l.Portal]:I}),style:I&&S?{top:S.bottom,left:S.left,width:S.width}:void 0,children:e.jsxs("div",{className:u(l.PanelContainer,{[l.Glass]:I}),children:[A&&e.jsx(Be,{inputRef:$,query:x,onChange:Ve,onKeyDown:Ue,placeholder:Ke}),e.jsx("div",{className:l.ResultsList,children:C?e.jsx(be,{count:k}):e.jsxs(e.Fragment,{children:[B.map(p=>e.jsx(De,{opt:p,isSelected:h.includes(W(p)),multiSelect:_,onPick:Z},W(p))),b&&e.jsx(Le,{query:M,withBorder:B.length>0,onCreate:U}),B.length===0&&!b&&e.jsx("div",{className:l.EmptyHint,children:v})]})})]})});return I?ie.createPortal(ae,document.body):ae}function se({size:n=14,strokeWidth:o=2,className:t}){return e.jsx("svg",{viewBox:"0 0 24 24",width:n,height:n,fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:t,children:e.jsx("polyline",{points:"6 9 12 15 18 9"})})}function Ee({size:n=18,strokeWidth:o=2.5,shrink:t=!0}){return e.jsx("svg",{viewBox:"0 0 24 24",width:n,height:n,fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",style:t?{flexShrink:0}:void 0,children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})}function Pe(){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 xe(){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 Ae({size:n=14,strokeWidth:o=2,className:t}){return e.jsxs("svg",{viewBox:"0 0 24 24",width:n,height:n,fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[e.jsx("circle",{cx:"11",cy:"11",r:"7"}),e.jsx("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]})}function Me({triggerRef:n,isOpen:o,onClick:t,selectedOptions:r,multiSelect:a,placeholder:s,onOverflow:c="scroll"}){const d=c==="expand";return e.jsxs("button",{type:"button",ref:n,className:u(l.TriggerContainer,o&&l.Open,a&&l.MultiSelect,d&&l.ExpandHeight),onClick:t,"aria-expanded":o,"aria-haspopup":"listbox",children:[a&&r.length>0?e.jsx("div",{className:u(l.ChipsWrapper,d&&l.Expand),children:r.map((h,_)=>e.jsx("span",{className:l.Chip,children:z(h)},_))}):e.jsx("span",{className:r.length===0?l.TriggerPlaceholder:l.TriggerValue,children:r.length===0?s:r.map(z).join(", ")}),e.jsx("span",{className:l.TriggerIcon,children:e.jsx(se,{size:12})})]})}function Oe({options:n=[],value:o,onChange:t,onSearch:r,onCreate:a,excluded:s,multiSelect:c=!1,selectedAtTop:d=!1,onOverflow:h="scroll",label:_,placeholder:g="select…",searchPlaceholder:C,emptyHint:v,isLoading:k,skeletonRowCount:P,onError:I,className:x,glass:q=!1,children:F}){const{isOpen:T,triggerRef:S,toggleOpen:y,close:$}=ye(),H=m("Dropdown",x),A=Te(o,n),V=T||A.length>0,G=_&&!V?"":g;function B(X){const b=W(X);t(c?o.includes(b)?o.filter(U=>U!==b):[...o,b]:[b])}const M={ref:S,onClick:y,"aria-expanded":T,"aria-haspopup":"listbox"};return e.jsxs("div",{className:u(l.DropdownContainer,H),children:[_&&e.jsx("label",{className:u(l.Label,{[l.lifted]:V}),children:_}),F?F({selectedOptions:A,isOpen:T,toggleOpen:y,close:$,triggerProps:M}):e.jsx(Me,{triggerRef:S,isOpen:T,onClick:y,selectedOptions:A,multiSelect:c,onOverflow:h,placeholder:G}),T&&e.jsx(We,{options:n,onSearch:r,onCreate:a,onPick:B,onClose:$,anchorRef:S,excluded:s,multiSelect:c,selectedAtTop:d,selected:o,placeholder:C,emptyHint:v,isLoading:k,skeletonRowCount:P,onError:I,glass:q})]})}const O={Btn:"_Btn_1tozl_10",Primary:"_Primary_1tozl_35",Secondary:"_Secondary_1tozl_50",Ghost:"_Ghost_1tozl_62",IconDanger:"_IconDanger_1tozl_74",Danger:"_Danger_1tozl_95"},qe={primary:O.Primary,secondary:O.Secondary,danger:O.Danger,ghost:O.Ghost,iconDanger:O.IconDanger};function Fe({variant:n="default",className:o,children:t,...r}){const a=m("Button",o),s=n==="unstyled";return e.jsx("button",{type:"button",...r,className:u(!s&&O.Btn,!s&&qe[n],a),children:t})}const D={ConfirmWrapper:"_ConfirmWrapper_1tq4o_4",ConfirmContainer:"_ConfirmContainer_1tq4o_1",Glass:"_Glass_1tq4o_24",ConfirmTitle:"_ConfirmTitle_1tq4o_30",ConfirmMessage:"_ConfirmMessage_1tq4o_38",ConfirmActions:"_ConfirmActions_1tq4o_45",BtnCancel:"_BtnCancel_1tq4o_53",BtnConfirm:"_BtnConfirm_1tq4o_73",BtnDanger:"_BtnDanger_1tq4o_92"};function $e({title:n,message:o,confirmLabel:t="Confirm",cancelLabel:r="Cancel",danger:a=!1,onConfirm:s,onClose:c,className:d,glass:h=!1}){const[_,g]=f.useState(!1),C=m("ConfirmDialog",d);function v(){g(!0),Promise.resolve(s()).finally(()=>{g(!1),c()})}return e.jsx("div",{className:D.ConfirmWrapper,children:e.jsxs("div",{className:u(D.ConfirmContainer,{[D.Glass]:h},C),role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:D.ConfirmTitle,children:n}),e.jsx("p",{className:D.ConfirmMessage,children:o}),e.jsxs("div",{className:D.ConfirmActions,children:[e.jsx("button",{className:D.BtnCancel,type:"button",onClick:c,disabled:_,children:r}),e.jsx("button",{className:u(a?D.BtnDanger:D.BtnConfirm),type:"button",onClick:v,disabled:_,children:_?"…":t})]})]})})}const E={InfoWrapper:"_InfoWrapper_cqv58_4",InfoContainer:"_InfoContainer_cqv58_1",Glass:"_Glass_cqv58_24",InfoTitle:"_InfoTitle_cqv58_30",InfoMessage:"_InfoMessage_cqv58_38",InfoActions:"_InfoActions_cqv58_45",BtnClose:"_BtnClose_cqv58_52"};function Ge({title:n,message:o,onClose:t,className:r,glass:a=!1}){const s=m("InfoDialog",r);return e.jsx("div",{className:E.InfoWrapper,children:e.jsxs("div",{className:u(E.InfoContainer,{[E.Glass]:a},s),role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:E.InfoTitle,children:n}),e.jsx("p",{className:E.InfoMessage,children:o}),e.jsx("div",{className:E.InfoActions,children:e.jsx("button",{className:E.BtnClose,type:"button",onClick:t,children:"Got it"})})]})})}function je({buttons:n,containerClassName:o}){const t=m("ModalActions",o);return e.jsx("div",{className:t,children:n.map((r,a)=>e.jsx("button",{className:r.className,type:"button",onClick:r.onClick,disabled:r.disabled,children:r.label},a))})}function ze({onClick:n,disabled:o,className:t}){const r=m("ModalClose",t);return e.jsx("button",{className:r,type:"button",onClick:n,disabled:o,"aria-label":"Close",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})}function He({classNames:n,children:o}){return e.jsx(ee.Provider,{value:n,children:o})}i.AvatarFallbackIcon=xe,i.Button=Fe,i.CheckmarkIcon=Ee,i.ChevronDownIcon=se,i.ChuresConfigProvider=He,i.ConfirmDialog=$e,i.Dropdown=Oe,i.EditPencilIcon=Pe,i.InfoDialog=Ge,i.Input=Ie,i.Loader=ne,i.LoadingWrapper=ue,i.ModalActions=je,i.ModalClose=ze,i.SearchIcon=Ae,i.TelegramAuth=Ce,i.TelegramSignInButton=re,i.Toaster=me,i.Toggle=Se,i.useComponentClassName=m,i.useTelegramLogin=te,i.useToaster=J,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));
|
|
@@ -9,6 +9,8 @@ interface Props extends NativeInputProps {
|
|
|
9
9
|
error?: string;
|
|
10
10
|
className?: string;
|
|
11
11
|
inputClassName?: string;
|
|
12
|
+
startIcon?: React.ReactNode;
|
|
13
|
+
endIcon?: React.ReactNode;
|
|
12
14
|
}
|
|
13
15
|
export type InputProps = Props;
|
|
14
16
|
export declare const Input: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -4,3 +4,5 @@ export { CheckmarkIcon } from './CheckmarkIcon';
|
|
|
4
4
|
export type { CheckmarkIconProps } from './CheckmarkIcon';
|
|
5
5
|
export { EditPencilIcon } from './EditPencilIcon';
|
|
6
6
|
export { AvatarFallbackIcon } from './AvatarFallbackIcon';
|
|
7
|
+
export { SearchIcon } from './SearchIcon';
|
|
8
|
+
export type { SearchIconProps } from './SearchIcon';
|
package/dist/index.d.ts
CHANGED
|
@@ -29,8 +29,8 @@ export { ModalActions } from './components/ModalActions';
|
|
|
29
29
|
export type { ModalActionsProps } from './components/ModalActions';
|
|
30
30
|
export { ModalClose } from './components/ModalClose';
|
|
31
31
|
export type { ModalCloseProps } from './components/ModalClose';
|
|
32
|
-
export { ChevronDownIcon, CheckmarkIcon, EditPencilIcon, AvatarFallbackIcon } from './components/icons';
|
|
33
|
-
export type { ChevronDownIconProps, CheckmarkIconProps } from './components/icons';
|
|
32
|
+
export { ChevronDownIcon, CheckmarkIcon, EditPencilIcon, AvatarFallbackIcon, SearchIcon } from './components/icons';
|
|
33
|
+
export type { ChevronDownIconProps, CheckmarkIconProps, SearchIconProps } from './components/icons';
|
|
34
34
|
export { ChuresConfigProvider } from './theme/ChuresConfigProvider';
|
|
35
35
|
export type { ChuresConfigProviderProps } from './theme/ChuresConfigProvider';
|
|
36
36
|
export { useComponentClassName } from './theme/useComponentClassName';
|