@elcrm/telegram 0.0.91 → 0.0.93

package/dist/SidePanel/SidePanel.d.ts

@@ -0,0 +1,6 @@
+declare function Page({ callback, children, isActive, }: {
+    callback?: () => void;
+    isActive?: boolean;
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element | "";
+export default Page;

package/dist/{Footer/index.d.ts → TabBar/TabBar.d.ts}

@@ -15,6 +15,6 @@ export type TAction = {
     badge?: any;
     callback?: () => void;
 };
-declare const Footer: ({ actions, children, className, toHide, page, onPageChange, direction, }: TFooter) => import("react/jsx-runtime").JSX.Element;
-export default Footer;
+declare const TabBar: ({ actions, children, className, toHide, page, onPageChange, direction, }: TFooter) => import("react/jsx-runtime").JSX.Element;
+export default TabBar;
 export { events };

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}.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}}._h_1dsfp_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_1dsfp_1._row_1dsfp_14{flex-direction:row}._h_1dsfp_1._column_1dsfp_17{flex-direction:column}._h_1dsfp_1 div[data-active]{flex:1;text-align:center;padding:10px 0 0;position:relative}._h_1dsfp_1 div[data-active=true]{color:var(--tg-theme-button-color)}._h_1dsfp_1 ._badge_1dsfp_30{position:absolute;top:0;right:0;color:var(--tg-theme-button-text-color);border-radius:50%;transform:translate(50%,-50%)}._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_xi4i3_3{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:998;animation:_fadeIn_xi4i3_1 .3s ease}._m_xi4i3_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_xi4i3_28{left:0;transform:translate(-100%)}._r_xi4i3_33{right:0;transform:translate(100%)}._x_xi4i3_38{transform:translate(0)}._h_xi4i3_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_xi4i3_42 h3{margin:0;font-size:18px;font-weight:700;color:var(--tg-theme-text-color, #000000)}._c_xi4i3_57{flex:1;overflow-y:auto;padding:16px}._c_xi4i3_57:after{content:"";position:absolute;top:0;bottom:0;right:0;width:7px;height:100%;background:var(--tg-theme-bg-color)}._u_xi4i3_73{display:flex;flex-direction:column;gap:10px}._u_xi4i3_73 li{padding:12px 0;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #e5e5e5);display:flex;align-items:center;gap:10px}._u_xi4i3_73 li i{width:15px;height:15px;display:block;background:var(--tg-theme-button-color);border-radius:50%}._u_xi4i3_73 li em{display:block;width:15px;height:15px;background:var(--tg-theme-secondary-bg-color);border-radius:50%}._u_xi4i3_73 li:last-child{border-bottom:none}._u_xi4i3_73 li p{margin:0;font-size:15px;color:var(--tg-theme-text-color, #000000)}
+@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}}._h_1dsfp_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_1dsfp_1._row_1dsfp_14{flex-direction:row}._h_1dsfp_1._column_1dsfp_17{flex-direction:column}._h_1dsfp_1 div[data-active]{flex:1;text-align:center;padding:10px 0 0;position:relative}._h_1dsfp_1 div[data-active=true]{color:var(--tg-theme-button-color)}._h_1dsfp_1 ._badge_1dsfp_30{position:absolute;top:0;right:0;color:var(--tg-theme-button-text-color);border-radius:50%;transform:translate(50%,-50%)}._w_18fo8_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_18fo8_24{transform:translate(0)}._w_18fo8_3{backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion: no-preference){._w_18fo8_3{transition:transform .35s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: reduce){._w_18fo8_3{transform:translate(0);transition:none}}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { Modal as _Modal } from './Madal/index';
 import { default as _Sidebar } from './Sidebar/Sidebar';
+import { default as _SidePanel } from './SidePanel/SidePanel';
 type MainButton = {
     text?: string;
     color?: string;
@@ -52,7 +53,7 @@ declare namespace Telegram {
      * @param {(page: string) => void} [onPageChange] - Функция для обработки смены страницы
      * @param {boolean} [toHide=false] - Скрывать при открытой клавиатуре
      */
-    const Footer: ({ actions, children, className, toHide, page, onPageChange, direction, }: import("./Footer").TFooter) => import("react/jsx-runtime").JSX.Element;
+    const TabBar: ({ actions, children, className, toHide, page, onPageChange, direction, }: import("./TabBar/TabBar").TFooter) => import("react/jsx-runtime").JSX.Element;
     /**
      * @param {object} props - параметры компонента
      * @param {React.ReactNode} props.children - Контент внутри шита
@@ -71,6 +72,7 @@ declare namespace Telegram {
     const SafeArea: ({ className, children, isScroll }: import("./SafeArea").TSafeArea) => import("react/jsx-runtime").JSX.Element;
     const Loading: ({ children, className }: import("./Loading").TLoading) => import("react/jsx-runtime").JSX.Element;
     const Sidebar: typeof _Sidebar;
+    const SidePanel: typeof _SidePanel;
     const Modal: typeof _Modal;
     const Menu: ({ items }: import("./Menu").TMenu) => import("react/jsx-runtime").JSX.Element;
     const MainButton: {
@@ -78,6 +80,10 @@ declare namespace Telegram {
         set: (j: MainButton | boolean) => void;
     };
     const BackButtonPrev: () => void;
+    const BackButtonState: () => (boolean | {
+        page?: string;
+        callback?: () => void;
+    })[];
     /**
      * @param {object} params - параметры компонента
      * @param {string} [params.page] - Текущая страница для определения активного действия
@@ -97,7 +103,7 @@ declare namespace Telegram {
  * @param {(page: string) => void} [onPageChange] - Функция для обработки смены страницы
  * @param {boolean} [toHide=false] - Скрывать при открытой клавиатуре
  */
-export declare const Footer: ({ actions, children, className, toHide, page, onPageChange, direction, }: import('./Footer').TFooter) => import("react/jsx-runtime").JSX.Element;
+export declare const TabBar: ({ actions, children, className, toHide, page, onPageChange, direction, }: import('./TabBar/TabBar').TFooter) => import("react/jsx-runtime").JSX.Element;
 /**
  * @param {object} props - параметры компонента
  * @param {React.ReactNode} props.children - Контент внутри шита
@@ -121,6 +127,11 @@ export declare const BackButton: (params: boolean | {
     page?: string;
     callback?: () => void;
 }) => void;
+export declare const BackButtonPrev: () => void;
+export declare const BackButtonState: () => (boolean | {
+    page?: string;
+    callback?: () => void;
+})[];
 /**
  * Объект для отображения уведомлений с поддержкой тем оформления и хаптик-отклика.
  *
@@ -154,6 +165,7 @@ export declare const Notice: {
 export declare const SafeArea: ({ className, children, isScroll }: import('./SafeArea').TSafeArea) => import("react/jsx-runtime").JSX.Element;
 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 Sidebar: typeof _Sidebar;
 export declare const Header: () => import("react/jsx-runtime").JSX.Element, toggleBottomSheet: () => void, Modal: typeof _Modal, MainButton: {
     callback: never[];