@rspress-theme-anatole/theme-default 0.1.5 → 0.1.7

package/LICENSE

@@ -0,0 +1,19 @@
+MIT License
+
+Copyright (c) [2025] [Anatole.Tong]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies
+or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
+PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE
+FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/bundle.css

@@ -3507,4 +3507,195 @@ p {
 
 .rspress-nav {
   border-bottom: 1px solid var(--Colors-Neutral-3, #D2D5DA);
+}
+
+.top-search-suggestions-label {
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 34px;
+  letter-spacing: 0%;
+  vertical-align: middle;
+  color: #32363E;
+  margin-left: 40px;
+}
+
+.top-search-suggestion-item {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 18px;
+  vertical-align: middle;
+  color: #32363E;
+  height: 34;
+  padding-top: 6px;
+  padding-right: 10px;
+  padding-bottom: 6px;
+  padding-left: 10px;
+  gap: 10px;
+  border-radius: 100px;
+  background-color: #FFFFFF;
+  border: 1px solid var(--Colors-Neutral-3, #D2D5DA);
+}
+
+.topics-title {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 32px;
+  letter-spacing: -2%;
+  vertical-align: middle;
+  color: #32363E;
+}
+
+.topics-show-more {
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 24px;
+  letter-spacing: -1%;
+  text-align: right;
+  vertical-align: middle;
+  text-decoration: underline;
+  text-decoration-style: solid;
+  text-decoration-thickness: 0%;
+  color: #1781D9;
+}
+
+.topics-div {
+  margin: 72px 40px 0px 40px;
+}
+
+.topics-item {
+  width: 100%;
+  height: 184;
+  border-radius: 8px;
+  border-width: 1px;
+  padding: 24px;
+  background-color: #FFFFFF;
+  border: 1px solid var(--Colors-Neutral-3, #D2D5DA);
+}
+
+.topics-item-text {
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 28px;
+  letter-spacing: -2%;
+  vertical-align: middle;
+  color: #32363E;
+  margin-top: 8px;
+}
+
+.topics-item-desc {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  letter-spacing: 0%;
+  vertical-align: middle;
+  color: #494F5A;
+  margin-top: 8px;
+}
+
+.topics-item-icon {
+  font-family: 'Font Awesome 6 Free';
+  font-weight: 900;
+  font-size: 32px;
+  line-height: 100%;
+  letter-spacing: 0%;
+  text-align: center;
+  vertical-align: middle;
+  color: #EF483D;
+}
+
+.features-item-icon-div {
+  width: 40;
+  height: 40;
+  border-radius: 8px;
+  background-color: #EF483D;
+  text-align: center;
+  padding-top: 8px;
+}
+
+.features-item-icon {
+  font-size: 22px;
+  color: #FFFFFF;
+}
+
+.features-div {
+  margin: 45px 40px 0px 40px;
+}
+
+.faqs-div {
+  background-color: #F1F2F4;
+}
+
+.faqs-item-question {
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 28px;
+  letter-spacing: -2%;
+  color: #32363E;
+  justify-content: space-between;
+  display: flex;
+}
+
+.faqs-item-answer {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  letter-spacing: 0%;
+  color: #32363E;
+  padding: 24px;
+}
+
+.faqs-box {
+  background-color: white;
+  margin: 24px 0 0 0;
+}
+
+.faqs-box-item {
+  /* height: 76; */
+  border-bottom-width: 1px;
+  padding: 24px;
+  border-color: #D2D5DA;
+}
+
+.contact-us-p1 {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 32px;
+  letter-spacing: -2%;
+  text-align: center;
+  vertical-align: middle;
+  color: #32363E;
+}
+
+.contact-us-p2 {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  letter-spacing: 0%;
+  vertical-align: middle;
+  color: #32363E;
+  margin-top: 24px;
+  text-align: center;
+}
+
+.contact-us-btn {
+  width: 203;
+  height: 50;
+  border-radius: 100px;
+  background-color: #EF483D;
+  margin: 24px 0 72px 0;
+  color: white;
+  text-align: center;
+}
+
+.contactus-div {
+  justify-self: center;
+  margin-top: 72px;
+}
+
+.pb-12 {
+  padding-bottom: 0 !important;
+}
+
+.rspress-nav-search-button {
+  display: none;
 }

package/dist/bundle.js

@@ -41,6 +41,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__theme_assets_jump_20d3ca88__ from "@theme
 import * as __WEBPACK_EXTERNAL_MODULE__theme_assets_title_56a7311e__ from "@theme-assets/title";
 import * as __WEBPACK_EXTERNAL_MODULE__theme_assets_github_cac38251__ from "@theme-assets/github";
 import * as __WEBPACK_EXTERNAL_MODULE__theme_assets_gitlab_a0e4f082__ from "@theme-assets/gitlab";
+
 function isMobileDevice() {
     return window.innerWidth < 1280;
 }
@@ -1193,14 +1194,18 @@ function HomepageLayout(props) {
                         frontmatter: frontmatter,
                         routePath: routePath
                     }),
-                    // (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomeHero, {
-                    //     frontmatter: frontmatter,
-                    //     routePath: routePath
-                    // }),
-                    // (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomeFeature, {
-                    //     frontmatter: frontmatter,
-                    //     routePath: routePath
-                    // }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomepageTopics, {
+                        frontmatter: frontmatter,
+                        routePath: routePath
+                    }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomepageFeatures, {
+                        frontmatter: frontmatter,
+                        routePath: routePath
+                    }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomepageFaqs, {
+                        frontmatter: frontmatter,
+                        routePath: routePath
+                    }),
                 ]
             }),
             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomeFooter, {})
