@elcrm/telegram 0.0.97 → 0.0.99

package/dist/Scroll/Scroll.d.ts

@@ -0,0 +1,9 @@
+export type TScroll = {
+    className?: string;
+    children: React.ReactNode;
+    onScrollEnd?: () => void;
+    isLoading?: boolean;
+    offset?: number;
+    isScrollBar?: boolean;
+};
+export default function Scroll({ className, children, onScrollEnd, offset, isLoading, isScrollBar, }: TScroll): import("react/jsx-runtime").JSX.Element;

package/dist/index.css

@@ -1 +1 @@
-@charset "UTF-8";*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0}html{height:-webkit-fill-available}body{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);-webkit-font-smoothing:antialiased;font-family:sans-serif;font-variant:no-common-ligatures;text-rendering:optimizeLegibility;padding:0;margin:0}body{overflow:hidden!important}body::-webkit-scrollbar{width:0px;height:0px;display:none!important;-ms-overflow-style:none;scrollbar-width:none}.debug{height:50px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:var(--tg-theme-header-bg-color);color:var(--tg-theme-text-color);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--tg-theme-bg-color);z-index:222;position:fixed;top:0;left:0;right:0}.debug .b,.debug .o{padding:0 15px;cursor:pointer}.mb{bottom:0;position:fixed;left:0;right:0;padding:10px}.mb button{width:100%}.tm{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 10px 20px #40404026;width:200px;position:absolute;right:5px;z-index:999;border:1px solid var(--tg-theme-hint-color)}.tm ul{list-style-type:none;margin:0;display:block;width:100%;padding:8px;border-top:1px solid var(--tg-theme-hint-color)}.tm ul:first-child{border-top:0}.tm ol{list-style-type:none;display:none;padding:8px;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 10px 20px #40404026;position:absolute;right:100%;left:-180px;z-index:100;width:100%;top:0;flex-direction:column;border:1px solid var(--tg-theme-hint-color)}.tm ol:hover{display:flex}.tm li{position:relative}.tm button{font:inherit;border:0;padding:8px 36px 8px 8px;width:100%;border-radius:8px;text-align:left;display:flex;align-items:center;position:relative;color:var(--tg-theme-text-color);background-color:var(--tg-theme-bg-color)}.tm button:hover{background-color:var(--tg-theme-button-color)}.tm button:hover+ol{display:flex}.ta{margin:0;width:100vw;height:100vh;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:#0006}.ta .--body{font-family:-apple-system,BlinkMacSystemFont;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;box-sizing:border-box;font-size:17px;overflow:hidden;width:270px;height:auto;background-color:#ffffff73;border-radius:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:11;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .3s ease}.modal-overlay.closing{animation:fadeOut .3s ease}.modal-popup{position:relative;width:100%;min-height:var(--modal-height);max-width:500px;max-height:var(--modal-height);overflow:hidden;animation:slideUp .3s ease;background:var(--tg-theme-bg-color)}.modal-popup.closing{animation:slideDown .3s ease}.notice{position:fixed;top:0;z-index:999;max-height:0px}.notice .item{display:block;color:#fff;overflow:hidden;cursor:pointer;display:flex;margin:20px 20px 10px;border-radius:10px;padding-left:10px;gap:10px;width:calc(100vw - 40px)}.notice svg{margin-top:7px}.notice .text{padding:9px 0;flex:1}.notice .error{background:#f44336}.notice .success{background:#4caf50}.notice .warning{background:#ff9800}.notice .item.thema{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color)}.notice .item.error.thema svg{color:#f44336}.notice .item.success.thema svg{color:#4caf50}.notice .item.warning.thema svg{color:#ff9800}._p_12hh1_1{padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-footer-height, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height)}._m_12hh1_10{margin-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));margin-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));margin-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));margin-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px))}._s_12hh1_17{overflow:scroll}._l_gfyud_1{padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}._m_ppm7n_2{display:flex;flex-direction:column;gap:8px;margin-top:20px;padding:0 10px}._g_ppm7n_10{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;gap:1px}._i_ppm7n_18{display:flex;align-items:center;padding:12px 16px;border:none;text-align:left;font-size:17px;cursor:pointer;transition:background-color .2s;width:100%;position:relative;background:none;color:inherit;background-color:var(--tg-theme-secondary-bg-color);font-weight:400}._c_ppm7n_35{display:flex;align-items:center;gap:12px;flex:1}._l_ppm7n_42{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}._l_ppm7n_42 svg{width:20px;height:20px;color:#fff}._a_ppm7n_57{color:#8e8e93;font-size:18px}._n_ppm7n_62{margin-left:auto;color:#8e8e93;font-size:17px;margin-right:4px}._o_1dahh_3{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:998;animation:_fadeIn_1dahh_1 .3s ease}._m_1dahh_14{position:fixed;top:var(--tg-safe-area-inset-top, 0px);bottom:0;width:80%;max-width:320px;background:var(--tg-theme-bg-color, #ffffff);z-index:999;transition:transform .3s ease;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column}._l_1dahh_28{left:0;transform:translate(-100%)}._r_1dahh_33{right:0;transform:translate(100%)}._x_1dahh_38{transform:translate(0)}._h_1dahh_42{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--tg-theme-section-bg-color, #e5e5e5)}._h_1dahh_42 h3{margin:0;font-size:18px;font-weight:700;color:var(--tg-theme-text-color, #000000)}._c_1dahh_57{flex:1;overflow-y:auto}._c_1dahh_57:after{content:"";position:absolute;top:0;bottom:0;right:0;width:7px;height:100%;background:var(--tg-theme-bg-color)}._u_1dahh_72{display:flex;flex-direction:column;gap:10px;padding:16px}._u_1dahh_72 li{padding:12px 0;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #e5e5e5);display:flex;align-items:center;gap:10px}._u_1dahh_72 li i{width:15px;height:15px;display:block;background:var(--tg-theme-button-color);border-radius:50%}._u_1dahh_72 li em{display:block;width:15px;height:15px;background:var(--tg-theme-secondary-bg-color);border-radius:50%}._u_1dahh_72 li:last-child{border-bottom:none}._u_1dahh_72 li p{margin:0;font-size:15px;color:var(--tg-theme-text-color, #000000)}.footer-menu-overlay{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;transition:opacity .5s ease-out;opacity:1}.footer-menu-overlay.is-overlay{background:var(--tg-theme-bg-color-alpha);top:0}.footer-menu-overlay.closing{opacity:0}.footer-menu-popup-book{position:relative;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:70vh;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 -10px 30px #00000080;box-shadow:0 -.5px #0000001a;background:var(--tg-theme-secondary-bg-color-alpha);border-bottom:1px solid var(--tg-theme-section-separator-color)}.footer-menu-popup-book.footer{margin-bottom:calc(var(--tg-safe-area-inset-bottom) + 40px)}.footer-menu-popup-book.closing{animation:slideDown .3s ease}.footer-menu-header{position:relative;display:flex;opacity:.8;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--tg-theme-section-separator-color);z-index:1}.footer-menu-header h3{margin:0;color:var(--tg-theme-text-color);font-size:18px;font-weight:600}.footer-menu-close-btn{background:none;border:none;color:var(--tg-theme-text-color);font-size:20px;cursor:pointer;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .15s ease-in-out}.footer-menu-close-btn:active{transform:scale(1.1)}.chapters-list{position:relative;max-height:60vh;overflow-y:auto;overflow-x:hidden;padding:10px 0 20px;z-index:1}.chapter-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .2s ease,transform .15s ease-in-out;border-bottom:1px solid var(--tg-theme-section-separator-color)}.chapter-item:active{transform:scale(1.02)}.chapter-item:hover{background-color:#ffffff0d}.chapter-item.active{background-color:#ffffff1a}.chapter-info-item{display:flex;align-items:center;gap:12px}.chapter-number{background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);min-width:24px;min-height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.chapter-item.active .chapter-number{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.chapter-title{color:var(--tg-theme-text-color);font-size:16px;font-weight:400}.chapter-title p{font-size:10px;color:var(--tg-subtitle_text_color);font-weight:400}.chapter-title b{font-size:16px;font-weight:400}.chapter-duration{color:var(--tg-theme-text-color);opacity:.8;font-size:14px;font-weight:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.chapters-list::-webkit-scrollbar{width:6px}.chapters-list::-webkit-scrollbar-track{background:#333}.chapters-list::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.chapters-list::-webkit-scrollbar-thumb:hover{background:#888}@media (max-width: 375px){.chapter-progress{padding:15px 10px 5px}.chapters-popup{max-height:80vh}.chapter-item{padding:12px 15px}.chapter-title{font-size:14px}.chapter-duration{font-size:12px}}body:has(._h_11wu4_1){--tg-footer-height: 60px}._h_11wu4_1{z-index:2;position:fixed;bottom:0;left:0;right:0;display:flex;padding:5px 16px 0;gap:10px;background-color:var(--tg-theme-footer-bg);padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px))}._h_11wu4_1._row_11wu4_18{flex-direction:row}._h_11wu4_1._column_11wu4_21{flex-direction:column}._h_11wu4_1 div[data-active]{flex:1;text-align:center;padding:10px 0 0;position:relative}._h_11wu4_1 div[data-active=true]{color:var(--tg-theme-button-color)}._h_11wu4_1 ._badge_11wu4_34{position:absolute;top:0;right:0;color:var(--tg-theme-button-text-color);border-radius:50%;transform:translate(50%,-50%)}._w_yx04q_3{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform;overflow:hidden;padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height);background:var(--tg-theme-bg-color)}._v_yx04q_24{transform:translate(0)}._w_yx04q_3{backface-visibility:hidden;perspective:1000px}._s_yx04q_34{overflow:scroll}._n_yx04q_38{position:fixed;top:0;right:0;bottom:0;width:7px;z-index:2;background:var(--tg-theme-bg-color)}@media (prefers-reduced-motion: no-preference){._w_yx04q_3{transition:transform .35s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: reduce){._w_yx04q_3{transform:translate(0);transition:none}}
+@charset "UTF-8";*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0}html{height:-webkit-fill-available}body{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);-webkit-font-smoothing:antialiased;font-family:sans-serif;font-variant:no-common-ligatures;text-rendering:optimizeLegibility;padding:0;margin:0}body{overflow:hidden!important}body::-webkit-scrollbar{width:0px;height:0px;display:none!important;-ms-overflow-style:none;scrollbar-width:none}.debug{height:50px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:var(--tg-theme-header-bg-color);color:var(--tg-theme-text-color);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--tg-theme-bg-color);z-index:222;position:fixed;top:0;left:0;right:0}.debug .b,.debug .o{padding:0 15px;cursor:pointer}.mb{bottom:0;position:fixed;left:0;right:0;padding:10px}.mb button{width:100%}.tm{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 10px 20px #40404026;width:200px;position:absolute;right:5px;z-index:999;border:1px solid var(--tg-theme-hint-color)}.tm ul{list-style-type:none;margin:0;display:block;width:100%;padding:8px;border-top:1px solid var(--tg-theme-hint-color)}.tm ul:first-child{border-top:0}.tm ol{list-style-type:none;display:none;padding:8px;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 10px 20px #40404026;position:absolute;right:100%;left:-180px;z-index:100;width:100%;top:0;flex-direction:column;border:1px solid var(--tg-theme-hint-color)}.tm ol:hover{display:flex}.tm li{position:relative}.tm button{font:inherit;border:0;padding:8px 36px 8px 8px;width:100%;border-radius:8px;text-align:left;display:flex;align-items:center;position:relative;color:var(--tg-theme-text-color);background-color:var(--tg-theme-bg-color)}.tm button:hover{background-color:var(--tg-theme-button-color)}.tm button:hover+ol{display:flex}.ta{margin:0;width:100vw;height:100vh;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:#0006}.ta .--body{font-family:-apple-system,BlinkMacSystemFont;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;box-sizing:border-box;font-size:17px;overflow:hidden;width:270px;height:auto;background-color:#ffffff73;border-radius:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:11;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .3s ease}.modal-overlay.closing{animation:fadeOut .3s ease}.modal-popup{position:relative;width:100%;min-height:var(--modal-height);max-width:500px;max-height:var(--modal-height);overflow:hidden;animation:slideUp .3s ease;background:var(--tg-theme-bg-color)}.modal-popup.closing{animation:slideDown .3s ease}.notice{position:fixed;top:0;z-index:999;max-height:0px}.notice .item{display:block;color:#fff;overflow:hidden;cursor:pointer;display:flex;margin:20px 20px 10px;border-radius:10px;padding-left:10px;gap:10px;width:calc(100vw - 40px)}.notice svg{margin-top:7px}.notice .text{padding:9px 0;flex:1}.notice .error{background:#f44336}.notice .success{background:#4caf50}.notice .warning{background:#ff9800}.notice .item.thema{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color)}.notice .item.error.thema svg{color:#f44336}.notice .item.success.thema svg{color:#4caf50}.notice .item.warning.thema svg{color:#ff9800}._p_12hh1_1{padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-footer-height, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height)}._m_12hh1_10{margin-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));margin-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));margin-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));margin-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px))}._s_12hh1_17{overflow:scroll}._l_gfyud_1{padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}._m_ppm7n_2{display:flex;flex-direction:column;gap:8px;margin-top:20px;padding:0 10px}._g_ppm7n_10{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;gap:1px}._i_ppm7n_18{display:flex;align-items:center;padding:12px 16px;border:none;text-align:left;font-size:17px;cursor:pointer;transition:background-color .2s;width:100%;position:relative;background:none;color:inherit;background-color:var(--tg-theme-secondary-bg-color);font-weight:400}._c_ppm7n_35{display:flex;align-items:center;gap:12px;flex:1}._l_ppm7n_42{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}._l_ppm7n_42 svg{width:20px;height:20px;color:#fff}._a_ppm7n_57{color:#8e8e93;font-size:18px}._n_ppm7n_62{margin-left:auto;color:#8e8e93;font-size:17px;margin-right:4px}._o_1dahh_3{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:998;animation:_fadeIn_1dahh_1 .3s ease}._m_1dahh_14{position:fixed;top:var(--tg-safe-area-inset-top, 0px);bottom:0;width:80%;max-width:320px;background:var(--tg-theme-bg-color, #ffffff);z-index:999;transition:transform .3s ease;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column}._l_1dahh_28{left:0;transform:translate(-100%)}._r_1dahh_33{right:0;transform:translate(100%)}._x_1dahh_38{transform:translate(0)}._h_1dahh_42{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--tg-theme-section-bg-color, #e5e5e5)}._h_1dahh_42 h3{margin:0;font-size:18px;font-weight:700;color:var(--tg-theme-text-color, #000000)}._c_1dahh_57{flex:1;overflow-y:auto}._c_1dahh_57:after{content:"";position:absolute;top:0;bottom:0;right:0;width:7px;height:100%;background:var(--tg-theme-bg-color)}._u_1dahh_72{display:flex;flex-direction:column;gap:10px;padding:16px}._u_1dahh_72 li{padding:12px 0;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #e5e5e5);display:flex;align-items:center;gap:10px}._u_1dahh_72 li i{width:15px;height:15px;display:block;background:var(--tg-theme-button-color);border-radius:50%}._u_1dahh_72 li em{display:block;width:15px;height:15px;background:var(--tg-theme-secondary-bg-color);border-radius:50%}._u_1dahh_72 li:last-child{border-bottom:none}._u_1dahh_72 li p{margin:0;font-size:15px;color:var(--tg-theme-text-color, #000000)}.footer-menu-overlay{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;transition:opacity .5s ease-out;opacity:1}.footer-menu-overlay.is-overlay{background:var(--tg-theme-bg-color-alpha);top:0}.footer-menu-overlay.closing{opacity:0}.footer-menu-popup-book{position:relative;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:70vh;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 -10px 30px #00000080;box-shadow:0 -.5px #0000001a;background:var(--tg-theme-secondary-bg-color-alpha);border-bottom:1px solid var(--tg-theme-section-separator-color)}.footer-menu-popup-book.footer{margin-bottom:calc(var(--tg-safe-area-inset-bottom) + 40px)}.footer-menu-popup-book.closing{animation:slideDown .3s ease}.footer-menu-header{position:relative;display:flex;opacity:.8;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--tg-theme-section-separator-color);z-index:1}.footer-menu-header h3{margin:0;color:var(--tg-theme-text-color);font-size:18px;font-weight:600}.footer-menu-close-btn{background:none;border:none;color:var(--tg-theme-text-color);font-size:20px;cursor:pointer;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .15s ease-in-out}.footer-menu-close-btn:active{transform:scale(1.1)}.chapters-list{position:relative;max-height:60vh;overflow-y:auto;overflow-x:hidden;padding:10px 0 20px;z-index:1}.chapter-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .2s ease,transform .15s ease-in-out;border-bottom:1px solid var(--tg-theme-section-separator-color)}.chapter-item:active{transform:scale(1.02)}.chapter-item:hover{background-color:#ffffff0d}.chapter-item.active{background-color:#ffffff1a}.chapter-info-item{display:flex;align-items:center;gap:12px}.chapter-number{background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);min-width:24px;min-height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.chapter-item.active .chapter-number{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.chapter-title{color:var(--tg-theme-text-color);font-size:16px;font-weight:400}.chapter-title p{font-size:10px;color:var(--tg-subtitle_text_color);font-weight:400}.chapter-title b{font-size:16px;font-weight:400}.chapter-duration{color:var(--tg-theme-text-color);opacity:.8;font-size:14px;font-weight:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.chapters-list::-webkit-scrollbar{width:6px}.chapters-list::-webkit-scrollbar-track{background:#333}.chapters-list::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.chapters-list::-webkit-scrollbar-thumb:hover{background:#888}@media (max-width: 375px){.chapter-progress{padding:15px 10px 5px}.chapters-popup{max-height:80vh}.chapter-item{padding:12px 15px}.chapter-title{font-size:14px}.chapter-duration{font-size:12px}}body:has(._h_wowd5_1){--tg-footer-height: 60px}._h_wowd5_1{z-index:2;position:fixed;bottom:0;left:0;right:0;display:flex;padding:5px 16px 0;gap:10px;background-color:var(--tg-theme-footer-bg);max-width:var(--tg-max-width, 500px);padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px))}._h_wowd5_1._row_wowd5_19{flex-direction:row}._h_wowd5_1._column_wowd5_22{flex-direction:column}._h_wowd5_1 div[data-active]{flex:1;text-align:center;padding:10px 0 0;position:relative}._h_wowd5_1 div[data-active=true]{color:var(--tg-theme-button-color)}._h_wowd5_1 ._badge_wowd5_35{position:absolute;top:0;right:0;color:var(--tg-theme-button-text-color);border-radius:50%;transform:translate(50%,-50%)}._w_yx04q_3{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform;overflow:hidden;padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height);background:var(--tg-theme-bg-color)}._v_yx04q_24{transform:translate(0)}._w_yx04q_3{backface-visibility:hidden;perspective:1000px}._s_yx04q_34{overflow:scroll}._n_yx04q_38{position:fixed;top:0;right:0;bottom:0;width:7px;z-index:2;background:var(--tg-theme-bg-color)}@media (prefers-reduced-motion: no-preference){._w_yx04q_3{transition:transform .35s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: reduce){._w_yx04q_3{transform:translate(0);transition:none}}._s_6z0ml_3{overflow:scroll;width:100%;max-width:var(--tg-max-width);height:var(--tg-viewport-height);max-height:var(--tg-viewport-height);padding-bottom:calc(var(--tg-footer-height) + 20px);margin:0 auto}._s_6z0ml_3._n_6z0ml_13:after{content:"";position:fixed;top:0;right:0;bottom:0;width:7px;z-index:2;background:var(--tg-theme-bg-color)}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { Modal as _Modal } from './Madal/index';
 import { default as _Sidebar } from './Sidebar/Sidebar';
 import { default as _SidePanel } from './SidePanel/SidePanel';
+import { default as _Scroll } from './Scroll/Scroll';
 type MainButton = {
     text?: string;
     color?: string;
@@ -73,6 +74,8 @@ declare namespace Telegram {
     const Loading: ({ children, className }: import("./Loading").TLoading) => import("react/jsx-runtime").JSX.Element;
     const Sidebar: typeof _Sidebar;
     const SidePanel: typeof _SidePanel;
+    const SidePanelController: (name: string, action: boolean) => void;
+    const Scroll: typeof _Scroll;
     const Modal: typeof _Modal;
     const Menu: ({ items }: import("./Menu").TMenu) => import("react/jsx-runtime").JSX.Element;
     const MainButton: {
@@ -166,7 +169,9 @@ export declare const SafeArea: ({ className, children, isScroll }: import('./Saf
 export declare const Loading: ({ children, className }: import('./Loading').TLoading) => import("react/jsx-runtime").JSX.Element;
 export declare const Menu: ({ items }: import('./Menu').TMenu) => import("react/jsx-runtime").JSX.Element;
 export declare const SidePanel: typeof _SidePanel;
+export declare const Scroll: typeof _Scroll;
 export declare const Sidebar: typeof _Sidebar;
+export declare const SidePanelController: (name: string, action: boolean) => void;
 export declare const Header: () => import("react/jsx-runtime").JSX.Element, toggleBottomSheet: () => void, Modal: typeof _Modal, MainButton: {
     callback: never[];
     set: (j: MainButton | boolean) => void;