@vervstack/chures 0.0.14 → 0.0.15
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 +95 -95
- package/dist/chures.umd.cjs +1 -1
- package/dist/components/Input/Input.d.ts +1 -0
- package/package.json +1 -1
package/dist/chures.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
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
|
|
3
|
+
import { useRef as $, useState as k, useEffect as E, 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) {
|
|
@@ -41,7 +41,7 @@ function ie() {
|
|
|
41
41
|
})(H)), H.exports;
|
|
42
42
|
}
|
|
43
43
|
var ae = ie();
|
|
44
|
-
const
|
|
44
|
+
const _ = /* @__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,7 +99,7 @@ function Re({ variant: n = "arcs", size: e = "md", color: o, className: r }) {
|
|
|
99
99
|
return /* @__PURE__ */ t(
|
|
100
100
|
"div",
|
|
101
101
|
{
|
|
102
|
-
className:
|
|
102
|
+
className: _(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,
|
|
@@ -112,22 +112,22 @@ const xe = "_LoadingWrapperContainer_1q0w7_1", We = "_SkeletonWrapper_1q0w7_9",
|
|
|
112
112
|
SkeletonWrapper: We
|
|
113
113
|
};
|
|
114
114
|
function kt({ isLoading: n, children: e, skeleton: o, loaderProps: r, className: i }) {
|
|
115
|
-
return n ? o ? /* @__PURE__ */ t("div", { className:
|
|
115
|
+
return n ? o ? /* @__PURE__ */ t("div", { className: _(J.SkeletonWrapper, i), children: o }) : /* @__PURE__ */ t("div", { className: _(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";
|
|
118
118
|
function Ee(n) {
|
|
119
|
-
const { botId: e, redirectUri: o, requestAccess: r = "write" } = n, i =
|
|
119
|
+
const { botId: e, redirectUri: o, requestAccess: r = "write" } = n, i = $(n.onSuccess);
|
|
120
120
|
i.current = n.onSuccess;
|
|
121
|
-
const s =
|
|
122
|
-
|
|
121
|
+
const s = $(!1), [a, c] = k(!1), [f, u] = k(!1);
|
|
122
|
+
E(function() {
|
|
123
123
|
if (!e) return;
|
|
124
|
-
const
|
|
124
|
+
const C = o ?? window.location.origin;
|
|
125
125
|
u(!0), c(!1);
|
|
126
126
|
const h = document.createElement("script");
|
|
127
127
|
return h.src = Ae, h.async = !0, h.onload = function() {
|
|
128
|
-
const
|
|
129
|
-
|
|
130
|
-
{ client_id: e, redirect_uri:
|
|
128
|
+
const g = window.Telegram;
|
|
129
|
+
g && (g.Login.init(
|
|
130
|
+
{ client_id: e, redirect_uri: C },
|
|
131
131
|
function(w) {
|
|
132
132
|
s.current || (s.current = !0, i.current(w));
|
|
133
133
|
}
|
|
@@ -139,18 +139,18 @@ function Ee(n) {
|
|
|
139
139
|
};
|
|
140
140
|
}, [e, o]);
|
|
141
141
|
function m() {
|
|
142
|
-
const
|
|
143
|
-
if (!a || !
|
|
142
|
+
const C = window.Telegram;
|
|
143
|
+
if (!a || !C) return;
|
|
144
144
|
s.current = !1;
|
|
145
145
|
const h = o ?? window.location.origin;
|
|
146
|
-
|
|
146
|
+
C.Login.auth(
|
|
147
147
|
{ client_id: e, redirect_uri: h, request_access: r },
|
|
148
|
-
function(
|
|
149
|
-
s.current || (s.current = !0, i.current(
|
|
148
|
+
function(g) {
|
|
149
|
+
s.current || (s.current = !0, i.current(g));
|
|
150
150
|
}
|
|
151
151
|
);
|
|
152
152
|
}
|
|
153
|
-
return { login: m, isReady: a, isLoading:
|
|
153
|
+
return { login: m, isReady: a, isLoading: f };
|
|
154
154
|
}
|
|
155
155
|
const Pe = "_TelegramSignInButtonContainer_10wun_1", Oe = "_FullSize_10wun_46", je = "_Icon_10wun_50", V = {
|
|
156
156
|
TelegramSignInButtonContainer: Pe,
|
|
@@ -183,14 +183,14 @@ function $e({
|
|
|
183
183
|
fullSize: s,
|
|
184
184
|
className: a
|
|
185
185
|
}) {
|
|
186
|
-
|
|
186
|
+
E(function() {
|
|
187
187
|
const u = "comfortaa-font";
|
|
188
188
|
if (document.getElementById(u)) return;
|
|
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],
|
|
193
|
-
return /* @__PURE__ */ d("button", { type: "button", className:
|
|
192
|
+
const c = i ?? r ?? Me[o], f = [V.TelegramSignInButtonContainer, s && V.FullSize, a].filter(Boolean).join(" ");
|
|
193
|
+
return /* @__PURE__ */ d("button", { type: "button", className: f, onClick: n, disabled: e, children: [
|
|
194
194
|
/* @__PURE__ */ t(Fe, {}),
|
|
195
195
|
c
|
|
196
196
|
] });
|
|
@@ -205,11 +205,11 @@ function It({
|
|
|
205
205
|
children: a,
|
|
206
206
|
className: c
|
|
207
207
|
}) {
|
|
208
|
-
const { login:
|
|
209
|
-
return a ? /* @__PURE__ */ t(T, { children: a({ login:
|
|
208
|
+
const { login: f, isReady: u } = Ee({ botId: n, onSuccess: e, redirectUri: i, requestAccess: s });
|
|
209
|
+
return a ? /* @__PURE__ */ t(T, { children: a({ login: f, isReady: u }) }) : /* @__PURE__ */ t(
|
|
210
210
|
$e,
|
|
211
211
|
{
|
|
212
|
-
onClick:
|
|
212
|
+
onClick: f,
|
|
213
213
|
disabled: !u,
|
|
214
214
|
lang: o,
|
|
215
215
|
title: r,
|
|
@@ -259,12 +259,12 @@ function Nt() {
|
|
|
259
259
|
}
|
|
260
260
|
function Ye({ id: n, title: e, description: o, level: r, isDismissable: i }) {
|
|
261
261
|
const [s, a] = k(!1), c = X();
|
|
262
|
-
return
|
|
262
|
+
return E(() => () => {
|
|
263
263
|
a(!0);
|
|
264
264
|
}, []), /* @__PURE__ */ d(
|
|
265
265
|
"div",
|
|
266
266
|
{
|
|
267
|
-
className:
|
|
267
|
+
className: _(y.Toast, {
|
|
268
268
|
[y.error]: r === "Error",
|
|
269
269
|
[y.warn]: r === "Warn",
|
|
270
270
|
[y.info]: r == null || r === "Info",
|
|
@@ -288,24 +288,24 @@ const Ze = "_InputContainer_1a08x_6", en = "_InputField_1a08x_12", nn = "_hasErr
|
|
|
288
288
|
lifted: rn,
|
|
289
289
|
ErrorText: sn,
|
|
290
290
|
Skeleton: an
|
|
291
|
-
}, Tt = ne(function({ value: e, setValue: o, label: r, isLoader: i, type: s = "text", disabled: a, error: c, className:
|
|
292
|
-
const [
|
|
293
|
-
return i ? /* @__PURE__ */ t("div", { className:
|
|
291
|
+
}, Tt = ne(function({ value: e, setValue: o, label: r, isLoader: i, type: s = "text", disabled: a, error: c, className: f, inputClassName: u, ...m }, C) {
|
|
292
|
+
const [h, g] = k(!1), w = h || e.length > 0;
|
|
293
|
+
return i ? /* @__PURE__ */ t("div", { className: _(N.Skeleton, f), "aria-hidden": "true" }) : /* @__PURE__ */ d("div", { className: _(N.InputContainer, { [N.hasError]: !!c, [N.disabled]: a }, f), children: [
|
|
294
294
|
/* @__PURE__ */ t(
|
|
295
295
|
"input",
|
|
296
296
|
{
|
|
297
|
-
ref:
|
|
298
|
-
className: N.InputField,
|
|
297
|
+
ref: C,
|
|
298
|
+
className: _(N.InputField, u),
|
|
299
299
|
type: s,
|
|
300
300
|
value: e,
|
|
301
|
-
onChange: (
|
|
302
|
-
onFocus: () =>
|
|
303
|
-
onBlur: () =>
|
|
301
|
+
onChange: (x) => o(x.target.value),
|
|
302
|
+
onFocus: () => g(!0),
|
|
303
|
+
onBlur: () => g(!1),
|
|
304
304
|
disabled: a,
|
|
305
|
-
...
|
|
305
|
+
...m
|
|
306
306
|
}
|
|
307
307
|
),
|
|
308
|
-
r && /* @__PURE__ */ t("label", { className:
|
|
308
|
+
r && /* @__PURE__ */ t("label", { className: _(N.Label, { [N.lifted]: w }), children: r }),
|
|
309
309
|
c && /* @__PURE__ */ t("span", { className: N.ErrorText, children: c })
|
|
310
310
|
] });
|
|
311
311
|
}), cn = "_ToggleContainer_1jetc_6", ln = "_disabled_1jetc_13", dn = "_Track_1jetc_18", un = "_on_1jetc_31", _n = "_Thumb_1jetc_39", fn = "_Label_1jetc_57", hn = "_LabelSkeleton_1jetc_63", pn = "_Skeleton_1jetc_78", v = {
|
|
@@ -319,19 +319,19 @@ const Ze = "_InputContainer_1a08x_6", en = "_InputField_1a08x_12", nn = "_hasErr
|
|
|
319
319
|
Skeleton: pn
|
|
320
320
|
};
|
|
321
321
|
function Lt({ checked: n, onChange: e, label: o, labelPosition: r = "right", disabled: i, isLoader: s, isLoadingLabel: a, className: c }) {
|
|
322
|
-
const
|
|
323
|
-
return s ?
|
|
322
|
+
const f = !!o || a, u = a ? /* @__PURE__ */ t("span", { className: v.LabelSkeleton, "aria-hidden": "true" }) : o ? /* @__PURE__ */ t("span", { className: v.Label, children: o }) : null;
|
|
323
|
+
return s ? f ? /* @__PURE__ */ d("div", { className: _(v.ToggleContainer, c), children: [
|
|
324
324
|
r === "left" && u,
|
|
325
325
|
/* @__PURE__ */ t("div", { className: v.Skeleton, "aria-hidden": "true" }),
|
|
326
326
|
r === "right" && u
|
|
327
|
-
] }) : /* @__PURE__ */ t("div", { className:
|
|
327
|
+
] }) : /* @__PURE__ */ t("div", { className: _(v.Skeleton, c), "aria-hidden": "true" }) : /* @__PURE__ */ d("label", { className: _(v.ToggleContainer, { [v.disabled]: i }, c), children: [
|
|
328
328
|
r === "left" && u,
|
|
329
329
|
/* @__PURE__ */ t(
|
|
330
330
|
"button",
|
|
331
331
|
{
|
|
332
332
|
role: "switch",
|
|
333
333
|
"aria-checked": n,
|
|
334
|
-
className:
|
|
334
|
+
className: _(v.Track, { [v.on]: n }),
|
|
335
335
|
onClick: () => !i && e(!n),
|
|
336
336
|
disabled: i,
|
|
337
337
|
type: "button",
|
|
@@ -342,11 +342,11 @@ function Lt({ 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 =
|
|
345
|
+
const [n, e] = k(!1), o = $(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) {
|
|
349
|
-
|
|
349
|
+
E(() => {
|
|
350
350
|
function r(s) {
|
|
351
351
|
const a = s.target;
|
|
352
352
|
n.current?.contains(a) || o?.current?.contains(a) || e();
|
|
@@ -361,7 +361,7 @@ function gn(n, e, o) {
|
|
|
361
361
|
}
|
|
362
362
|
function Cn(n, e) {
|
|
363
363
|
const [o, r] = k([]);
|
|
364
|
-
return
|
|
364
|
+
return E(() => {
|
|
365
365
|
if (!e) return;
|
|
366
366
|
let i = !1;
|
|
367
367
|
return e(n).then((s) => {
|
|
@@ -371,14 +371,14 @@ function Cn(n, e) {
|
|
|
371
371
|
};
|
|
372
372
|
}, [n, e]), o;
|
|
373
373
|
}
|
|
374
|
-
function
|
|
374
|
+
function F(n) {
|
|
375
375
|
return typeof n == "string" ? n : n.id;
|
|
376
376
|
}
|
|
377
377
|
function G(n) {
|
|
378
378
|
return typeof n == "string" ? n : n.name;
|
|
379
379
|
}
|
|
380
380
|
function vn(n, e) {
|
|
381
|
-
return n.map((o) => e.find((r) =>
|
|
381
|
+
return n.map((o) => e.find((r) => F(r) === o) ?? o);
|
|
382
382
|
}
|
|
383
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,
|
|
@@ -414,7 +414,7 @@ function zn({ query: n, withBorder: e, onCreate: o }) {
|
|
|
414
414
|
return /* @__PURE__ */ d(
|
|
415
415
|
"div",
|
|
416
416
|
{
|
|
417
|
-
className:
|
|
417
|
+
className: _(l.CreateRow, e && l.WithBorder),
|
|
418
418
|
onMouseDown: r,
|
|
419
419
|
children: [
|
|
420
420
|
/* @__PURE__ */ t("span", { className: l.CreateIcon, children: /* @__PURE__ */ d("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", children: [
|
|
@@ -437,7 +437,7 @@ function Hn({ opt: n, isSelected: e, multiSelect: o, onPick: r }) {
|
|
|
437
437
|
return /* @__PURE__ */ d(
|
|
438
438
|
"div",
|
|
439
439
|
{
|
|
440
|
-
className:
|
|
440
|
+
className: _(l.OptionRow, e && l.Selected),
|
|
441
441
|
onMouseDown: i,
|
|
442
442
|
children: [
|
|
443
443
|
o && e && /* @__PURE__ */ t("span", { className: l.Checkmark, children: "✓" }),
|
|
@@ -477,40 +477,40 @@ function Qn({
|
|
|
477
477
|
placeholder: s,
|
|
478
478
|
options: a = [],
|
|
479
479
|
excluded: c = [],
|
|
480
|
-
selected:
|
|
480
|
+
selected: f = [],
|
|
481
481
|
multiSelect: u = !1,
|
|
482
482
|
isLoading: m = !1,
|
|
483
|
-
emptyHint:
|
|
483
|
+
emptyHint: C = "no results found",
|
|
484
484
|
skeletonRowCount: h = 4,
|
|
485
|
-
onError:
|
|
485
|
+
onError: g = console.error
|
|
486
486
|
}) {
|
|
487
|
-
const [w,
|
|
488
|
-
gn(
|
|
489
|
-
b &&
|
|
487
|
+
const [w, x] = k(""), [L, W] = k(!1), A = $(null), P = $(null), b = !!n, q = Cn(w, n);
|
|
488
|
+
gn(P, r, i), E(() => {
|
|
489
|
+
b && A.current?.focus();
|
|
490
490
|
}, [b]);
|
|
491
491
|
const I = (n ? q : a).filter(
|
|
492
|
-
(p) => !c.includes(
|
|
492
|
+
(p) => !c.includes(F(p))
|
|
493
493
|
), S = w.trim(), z = I.some(
|
|
494
494
|
(p) => G(p).toLowerCase() === S.toLowerCase()
|
|
495
|
-
),
|
|
495
|
+
), O = !!e && S.length > 0 && !z;
|
|
496
496
|
async function D() {
|
|
497
|
-
!S || L || !e || (
|
|
497
|
+
!S || L || !e || (W(!0), e(S).then(j).catch(g).finally(() => W(!1)));
|
|
498
498
|
}
|
|
499
|
-
function
|
|
499
|
+
function j(p) {
|
|
500
500
|
o(p), u || r();
|
|
501
501
|
}
|
|
502
502
|
function Y(p) {
|
|
503
|
-
|
|
503
|
+
x(p.target.value);
|
|
504
504
|
}
|
|
505
505
|
function Z(p) {
|
|
506
|
-
p.key === "Enter" && (p.preventDefault(), I.length > 0 ?
|
|
506
|
+
p.key === "Enter" && (p.preventDefault(), I.length > 0 ? j(I[0]) : O && D());
|
|
507
507
|
}
|
|
508
508
|
const ee = s ?? (e ? "search or add new…" : "search…");
|
|
509
|
-
return /* @__PURE__ */ d("div", { ref:
|
|
509
|
+
return /* @__PURE__ */ d("div", { ref: P, className: l.PanelContainer, children: [
|
|
510
510
|
b && /* @__PURE__ */ t(
|
|
511
511
|
Vn,
|
|
512
512
|
{
|
|
513
|
-
inputRef:
|
|
513
|
+
inputRef: A,
|
|
514
514
|
query: w,
|
|
515
515
|
onChange: Y,
|
|
516
516
|
onKeyDown: Z,
|
|
@@ -522,13 +522,13 @@ function Qn({
|
|
|
522
522
|
Hn,
|
|
523
523
|
{
|
|
524
524
|
opt: p,
|
|
525
|
-
isSelected:
|
|
525
|
+
isSelected: f.includes(F(p)),
|
|
526
526
|
multiSelect: u,
|
|
527
|
-
onPick:
|
|
527
|
+
onPick: j
|
|
528
528
|
},
|
|
529
|
-
|
|
529
|
+
F(p)
|
|
530
530
|
)),
|
|
531
|
-
|
|
531
|
+
O && /* @__PURE__ */ t(
|
|
532
532
|
zn,
|
|
533
533
|
{
|
|
534
534
|
query: S,
|
|
@@ -536,7 +536,7 @@ function Qn({
|
|
|
536
536
|
onCreate: D
|
|
537
537
|
}
|
|
538
538
|
),
|
|
539
|
-
I.length === 0 && !
|
|
539
|
+
I.length === 0 && !O && /* @__PURE__ */ t("div", { className: l.EmptyHint, children: C })
|
|
540
540
|
] }) })
|
|
541
541
|
] });
|
|
542
542
|
}
|
|
@@ -618,7 +618,7 @@ function Xn({ triggerRef: n, isOpen: e, onClick: o, selectedOptions: r, multiSel
|
|
|
618
618
|
{
|
|
619
619
|
type: "button",
|
|
620
620
|
ref: n,
|
|
621
|
-
className:
|
|
621
|
+
className: _(l.TriggerContainer, e && l.Open),
|
|
622
622
|
onClick: o,
|
|
623
623
|
"aria-expanded": e,
|
|
624
624
|
"aria-haspopup": "listbox",
|
|
@@ -638,36 +638,36 @@ function Bt({
|
|
|
638
638
|
excluded: s,
|
|
639
639
|
multiSelect: a = !1,
|
|
640
640
|
label: c,
|
|
641
|
-
placeholder:
|
|
641
|
+
placeholder: f = "select…",
|
|
642
642
|
searchPlaceholder: u,
|
|
643
643
|
emptyHint: m,
|
|
644
|
-
isLoading:
|
|
644
|
+
isLoading: C,
|
|
645
645
|
skeletonRowCount: h,
|
|
646
|
-
onError:
|
|
646
|
+
onError: g,
|
|
647
647
|
className: w,
|
|
648
|
-
children:
|
|
648
|
+
children: x
|
|
649
649
|
}) {
|
|
650
|
-
const { isOpen: L, triggerRef:
|
|
651
|
-
function S(
|
|
652
|
-
const D =
|
|
650
|
+
const { isOpen: L, triggerRef: W, toggleOpen: A, close: P } = mn(), b = vn(e, n), q = L || b.length > 0, I = c && !q ? "" : f;
|
|
651
|
+
function S(O) {
|
|
652
|
+
const D = F(O);
|
|
653
653
|
o(
|
|
654
|
-
a ? e.includes(D) ? e.filter((
|
|
654
|
+
a ? e.includes(D) ? e.filter((j) => j !== D) : [...e, D] : [D]
|
|
655
655
|
);
|
|
656
656
|
}
|
|
657
657
|
const z = {
|
|
658
|
-
ref:
|
|
659
|
-
onClick:
|
|
658
|
+
ref: W,
|
|
659
|
+
onClick: A,
|
|
660
660
|
"aria-expanded": L,
|
|
661
661
|
"aria-haspopup": "listbox"
|
|
662
662
|
};
|
|
663
|
-
return /* @__PURE__ */ d("div", { className:
|
|
664
|
-
c && /* @__PURE__ */ t("label", { className:
|
|
665
|
-
|
|
663
|
+
return /* @__PURE__ */ d("div", { className: _(l.DropdownContainer, w), children: [
|
|
664
|
+
c && /* @__PURE__ */ t("label", { className: _(l.Label, { [l.lifted]: q }), children: c }),
|
|
665
|
+
x ? x({ selectedOptions: b, isOpen: L, toggleOpen: A, close: P, triggerProps: z }) : /* @__PURE__ */ t(
|
|
666
666
|
Xn,
|
|
667
667
|
{
|
|
668
|
-
triggerRef:
|
|
668
|
+
triggerRef: W,
|
|
669
669
|
isOpen: L,
|
|
670
|
-
onClick:
|
|
670
|
+
onClick: A,
|
|
671
671
|
selectedOptions: b,
|
|
672
672
|
multiSelect: a,
|
|
673
673
|
placeholder: I
|
|
@@ -680,16 +680,16 @@ function Bt({
|
|
|
680
680
|
onSearch: r,
|
|
681
681
|
onCreate: i,
|
|
682
682
|
onPick: S,
|
|
683
|
-
onClose:
|
|
684
|
-
anchorRef:
|
|
683
|
+
onClose: P,
|
|
684
|
+
anchorRef: W,
|
|
685
685
|
excluded: s,
|
|
686
686
|
multiSelect: a,
|
|
687
687
|
selected: e,
|
|
688
688
|
placeholder: u,
|
|
689
689
|
emptyHint: m,
|
|
690
|
-
isLoading:
|
|
690
|
+
isLoading: C,
|
|
691
691
|
skeletonRowCount: h,
|
|
692
|
-
onError:
|
|
692
|
+
onError: g
|
|
693
693
|
}
|
|
694
694
|
)
|
|
695
695
|
] });
|
|
@@ -716,7 +716,7 @@ function Rt({ variant: n, className: e, children: o, ...r }) {
|
|
|
716
716
|
{
|
|
717
717
|
type: "button",
|
|
718
718
|
...r,
|
|
719
|
-
className:
|
|
719
|
+
className: _(R.Btn, n ? st[n] : void 0, e),
|
|
720
720
|
children: o
|
|
721
721
|
}
|
|
722
722
|
);
|
|
@@ -739,10 +739,10 @@ function xt({
|
|
|
739
739
|
onConfirm: s,
|
|
740
740
|
onClose: a
|
|
741
741
|
}) {
|
|
742
|
-
const [c,
|
|
742
|
+
const [c, f] = k(!1);
|
|
743
743
|
function u() {
|
|
744
|
-
|
|
745
|
-
|
|
744
|
+
f(!0), Promise.resolve(s()).finally(() => {
|
|
745
|
+
f(!1), a();
|
|
746
746
|
});
|
|
747
747
|
}
|
|
748
748
|
return /* @__PURE__ */ d("div", { className: B.ConfirmContainer, role: "dialog", "aria-modal": "true", children: [
|
|
@@ -753,7 +753,7 @@ function xt({
|
|
|
753
753
|
/* @__PURE__ */ t(
|
|
754
754
|
"button",
|
|
755
755
|
{
|
|
756
|
-
className:
|
|
756
|
+
className: _(i ? B.BtnDanger : B.BtnConfirm),
|
|
757
757
|
type: "button",
|
|
758
758
|
onClick: u,
|
|
759
759
|
disabled: c,
|
|
@@ -763,7 +763,7 @@ function xt({
|
|
|
763
763
|
] })
|
|
764
764
|
] });
|
|
765
765
|
}
|
|
766
|
-
const ft = "_InfoContainer_1meyp_1", ht = "_InfoTitle_1meyp_17", pt = "_InfoMessage_1meyp_25", mt = "_InfoActions_1meyp_32", gt = "_BtnClose_1meyp_39",
|
|
766
|
+
const ft = "_InfoContainer_1meyp_1", ht = "_InfoTitle_1meyp_17", pt = "_InfoMessage_1meyp_25", mt = "_InfoActions_1meyp_32", gt = "_BtnClose_1meyp_39", M = {
|
|
767
767
|
InfoContainer: ft,
|
|
768
768
|
InfoTitle: ht,
|
|
769
769
|
InfoMessage: pt,
|
|
@@ -771,10 +771,10 @@ const ft = "_InfoContainer_1meyp_1", ht = "_InfoTitle_1meyp_17", pt = "_InfoMess
|
|
|
771
771
|
BtnClose: gt
|
|
772
772
|
};
|
|
773
773
|
function Wt({ title: n, message: e, onClose: o }) {
|
|
774
|
-
return /* @__PURE__ */ d("div", { className:
|
|
775
|
-
/* @__PURE__ */ t("h2", { className:
|
|
776
|
-
/* @__PURE__ */ t("p", { className:
|
|
777
|
-
/* @__PURE__ */ t("div", { className:
|
|
774
|
+
return /* @__PURE__ */ d("div", { className: M.InfoContainer, role: "dialog", "aria-modal": "true", children: [
|
|
775
|
+
/* @__PURE__ */ t("h2", { className: M.InfoTitle, children: n }),
|
|
776
|
+
/* @__PURE__ */ t("p", { className: M.InfoMessage, children: e }),
|
|
777
|
+
/* @__PURE__ */ t("div", { className: M.InfoActions, children: /* @__PURE__ */ t("button", { className: M.BtnClose, type: "button", onClick: o, children: "Got it" }) })
|
|
778
778
|
] });
|
|
779
779
|
}
|
|
780
780
|
function At({ buttons: n, containerClassName: e }) {
|
package/dist/chures.umd.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
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"})}));
|
|
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),$={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($.LoaderContainer,$[n],$[o],r),role:"status","aria-label":"Loading",style:t?{"--chures-accent":t}:void 0,children:te(o,$)})}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 m=t??window.location.origin;_(!0),i(!1);const g=document.createElement("script");return g.src=se,g.async=!0,g.onload=function(){const v=window.Telegram;v&&(v.Login.init({client_id:n,redirect_uri:m},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 m=window.Telegram;if(!c||!m)return;s.current=!1;const g=t??window.location.origin;m.Login.auth({client_id:n,redirect_uri:g,request_access:r},function(v){s.current||(s.current=!0,a.current(v))})}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,inputClassName:_,...C},m){const[g,v]=f.useState(!1),I=g||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:m,className:u(S.InputField,_),type:s,value:n,onChange:W=>t(W.target.value),onFocus:()=>v(!0),onBlur:()=>v(!1),disabled:c,...C}),r&&e.jsx("label",{className:u(S.Label,{[S.lifted]:I}),children:r}),i&&e.jsx("span",{className:S.ErrorText,children:i})]})}),w={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:w.LabelSkeleton,"aria-hidden":"true"}):t?e.jsx("span",{className:w.Label,children:t}):null;return s?h?e.jsxs("div",{className:u(w.ToggleContainer,i),children:[r==="left"&&_,e.jsx("div",{className:w.Skeleton,"aria-hidden":"true"}),r==="right"&&_]}):e.jsx("div",{className:u(w.Skeleton,i),"aria-hidden":"true"}):e.jsxs("label",{className:u(w.ToggleContainer,{[w.disabled]:a},i),children:[r==="left"&&_,e.jsx("button",{role:"switch","aria-checked":o,className:u(w.Track,{[w.on]:o}),onClick:()=>!a&&n(!o),disabled:a,type:"button",children:e.jsx("span",{className:w.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 x(o){return typeof o=="string"?o:o.id}function j(o){return typeof o=="string"?o:o.name}function Ce(o,n){return o.map(t=>n.find(r=>x(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:"✓"}),j(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:m="no results found",skeletonRowCount:g=4,onError:v=console.error}){const[I,W]=f.useState(""),[b,A]=f.useState(!1),E=f.useRef(null),O=f.useRef(null),D=!!o,q=pe(I,o);ge(O,r,a),f.useEffect(()=>{D&&E.current?.focus()},[D]);const k=(o?q:c).filter(p=>!i.includes(x(p))),N=I.trim(),H=k.some(p=>j(p).toLowerCase()===N.toLowerCase()),M=!!n&&N.length>0&&!H;async function B(){!N||b||!n||(A(!0),n(N).then(F).catch(v).finally(()=>A(!1)))}function F(p){t(p),_||r()}function xe(p){W(p.target.value)}function Pe(p){p.key==="Enter"&&(p.preventDefault(),k.length>0?F(k[0]):M&&B())}const Oe=s??(n?"search or add new…":"search…");return e.jsxs("div",{ref:O,className:d.PanelContainer,children:[D&&e.jsx(me,{inputRef:E,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(x(p)),multiSelect:_,onPick:F},x(p))),M&&e.jsx(ve,{query:N,withBorder:k.length>0,onCreate:B}),k.length===0&&!M&&e.jsx("div",{className:d.EmptyHint,children:m})]})})]})}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:j(c)},i))}):e.jsx("span",{className:r.length===0?d.TriggerPlaceholder:d.TriggerValue,children:r.length===0?s:r.map(j).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:m,skeletonRowCount:g,onError:v,className:I,children:W}){const{isOpen:b,triggerRef:A,toggleOpen:E,close:O}=he(),D=Ce(n,o),q=b||D.length>0,k=i&&!q?"":h;function N(M){const B=x(M);t(c?n.includes(B)?n.filter(F=>F!==B):[...n,B]:[B])}const H={ref:A,onClick:E,"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}),W?W({selectedOptions:D,isOpen:b,toggleOpen:E,close:O,triggerProps:H}):e.jsx(Le,{triggerRef:A,isOpen:b,onClick:E,selectedOptions:D,multiSelect:c,placeholder:k}),b&&e.jsx(Ie,{options:o,onSearch:r,onCreate:a,onPick:N,onClose:O,anchorRef:A,excluded:s,multiSelect:c,selected:n,placeholder:_,emptyHint:C,isLoading:m,skeletonRowCount:g,onError:v})]})}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 P={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:P.InfoContainer,role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:P.InfoTitle,children:o}),e.jsx("p",{className:P.InfoMessage,children:n}),e.jsx("div",{className:P.InfoActions,children:e.jsx("button",{className:P.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"})}));
|
|
@@ -8,6 +8,7 @@ interface Props extends NativeInputProps {
|
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
error?: string;
|
|
10
10
|
className?: string;
|
|
11
|
+
inputClassName?: string;
|
|
11
12
|
}
|
|
12
13
|
export type InputProps = Props;
|
|
13
14
|
export declare const Input: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
|