@@ -1221,18 +1226,10 @@ function HomeLayout(props) {
             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
                 className: "pb-12",
                 children: [
-                    beforeHero,
-                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__theme_75e53063__.HomeHero, {
-                        frontmatter: frontmatter,
-                        routePath: routePath
-                    }),
-                    afterHero,
-                    beforeFeatures,
                     (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__theme_75e53063__.HomeFeature, {
                         frontmatter: frontmatter,
                         routePath: routePath
                     }),
-                    afterFeatures
                 ]
             }),
             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__theme_75e53063__.HomeFooter, {})
@@ -2521,6 +2518,221 @@ function HomeFeature({ frontmatter, routePath }) {
     });
 }
 
+function HomepageTopics({ frontmatter, routePath }) {
+    const topics = frontmatter?.topics;
+    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        children: [
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: [
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h2", {
+                        children: topics.title ?? 'Topics',
+                        className: "topics-title"
+                    }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
+                        children: 'Show more',
+                        className: "topics-show-more"
+                    }),
+                ],
+                style: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    width: '100%',
+                }
+            }),
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: topics.items.map((topicItem) => {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        className: "topics-item",
+                        children: [
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
+                                className: topicItem.icon + " topics-item-icon",
+                            }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
+                                children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h3", {
+                                    className: "topics-item-text",
+                                    children: topicItem.text
+                                }),
+                                href: topicItem.link
+                            }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                                className: "topics-item-desc",
+                                children: topicItem.desc
+                            }),
+                        ]
+                    }, topicItem.text);
+                }),
+                style: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    width: '100%',
+                    marginTop: '24px',
+                    gap: '24px',
+                }
+            }),
+
+        ],
+        className: "topics-div",
+    });
+}
+
+function HomepageFeatures({ frontmatter, routePath }) {
+    const features = frontmatter?.features;
+
+    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        children: [
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: [
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h2", {
+                        children: features.title ?? 'Features',
+                        className: "topics-title"
+                    }),
+                ],
+                style: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    width: '100%',
+                }
+            }),
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: features.rows.map((featuresRow) => {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        children: featuresRow.items.map((featureItem) => {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                className: "topics-item",
+                                children: [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                        children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
+                                            className: featureItem.icon + " features-item-icon",
+                                        }),
+                                        className: "features-item-icon-div"
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
+                                        children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h3", {
+                                            className: "topics-item-text",
+                                            children: featureItem.text
+                                        }),
+                                        href: featureItem.link
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                                        className: "topics-item-desc",
+                                        children: featureItem.desc
+                                    }),
+                                ]
+                            }, featureItem.text);
+                        }),
+
+                        style: {
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                            width: '100%',
+                            gap: '24px',
+                            marginTop: '24px',
+                        }
+                    }, featuresRow.items[0].text);
+                }),
+                style: {
+                }
+            }),
+        ],
+        className: "features-div",
+    });
+}
+
+function HomepageFaqs({ frontmatter, routePath }) {
+    const faqs = frontmatter?.faqs;
+    const contactus = frontmatter?.contactus;
+
+    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        children: [
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: [
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h2", {
+                        children: faqs.title ?? 'FAQs',
+                        className: "topics-title"
+                    }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        children: faqs.items.map((faqItem) => {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                children: [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                                        children: [
+                                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                                children: faqItem.question,
+                                            }),
+                                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                                children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
+                                                    className: "fa-solid fa-chevron-down",
+                                                }),
+                                                onClick: (e) => {
+                                                    if (document.querySelector('.faqs-item-answer')) {
+                                                        if (e.currentTarget.parentElement.nextElementSibling.style.display === 'none') {
+                                                            e.currentTarget.parentElement.nextElementSibling.style.display = 'block';
+                                                            e.currentTarget.querySelector('i').className = "fa-solid fa-chevron-up";
+                                                        }
+                                                        else {
+                                                            e.currentTarget.parentElement.nextElementSibling.style.display = 'none';
+                                                            e.currentTarget.querySelector('i').className = "fa-solid fa-chevron-down";
+                                                        }
+                                                    }
+                                                },
+                                            }),
+                                        ],
+                                        className: "faqs-item-question",
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                                        dangerouslySetInnerHTML: {
+                                            __html: faqItem.answer
+                                        },
+                                        className: "faqs-item-answer",
+                                        style: {
+                                            display: "none",
+                                        }
+                                    }),
+                                ],
+                                className: "faqs-box-item",
+                            }, faqItem.question);
+                        }),
+                        className: "faqs-box"
+                    }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        children: [
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                                children: contactus.p1,
+                                className: "contact-us-p1"
+                            }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                                children: contactus.p2,
+                                className: "contact-us-p2"
+                            }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
+                                    href: contactus.btnLink,
+                                    children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("button", {
+                                        children: contactus.btn ?? 'Contact us',
+                                        className: "contact-us-btn",
+                                    }),
+                                }),
+                                style: {
+                                    width: '100%',
+                                    display: 'flex',
+                                    justifyContent: 'center',
+                                }
+                            }),
+                        ],
+                        className: "contactus-div"
+                    }),
+                ],
+                style: {
+                    width: '100%',
+                    marginTop: '72px',
+                    padding: '72px 40px 0 40px',
+                }
+            }),
+        ],
+        className: "faqs-div",
+    });
+}
+
 function HomeFooter() {
     const { siteData } = (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.usePageData)();
     const { group, message, links, social } = siteData.themeConfig.footer || {};
@@ -2529,7 +2741,7 @@ function HomeFooter() {
         children: [
             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
                 dangerouslySetInnerHTML: {
-                    __html: group.map((groupItem) => { return `<a href="${groupItem.link}" class="">${groupItem.text}</a>` }).join("")
+                    __html: group.map((groupItem) => { return `<span class="">${groupItem.text}</span>` }).join("")
                 },
                 style: {
                     gap: "20px",
@@ -2598,17 +2810,15 @@ const DEFAULT_HERO = {
 };
 
 function HomepageTopSearch({ frontmatter, routePath }) {
-    const hero = frontmatter?.hero || DEFAULT_HERO;
-    const hasImage = void 0 !== hero.image;
-    const textMaxWidth = hasImage ? 'sm:max-w-xl' : 'sm:max-w-4xl';
-    const multiHeroText = hero.text ? hero.text.toString().split(/\n/g).filter((text) => '' !== text) : [];
-    const imageSrc = 'string' == typeof hero.image?.src ? {
-        light: hero.image.src,
-        dark: hero.image.src
-    } : hero.image?.src || {
+    const topSearch = frontmatter?.topSearch || DEFAULT_HERO;
+    const imageSrc = 'string' == typeof topSearch.image?.src ? {
+        light: topSearch.image.src,
+        dark: topSearch.image.src
+    } : topSearch.image?.src || {
         light: '',
         dark: ''
     };
+    const [query, setQuery] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('');
 
     return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
         children: [
@@ -2619,33 +2829,104 @@ function HomepageTopSearch({ frontmatter, routePath }) {
                             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h1", {
                                 children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
                                     style: {
-                                        lineHeight: '1.3'
+                                        fontWeight: '700',
+                                        fontSize: '40px',
+                                        lineHeight: '100%',
+                                        letterSpacing: '-2%',
+                                        textAlign: 'center',
+                                        verticalAlign: 'middle',
+                                        margin: '103px 0 0 40px',
                                     },
-                                    children: renderHtmlOrText(hero.name)
-                                })
+                                    children: renderHtmlOrText(topSearch.text)
+                                }),
+                                style: {
+                                    paddingTop: '103px'
+                                }
                             }),
-                            0 !== multiHeroText.length && multiHeroText.map((heroText) => (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                children: [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
+                                        className: "fa-solid fa-magnifying-glass",
+                                        style: {
+                                            color: '#7E8695',
+                                            fontSize: '20px',
+                                            fontWeight: '900',
+                                            lineHeight: '18px',
+                                            letterSpacing: '-1%',
+                                            zIndex: '100',
+                                            margin: '22px -50px 0 20px',
+                                        },
+                                        onClick: () => {
+                                            document.querySelector('.rspress-nav-search-button').click();
+                                        },
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("input", {
+                                        type: "search",
+                                        placeholder: topSearch.placeholder,
+                                        className: "top-search-input",
+                                        style: {
+                                            width: 500,
+                                            height: 58,
+                                            borderRadius: '100px',
+                                            borderWidth: '1px',
+                                            paddingRight: '18px',
+                                            paddingLeft: '50px',
+                                        },
+                                        onClick: () => {
+                                            document.querySelector('.rspress-nav-search-button').click();
+                                        },
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("button", {
+                                        children: 'Search',
+                                        style: {
+                                            width: '100px',
+                                            height: '58px',
+                                            borderRadius: '100px',
+                                            paddingRight: '18px',
+                                            paddingLeft: '18px',
+                                            backgroundColor: '#EF483D',
+                                            textalign: 'center',
+                                            color: 'white'
+                                        },
+                                        onClick: () => {
+                                            document.querySelector('.rspress-nav-search-button').click();
+                                        },
+                                    }),
+                                ],
                                 style: {
-                                    lineHeight: '1.2'
-                                },
-                                children: renderHtmlOrText(heroText)
-                            }, heroText)),
+                                    display: 'flex',
+                                    gap: '10px',
+                                    margin: '24px 0 0 40px',
+                                }
+                            }),
                             (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
-                                children: renderHtmlOrText(hero.tagline)
+                                children: [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                        children: "Suggestions:",
+                                        className: 'top-search-suggestions-label'
+                                    }),
+                                    topSearch.suggestions.map((suggestion) => {
+                                        return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)('button', {
+                                            children: suggestion.text,
+                                            className: 'top-search-suggestion-item',
+                                            onClick: () => {
+                                                document.querySelector('.rspress-nav-search-button').click();
+                                                setTimeout(() => {
+                                                    const searchInput = document.querySelector('.rspress-search-panel-input');
+                                                    searchInput.value = suggestion.text;
+                                                    const event = new Event('keyup', { bubbles: true });
+                                                    searchInput.dispatchEvent(event);
+                                                }, 100);
+                                            }
+                                        }, suggestion.text + '-btn');
+                                    }),
+                                ],
+                                style: {
+                                    marginTop: '20px',
+                                    display: 'flex',
+                                    gap: '8px',
+                                }
                             }),
