core-maugli 1.0.2

package/src/components/MaugliFloatingLabel.astro

@@ -0,0 +1,454 @@
+---
+import { maugliConfig } from '../config/maugli.config';
+const lang = maugliConfig.defaultLang;
+const texts = {
+    ru: {
+        label: 'Maugli',
+        description: 'ИИ редакция под твоим контролем',
+        more: 'Подробнее',
+        bodyTitle: 'Maugli ИИ-редакция полного цикла:',
+        bodyDesc:
+            'От аналитики трендов до публикации статей в блоге и соцсетях. Рекомендации в нейросетях. <b>Качество профессиональной редакции</b>по цене фрилансера'
+    },
+    es: {
+        label: 'Maugli',
+        description: 'Redacción IA bajo tu control',
+        more: 'Más detalles',
+        bodyTitle: 'Maugli Redacción IA de ciclo completo:',
+        bodyDesc:
+            'Desde el análisis de tendencias hasta la publicación en blogs y redes sociales. Recomendaciones con IA. <b>Calidad editorial profesional</b> al precio de un freelancer.'
+    },
+    en: {
+        label: 'Maugli',
+        description: 'AI newsroom under your control',
+        more: 'Learn more',
+        bodyTitle: 'Maugli Full-Cycle AI Editorial:',
+        bodyDesc:
+            'From trend analysis to blog and social media publishing. Neural network recommendations. <b>Professional editorial quality</b> at a freelancer’s price.'
+    },
+    fr: {
+        label: 'Maugli',
+        description: 'Salle de rédaction IA sous votre contrôle',
+        more: 'En savoir plus',
+        bodyTitle: 'Maugli Rédaction IA à cycle complet :',
+        bodyDesc:
+            'De l’analyse des tendances à la publication sur les blogs et les réseaux sociaux. Recommandations par IA. <b>Qualité éditoriale professionnelle</b> au prix d’un freelance.'
+    },
+    pt: {
+        label: 'Maugli',
+        description: 'Redação de IA sob seu controle',
+        more: 'Saiba mais',
+        bodyTitle: 'Maugli Redação IA de ciclo completo:',
+        bodyDesc:
+            'Da análise de tendências à publicação em blogs e redes sociais. Recomendações por IA. <b>Qualidade editorial profissional</b> por um preço de freelancer.'
+    },
+    zh: {
+        label: 'Maugli',
+        description: '在您控制下的AI编辑部',
+        more: '了解更多',
+        bodyTitle: 'Maugli 全流程AI编辑：',
+        bodyDesc: '从趋势分析到博客和社交媒体发布。AI推荐。<b>专业编辑质量</b>，自由职业者的价格。'
+    },
+    ja: {
+        label: 'Maugli',
+        description: 'あなたの管理下にあるAI編集部',
+        more: '詳しく見る',
+        bodyTitle: 'Maugli フルサイクルAI編集：',
+        bodyDesc: 'トレンド分析からブログやSNSへの投稿まで。AIの推奨。<b>プロの編集品質</b>をフリーランス価格で提供。'
+    },
+    de: {
+        label: 'Maugli',
+        description: 'KI-Redaktion unter deiner Kontrolle',
+        more: 'Mehr erfahren',
+        bodyTitle: 'Maugli KI-Redaktion mit vollem Zyklus:',
+        bodyDesc:
+            'Von Trendanalyse bis zur Veröffentlichung in Blogs und sozialen Netzwerken. Empfehlungen von KI-Systemen. <b>Qualität einer Profi-Redaktion</b> zum Preis eines Freelancers.'
+    }
+};
+const t = texts[lang];
+---
+
+<style>
+    :host {
+        user-select: none;
+    }
+    .maugli-backdrop {
+        position: fixed;
+        inset: 0;
+        z-index: 9998;
+        background: transparent;
+    }
+    .maugli-panel {
+        position: fixed;
+        right: 20px;
+        bottom: 0;
+        width: 300px;
+        height: 200px;
+        box-shadow:
+            0px 4px 4px -1px rgba(12, 12, 13, 0.1),
+            0px 4px 4px -1px rgba(12, 12, 13, 0.05);
+        border-radius: 12px 12px 0 0;
+        overflow: hidden;
+        z-index: 9999;
+        background: transparent;
+        transition: box-shadow 0.2s;
+        /* Animation styles */
+        opacity: 0;
+        transform: translateY(24px);
+        pointer-events: none;
+        transition:
+            box-shadow 0.2s,
+            opacity 0.35s cubic-bezier(0.42, 0, 0.58, 1),
+            transform 0.28s cubic-bezier(0.42, 0, 0.58, 1);
+    }
+    .maugli-backdrop .maugli-panel {
+        opacity: 1;
+        transform: translateY(0);
+        pointer-events: auto;
+    }
+    .maugli-panel-header {
+        background: rgba(var(--brand-color-rgb), 0.8);
+        backdrop-filter: var(--card-blur);
+        -webkit-backdrop-filter: var(--card-blur);
+        height: 41px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 12px 16px;
+        gap: 12px;
+        border-radius: 12px 12px 0 0;
+        box-sizing: border-box;
+    }
+    .maugli-logo {
+        width: 30px;
+        height: 29px;
+        flex-shrink: 0;
+        display: block;
+        animation: maugli-spin 4s linear infinite;
+    }
+    @keyframes maugli-spin {
+        0% {
+            transform: rotate(0deg);
+        }
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+    .label-text {
+        font-weight: 500;
+        font-size: 14px;
+        line-height: 14px;
+        color: var(--bg-main);
+
+        white-space: pre-line;
+        flex: 1;
+        user-select: none;
+    }
+    .more-btn {
+        width: 102px;
+        height: 26px;
+        background: var(--brand-color);
+        color: var(--bg-main);
+        border: 1px solid var(--bg-main);
+        border-radius: 8px;
+        font-size: 12px;
+
+        line-height: 14px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: none;
+        box-sizing: border-box;
+    }
+    .more-btn:hover,
+    .more-btn:focus {
+        background: var(--brand-color);
+        color: var(--bg-main);
+        outline: none;
+    }
+    .maugli-panel-body {
+        background: var(--card-bg);
+        backdrop-filter: var(--card-blur);
+        -webkit-backdrop-filter: var(--card-blur);
+        height: 129px;
+        padding: 20px 12px;
+        font-size: 12px;
+        line-height: 14px;
+        color: var(--text-main);
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        border-radius: 0 0 0 0;
+        box-sizing: border-box;
+    }
+    .body-title {
+        font-weight: 700;
+        font-size: 15px;
+        margin-bottom: 8px;
+        color: var(--text-heading);
+    }
+    .body-desc {
+        font-weight: 500;
+        font-size: 12px;
+        line-height: 16px;
+        color: var(--text-main);
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: flex-start;
+    }
+    .body-desc b {
+        font-weight: 700;
+    }
+
+    /* Мобилка: только зелёный кружок без текста */
+    @media (max-width: 600px) {
+        .maugli-panel,
+        .maugli-panel-header,
+        .maugli-panel-body,
+        .more-btn,
+        .label-text {
+            display: none !important;
+        }
+    }
+
+    .maugli-mobile-sheet {
+        position: fixed;
+        bottom: 0px;
+        border-radius: 12px 12px 0 0;
+        width: 100vw;
+        left: 0;
+        right: 0;
+        margin: 0;
+        height: 177px;
+        box-shadow:
+            0px -4px 4px -1px rgba(12, 12, 13, 0.1),
+            0px -8px 8px -1px rgba(12, 12, 13, 0.05);
+        z-index: 9999;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        padding: 0;
+        background: transparent;
+        animation: maugli-sheet-slideup 0.33s cubic-bezier(0.42, 0, 0.58, 1);
+    }
+    @keyframes maugli-sheet-slideup {
+        from {
+            transform: translateY(100%);
+            opacity: 0;
+        }
+        to {
+            transform: translateY(0);
+            opacity: 1;
+        }
+    }
+    .maugli-mobile-header {
+        width: 100vw;
+        height: 53px;
+        background: var(--card-bg);
+        backdrop-filter: var(--card-blur);
+        -webkit-backdrop-filter: var(--card-blur);
+        border-radius: 12px 12px 0 0;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        padding: 12px;
+        box-sizing: border-box;
+        gap: 12px;
+    }
+    .maugli-mobile-row {
+        display: flex;
+        flex-direction: row;
+        align-items: flex-end;
+        gap: 12px;
+    }
+    .maugli-mobile-logo {
+        width: 30px;
+        height: 29px;
+        border-radius: 8px;
+        animation: maugli-spin 4s linear infinite;
+    }
+    .maugli-mobile-label {
+        font-weight: 500;
+        font-size: 14px;
+        line-height: 14px;
+        color: var(--text-heading);
+        height: 28px;
+        display: flex;
+        align-items: center;
+    }
+    .maugli-mobile-more {
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+        padding: 6px 8px;
+        width: 82px;
+        height: 26px;
+        background: var(--brand-color);
+        border: 1px solid var(--bg-main);
+        border-radius: 8px;
+        font-size: 12px;
+        line-height: 14px;
+        color: var(--bg-main);
+        cursor: pointer;
+        margin-left: auto;
+    }
+    .maugli-mobile-body {
+        width: 100vw;
+        height: 124px;
+        background: var(--card-bg) !important;
+        backdrop-filter: var(--card-blur);
+        -webkit-backdrop-filter: var(--card-blur);
+        border-radius: 0 0 0 0;
+        padding: 16px 54px 24px 54px;
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: flex-start;
+        color: var(--text-main) !important;
+    }
+
+    .maugli-label {
+        position: fixed;
+        right: 20px;
+        bottom: 0;
+        background: var(--brand-color);
+        color: var(--bg-main);
+        border-radius: 12px 12px 0 0;
+        box-shadow: 0px 4px 8px var(--brand-color-20);
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 8px 16px;
+        font-weight: 500;
+        font-size: 14px;
+        line-height: 1;
+        cursor: pointer;
+        z-index: 9998;
+    }
+    .maugli-label .maugli-logo {
+        width: 24px;
+        height: 23px;
+    }
+    @media (max-width: 600px) {
+        .maugli-label {
+            width: 48px;
+            height: 48px;
+            right: 0 !important;
+            bottom: 48px !important;
+            padding: 0 !important;
+            justify-content: center;
+            border-radius: 12px 0 0 12px !important;
+            background: var(--brand-color);
+            margin: 0 !important;
+        }
+        .maugli-label span {
+            display: none;
+        }
+        .maugli-label .maugli-logo {
+            width: 32px;
+            height: 32px;
+            margin: 0 auto;
+        }
+    }
+</style>
+
+<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.10/dist/cdn.min.js" defer></script>
+
+<div x-data="{ expanded: false }" class="maugli-container" style="all:unset">
+    <template x-if="!expanded">
+        <div class="maugli-label" @click="expanded = true">
+            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Maugli Logo" class="maugli-logo">
+                <path
+                    fill-rule="evenodd"
+                    clip-rule="evenodd"
+                    d="M19.4945 0.49924C19.9667 0.141251 20.6713 -0.0723378 21.2614 0.022512C21.9704 0.136495 22.6201 0.51023 23.0321 1.10651C23.0556 1.13986 23.0783 1.17381 23.1001 1.20826C23.1219 1.24274 23.1429 1.27776 23.1631 1.31324C23.1832 1.34873 23.2024 1.38471 23.2207 1.42114C23.2391 1.45763 23.2566 1.49451 23.2732 1.53181C23.2897 1.56911 23.3053 1.60681 23.32 1.64492C23.3347 1.68301 23.3484 1.72147 23.3612 1.76023C23.374 1.79896 23.3859 1.83805 23.3968 1.87744C23.4077 1.91679 23.4176 1.95641 23.4265 1.99623C23.4355 2.03609 23.4435 2.07612 23.4504 2.11636C23.4575 2.15656 23.4634 2.19698 23.4684 2.23751C23.4734 2.27804 23.4775 2.31869 23.4804 2.35946C23.4835 2.40018 23.4855 2.44097 23.4865 2.48179C23.4875 2.52262 23.4875 2.5635 23.4865 2.60437C23.4855 2.64518 23.4835 2.68598 23.4804 2.7267C23.4775 2.76742 23.4734 2.80804 23.4685 2.84857C23.4634 2.88909 23.4575 2.92948 23.4505 2.96972C23.3961 3.2694 23.2836 3.70241 23.1038 3.9507C22.9263 4.19579 22.5829 4.36167 22.4984 4.66106C22.4268 4.91485 22.4569 5.22934 22.4383 5.49376C22.3987 6.05593 22.3043 6.62938 22.1273 7.16514C21.4778 9.13178 19.999 10.3692 18.4878 11.6612C18.1818 11.9228 17.8337 12.1967 17.5449 12.502C17.9554 12.9374 18.2544 13.4798 18.3962 14.0831C19.6987 14.1038 21.0384 14.1083 22.0298 13.1199C23.2461 11.9071 23.2959 10.1511 23.8041 8.61591C23.8769 8.39864 23.9596 8.18517 24.0521 7.9756C24.1446 7.76598 24.2465 7.56106 24.3579 7.36092C24.4692 7.16076 24.5895 6.96613 24.7188 6.77715C24.8481 6.58818 24.9858 6.40558 25.1319 6.22936C25.555 5.72215 26.0909 5.25532 26.7109 5.01238C27.0814 5.23355 27.3417 5.55688 27.6267 5.87489C28.5221 6.8739 29.3183 7.94563 29.6552 9.26822C29.981 10.5476 29.8634 11.8045 29.5299 13.066C29.4263 13.4581 29.2553 13.9019 29.243 14.3085C29.2285 14.7866 29.477 15.3242 29.6334 15.7686C30.1801 17.3217 30.1538 18.8615 29.2926 20.2998C28.7105 21.272 27.8505 22.0062 27.226 22.9397C26.759 23.6377 26.4712 24.4378 26.0414 25.1582C25.1474 26.6569 23.606 27.7977 21.9934 28.4118C21.376 28.6469 20.7356 28.8024 20.0955 28.9595C18.0695 29.4569 16.3088 29.7566 14.4193 28.5982C12.9577 27.7023 11.5429 25.9791 11.1364 24.2964C10.991 23.6942 11.0071 23.0948 11.057 22.4819C9.78502 22.7872 8.64073 23.0412 7.8333 24.1645C8.4156 24.7266 8.82704 25.3113 8.84105 26.1512C8.85184 26.7998 8.59512 27.4058 8.1443 27.8683C7.67251 28.3522 6.99642 28.619 6.32411 28.6156C5.65443 28.6122 5.01417 28.3517 4.54905 27.8656C4.09028 27.386 3.8113 26.723 3.82907 26.055C3.83035 26.0139 3.83263 25.9729 3.83585 25.932C3.83912 25.891 3.84335 25.8501 3.84861 25.8094C3.85386 25.7687 3.86018 25.7281 3.86743 25.6877C3.87468 25.6473 3.88288 25.6069 3.89208 25.5669C3.90127 25.5269 3.91145 25.4871 3.92263 25.4476C3.93377 25.4081 3.94591 25.3688 3.95894 25.3299C3.97202 25.2909 3.98603 25.2523 4.001 25.2141C4.01592 25.1759 4.03179 25.138 4.04856 25.1005C4.06539 25.0631 4.08315 25.026 4.10172 24.9894C4.12035 24.9529 4.13978 24.9167 4.16016 24.8811C4.18054 24.8454 4.20184 24.8103 4.22387 24.7758C4.24596 24.7412 4.26892 24.7071 4.29271 24.6737C4.31644 24.6403 4.34097 24.6074 4.36626 24.5752C4.39161 24.5429 4.41779 24.5112 4.4447 24.4803C4.47157 24.4493 4.49925 24.419 4.52763 24.3894C4.55602 24.3598 4.58513 24.3308 4.61489 24.3027C5.11156 23.8336 5.75248 23.6531 6.42051 23.6388C6.83115 23.1108 7.23593 22.5856 7.80542 22.2186C8.75377 21.6075 9.8142 21.4161 10.8588 21.0574C12.5265 20.4847 13.3623 19.5413 13.421 17.9375C12.5875 17.4921 11.9578 16.7135 11.7082 15.7787C9.82299 16.3923 8.38499 18.5644 6.7753 19.6418C6.26475 19.9835 5.69488 20.2762 5.10711 20.4574C4.53086 20.635 3.85453 20.7324 3.33489 21.043C3.00701 21.239 2.76888 21.557 2.47015 21.7902C2.32012 21.9073 2.14927 21.9955 1.95494 21.9584C1.80615 21.93 1.73071 21.8163 1.66551 21.691C1.33885 21.063 1.17794 20.0962 0.93191 19.3866C0.760826 18.8933 0.532967 18.424 0.356761 17.9331C-0.0735859 16.7339 -0.126539 15.4322 0.2632 14.2154C0.421417 13.7216 0.725458 13.2835 0.865755 12.7848C0.87016 12.7691 0.873999 12.7534 0.87812 12.7377C0.783404 12.342 0.682915 11.9453 0.607754 11.5453C0.304832 9.93257 0.562842 8.22003 1.50367 6.85524C2.78732 4.99324 4.38405 4.78465 5.96728 3.50387C6.92204 2.73145 7.59127 1.71448 8.6507 1.05382C9.40345 0.584499 10.2654 0.238722 11.1395 0.0865595C12.3912 -0.131257 13.6537 0.0466684 14.7025 0.797471C14.7857 0.856981 14.8668 0.919409 14.9456 0.984723C15.0244 1.05003 15.1007 1.11805 15.1747 1.18878C15.2486 1.25957 15.3201 1.33295 15.3889 1.40884C15.4577 1.48471 15.5236 1.56302 15.5868 1.64365C15.65 1.72425 15.7103 1.80707 15.7676 1.89204C15.8249 1.97695 15.8791 2.06379 15.9303 2.15256C15.9814 2.24139 16.0294 2.33197 16.0741 2.42421C16.1188 2.51646 16.1601 2.61021 16.1982 2.70541C17.3983 5.7189 15.1041 8.13305 15.5807 11.0464C15.605 11.1478 15.635 11.3213 15.6852 11.4798C15.8915 11.519 16.0912 11.5767 16.2828 11.6511C16.3139 11.6317 16.3449 11.6117 16.3754 11.5903C16.8184 11.2794 17.2129 10.8897 17.621 10.534C18.3948 9.85959 19.2062 9.23486 19.8528 8.4274C19.9341 8.32572 20.0113 8.22105 20.0846 8.11347C20.1579 8.00585 20.227 7.89557 20.2919 7.78267C20.3567 7.66976 20.4173 7.55452 20.4733 7.43695C20.5294 7.3194 20.581 7.19988 20.6279 7.07838C20.8838 6.41707 20.9651 5.73652 20.9511 5.03147C20.1425 4.92163 19.4782 4.67166 18.9661 4.00158C18.9418 3.96933 18.9182 3.93654 18.8955 3.90314C18.8727 3.8697 18.8508 3.83572 18.8298 3.80123C18.8087 3.76674 18.7885 3.73171 18.7692 3.69617C18.7498 3.66068 18.7314 3.62471 18.7139 3.58827C18.6963 3.55182 18.6796 3.51494 18.6639 3.47768C18.6482 3.44044 18.6334 3.40281 18.6195 3.36481C18.6056 3.32684 18.5927 3.28849 18.5808 3.24981C18.5688 3.21119 18.5577 3.1723 18.5477 3.13315C18.5376 3.09395 18.5286 3.05447 18.5204 3.01484C18.5123 2.97522 18.5052 2.93542 18.499 2.89542C18.4929 2.85541 18.4878 2.81523 18.4836 2.77498C18.4794 2.73474 18.4762 2.69443 18.4741 2.65406C18.4719 2.61366 18.4707 2.57316 18.4706 2.53267C18.4704 2.49223 18.4713 2.45179 18.4731 2.41136C18.4749 2.37093 18.4777 2.33057 18.4815 2.29028C18.4853 2.25003 18.4901 2.20982 18.496 2.16976C18.5904 1.48155 18.945 0.91589 19.4945 0.49924ZM15.9544 18.2185C15.663 18.2987 15.3563 18.3419 15.0395 18.3419C14.9787 18.3419 14.9182 18.3402 14.8582 18.3371C14.6305 19.5476 14.2424 20.6198 13.1783 21.4161C12.9806 21.564 12.771 21.6989 12.5651 21.8352C12.2528 22.9542 12.4032 24.01 12.9681 25.0185C13.6746 26.28 14.7538 27.4895 16.1855 27.8941C17.0051 28.1258 17.9075 28.0321 18.7051 27.7605C17.8117 26.8932 17.0991 26.0281 17.0725 24.7208C17.0572 23.9728 17.2602 23.2453 17.3412 22.5066C17.511 20.9603 16.9536 19.3954 15.9544 18.2185ZM25.2753 23.26C24.6122 23.3619 23.9452 23.4177 23.2746 23.4274C21.6093 23.4603 19.8667 23.3094 18.5234 24.502C18.5393 25.2627 18.7271 25.7902 19.2748 26.3178C19.3217 26.3628 19.3699 26.4064 19.4194 26.4484C20.0185 26.903 20.6801 27.1906 21.4457 27.0815C22.6519 26.9096 23.8203 25.8067 24.5155 24.8672C24.7592 24.5378 25.3879 23.6969 25.4181 23.2969L25.3677 23.2509L25.2753 23.26ZM18.3367 15.8978C18.1367 16.5516 17.749 17.123 17.2367 17.5485C17.4206 17.8153 17.6279 18.0725 17.7907 18.3475C18.5728 19.669 18.8013 21.112 18.8006 22.6256C19.3695 22.3907 19.9315 22.2001 20.5424 22.1095C22.3576 21.8403 24.3756 22.2453 26.0979 21.4861C27.1267 21.0327 27.8977 20.1439 28.2925 19.0989C28.6827 18.0658 28.6821 17.1418 28.235 16.133C27.8021 16.6037 27.3673 17.084 26.8468 17.4594C25.5744 18.3769 23.9691 18.6079 22.53 17.9396C22.0803 17.7308 21.6665 17.4421 21.2498 17.1751C20.322 16.5808 19.408 16.1168 18.3367 15.8978ZM8.63211 14.2602C7.29307 13.2169 6.04517 12.0351 4.22395 12.1588C4.19138 12.1611 4.15885 12.1638 4.12637 12.1668C3.22759 12.3739 2.56591 12.9491 2.08614 13.7273C2.0496 13.7857 2.01449 13.8449 1.98093 13.905C1.94732 13.965 1.91526 14.026 1.88469 14.0876C1.85412 14.1493 1.8251 14.2118 1.79766 14.2749C1.77017 14.338 1.74425 14.4018 1.71993 14.4662C1.69562 14.5306 1.67285 14.5956 1.65181 14.6611C1.63072 14.7267 1.61138 14.7928 1.59361 14.8593C1.57579 14.9258 1.55955 14.9929 1.5451 15.0602C1.53064 15.1275 1.51788 15.1952 1.50674 15.2631C1.49565 15.3311 1.48627 15.3994 1.47855 15.4678C1.47082 15.5363 1.46475 15.6049 1.46043 15.6736C1.45607 15.7423 1.45346 15.8112 1.45256 15.8801C1.45166 15.9489 1.45249 16.0178 1.455 16.0867C1.45756 16.1555 1.46176 16.2242 1.46768 16.2929C1.47361 16.3615 1.48126 16.43 1.4906 16.4982C1.49989 16.5665 1.5109 16.6345 1.5236 16.7021C1.5363 16.7698 1.55069 16.8372 1.56675 16.9042C1.81613 17.9217 2.28156 18.9125 2.61428 19.9079C3.5711 19.2287 4.7929 19.1702 5.79772 18.5565C7.29394 17.6055 8.38728 16.142 9.84084 15.1163C9.46924 14.7888 9.02192 14.564 8.63211 14.2602ZM26.5066 6.8382C26.0246 7.30095 25.6321 7.78268 25.3569 8.39751C24.9937 9.20925 24.9031 10.0849 24.7007 10.9412C24.1799 13.1432 23.024 14.693 20.7888 15.2591C21.5233 15.7273 22.2765 16.3014 23.0726 16.6504C23.8856 16.9227 24.7437 16.9871 25.5305 16.5952C26.7326 15.9963 27.5992 14.4626 28.0016 13.2319C28.4849 11.7541 28.592 10.074 27.8734 8.65401C27.5436 8.0025 27.0565 7.32351 26.5066 6.8382ZM15.0516 13.1238C14.0894 13.1239 13.3095 13.9067 13.3095 14.8724C13.3095 15.8381 14.0894 16.6209 15.0516 16.6209C16.0138 16.6209 16.7938 15.8381 16.7938 14.8724C16.7938 13.9067 16.0138 13.1238 15.0516 13.1238ZM9.10244 7.07728C8.50591 5.65763 7.03171 5.31757 5.63509 5.63108C4.405 5.90729 3.23747 6.80359 2.56742 7.86462C1.87043 8.96826 1.7993 10.2893 2.07811 11.538C2.08574 11.572 2.09373 11.606 2.10221 11.6397C3.04815 10.9107 4.02191 10.5816 5.21879 10.7438C6.15087 10.87 6.98034 11.2869 7.75108 11.8128C8.96397 12.6403 9.93763 13.7847 11.5011 13.8785C11.5772 13.8831 11.6557 13.8864 11.735 13.8874C11.9012 13.3293 12.2038 12.8303 12.6042 12.4295C12.3896 12.3083 12.173 12.1871 11.9953 12.025C11.9764 12.0142 11.9572 12.0037 11.9385 11.9924C11.7216 11.8626 11.5274 11.6675 11.3459 11.4928C10.5862 10.7624 10.0303 9.93857 9.66593 8.94562C9.44266 8.33707 9.35102 7.66884 9.10244 7.07728ZM14.0398 2.12535C13.4527 1.56114 12.6716 1.33061 11.8701 1.35536C10.5126 1.3974 9.32032 2.16864 8.41703 3.14396C8.13652 3.44684 7.88183 3.779 7.61924 4.09765C8.74267 4.41817 9.66039 4.98992 10.2409 6.03666C10.5204 6.54067 10.6618 7.0832 10.8147 7.63438C11.3135 9.43146 11.7914 9.99471 13.2605 11.0348C13.4898 11.1718 13.7237 11.3007 13.962 11.4213C13.9447 11.1821 13.9289 10.9454 13.9318 10.7055C13.9168 9.89634 14.0187 9.11368 14.2097 8.32786C14.3798 7.62832 14.6429 6.95488 14.8138 6.25712C15.154 4.86729 15.1414 3.18417 14.0398 2.12535Z"
+                    fill="var(--bg-main)"></path>
+                <circle cx="6.2998" cy="26.1001" r="1.5" fill="var(--brand-color)"></circle>
+                <circle cx="20.9004" cy="2.5" r="1.5" fill="var(--brand-color)"></circle>
+                <circle cx="15.0502" cy="14.85" r="1.85" fill="var(--bg-main)"></circle>
+            </svg>
+            <span>
+                {t.label}
+                <br />
+                {t.description}
+            </span>
+        </div>
+    </template>
+    <template x-if="expanded">
+        <div class="maugli-backdrop" @click.self="expanded = false">
+            <template x-if="window.innerWidth > 600">
+                <div class="maugli-panel">
+                    <div class="maugli-panel-header">
+                        <svg
+                            width="30"
+                            height="30"
+                            viewBox="0 0 30 30"
+                            fill="none"
+                            xmlns="http://www.w3.org/2000/svg"
+                            aria-label="Maugli Logo"
+                            class="maugli-logo"
+                        >
+                            <path
+                                fill-rule="evenodd"
+                                clip-rule="evenodd"
+                                d="M19.4945 0.49924C19.9667 0.141251 20.6713 -0.0723378 21.2614 0.022512C21.9704 0.136495 22.6201 0.51023 23.0321 1.10651C23.0556 1.13986 23.0783 1.17381 23.1001 1.20826C23.1219 1.24274 23.1429 1.27776 23.1631 1.31324C23.1832 1.34873 23.2024 1.38471 23.2207 1.42114C23.2391 1.45763 23.2566 1.49451 23.2732 1.53181C23.2897 1.56911 23.3053 1.60681 23.32 1.64492C23.3347 1.68301 23.3484 1.72147 23.3612 1.76023C23.374 1.79896 23.3859 1.83805 23.3968 1.87744C23.4077 1.91679 23.4176 1.95641 23.4265 1.99623C23.4355 2.03609 23.4435 2.07612 23.4504 2.11636C23.4575 2.15656 23.4634 2.19698 23.4684 2.23751C23.4734 2.27804 23.4775 2.31869 23.4804 2.35946C23.4835 2.40018 23.4855 2.44097 23.4865 2.48179C23.4875 2.52262 23.4875 2.5635 23.4865 2.60437C23.4855 2.64518 23.4835 2.68598 23.4804 2.7267C23.4775 2.76742 23.4734 2.80804 23.4685 2.84857C23.4634 2.88909 23.4575 2.92948 23.4505 2.96972C23.3961 3.2694 23.2836 3.70241 23.1038 3.9507C22.9263 4.19579 22.5829 4.36167 22.4984 4.66106C22.4268 4.91485 22.4569 5.22934 22.4383 5.49376C22.3987 6.05593 22.3043 6.62938 22.1273 7.16514C21.4778 9.13178 19.999 10.3692 18.4878 11.6612C18.1818 11.9228 17.8337 12.1967 17.5449 12.502C17.9554 12.9374 18.2544 13.4798 18.3962 14.0831C19.6987 14.1038 21.0384 14.1083 22.0298 13.1199C23.2461 11.9071 23.2959 10.1511 23.8041 8.61591C23.8769 8.39864 23.9596 8.18517 24.0521 7.9756C24.1446 7.76598 24.2465 7.56106 24.3579 7.36092C24.4692 7.16076 24.5895 6.96613 24.7188 6.77715C24.8481 6.58818 24.9858 6.40558 25.1319 6.22936C25.555 5.72215 26.0909 5.25532 26.7109 5.01238C27.0814 5.23355 27.3417 5.55688 27.6267 5.87489C28.5221 6.8739 29.3183 7.94563 29.6552 9.26822C29.981 10.5476 29.8634 11.8045 29.5299 13.066C29.4263 13.4581 29.2553 13.9019 29.243 14.3085C29.2285 14.7866 29.477 15.3242 29.6334 15.7686C30.1801 17.3217 30.1538 18.8615 29.2926 20.2998C28.7105 21.272 27.8505 22.0062 27.226 22.9397C26.759 23.6377 26.4712 24.4378 26.0414 25.1582C25.1474 26.6569 23.606 27.7977 21.9934 28.4118C21.376 28.6469 20.7356 28.8024 20.0955 28.9595C18.0695 29.4569 16.3088 29.7566 14.4193 28.5982C12.9577 27.7023 11.5429 25.9791 11.1364 24.2964C10.991 23.6942 11.0071 23.0948 11.057 22.4819C9.78502 22.7872 8.64073 23.0412 7.8333 24.1645C8.4156 24.7266 8.82704 25.3113 8.84105 26.1512C8.85184 26.7998 8.59512 27.4058 8.1443 27.8683C7.67251 28.3522 6.99642 28.619 6.32411 28.6156C5.65443 28.6122 5.01417 28.3517 4.54905 27.8656C4.09028 27.386 3.8113 26.723 3.82907 26.055C3.83035 26.0139 3.83263 25.9729 3.83585 25.932C3.83912 25.891 3.84335 25.8501 3.84861 25.8094C3.85386 25.7687 3.86018 25.7281 3.86743 25.6877C3.87468 25.6473 3.88288 25.6069 3.89208 25.5669C3.90127 25.5269 3.91145 25.4871 3.92263 25.4476C3.93377 25.4081 3.94591 25.3688 3.95894 25.3299C3.97202 25.2909 3.98603 25.2523 4.001 25.2141C4.01592 25.1759 4.03179 25.138 4.04856 25.1005C4.06539 25.0631 4.08315 25.026 4.10172 24.9894C4.12035 24.9529 4.13978 24.9167 4.16016 24.8811C4.18054 24.8454 4.20184 24.8103 4.22387 24.7758C4.24596 24.7412 4.26892 24.7071 4.29271 24.6737C4.31644 24.6403 4.34097 24.6074 4.36626 24.5752C4.39161 24.5429 4.41779 24.5112 4.4447 24.4803C4.47157 24.4493 4.49925 24.419 4.52763 24.3894C4.55602 24.3598 4.58513 24.3308 4.61489 24.3027C5.11156 23.8336 5.75248 23.6531 6.42051 23.6388C6.83115 23.1108 7.23593 22.5856 7.80542 22.2186C8.75377 21.6075 9.8142 21.4161 10.8588 21.0574C12.5265 20.4847 13.3623 19.5413 13.421 17.9375C12.5875 17.4921 11.9578 16.7135 11.7082 15.7787C9.82299 16.3923 8.38499 18.5644 6.7753 19.6418C6.26475 19.9835 5.69488 20.2762 5.10711 20.4574C4.53086 20.635 3.85453 20.7324 3.33489 21.043C3.00701 21.239 2.76888 21.557 2.47015 21.7902C2.32012 21.9073 2.14927 21.9955 1.95494 21.9584C1.80615 21.93 1.73071 21.8163 1.66551 21.691C1.33885 21.063 1.17794 20.0962 0.93191 19.3866C0.760826 18.8933 0.532967 18.424 0.356761 17.9331C-0.0735859 16.7339 -0.126539 15.4322 0.2632 14.2154C0.421417 13.7216 0.725458 13.2835 0.865755 12.7848C0.87016 12.7691 0.873999 12.7534 0.87812 12.7377C0.783404 12.342 0.682915 11.9453 0.607754 11.5453C0.304832 9.93257 0.562842 8.22003 1.50367 6.85524C2.78732 4.99324 4.38405 4.78465 5.96728 3.50387C6.92204 2.73145 7.59127 1.71448 8.6507 1.05382C9.40345 0.584499 10.2654 0.238722 11.1395 0.0865595C12.3912 -0.131257 13.6537 0.0466684 14.7025 0.797471C14.7857 0.856981 14.8668 0.919409 14.9456 0.984723C15.0244 1.05003 15.1007 1.11805 15.1747 1.18878C15.2486 1.25957 15.3201 1.33295 15.3889 1.40884C15.4577 1.48471 15.5236 1.56302 15.5868 1.64365C15.65 1.72425 15.7103 1.80707 15.7676 1.89204C15.8249 1.97695 15.8791 2.06379 15.9303 2.15256C15.9814 2.24139 16.0294 2.33197 16.0741 2.42421C16.1188 2.51646 16.1601 2.61021 16.1982 2.70541C17.3983 5.7189 15.1041 8.13305 15.5807 11.0464C15.605 11.1478 15.635 11.3213 15.6852 11.4798C15.8915 11.519 16.0912 11.5767 16.2828 11.6511C16.3139 11.6317 16.3449 11.6117 16.3754 11.5903C16.8184 11.2794 17.2129 10.8897 17.621 10.534C18.3948 9.85959 19.2062 9.23486 19.8528 8.4274C19.9341 8.32572 20.0113 8.22105 20.0846 8.11347C20.1579 8.00585 20.227 7.89557 20.2919 7.78267C20.3567 7.66976 20.4173 7.55452 20.4733 7.43695C20.5294 7.3194 20.581 7.19988 20.6279 7.07838C20.8838 6.41707 20.9651 5.73652 20.9511 5.03147C20.1425 4.92163 19.4782 4.67166 18.9661 4.00158C18.9418 3.96933 18.9182 3.93654 18.8955 3.90314C18.8727 3.8697 18.8508 3.83572 18.8298 3.80123C18.8087 3.76674 18.7885 3.73171 18.7692 3.69617C18.7498 3.66068 18.7314 3.62471 18.7139 3.58827C18.6963 3.55182 18.6796 3.51494 18.6639 3.47768C18.6482 3.44044 18.6334 3.40281 18.6195 3.36481C18.6056 3.32684 18.5927 3.28849 18.5808 3.24981C18.5688 3.21119 18.5577 3.1723 18.5477 3.13315C18.5376 3.09395 18.5286 3.05447 18.5204 3.01484C18.5123 2.97522 18.5052 2.93542 18.499 2.89542C18.4929 2.85541 18.4878 2.81523 18.4836 2.77498C18.4794 2.73474 18.4762 2.69443 18.4741 2.65406C18.4719 2.61366 18.4707 2.57316 18.4706 2.53267C18.4704 2.49223 18.4713 2.45179 18.4731 2.41136C18.4749 2.37093 18.4777 2.33057 18.4815 2.29028C18.4853 2.25003 18.4901 2.20982 18.496 2.16976C18.5904 1.48155 18.945 0.91589 19.4945 0.49924ZM15.9544 18.2185C15.663 18.2987 15.3563 18.3419 15.0395 18.3419C14.9787 18.3419 14.9182 18.3402 14.8582 18.3371C14.6305 19.5476 14.2424 20.6198 13.1783 21.4161C12.9806 21.564 12.771 21.6989 12.5651 21.8352C12.2528 22.9542 12.4032 24.01 12.9681 25.0185C13.6746 26.28 14.7538 27.4895 16.1855 27.8941C17.0051 28.1258 17.9075 28.0321 18.7051 27.7605C17.8117 26.8932 17.0991 26.0281 17.0725 24.7208C17.0572 23.9728 17.2602 23.2453 17.3412 22.5066C17.511 20.9603 16.9536 19.3954 15.9544 18.2185ZM25.2753 23.26C24.6122 23.3619 23.9452 23.4177 23.2746 23.4274C21.6093 23.4603 19.8667 23.3094 18.5234 24.502C18.5393 25.2627 18.7271 25.7902 19.2748 26.3178C19.3217 26.3628 19.3699 26.4064 19.4194 26.4484C20.0185 26.903 20.6801 27.1906 21.4457 27.0815C22.6519 26.9096 23.8203 25.8067 24.5155 24.8672C24.7592 24.5378 25.3879 23.6969 25.4181 23.2969L25.3677 23.2509L25.2753 23.26ZM18.3367 15.8978C18.1367 16.5516 17.749 17.123 17.2367 17.5485C17.4206 17.8153 17.6279 18.0725 17.7907 18.3475C18.5728 19.669 18.8013 21.112 18.8006 22.6256C19.3695 22.3907 19.9315 22.2001 20.5424 22.1095C22.3576 21.8403 24.3756 22.2453 26.0979 21.4861C27.1267 21.0327 27.8977 20.1439 28.2925 19.0989C28.6827 18.0658 28.6821 17.1418 28.235 16.133C27.8021 16.6037 27.3673 17.084 26.8468 17.4594C25.5744 18.3769 23.9691 18.6079 22.53 17.9396C22.0803 17.7308 21.6665 17.4421 21.2498 17.1751C20.322 16.5808 19.408 16.1168 18.3367 15.8978ZM8.63211 14.2602C7.29307 13.2169 6.04517 12.0351 4.22395 12.1588C4.19138 12.1611 4.15885 12.1638 4.12637 12.1668C3.22759 12.3739 2.56591 12.9491 2.08614 13.7273C2.0496 13.7857 2.01449 13.8449 1.98093 13.905C1.94732 13.965 1.91526 14.026 1.88469 14.0876C1.85412 14.1493 1.8251 14.2118 1.79766 14.2749C1.77017 14.338 1.74425 14.4018 1.71993 14.4662C1.69562 14.5306 1.67285 14.5956 1.65181 14.6611C1.63072 14.7267 1.61138 14.7928 1.59361 14.8593C1.57579 14.9258 1.55955 14.9929 1.5451 15.0602C1.53064 15.1275 1.51788 15.1952 1.50674 15.2631C1.49565 15.3311 1.48627 15.3994 1.47855 15.4678C1.47082 15.5363 1.46475 15.6049 1.46043 15.6736C1.45607 15.7423 1.45346 15.8112 1.45256 15.8801C1.45166 15.9489 1.45249 16.0178 1.455 16.0867C1.45756 16.1555 1.46176 16.2242 1.46768 16.2929C1.47361 16.3615 1.48126 16.43 1.4906 16.4982C1.49989 16.5665 1.5109 16.6345 1.5236 16.7021C1.5363 16.7698 1.55069 16.8372 1.56675 16.9042C1.81613 17.9217 2.28156 18.9125 2.61428 19.9079C3.5711 19.2287 4.7929 19.1702 5.79772 18.5565C7.29394 17.6055 8.38728 16.142 9.84084 15.1163C9.46924 14.7888 9.02192 14.564 8.63211 14.2602ZM26.5066 6.8382C26.0246 7.30095 25.6321 7.78268 25.3569 8.39751C24.9937 9.20925 24.9031 10.0849 24.7007 10.9412C24.1799 13.1432 23.024 14.693 20.7888 15.2591C21.5233 15.7273 22.2765 16.3014 23.0726 16.6504C23.8856 16.9227 24.7437 16.9871 25.5305 16.5952C26.7326 15.9963 27.5992 14.4626 28.0016 13.2319C28.4849 11.7541 28.592 10.074 27.8734 8.65401C27.5436 8.0025 27.0565 7.32351 26.5066 6.8382ZM15.0516 13.1238C14.0894 13.1239 13.3095 13.9067 13.3095 14.8724C13.3095 15.8381 14.0894 16.6209 15.0516 16.6209C16.0138 16.6209 16.7938 15.8381 16.7938 14.8724C16.7938 13.9067 16.0138 13.1238 15.0516 13.1238ZM9.10244 7.07728C8.50591 5.65763 7.03171 5.31757 5.63509 5.63108C4.405 5.90729 3.23747 6.80359 2.56742 7.86462C1.87043 8.96826 1.7993 10.2893 2.07811 11.538C2.08574 11.572 2.09373 11.606 2.10221 11.6397C3.04815 10.9107 4.02191 10.5816 5.21879 10.7438C6.15087 10.87 6.98034 11.2869 7.75108 11.8128C8.96397 12.6403 9.93763 13.7847 11.5011 13.8785C11.5772 13.8831 11.6557 13.8864 11.735 13.8874C11.9012 13.3293 12.2038 12.8303 12.6042 12.4295C12.3896 12.3083 12.173 12.1871 11.9953 12.025C11.9764 12.0142 11.9572 12.0037 11.9385 11.9924C11.7216 11.8626 11.5274 11.6675 11.3459 11.4928C10.5862 10.7624 10.0303 9.93857 9.66593 8.94562C9.44266 8.33707 9.35102 7.66884 9.10244 7.07728ZM14.0398 2.12535C13.4527 1.56114 12.6716 1.33061 11.8701 1.35536C10.5126 1.3974 9.32032 2.16864 8.41703 3.14396C8.13652 3.44684 7.88183 3.779 7.61924 4.09765C8.74267 4.41817 9.66039 4.98992 10.2409 6.03666C10.5204 6.54067 10.6618 7.0832 10.8147 7.63438C11.3135 9.43146 11.7914 9.99471 13.2605 11.0348C13.4898 11.1718 13.7237 11.3007 13.962 11.4213C13.9447 11.1821 13.9289 10.9454 13.9318 10.7055C13.9168 9.89634 14.0187 9.11368 14.2097 8.32786C14.3798 7.62832 14.6429 6.95488 14.8138 6.25712C15.154 4.86729 15.1414 3.18417 14.0398 2.12535Z"
+                                fill="var(--bg-main)"></path>
+                            <circle cx="6.2998" cy="26.1001" r="1.5" fill="var(--brand-color)"></circle>
+                            <circle cx="20.9004" cy="2.5" r="1.5" fill="var(--brand-color)"></circle>
+                            <circle cx="15.0502" cy="14.85" r="1.85" fill="var(--bg-main)"></circle>
+                        </svg>
+
+                        <a class="more-btn" href="https://maugli.cfd" target="_blank" rel="noopener noreferrer">
+                            {t.more}
+                        </a>
+                    </div>
+                    <div class="maugli-panel-body">
+                        <div class="body-title">{t.bodyTitle}</div>
+                        <div class="body-desc" set:html={t.bodyDesc} />
+                    </div>
+                </div>
+            </template>
+            <template x-if="window.innerWidth <= 600">
+                <div class="maugli-mobile-sheet">
+                    <div class="maugli-mobile-header">
+                        <div class="maugli-mobile-row">
+                            <svg
+                                width="30"
+                                height="30"
+                                viewBox="0 0 30 30"
+                                fill="none"
+                                xmlns="http://www.w3.org/2000/svg"
+                                aria-label="Maugli Logo"
+                                class="maugli-mobile-logo"
+                            >
+                                <path
+                                    class="main-path"
+                                    fill-rule="evenodd"
+                                    clip-rule="evenodd"
+                                    d="M19.4945 0.49924C19.9667 0.141251 20.6713 -0.0723378 21.2614 0.022512C21.9704 0.136495 22.6201 0.51023 23.0321 1.10651C23.0556 1.13986 23.0783 1.17381 23.1001 1.20826C23.1219 1.24274 23.1429 1.27776 23.1631 1.31324C23.1832 1.34873 23.2024 1.38471 23.2207 1.42114C23.2391 1.45763 23.2566 1.49451 23.2732 1.53181C23.2897 1.56911 23.3053 1.60681 23.32 1.64492C23.3347 1.68301 23.3484 1.72147 23.3612 1.76023C23.374 1.79896 23.3859 1.83805 23.3968 1.87744C23.4077 1.91679 23.4176 1.95641 23.4265 1.99623C23.4355 2.03609 23.4435 2.07612 23.4504 2.11636C23.4575 2.15656 23.4634 2.19698 23.4684 2.23751C23.4734 2.27804 23.4775 2.31869 23.4804 2.35946C23.4835 2.40018 23.4855 2.44097 23.4865 2.48179C23.4875 2.52262 23.4875 2.5635 23.4865 2.60437C23.4855 2.64518 23.4835 2.68598 23.4804 2.7267C23.4775 2.76742 23.4734 2.80804 23.4685 2.84857C23.4634 2.88909 23.4575 2.92948 23.4505 2.96972C23.3961 3.2694 23.2836 3.70241 23.1038 3.9507C22.9263 4.19579 22.5829 4.36167 22.4984 4.66106C22.4268 4.91485 22.4569 5.22934 22.4383 5.49376C22.3987 6.05593 22.3043 6.62938 22.1273 7.16514C21.4778 9.13178 19.999 10.3692 18.4878 11.6612C18.1818 11.9228 17.8337 12.1967 17.5449 12.502C17.9554 12.9374 18.2544 13.4798 18.3962 14.0831C19.6987 14.1038 21.0384 14.1083 22.0298 13.1199C23.2461 11.9071 23.2959 10.1511 23.8041 8.61591C23.8769 8.39864 23.9596 8.18517 24.0521 7.9756C24.1446 7.76598 24.2465 7.56106 24.3579 7.36092C24.4692 7.16076 24.5895 6.96613 24.7188 6.77715C24.8481 6.58818 24.9858 6.40558 25.1319 6.22936C25.555 5.72215 26.0909 5.25532 26.7109 5.01238C27.0814 5.23355 27.3417 5.55688 27.6267 5.87489C28.5221 6.8739 29.3183 7.94563 29.6552 9.26822C29.981 10.5476 29.8634 11.8045 29.5299 13.066C29.4263 13.4581 29.2553 13.9019 29.243 14.3085C29.2285 14.7866 29.477 15.3242 29.6334 15.7686C30.1801 17.3217 30.1538 18.8615 29.2926 20.2998C28.7105 21.272 27.8505 22.0062 27.226 22.9397C26.759 23.6377 26.4712 24.4378 26.0414 25.1582C25.1474 26.6569 23.606 27.7977 21.9934 28.4118C21.376 28.6469 20.7356 28.8024 20.0955 28.9595C18.0695 29.4569 16.3088 29.7566 14.4193 28.5982C12.9577 27.7023 11.5429 25.9791 11.1364 24.2964C10.991 23.6942 11.0071 23.0948 11.057 22.4819C9.78502 22.7872 8.64073 23.0412 7.8333 24.1645C8.4156 24.7266 8.82704 25.3113 8.84105 26.1512C8.85184 26.7998 8.59512 27.4058 8.1443 27.8683C7.67251 28.3522 6.99642 28.619 6.32411 28.6156C5.65443 28.6122 5.01417 28.3517 4.54905 27.8656C4.09028 27.386 3.8113 26.723 3.82907 26.055C3.83035 26.0139 3.83263 25.9729 3.83585 25.932C3.83912 25.891 3.84335 25.8501 3.84861 25.8094C3.85386 25.7687 3.86018 25.7281 3.86743 25.6877C3.87468 25.6473 3.88288 25.6069 3.89208 25.5669C3.90127 25.5269 3.91145 25.4871 3.92263 25.4476C3.93377 25.4081 3.94591 25.3688 3.95894 25.3299C3.97202 25.2909 3.98603 25.2523 4.001 25.2141C4.01592 25.1759 4.03179 25.138 4.04856 25.1005C4.06539 25.0631 4.08315 25.026 4.10172 24.9894C4.12035 24.9529 4.13978 24.9167 4.16016 24.8811C4.18054 24.8454 4.20184 24.8103 4.22387 24.7758C4.24596 24.7412 4.26892 24.7071 4.29271 24.6737C4.31644 24.6403 4.34097 24.6074 4.36626 24.5752C4.39161 24.5429 4.41779 24.5112 4.4447 24.4803C4.47157 24.4493 4.49925 24.419 4.52763 24.3894C4.55602 24.3598 4.58513 24.3308 4.61489 24.3027C5.11156 23.8336 5.75248 23.6531 6.42051 23.6388C6.83115 23.1108 7.23593 22.5856 7.80542 22.2186C8.75377 21.6075 9.8142 21.4161 10.8588 21.0574C12.5265 20.4847 13.3623 19.5413 13.421 17.9375C12.5875 17.4921 11.9578 16.7135 11.7082 15.7787C9.82299 16.3923 8.38499 18.5644 6.7753 19.6418C6.26475 19.9835 5.69488 20.2762 5.10711 20.4574C4.53086 20.635 3.85453 20.7324 3.33489 21.043C3.00701 21.239 2.76888 21.557 2.47015 21.7902C2.32012 21.9073 2.14927 21.9955 1.95494 21.9584C1.80615 21.93 1.73071 21.8163 1.66551 21.691C1.33885 21.063 1.17794 20.0962 0.93191 19.3866C0.760826 18.8933 0.532967 18.424 0.356761 17.9331C-0.0735859 16.7339 -0.126539 15.4322 0.2632 14.2154C0.421417 13.7216 0.725458 13.2835 0.865755 12.7848C0.87016 12.7691 0.873999 12.7534 0.87812 12.7377C0.783404 12.342 0.682915 11.9453 0.607754 11.5453C0.304832 9.93257 0.562842 8.22003 1.50367 6.85524C2.78732 4.99324 4.38405 4.78465 5.96728 3.50387C6.92204 2.73145 7.59127 1.71448 8.6507 1.05382C9.40345 0.584499 10.2654 0.238722 11.1395 0.0865595C12.3912 -0.131257 13.6537 0.0466684 14.7025 0.797471C14.7857 0.856981 14.8668 0.919409 14.9456 0.984723C15.0244 1.05003 15.1007 1.11805 15.1747 1.18878C15.2486 1.25957 15.3201 1.33295 15.3889 1.40884C15.4577 1.48471 15.5236 1.56302 15.5868 1.64365C15.65 1.72425 15.7103 1.80707 15.7676 1.89204C15.8249 1.97695 15.8791 2.06379 15.9303 2.15256C15.9814 2.24139 16.0294 2.33197 16.0741 2.42421C16.1188 2.51646 16.1601 2.61021 16.1982 2.70541C17.3983 5.7189 15.1041 8.13305 15.5807 11.0464C15.605 11.1478 15.635 11.3213 15.6852 11.4798C15.8915 11.519 16.0912 11.5767 16.2828 11.6511C16.3139 11.6317 16.3449 11.6117 16.3754 11.5903C16.8184 11.2794 17.2129 10.8897 17.621 10.534C18.3948 9.85959 19.2062 9.23486 19.8528 8.4274C19.9341 8.32572 20.0113 8.22105 20.0846 8.11347C20.1579 8.00585 20.227 7.89557 20.2919 7.78267C20.3567 7.66976 20.4173 7.55452 20.4733 7.43695C20.5294 7.3194 20.581 7.19988 20.6279 7.07838C20.8838 6.41707 20.9651 5.73652 20.9511 5.03147C20.1425 4.92163 19.4782 4.67166 18.9661 4.00158C18.9418 3.96933 18.9182 3.93654 18.8955 3.90314C18.8727 3.8697 18.8508 3.83572 18.8298 3.80123C18.8087 3.76674 18.7885 3.73171 18.7692 3.69617C18.7498 3.66068 18.7314 3.62471 18.7139 3.58827C18.6963 3.55182 18.6796 3.51494 18.6639 3.47768C18.6482 3.44044 18.6334 3.40281 18.6195 3.36481C18.6056 3.32684 18.5927 3.28849 18.5808 3.24981C18.5688 3.21119 18.5577 3.1723 18.5477 3.13315C18.5376 3.09395 18.5286 3.05447 18.5204 3.01484C18.5123 2.97522 18.5052 2.93542 18.499 2.89542C18.4929 2.85541 18.4878 2.81523 18.4836 2.77498C18.4794 2.73474 18.4762 2.69443 18.4741 2.65406C18.4719 2.61366 18.4707 2.57316 18.4706 2.53267C18.4704 2.49223 18.4713 2.45179 18.4731 2.41136C18.4749 2.37093 18.4777 2.33057 18.4815 2.29028C18.4853 2.25003 18.4901 2.20982 18.496 2.16976C18.5904 1.48155 18.945 0.91589 19.4945 0.49924ZM15.9544 18.2185C15.663 18.2987 15.3563 18.3419 15.0395 18.3419C14.9787 18.3419 14.9182 18.3402 14.8582 18.3371C14.6305 19.5476 14.2424 20.6198 13.1783 21.4161C12.9806 21.564 12.771 21.6989 12.5651 21.8352C12.2528 22.9542 12.4032 24.01 12.9681 25.0185C13.6746 26.28 14.7538 27.4895 16.1855 27.8941C17.0051 28.1258 17.9075 28.0321 18.7051 27.7605C17.8117 26.8932 17.0991 26.0281 17.0725 24.7208C17.0572 23.9728 17.2602 23.2453 17.3412 22.5066C17.511 20.9603 16.9536 19.3954 15.9544 18.2185ZM25.2753 23.26C24.6122 23.3619 23.9452 23.4177 23.2746 23.4274C21.6093 23.4603 19.8667 23.3094 18.5234 24.502C18.5393 25.2627 18.7271 25.7902 19.2748 26.3178C19.3217 26.3628 19.3699 26.4064 19.4194 26.4484C20.0185 26.903 20.6801 27.1906 21.4457 27.0815C22.6519 26.9096 23.8203 25.8067 24.5155 24.8672C24.7592 24.5378 25.3879 23.6969 25.4181 23.2969L25.3677 23.2509L25.2753 23.26ZM18.3367 15.8978C18.1367 16.5516 17.749 17.123 17.2367 17.5485C17.4206 17.8153 17.6279 18.0725 17.7907 18.3475C18.5728 19.669 18.8013 21.112 18.8006 22.6256C19.3695 22.3907 19.9315 22.2001 20.5424 22.1095C22.3576 21.8403 24.3756 22.2453 26.0979 21.4861C27.1267 21.0327 27.8977 20.1439 28.2925 19.0989C28.6827 18.0658 28.6821 17.1418 28.235 16.133C27.8021 16.6037 27.3673 17.084 26.8468 17.4594C25.5744 18.3769 23.9691 18.6079 22.53 17.9396C22.0803 17.7308 21.6665 17.4421 21.2498 17.1751C20.322 16.5808 19.408 16.1168 18.3367 15.8978ZM8.63211 14.2602C7.29307 13.2169 6.04517 12.0351 4.22395 12.1588C4.19138 12.1611 4.15885 12.1638 4.12637 12.1668C3.22759 12.3739 2.56591 12.9491 2.08614 13.7273C2.0496 13.7857 2.01449 13.8449 1.98093 13.905C1.94732 13.965 1.91526 14.026 1.88469 14.0876C1.85412 14.1493 1.8251 14.2118 1.79766 14.2749C1.77017 14.338 1.74425 14.4018 1.71993 14.4662C1.69562 14.5306 1.67285 14.5956 1.65181 14.6611C1.63072 14.7267 1.61138 14.7928 1.59361 14.8593C1.57579 14.9258 1.55955 14.9929 1.5451 15.0602C1.53064 15.1275 1.51788 15.1952 1.50674 15.2631C1.49565 15.3311 1.48627 15.3994 1.47855 15.4678C1.47082 15.5363 1.46475 15.6049 1.46043 15.6736C1.45607 15.7423 1.45346 15.8112 1.45256 15.8801C1.45166 15.9489 1.45249 16.0178 1.455 16.0867C1.45756 16.1555 1.46176 16.2242 1.46768 16.2929C1.47361 16.3615 1.48126 16.43 1.4906 16.4982C1.49989 16.5665 1.5109 16.6345 1.5236 16.7021C1.5363 16.7698 1.55069 16.8372 1.56675 16.9042C1.81613 17.9217 2.28156 18.9125 2.61428 19.9079C3.5711 19.2287 4.7929 19.1702 5.79772 18.5565C7.29394 17.6055 8.38728 16.142 9.84084 15.1163C9.46924 14.7888 9.02192 14.564 8.63211 14.2602ZM26.5066 6.8382C26.0246 7.30095 25.6321 7.78268 25.3569 8.39751C24.9937 9.20925 24.9031 10.0849 24.7007 10.9412C24.1799 13.1432 23.024 14.693 20.7888 15.2591C21.5233 15.7273 22.2765 16.3014 23.0726 16.6504C23.8856 16.9227 24.7437 16.9871 25.5305 16.5952C26.7326 15.9963 27.5992 14.4626 28.0016 13.2319C28.4849 11.7541 28.592 10.074 27.8734 8.65401C27.5436 8.0025 27.0565 7.32351 26.5066 6.8382ZM15.0516 13.1238C14.0894 13.1239 13.3095 13.9067 13.3095 14.8724C13.3095 15.8381 14.0894 16.6209 15.0516 16.6209C16.0138 16.6209 16.7938 15.8381 16.7938 14.8724C16.7938 13.9067 16.0138 13.1238 15.0516 13.1238ZM9.10244 7.07728C8.50591 5.65763 7.03171 5.31757 5.63509 5.63108C4.405 5.90729 3.23747 6.80359 2.56742 7.86462C1.87043 8.96826 1.7993 10.2893 2.07811 11.538C2.08574 11.572 2.09373 11.606 2.10221 11.6397C3.04815 10.9107 4.02191 10.5816 5.21879 10.7438C6.15087 10.87 6.98034 11.2869 7.75108 11.8128C8.96397 12.6403 9.93763 13.7847 11.5011 13.8785C11.5772 13.8831 11.6557 13.8864 11.735 13.8874C11.9012 13.3293 12.2038 12.8303 12.6042 12.4295C12.3896 12.3083 12.173 12.1871 11.9953 12.025C11.9764 12.0142 11.9572 12.0037 11.9385 11.9924C11.7216 11.8626 11.5274 11.6675 11.3459 11.4928C10.5862 10.7624 10.0303 9.93857 9.66593 8.94562C9.44266 8.33707 9.35102 7.66884 9.10244 7.07728ZM14.0398 2.12535C13.4527 1.56114 12.6716 1.33061 11.8701 1.35536C10.5126 1.3974 9.32032 2.16864 8.41703 3.14396C8.13652 3.44684 7.88183 3.779 7.61924 4.09765C8.74267 4.41817 9.66039 4.98992 10.2409 6.03666C10.5204 6.54067 10.6618 7.0832 10.8147 7.63438C11.3135 9.43146 11.7914 9.99471 13.2605 11.0348C13.4898 11.1718 13.7237 11.3007 13.962 11.4213C13.9447 11.1821 13.9289 10.9454 13.9318 10.7055C13.9168 9.89634 14.0187 9.11368 14.2097 8.32786C14.3798 7.62832 14.6429 6.95488 14.8138 6.25712C15.154 4.86729 15.1414 3.18417 14.0398 2.12535Z"
+                                    fill="var(--brand-color)"></path>
+                                <g class="dots">
+                                    <circle cx="6.2998" cy="26.1001" r="1.5" fill="var(--bg-main)"></circle>
+                                    <circle cx="20.9004" cy="2.5" r="1.5" fill="var(--bg-main)"></circle>
+                                    <circle cx="15.0502" cy="14.85" r="1.85" fill="var(--bg-main)"></circle>
+                                </g>
+                            </svg>
+                            <span class="maugli-mobile-label">{t.label}<br />{t.description}</span>
+                        </div>
+                        <a class="maugli-mobile-more" href="https://maugli.cfd" target="_blank" rel="noopener noreferrer">{t.more}</a>
+                    </div>
+                    <div class="maugli-mobile-body">
+                        <div class="body-title">{t.bodyTitle}</div>
+                        <div class="body-desc">{t.bodyDesc.replace(/<[^>]+>/g, '')}</div>
+                    </div>
+                </div>
+            </template>
+        </div>
+    </template>
+</div>

package/src/components/MobileTagsAndShare.astro

@@ -0,0 +1,71 @@
+---
+import Button from './Button.astro';
+import TagPills from './TagPills.astro';
+import { maugliConfig } from '../config/maugli.config';
+import { LANGUAGES } from '../i18n/languages';
+export interface Props {
+    tags?: string[];
+    shareUrl?: string;
+    title?: string;
+    basePath?: string;
+    class?: string;
+}
+
+const { tags = [], shareUrl = '', title = '', basePath = '/blog', class: className } = Astro.props;
+
+const lang = typeof maugliConfig.defaultLang === 'string' ? maugliConfig.defaultLang : 'en';
+const languageObj = LANGUAGES.find((l) => l.code === lang) || LANGUAGES.find((l) => l.code === 'en');
+const fallbackDict = LANGUAGES.find((l) => l.code === 'en')?.dict || {};
+const dict = languageObj?.dict && Object.keys(languageObj.dict).length > 0 ? languageObj.dict : fallbackDict;
+const buttons = (dict as any).buttons || (fallbackDict as any).buttons || {};
+---
+
+<!-- Мобильный блок тегов и кнопки поделиться (видимый только на мобилке) -->
+<div class:list={['sm:hidden mt-8 flex flex-wrap items-center justify-between gap-6', className]}>
+    <TagPills tags={tags as any} basePath={basePath} />
+    <Button class="share-button" aria-label={buttons.share} data-url={shareUrl} data-title={title}>{buttons.share}</Button>
+</div>
+
+<script>
+    document.addEventListener('astro:page-load', () => {
+        const shareButton = document.querySelector('.share-button');
+        if (!shareButton) return;
+        const shareLabel = buttons.share;
+        const copiedLabel = buttons.copied;
+        shareButton.addEventListener('click', async () => {
+            await shareContent(shareButton, shareLabel, copiedLabel);
+        });
+
+        async function shareContent(button, label, copied) {
+            const url = button.getAttribute('data-url') || '';
+            const title = button.getAttribute('data-title') || '';
+            // Проверяем, поддерживает ли браузер Web Share API
+            if (navigator.share) {
+                try {
+                    await navigator.share({
+                        title: title,
+                        url: url
+                    });
+                } catch (err) {
+                    // Если пользователь отменил или произошла ошибка, используем fallback
+                    await fallbackCopy(button, url, label, copied);
+                }
+            } else {
+                // Fallback для браузеров без поддержки Web Share API
+                await fallbackCopy(button, url, label, copied);
+            }
+        }
+
+        async function fallbackCopy(button, url, label, copied) {
+            try {
+                await navigator.clipboard.writeText(url);
+                button.innerText = copied;
+                setTimeout(() => {
+                    button.innerText = label;
+                }, 2500);
+            } catch (err) {
+                console.error('Failed to copy: ', err);
+            }
+        }
+    });
+</script>