@elcrm/telegram 0.0.90 → 0.0.92

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.
@@ -0,0 +1,5 @@
1
+ declare function Page({ onClose, children, }: {
2
+ onClose?: () => void;
3
+ children?: React.ReactNode;
4
+ }): import("react/jsx-runtime").JSX.Element;
5
+ export default Page;
@@ -0,0 +1,11 @@
1
+ type TSidebar = {
2
+ title: string;
3
+ children: React.ReactNode;
4
+ icon: React.ReactNode;
5
+ iconBadge: number | string;
6
+ className?: string;
7
+ view?: "list" | "custom";
8
+ position?: "left" | "right";
9
+ };
10
+ export default function Sidebar({ children, icon, iconBadge, title, className, view, position, }: TSidebar): import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -15,6 +15,6 @@ export type TAction = {
15
15
  badge?: any;
16
16
  callback?: () => void;
17
17
  };
18
- declare const Footer: ({ actions, children, className, toHide, page, onPageChange, direction, }: TFooter) => import("react/jsx-runtime").JSX.Element;
19
- export default Footer;
18
+ declare const TabBar: ({ actions, children, className, toHide, page, onPageChange, direction, }: TFooter) => import("react/jsx-runtime").JSX.Element;
19
+ export default TabBar;
20
20
  export { events };
package/dist/index.css CHANGED
@@ -1 +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}
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}}._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%)}
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { Modal as _Modal } from './Madal/index';
2
+ import { default as _Sidebar } from './Sidebar/Sidebar';
2
3
  type MainButton = {
3
4
  text?: string;
4
5
  color?: string;
@@ -7,6 +8,7 @@ type MainButton = {
7
8
  callback?: () => void;
8
9
  page: string;
9
10
  };
11
+ export declare const clsx: (...classes: (string | undefined | boolean | null)[]) => string;
10
12
  declare namespace Telegram {
11
13
  const WebApp: any;
12
14
  const getUser: () => any;
@@ -50,7 +52,7 @@ declare namespace Telegram {
50
52
  * @param {(page: string) => void} [onPageChange] - Функция для обработки смены страницы
51
53
  * @param {boolean} [toHide=false] - Скрывать при открытой клавиатуре
52
54
  */
53
- const Footer: ({ actions, children, className, toHide, page, onPageChange, direction, }: import("./Footer").TFooter) => import("react/jsx-runtime").JSX.Element;
55
+ const TabBar: ({ actions, children, className, toHide, page, onPageChange, direction, }: import("./TabBar/TabBar").TFooter) => import("react/jsx-runtime").JSX.Element;
54
56
  /**
55
57
  * @param {object} props - параметры компонента
56
58
  * @param {React.ReactNode} props.children - Контент внутри шита
@@ -68,6 +70,7 @@ declare namespace Telegram {
68
70
  const toggleBottomSheet: () => void;
69
71
  const SafeArea: ({ className, children, isScroll }: import("./SafeArea").TSafeArea) => import("react/jsx-runtime").JSX.Element;
70
72
  const Loading: ({ children, className }: import("./Loading").TLoading) => import("react/jsx-runtime").JSX.Element;
73
+ const Sidebar: typeof _Sidebar;
71
74
  const Modal: typeof _Modal;
72
75
  const Menu: ({ items }: import("./Menu").TMenu) => import("react/jsx-runtime").JSX.Element;
73
76
  const MainButton: {
@@ -75,6 +78,10 @@ declare namespace Telegram {
75
78
  set: (j: MainButton | boolean) => void;
76
79
  };
77
80
  const BackButtonPrev: () => void;
81
+ const BackButtonState: () => (boolean | {
82
+ page?: string;
83
+ callback?: () => void;
84
+ })[];
78
85
  /**
79
86
  * @param {object} params - параметры компонента
80
87
  * @param {string} [params.page] - Текущая страница для определения активного действия
@@ -94,7 +101,7 @@ declare namespace Telegram {
94
101
  * @param {(page: string) => void} [onPageChange] - Функция для обработки смены страницы
95
102
  * @param {boolean} [toHide=false] - Скрывать при открытой клавиатуре
96
103
  */
97
- export declare const Footer: ({ actions, children, className, toHide, page, onPageChange, direction, }: import('./Footer').TFooter) => import("react/jsx-runtime").JSX.Element;
104
+ export declare const TabBar: ({ actions, children, className, toHide, page, onPageChange, direction, }: import('./TabBar/TabBar').TFooter) => import("react/jsx-runtime").JSX.Element;
98
105
  /**
99
106
  * @param {object} props - параметры компонента
100
107
  * @param {React.ReactNode} props.children - Контент внутри шита
@@ -118,6 +125,11 @@ export declare const BackButton: (params: boolean | {
118
125
  page?: string;
119
126
  callback?: () => void;
120
127
  }) => void;
128
+ export declare const BackButtonPrev: () => void;
129
+ export declare const BackButtonState: () => (boolean | {
130
+ page?: string;
131
+ callback?: () => void;
132
+ })[];
121
133
  /**
122
134
  * Объект для отображения уведомлений с поддержкой тем оформления и хаптик-отклика.
123
135
  *
@@ -151,6 +163,7 @@ export declare const Notice: {
151
163
  export declare const SafeArea: ({ className, children, isScroll }: import('./SafeArea').TSafeArea) => import("react/jsx-runtime").JSX.Element;
152
164
  export declare const Loading: ({ children, className }: import('./Loading').TLoading) => import("react/jsx-runtime").JSX.Element;
153
165
  export declare const Menu: ({ items }: import('./Menu').TMenu) => import("react/jsx-runtime").JSX.Element;
166
+ export declare const Sidebar: typeof _Sidebar;
154
167
  export declare const Header: () => import("react/jsx-runtime").JSX.Element, toggleBottomSheet: () => void, Modal: typeof _Modal, MainButton: {
155
168
  callback: never[];
156
169
  set: (j: MainButton | boolean) => void;