@vervstack/chures 0.0.8 → 0.0.9
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 +549 -346
- package/dist/chures.umd.cjs +2 -2
- package/dist/components/Button/Button.d.ts +7 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +12 -0
- package/dist/components/ConfirmDialog/index.d.ts +2 -0
- package/dist/components/InfoDialog/InfoDialog.d.ts +8 -0
- package/dist/components/InfoDialog/index.d.ts +2 -0
- package/dist/components/ModalActions/ModalActions.d.ts +13 -0
- package/dist/components/ModalActions/index.d.ts +2 -0
- package/dist/components/ModalClose/ModalClose.d.ts +8 -0
- package/dist/components/ModalClose/index.d.ts +2 -0
- package/dist/components/icons/AvatarFallbackIcon.d.ts +1 -0
- package/dist/components/icons/CheckmarkIcon.d.ts +8 -0
- package/dist/components/icons/ChevronDownIcon.d.ts +8 -0
- package/dist/components/icons/EditPencilIcon.d.ts +1 -0
- package/dist/components/icons/index.d.ts +6 -0
- package/dist/index.d.ts +12 -0
- package/package.json +1 -1
package/dist/chures.umd.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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-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%)}}@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-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%)}}@keyframes _panelIn_v5jkm_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_v5jkm_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_v5jkm_13{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_v5jkm_1 .14s ease;z-index:100}._SearchRow_v5jkm_27{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_v5jkm_32{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_v5jkm_42{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_v5jkm_49{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_v5jkm_49::placeholder{color:var(--chures-fg-muted)}._ResultsList_v5jkm_63{max-height:13rem;overflow-y:auto}._OptionRow_v5jkm_68{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_v5jkm_68:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_v5jkm_68._Selected_v5jkm_83{color:var(--chures-fg)}._Checkmark_v5jkm_88{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_v5jkm_94{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_v5jkm_94:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_v5jkm_94._WithBorder_v5jkm_107{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_v5jkm_112{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_v5jkm_124{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_v5jkm_130{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_v5jkm_137{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_v5jkm_1 1.4s infinite linear}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
-
(function(d,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):(d=typeof globalThis<"u"?globalThis:d||self,e(d.Chures={},d.ReactJSXRuntime,d.React,d.FramerMotion,d.Zustand))})(this,(function(d,e,u,x,Q){"use strict";function U(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var D={exports:{}};var A;function G(){return A||(A=1,(function(n){(function(){var t={}.hasOwnProperty;function r(){for(var o="",c=0;c<arguments.length;c++){var i=arguments[c];i&&(o=a(o,s(i)))}return o}function s(o){if(typeof o=="string"||typeof o=="number")return o;if(typeof o!="object")return"";if(Array.isArray(o))return r.apply(null,o);if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]"))return o.toString();var c="";for(var i in o)t.call(o,i)&&o[i]&&(c=a(c,i));return c}function a(o,c){return c?o?o+" "+c:o+c:o}n.exports?(r.default=r,n.exports=r):window.classNames=r})()})(D)),D.exports}var J=G();const p=U(J),I={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 V(n,t){switch(n){case"ripple":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:t.Ring1}),e.jsx("div",{className:t.Ring2}),e.jsx("div",{className:t.Ring3})]});case"dots":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:t.Dot1}),e.jsx("div",{className:t.Dot2}),e.jsx("div",{className:t.Dot3})]});case"wave":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:t.Wave1}),e.jsx("div",{className:t.Wave2}),e.jsx("div",{className:t.Wave3}),e.jsx("div",{className:t.Wave4}),e.jsx("div",{className:t.Wave5})]});default:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:t.Arc1}),e.jsx("div",{className:t.Arc2}),e.jsx("div",{className:t.Arc3})]})}}function F({variant:n="arcs",size:t="md",color:r,className:s}){return e.jsx("div",{className:p(I.LoaderContainer,I[t],I[n],s),role:"status","aria-label":"Loading",style:r?{"--chures-accent":r}:void 0,children:V(n,I)})}const O={LoadingWrapperContainer:"_LoadingWrapperContainer_1q0w7_1",SkeletonWrapper:"_SkeletonWrapper_1q0w7_9"};function X({isLoading:n,children:t,skeleton:r,loaderProps:s,className:a}){return n?r?e.jsx("div",{className:p(O.SkeletonWrapper,a),children:r}):e.jsx("div",{className:p(O.LoadingWrapperContainer,a),children:e.jsx(F,{...s})}):e.jsx(e.Fragment,{children:t})}const Z="https://oauth.telegram.org/js/telegram-login.js?3";function $(n){const{botId:t,redirectUri:r,requestAccess:s="write"}=n,a=u.useRef(n.onSuccess);a.current=n.onSuccess;const o=u.useRef(!1),[c,i]=u.useState(!1),[h,l]=u.useState(!1);u.useEffect(function(){if(!t)return;const C=r??window.location.origin;l(!0),i(!1);const g=document.createElement("script");return g.src=Z,g.async=!0,g.onload=function(){const k=window.Telegram;k&&(k.Login.init({client_id:t,redirect_uri:C},function(L){o.current||(o.current=!0,a.current(L))}),i(!0)),l(!1)},g.onerror=function(){l(!1)},document.head.appendChild(g),function(){document.head.contains(g)&&document.head.removeChild(g),i(!1),l(!1)}},[t,r]);function w(){const C=window.Telegram;if(!c||!C)return;o.current=!1;const g=r??window.location.origin;C.Login.auth({client_id:t,redirect_uri:g,request_access:s},function(k){o.current||(o.current=!0,a.current(k))})}return{login:w,isReady:c,isLoading:h}}const N={TelegramSignInButtonContainer:"_TelegramSignInButtonContainer_10wun_1",FullSize:"_FullSize_10wun_46",Icon:"_Icon_10wun_50"},Y={en:"Continue with Telegram",ru:"Войти через Telegram"};function R(){return e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor","aria-hidden":"true",className:N.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 q({onClick:n,disabled:t,lang:r="en",title:s,label:a,fullSize:o,className:c}){u.useEffect(function(){const l="comfortaa-font";if(document.getElementById(l))return;const w=document.createElement("link");w.id=l,w.rel="stylesheet",w.href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap",document.head.appendChild(w)},[]);const i=a??s??Y[r],h=[N.TelegramSignInButtonContainer,o&&N.FullSize,c].filter(Boolean).join(" ");return e.jsxs("button",{type:"button",className:h,onClick:n,disabled:t,children:[e.jsx(R,{}),i]})}function ee({botId:n,onSuccess:t,lang:r,title:s,redirectUri:a,requestAccess:o,children:c,className:i}){const{login:h,isReady:l}=$({botId:n,onSuccess:t,redirectUri:a,requestAccess:o});return c?e.jsx(e.Fragment,{children:c({login:h,isReady:l})}):e.jsx(q,{onClick:h,disabled:!l,lang:r,title:s,className:i})}let ne=0;const W=Q.create((n,t)=>({toasts:[],bake:r=>{const s=ne++;n(a=>({toasts:[...a.toasts,{...r,id:s}]})),setTimeout(()=>{t().dismiss(s)},5e3)},dismiss:r=>{n(s=>({toasts:s.toasts.filter(a=>a.id!==r)}))}})),m={ToastContainer:"_ToastContainer_1tme2_1",Toast:"_Toast_1tme2_1",error:"_error_1tme2_33",warn:"_warn_1tme2_41",info:"_info_1tme2_49",Description:"_Description_1tme2_53",DismissButton:"_DismissButton_1tme2_59",slideIn:"_slideIn_1tme2_79",slideOut:"_slideOut_1tme2_83"};function te(){const{toasts:n}=W();return e.jsx("div",{className:m.ToastContainer,children:e.jsx(x.AnimatePresence,{children:n.map(t=>e.jsx(x.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(oe,{...t})},t.id))})})}function oe({id:n,title:t,description:r,level:s,isDismissable:a}){const[o,c]=u.useState(!1),i=W();return u.useEffect(()=>()=>{c(!0)},[]),e.jsxs("div",{className:p(m.Toast,{[m.error]:s==="Error",[m.warn]:s==="Warn",[m.info]:s==null||s==="Info",[m.slideIn]:!o,[m.slideOut]:o}),children:[e.jsx("div",{children:t}),e.jsx("div",{className:m.Description,children:r}),a&&n!==void 0&&e.jsx("div",{className:m.DismissButton,onClick:()=>i.dismiss(n),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"};function re({value:n,setValue:t,label:r,isLoader:s,type:a="text",disabled:o,error:c,className:i}){const[h,l]=u.useState(!1),w=h||n.length>0;return s?e.jsx("div",{className:p(S.Skeleton,i),"aria-hidden":"true"}):e.jsxs("div",{className:p(S.InputContainer,{[S.hasError]:!!c,[S.disabled]:o},i),children:[e.jsx("input",{className:S.InputField,type:a,value:n,onChange:C=>t(C.target.value),onFocus:()=>l(!0),onBlur:()=>l(!1),disabled:o}),e.jsx("label",{className:p(S.Label,{[S.lifted]:w}),children:r}),c&&e.jsx("span",{className:S.ErrorText,children:c})]})}const v={ToggleContainer:"_ToggleContainer_1jetc_6",disabled:"_disabled_1jetc_13",Track:"_Track_1jetc_18",on:"_on_1jetc_31",Thumb:"_Thumb_1jetc_39",Label:"_Label_1jetc_57",LabelSkeleton:"_LabelSkeleton_1jetc_63",Skeleton:"_Skeleton_1jetc_78"};function se({checked:n,onChange:t,label:r,labelPosition:s="right",disabled:a,isLoader:o,isLoadingLabel:c,className:i}){const h=!!r||c,l=c?e.jsx("span",{className:v.LabelSkeleton,"aria-hidden":"true"}):r?e.jsx("span",{className:v.Label,children:r}):null;return o?h?e.jsxs("div",{className:p(v.ToggleContainer,i),children:[s==="left"&&l,e.jsx("div",{className:v.Skeleton,"aria-hidden":"true"}),s==="right"&&l]}):e.jsx("div",{className:p(v.Skeleton,i),"aria-hidden":"true"}):e.jsxs("label",{className:p(v.ToggleContainer,{[v.disabled]:a},i),children:[s==="left"&&l,e.jsx("button",{role:"switch","aria-checked":n,className:p(v.Track,{[v.on]:n}),onClick:()=>!a&&t(!n),disabled:a,type:"button",children:e.jsx("span",{className:v.Thumb})}),s==="right"&&l]})}function ae(n,t,r){u.useEffect(()=>{function s(o){const c=o.target;n.current?.contains(c)||r?.current?.contains(c)||t()}function a(o){o.key==="Escape"&&t()}return document.addEventListener("mousedown",s,!0),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",s,!0),document.removeEventListener("keydown",a)}},[t,n,r])}function ce(n,t){const[r,s]=u.useState([]);return u.useEffect(()=>{if(!t)return;let a=!1;return t(n).then(o=>{a||s(o)}),()=>{a=!0}},[n,t]),r}function b(n){return typeof n=="string"?n:n.id}function M(n){return typeof n=="string"?n:n.name}const _={DropdownContainer:"_DropdownContainer_v5jkm_13",SearchRow:"_SearchRow_v5jkm_27",SearchBox:"_SearchBox_v5jkm_32",SearchIcon:"_SearchIcon_v5jkm_42",SearchInput:"_SearchInput_v5jkm_49",ResultsList:"_ResultsList_v5jkm_63",OptionRow:"_OptionRow_v5jkm_68",Selected:"_Selected_v5jkm_83",Checkmark:"_Checkmark_v5jkm_88",CreateRow:"_CreateRow_v5jkm_94",WithBorder:"_WithBorder_v5jkm_107",CreateIcon:"_CreateIcon_v5jkm_112",CreateLabel:"_CreateLabel_v5jkm_124",EmptyHint:"_EmptyHint_v5jkm_130",SkeletonRow:"_SkeletonRow_v5jkm_137"};function ie({query:n,withBorder:t,onCreate:r}){function s(a){a.preventDefault(),r()}return e.jsxs("div",{className:p(_.CreateRow,t&&_.WithBorder),onMouseDown:s,children:[e.jsx("span",{className:_.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:_.CreateLabel,children:["create “",n,"”"]})]})}function le({opt:n,isSelected:t,multiSelect:r,onPick:s}){function a(o){o.preventDefault(),s(n)}return e.jsxs("div",{className:p(_.OptionRow,t&&_.Selected),onMouseDown:a,children:[r&&t&&e.jsx("span",{className:_.Checkmark,children:"✓"}),M(n)]})}function de({inputRef:n,query:t,onChange:r,onKeyDown:s,placeholder:a}){return e.jsx("div",{className:_.SearchRow,children:e.jsxs("div",{className:_.SearchBox,children:[e.jsx("span",{className:_.SearchIcon,children:e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",children:[e.jsx("circle",{cx:"5",cy:"5",r:"3.5"}),e.jsx("line",{x1:"8",y1:"8",x2:"11",y2:"11"})]})}),e.jsx("input",{ref:n,className:_.SearchInput,value:t,onChange:r,onKeyDown:s,placeholder:a})]})})}function ue({count:n}){return e.jsx(e.Fragment,{children:Array.from({length:n}).map((t,r)=>e.jsx("div",{className:_.SkeletonRow},r))})}function _e({onSearch:n,onCreate:t,onPick:r,onClose:s,anchorRef:a,placeholder:o,options:c=[],excluded:i=[],selected:h=[],multiSelect:l=!1,isLoading:w=!1,emptyHint:C="no results found",skeletonRowCount:g=4,onError:k=console.error}){const[L,fe]=u.useState(""),[pe,P]=u.useState(!1),z=u.useRef(null),H=u.useRef(null),B=!!n,he=ce(L,n);ae(H,s,a),u.useEffect(()=>{B&&z.current?.focus()},[B]);const y=(n?he:c).filter(f=>!i.includes(b(f))),T=L.trim(),ge=y.some(f=>M(f).toLowerCase()===T.toLowerCase()),E=!!t&&T.length>0&&!ge;async function K(){!T||pe||!t||(P(!0),t(T).then(j).catch(k).finally(()=>P(!1)))}function j(f){r(f),l||s()}function ve(f){fe(f.target.value)}function we(f){f.key==="Enter"&&(f.preventDefault(),y.length>0?j(y[0]):E&&K())}const me=o??(t?"search or add new…":"search…");return e.jsxs("div",{ref:H,className:_.DropdownContainer,children:[B&&e.jsx(de,{inputRef:z,query:L,onChange:ve,onKeyDown:we,placeholder:me}),e.jsx("div",{className:_.ResultsList,children:w?e.jsx(ue,{count:g}):e.jsxs(e.Fragment,{children:[y.map(f=>e.jsx(le,{opt:f,isSelected:h.includes(b(f)),multiSelect:l,onPick:j},b(f))),E&&e.jsx(ie,{query:T,withBorder:y.length>0,onCreate:K}),y.length===0&&!E&&e.jsx("div",{className:_.EmptyHint,children:C})]})})]})}d.Dropdown=_e,d.Input=re,d.Loader=F,d.LoadingWrapper=X,d.TelegramAuth=ee,d.TelegramSignInButton=q,d.Toaster=te,d.Toggle=se,d.useTelegramLogin=$,d.useToaster=W,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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: #1a1a1a;--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%)}}@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: #1a1a1a;--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%)}}@keyframes _panelIn_v5jkm_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _shimmer_v5jkm_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_v5jkm_13{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_v5jkm_1 .14s ease;z-index:100}._SearchRow_v5jkm_27{padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_v5jkm_32{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_v5jkm_42{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_v5jkm_49{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_v5jkm_49::placeholder{color:var(--chures-fg-muted)}._ResultsList_v5jkm_63{max-height:13rem;overflow-y:auto}._OptionRow_v5jkm_68{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_v5jkm_68:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_v5jkm_68._Selected_v5jkm_83{color:var(--chures-fg)}._Checkmark_v5jkm_88{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_v5jkm_94{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_v5jkm_94:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_v5jkm_94._WithBorder_v5jkm_107{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_v5jkm_112{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_v5jkm_124{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_v5jkm_130{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_v5jkm_137{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_v5jkm_1 1.4s infinite linear}._Btn_1hwff_1{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:1px solid transparent;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.625rem 1rem;transition:all .16s ease;white-space:nowrap;color:var(--chures-fg, #ffffff);background:var(--chures-button-bg)}._Btn_1hwff_1:disabled{opacity:.4;cursor:not-allowed}._Primary_1hwff_26{background:var(--chures-accent, #229ED9);border-color:var(--chures-accent, #229ED9);color:#fff;font-weight:600;padding:.625rem 1.125rem;box-shadow:0 10px 28px -12px var(--chures-accent-muted, rgb(34 158 217 / 50%));transition:filter .16s ease,opacity .16s ease}._Primary_1hwff_26:hover:not(:disabled){filter:brightness(1.06)}._Secondary_1hwff_41{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Secondary_1hwff_41:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._Ghost_1hwff_53{background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}._Ghost_1hwff_53:hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}._IconDanger_1hwff_65{width:1.375rem;height:1.375rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:1rem;line-height:1;justify-content:center;flex-shrink:0;transition:background .14s ease,color .14s ease}._IconDanger_1hwff_65:hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}._Danger_1hwff_86{background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}._Danger_1hwff_86:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmContainer_b00ul_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_confirmIn_b00ul_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_b00ul_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmTitle_b00ul_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_b00ul_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_b00ul_32{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_b00ul_40{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_b00ul_40:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_b00ul_60{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_b00ul_60:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_b00ul_79{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_b00ul_79:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_b00ul_60:disabled,._BtnDanger_b00ul_79:disabled,._BtnCancel_b00ul_40:disabled{opacity:.4;cursor:not-allowed}._InfoContainer_1meyp_1{width:100%;max-width:24rem;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c;animation:_infoIn_1meyp_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_1meyp_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoTitle_1meyp_17{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_1meyp_25{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_1meyp_32{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_1meyp_39{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_1meyp_39:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
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,J){"use strict";function V(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var N={exports:{}};var O;function X(){return O||(O=1,(function(n){(function(){var o={}.hasOwnProperty;function t(){for(var r="",c=0;c<arguments.length;c++){var i=arguments[c];i&&(r=a(r,s(i)))}return r}function s(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var c="";for(var i in r)o.call(r,i)&&r[i]&&(c=a(c,i));return c}function a(r,c){return c?r?r+" "+c:r+c:r}n.exports?(t.default=t,n.exports=t):window.classNames=t})()})(N)),N.exports}var Z=X();const u=V(Z),b={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 Y(n,o){switch(n){case"ripple":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Ring1}),e.jsx("div",{className:o.Ring2}),e.jsx("div",{className:o.Ring3})]});case"dots":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Dot1}),e.jsx("div",{className:o.Dot2}),e.jsx("div",{className:o.Dot3})]});case"wave":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Wave1}),e.jsx("div",{className:o.Wave2}),e.jsx("div",{className:o.Wave3}),e.jsx("div",{className:o.Wave4}),e.jsx("div",{className:o.Wave5})]});default:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:o.Arc1}),e.jsx("div",{className:o.Arc2}),e.jsx("div",{className:o.Arc3})]})}}function P({variant:n="arcs",size:o="md",color:t,className:s}){return e.jsx("div",{className:u(b.LoaderContainer,b[o],b[n],s),role:"status","aria-label":"Loading",style:t?{"--chures-accent":t}:void 0,children:Y(n,b)})}const $={LoadingWrapperContainer:"_LoadingWrapperContainer_1q0w7_1",SkeletonWrapper:"_SkeletonWrapper_1q0w7_9"};function R({isLoading:n,children:o,skeleton:t,loaderProps:s,className:a}){return n?t?e.jsx("div",{className:u($.SkeletonWrapper,a),children:t}):e.jsx("div",{className:u($.LoadingWrapperContainer,a),children:e.jsx(P,{...s})}):e.jsx(e.Fragment,{children:o})}const ee="https://oauth.telegram.org/js/telegram-login.js?3";function q(n){const{botId:o,redirectUri:t,requestAccess:s="write"}=n,a=_.useRef(n.onSuccess);a.current=n.onSuccess;const r=_.useRef(!1),[c,i]=_.useState(!1),[h,d]=_.useState(!1);_.useEffect(function(){if(!o)return;const k=t??window.location.origin;d(!0),i(!1);const g=document.createElement("script");return g.src=ee,g.async=!0,g.onload=function(){const S=window.Telegram;S&&(S.Login.init({client_id:o,redirect_uri:k},function(T){r.current||(r.current=!0,a.current(T))}),i(!0)),d(!1)},g.onerror=function(){d(!1)},document.head.appendChild(g),function(){document.head.contains(g)&&document.head.removeChild(g),i(!1),d(!1)}},[o,t]);function v(){const k=window.Telegram;if(!c||!k)return;r.current=!1;const g=t??window.location.origin;k.Login.auth({client_id:o,redirect_uri:g,request_access:s},function(S){r.current||(r.current=!0,a.current(S))})}return{login:v,isReady:c,isLoading:h}}const W={TelegramSignInButtonContainer:"_TelegramSignInButtonContainer_10wun_1",FullSize:"_FullSize_10wun_46",Icon:"_Icon_10wun_50"},ne={en:"Continue with Telegram",ru:"Войти через Telegram"};function oe(){return e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor","aria-hidden":"true",className:W.Icon,children:e.jsx("path",{d:"M22 3.5L2.5 11l5 1.7L18 6 9.7 14l-.4 5.5 3.4-3.2 5.5 4c.9.5 1.5.2 1.7-.8L22 4.3c.2-.7-.2-1.1-.9-.8z"})})}function z({onClick:n,disabled:o,lang:t="en",title:s,label:a,fullSize:r,className:c}){_.useEffect(function(){const d="comfortaa-font";if(document.getElementById(d))return;const v=document.createElement("link");v.id=d,v.rel="stylesheet",v.href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap",document.head.appendChild(v)},[]);const i=a??s??ne[t],h=[W.TelegramSignInButtonContainer,r&&W.FullSize,c].filter(Boolean).join(" ");return e.jsxs("button",{type:"button",className:h,onClick:n,disabled:o,children:[e.jsx(oe,{}),i]})}function te({botId:n,onSuccess:o,lang:t,title:s,redirectUri:a,requestAccess:r,children:c,className:i}){const{login:h,isReady:d}=q({botId:n,onSuccess:o,redirectUri:a,requestAccess:r});return c?e.jsx(e.Fragment,{children:c({login:h,isReady:d})}):e.jsx(z,{onClick:h,disabled:!d,lang:t,title:s,className:i})}let re=0;const A=J.create((n,o)=>({toasts:[],bake:t=>{const s=re++;n(a=>({toasts:[...a.toasts,{...t,id:s}]})),setTimeout(()=>{o().dismiss(s)},5e3)},dismiss:t=>{n(s=>({toasts:s.toasts.filter(a=>a.id!==t)}))}})),m={ToastContainer:"_ToastContainer_1tme2_1",Toast:"_Toast_1tme2_1",error:"_error_1tme2_33",warn:"_warn_1tme2_41",info:"_info_1tme2_49",Description:"_Description_1tme2_53",DismissButton:"_DismissButton_1tme2_59",slideIn:"_slideIn_1tme2_79",slideOut:"_slideOut_1tme2_83"};function se(){const{toasts:n}=A();return e.jsx("div",{className:m.ToastContainer,children:e.jsx(F.AnimatePresence,{children:n.map(o=>e.jsx(F.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(ae,{...o})},o.id))})})}function ae({id:n,title:o,description:t,level:s,isDismissable:a}){const[r,c]=_.useState(!1),i=A();return _.useEffect(()=>()=>{c(!0)},[]),e.jsxs("div",{className:u(m.Toast,{[m.error]:s==="Error",[m.warn]:s==="Warn",[m.info]:s==null||s==="Info",[m.slideIn]:!r,[m.slideOut]:r}),children:[e.jsx("div",{children:o}),e.jsx("div",{className:m.Description,children:t}),a&&n!==void 0&&e.jsx("div",{className:m.DismissButton,onClick:()=>i.dismiss(n),children:"×"})]})}const w={InputContainer:"_InputContainer_1a08x_6",InputField:"_InputField_1a08x_12",hasError:"_hasError_1a08x_30",disabled:"_disabled_1a08x_35",Label:"_Label_1a08x_40",lifted:"_lifted_1a08x_54",ErrorText:"_ErrorText_1a08x_65",Skeleton:"_Skeleton_1a08x_73"};function ce({value:n,setValue:o,label:t,isLoader:s,type:a="text",disabled:r,error:c,className:i}){const[h,d]=_.useState(!1),v=h||n.length>0;return s?e.jsx("div",{className:u(w.Skeleton,i),"aria-hidden":"true"}):e.jsxs("div",{className:u(w.InputContainer,{[w.hasError]:!!c,[w.disabled]:r},i),children:[e.jsx("input",{className:w.InputField,type:a,value:n,onChange:k=>o(k.target.value),onFocus:()=>d(!0),onBlur:()=>d(!1),disabled:r}),e.jsx("label",{className:u(w.Label,{[w.lifted]:v}),children:t}),c&&e.jsx("span",{className:w.ErrorText,children:c})]})}const C={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 ie({checked:n,onChange:o,label:t,labelPosition:s="right",disabled:a,isLoader:r,isLoadingLabel:c,className:i}){const h=!!t||c,d=c?e.jsx("span",{className:C.LabelSkeleton,"aria-hidden":"true"}):t?e.jsx("span",{className:C.Label,children:t}):null;return r?h?e.jsxs("div",{className:u(C.ToggleContainer,i),children:[s==="left"&&d,e.jsx("div",{className:C.Skeleton,"aria-hidden":"true"}),s==="right"&&d]}):e.jsx("div",{className:u(C.Skeleton,i),"aria-hidden":"true"}):e.jsxs("label",{className:u(C.ToggleContainer,{[C.disabled]:a},i),children:[s==="left"&&d,e.jsx("button",{role:"switch","aria-checked":n,className:u(C.Track,{[C.on]:n}),onClick:()=>!a&&o(!n),disabled:a,type:"button",children:e.jsx("span",{className:C.Thumb})}),s==="right"&&d]})}function le(n,o,t){_.useEffect(()=>{function s(r){const c=r.target;n.current?.contains(c)||t?.current?.contains(c)||o()}function a(r){r.key==="Escape"&&o()}return document.addEventListener("mousedown",s,!0),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",s,!0),document.removeEventListener("keydown",a)}},[o,n,t])}function de(n,o){const[t,s]=_.useState([]);return _.useEffect(()=>{if(!o)return;let a=!1;return o(n).then(r=>{a||s(r)}),()=>{a=!0}},[n,o]),t}function E(n){return typeof n=="string"?n:n.id}function G(n){return typeof n=="string"?n:n.name}const f={DropdownContainer:"_DropdownContainer_v5jkm_13",SearchRow:"_SearchRow_v5jkm_27",SearchBox:"_SearchBox_v5jkm_32",SearchIcon:"_SearchIcon_v5jkm_42",SearchInput:"_SearchInput_v5jkm_49",ResultsList:"_ResultsList_v5jkm_63",OptionRow:"_OptionRow_v5jkm_68",Selected:"_Selected_v5jkm_83",Checkmark:"_Checkmark_v5jkm_88",CreateRow:"_CreateRow_v5jkm_94",WithBorder:"_WithBorder_v5jkm_107",CreateIcon:"_CreateIcon_v5jkm_112",CreateLabel:"_CreateLabel_v5jkm_124",EmptyHint:"_EmptyHint_v5jkm_130",SkeletonRow:"_SkeletonRow_v5jkm_137"};function _e({query:n,withBorder:o,onCreate:t}){function s(a){a.preventDefault(),t()}return e.jsxs("div",{className:u(f.CreateRow,o&&f.WithBorder),onMouseDown:s,children:[e.jsx("span",{className:f.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:f.CreateLabel,children:["create “",n,"”"]})]})}function ue({opt:n,isSelected:o,multiSelect:t,onPick:s}){function a(r){r.preventDefault(),s(n)}return e.jsxs("div",{className:u(f.OptionRow,o&&f.Selected),onMouseDown:a,children:[t&&o&&e.jsx("span",{className:f.Checkmark,children:"✓"}),G(n)]})}function fe({inputRef:n,query:o,onChange:t,onKeyDown:s,placeholder:a}){return e.jsx("div",{className:f.SearchRow,children:e.jsxs("div",{className:f.SearchBox,children:[e.jsx("span",{className:f.SearchIcon,children:e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",children:[e.jsx("circle",{cx:"5",cy:"5",r:"3.5"}),e.jsx("line",{x1:"8",y1:"8",x2:"11",y2:"11"})]})}),e.jsx("input",{ref:n,className:f.SearchInput,value:o,onChange:t,onKeyDown:s,placeholder:a})]})})}function he({count:n}){return e.jsx(e.Fragment,{children:Array.from({length:n}).map((o,t)=>e.jsx("div",{className:f.SkeletonRow},t))})}function pe({onSearch:n,onCreate:o,onPick:t,onClose:s,anchorRef:a,placeholder:r,options:c=[],excluded:i=[],selected:h=[],multiSelect:d=!1,isLoading:v=!1,emptyHint:k="no results found",skeletonRowCount:g=4,onError:S=console.error}){const[T,De]=_.useState(""),[Te,H]=_.useState(!1),K=_.useRef(null),Q=_.useRef(null),j=!!n,Be=de(T,n);le(Q,s,a),_.useEffect(()=>{j&&K.current?.focus()},[j]);const L=(n?Be:c).filter(p=>!i.includes(E(p))),B=T.trim(),be=L.some(p=>G(p).toLowerCase()===B.toLowerCase()),x=!!o&&B.length>0&&!be;async function U(){!B||Te||!o||(H(!0),o(B).then(M).catch(S).finally(()=>H(!1)))}function M(p){t(p),d||s()}function Ne(p){De(p.target.value)}function We(p){p.key==="Enter"&&(p.preventDefault(),L.length>0?M(L[0]):x&&U())}const Ae=r??(o?"search or add new…":"search…");return e.jsxs("div",{ref:Q,className:f.DropdownContainer,children:[j&&e.jsx(fe,{inputRef:K,query:T,onChange:Ne,onKeyDown:We,placeholder:Ae}),e.jsx("div",{className:f.ResultsList,children:v?e.jsx(he,{count:g}):e.jsxs(e.Fragment,{children:[L.map(p=>e.jsx(ue,{opt:p,isSelected:h.includes(E(p)),multiSelect:d,onPick:M},E(p))),x&&e.jsx(_e,{query:B,withBorder:L.length>0,onCreate:U}),L.length===0&&!x&&e.jsx("div",{className:f.EmptyHint,children:k})]})})]})}const I={Btn:"_Btn_1hwff_1",Primary:"_Primary_1hwff_26",Secondary:"_Secondary_1hwff_41",Ghost:"_Ghost_1hwff_53",IconDanger:"_IconDanger_1hwff_65",Danger:"_Danger_1hwff_86"},ge={primary:I.Primary,secondary:I.Secondary,danger:I.Danger,ghost:I.Ghost,iconDanger:I.IconDanger};function Ce({variant:n,className:o,children:t,...s}){return e.jsx("button",{type:"button",...s,className:u(I.Btn,n?ge[n]:void 0,o),children:t})}const y={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 ve({title:n,message:o,confirmLabel:t="Confirm",cancelLabel:s="Cancel",danger:a=!1,onConfirm:r,onClose:c}){const[i,h]=_.useState(!1);function d(){h(!0),Promise.resolve(r()).finally(()=>{h(!1),c()})}return e.jsxs("div",{className:y.ConfirmContainer,role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:y.ConfirmTitle,children:n}),e.jsx("p",{className:y.ConfirmMessage,children:o}),e.jsxs("div",{className:y.ConfirmActions,children:[e.jsx("button",{className:y.BtnCancel,type:"button",onClick:c,disabled:i,children:s}),e.jsx("button",{className:u(a?y.BtnDanger:y.BtnConfirm),type:"button",onClick:d,disabled:i,children:i?"…":t})]})]})}const D={InfoContainer:"_InfoContainer_1meyp_1",InfoTitle:"_InfoTitle_1meyp_17",InfoMessage:"_InfoMessage_1meyp_25",InfoActions:"_InfoActions_1meyp_32",BtnClose:"_BtnClose_1meyp_39"};function me({title:n,message:o,onClose:t}){return e.jsxs("div",{className:D.InfoContainer,role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:D.InfoTitle,children:n}),e.jsx("p",{className:D.InfoMessage,children:o}),e.jsx("div",{className:D.InfoActions,children:e.jsx("button",{className:D.BtnClose,type:"button",onClick:t,children:"Got it"})})]})}function we({buttons:n,containerClassName:o}){return e.jsx("div",{className:o,children:n.map((t,s)=>e.jsx("button",{className:t.className,type:"button",onClick:t.onClick,disabled:t.disabled,children:t.label},s))})}function ke({onClick:n,disabled:o,className:t}){return e.jsx("button",{className:t,type:"button",onClick:n,disabled:o,"aria-label":"Close",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})}function ye({size:n=14,strokeWidth:o=2,className:t}){return e.jsx("svg",{viewBox:"0 0 24 24",width:n,height:n,fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:t,children:e.jsx("polyline",{points:"6 9 12 15 18 9"})})}function Ie({size:n=18,strokeWidth:o=2.5,shrink:t=!0}){return e.jsx("svg",{viewBox:"0 0 24 24",width:n,height:n,fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",style:t?{flexShrink:0}:void 0,children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})}function Se(){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 Le(){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"})]})}l.AvatarFallbackIcon=Le,l.Button=Ce,l.CheckmarkIcon=Ie,l.ChevronDownIcon=ye,l.ConfirmDialog=ve,l.Dropdown=pe,l.EditPencilIcon=Se,l.InfoDialog=me,l.Input=ce,l.Loader=P,l.LoadingWrapper=R,l.ModalActions=we,l.ModalClose=ke,l.TelegramAuth=te,l.TelegramSignInButton=z,l.Toaster=se,l.Toggle=ie,l.useTelegramLogin=q,l.useToaster=A,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost' | 'iconDanger';
|
|
2
|
+
interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
variant?: ButtonVariant;
|
|
4
|
+
}
|
|
5
|
+
export type ButtonProps = Props;
|
|
6
|
+
export declare function Button({ variant, className, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
title: string;
|
|
3
|
+
message: string;
|
|
4
|
+
confirmLabel?: string;
|
|
5
|
+
cancelLabel?: string;
|
|
6
|
+
danger?: boolean;
|
|
7
|
+
onConfirm: () => void | Promise<void>;
|
|
8
|
+
onClose: () => void;
|
|
9
|
+
}
|
|
10
|
+
export type ConfirmDialogProps = Props;
|
|
11
|
+
export declare function ConfirmDialog({ title, message, confirmLabel, cancelLabel, danger, onConfirm, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface ButtonConfig {
|
|
2
|
+
label: string;
|
|
3
|
+
onClick: () => void;
|
|
4
|
+
className: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
interface Props {
|
|
8
|
+
buttons: ButtonConfig[];
|
|
9
|
+
containerClassName?: string;
|
|
10
|
+
}
|
|
11
|
+
export type ModalActionsProps = Props;
|
|
12
|
+
export declare function ModalActions({ buttons, containerClassName }: Props): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function AvatarFallbackIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
size?: number;
|
|
3
|
+
strokeWidth?: number;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
export type ChevronDownIconProps = Props;
|
|
7
|
+
export declare function ChevronDownIcon({ size, strokeWidth, className }: Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function EditPencilIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { ChevronDownIcon } from './ChevronDownIcon';
|
|
2
|
+
export type { ChevronDownIconProps } from './ChevronDownIcon';
|
|
3
|
+
export { CheckmarkIcon } from './CheckmarkIcon';
|
|
4
|
+
export type { CheckmarkIconProps } from './CheckmarkIcon';
|
|
5
|
+
export { EditPencilIcon } from './EditPencilIcon';
|
|
6
|
+
export { AvatarFallbackIcon } from './AvatarFallbackIcon';
|
package/dist/index.d.ts
CHANGED
|
@@ -18,3 +18,15 @@ export type { UseTelegramLoginOptions, UseTelegramLoginReturn } from './hooks/us
|
|
|
18
18
|
export type { TelegramAuthData, TelegramLoginWindow } from './types';
|
|
19
19
|
export { Dropdown } from './components/Dropdown';
|
|
20
20
|
export type { DropdownProps, DropdownOption } from './components/Dropdown';
|
|
21
|
+
export { Button } from './components/Button';
|
|
22
|
+
export type { ButtonProps, ButtonVariant } from './components/Button';
|
|
23
|
+
export { ConfirmDialog } from './components/ConfirmDialog';
|
|
24
|
+
export type { ConfirmDialogProps } from './components/ConfirmDialog';
|
|
25
|
+
export { InfoDialog } from './components/InfoDialog';
|
|
26
|
+
export type { InfoDialogProps } from './components/InfoDialog';
|
|
27
|
+
export { ModalActions } from './components/ModalActions';
|
|
28
|
+
export type { ModalActionsProps } from './components/ModalActions';
|
|
29
|
+
export { ModalClose } from './components/ModalClose';
|
|
30
|
+
export type { ModalCloseProps } from './components/ModalClose';
|
|
31
|
+
export { ChevronDownIcon, CheckmarkIcon, EditPencilIcon, AvatarFallbackIcon } from './components/icons';
|
|
32
|
+
export type { ChevronDownIconProps, CheckmarkIconProps } from './components/icons';
|