-                            hero.actions?.length && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                                children: hero.actions.map((action) => {
-                                    const link = (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.isExternalUrl)(action.link) ? action.link : (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.normalizeHrefInRuntime)((0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.withBase)(action.link, routePath));
-                                    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                                        children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__theme_75e53063__.Button, {
-                                            type: "a",
-                                            href: link,
-                                            text: renderHtmlOrText(action.text),
-                                            theme: action.theme,
-                                        })
-                                    }, link);
-                                })
-                            })
                         ]
                     }),
                 ]
@@ -2660,100 +2941,6 @@ function HomepageTopSearch({ frontmatter, routePath }) {
     });
 }
 
-function HomeHero({ frontmatter, routePath }) {
-    const hero = frontmatter?.hero || DEFAULT_HERO;
-    const hasImage = void 0 !== hero.image;
-    const textMaxWidth = hasImage ? 'sm:max-w-xl' : 'sm:max-w-4xl';
-    const multiHeroText = hero.text ? hero.text.toString().split(/\n/g).filter((text) => '' !== text) : [];
-    const imageSrc = 'string' == typeof hero.image?.src ? {
-        light: hero.image.src,
-        dark: hero.image.src
-    } : hero.image?.src || {
-        light: '',
-        dark: ''
-    };
-    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        className: "m-auto pt-0 px-6 pb-12 sm:pt-10 sm:px-16 md:pt-16 md:px-16 md:pb-16 relative",
-        children: [
-            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: HomeHero_index_module.mask,
-                style: {
-                    left: hasImage ? '75%' : '50%'
-                }
-            }),
-            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                className: "m-auto flex flex-col md:flex-row max-w-6xl min-h-[50vh] mt-12 sm:mt-0",
-                children: [
-                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                        className: "flex flex-col justify-center items-center text-center max-w-xl sm:max-w-4xl m-auto order-2 md:order-1",
-                        children: [
-                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h1", {
-                                className: "font-bold text-3xl pb-2 sm:text-6xl md:text-7xl m-auto sm:m-4 md:m-0 md:pb-3 lg:pb-2 leading-tight z-10",
-                                children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                                    className: HomeHero_index_module.clip,
-                                    style: {
-                                        lineHeight: '1.3'
-                                    },
-                                    children: renderHtmlOrText(hero.name)
-                                })
-                            }),
-                            0 !== multiHeroText.length && multiHeroText.map((heroText) => (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
-                                className: `rspress-home-hero-text mx-auto md:m-0 text-3xl sm:text-5xl md:text-6xl sm:pb-2 font-bold z-10 ${textMaxWidth}`,
-                                style: {
-                                    lineHeight: '1.2'
-                                },
-                                children: renderHtmlOrText(heroText)
-                            }, heroText)),
-                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
-                                className: `rspress-home-hero-tagline whitespace-pre-wrap pt-4 m-auto md:m-0 text-sm sm:tex-xl md:text-[1.5rem] text-text-2 font-medium z-10 ${textMaxWidth}`,
-                                children: renderHtmlOrText(hero.tagline)
-                            }),
-                            hero.actions?.length && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                                className: "grid md:flex md:flex-wrap md:justify-center gap-3 m--1.5 pt-6 sm:pt-8 z-10",
-                                children: hero.actions.map((action) => {
-                                    const link = (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.isExternalUrl)(action.link) ? action.link : (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.normalizeHrefInRuntime)((0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.withBase)(action.link, routePath));
-                                    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                                        className: "flex flex-shrink-0 p-1",
-                                        children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__theme_75e53063__.Button, {
-                                            type: "a",
-                                            href: link,
-                                            text: renderHtmlOrText(action.text),
-                                            theme: action.theme,
-                                            className: "w-full"
-                                        })
-                                    }, link);
-                                })
-                            })
-                        ]
-                    }),
-                    hasImage ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                        className: "rspress-home-hero-image md:flex-center m-auto order-1 md:order-2 sm:flex md:none lg:flex",
-                        children: [
-                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("img", {
-                                src: (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.normalizeImagePath)(imageSrc.light),
-                                alt: hero.image?.alt,
-                                srcSet: normalizeSrcsetAndSizes(hero.image?.srcset),
-                                sizes: normalizeSrcsetAndSizes(hero.image?.sizes),
-                                width: 375,
-                                height: 375,
-                                className: "dark:hidden"
-                            }),
-                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("img", {
-                                src: (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.normalizeImagePath)(imageSrc.dark),
-                                alt: hero.image?.alt,
-                                srcSet: normalizeSrcsetAndSizes(hero.image?.srcset),
-                                sizes: normalizeSrcsetAndSizes(hero.image?.sizes),
-                                width: 375,
-                                height: 375,
-                                className: "hidden dark:block"
-                            })
-                        ]
-                    }) : null
-                ]
-            })
-        ]
-    });
-}
 function normalizeSrcsetAndSizes(field) {
     const r = (Array.isArray(field) ? field : [
         field
@@ -2936,7 +3123,7 @@ function NavMenuSingleItem(item) {
                     }
                 }),
                 (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
-                    class: item.rightIcon,
+                    className: item.rightIcon,
                     style: {
                         marginLeft: '8px',
                         fontSize: '12px',
@@ -4886,7 +5073,8 @@ function SearchPanel({ focused, setFocused }) {
                                         "aria-label": "SearchPanelInput",
                                         autoComplete: "off",
                                         autoFocus: true,
-                                        onChange: (e) => handleQueryChange(e.target.value)
+                                        // onChange: (e) => handleQueryChange(e.target.value)
+                                        onKeyUp: (e) => handleQueryChange(e.target.value)
                                     }),
                                     (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("label", {
                                         children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SvgWrapper, {
@@ -5064,4 +5252,4 @@ const src_rslib_entry_ = {
     HomeLayout: HomeLayout,
     setup: setup
 };
-export { Aside, Badge, Button, Card, DocFooter, DocLayout, EditLink, HomeFeature, HomeFooter, HomeHero, HomeLayout, HomepageLayout, LastUpdated, Layout, Link, LinkCard, Nav, NotFoundLayout, Overview, PackageManagerTabs, PrevNextPage, types_RenderType as RenderType, ScrollToTop, Search, SearchPanel, Sidebar, SidebarList, SocialLinks, SourceCode, Steps, SwitchAppearance, Tab, Tabs, Tag, Toc, bindingAsideScroll, src_rslib_entry_ as default, getCustomMDXComponent, isMobileDevice, parseInlineMarkdownText, renderHtmlOrText, renderInlineMarkdown, scrollToTarget, setup, useEditLink, useEnableNav, useFullTextSearch, useHiddenNav, useLocaleSiteData, usePathUtils, usePrevNextPage, useRedirect4FirstVisit, useSidebarData, useThemeState };
+export { Aside, Badge, Button, Card, DocFooter, DocLayout, EditLink, HomeFeature, HomeFooter, HomeLayout, HomepageLayout, HomepageTopSearch, HomepageTopics, HomepageFeatures, HomepageFaqs, LastUpdated, Layout, Link, LinkCard, Nav, NotFoundLayout, Overview, PackageManagerTabs, PrevNextPage, types_RenderType as RenderType, ScrollToTop, Search, SearchPanel, Sidebar, SidebarList, SocialLinks, SourceCode, Steps, SwitchAppearance, Tab, Tabs, Tag, Toc, bindingAsideScroll, src_rslib_entry_ as default, getCustomMDXComponent, isMobileDevice, parseInlineMarkdownText, renderHtmlOrText, renderInlineMarkdown, scrollToTarget, setup, useEditLink, useEnableNav, useFullTextSearch, useHiddenNav, useLocaleSiteData, usePathUtils, usePrevNextPage, useRedirect4FirstVisit, useSidebarData, useThemeState };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rspress-theme-anatole/theme-default",
   "author": "Anatole Tong",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "license": "MIT",
   "sideEffects": [
     "*.css",
@@ -33,7 +33,7 @@
     "react-helmet-async": "^1.3.0",
     "react-syntax-highlighter": "^15.6.1",
     "@rspress/runtime": "1.43.8",
-    "@rspress-theme-anatole/shared": "0.1.5"
+    "@rspress-theme-anatole/shared": "0.1.7"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.49.2",