@rspress-theme-anatole/theme-default 0.7.2 → 0.7.4

package/dist/bundle.css

@@ -3715,6 +3715,21 @@ p {
   margin: 45px 40px 72px 40px;
 }
 
+.topics-item-labels {
+  margin-top: 8px;
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.topics-label {
+  background-color: #f1f1f1;
+  border-radius: 12px;
+  padding: 2px 8px;
+  font-size: 12px;
+  color: #555;
+}
+
 .faqs-div {
   background-color: #F1F2F4;
 }
@@ -3808,4 +3823,211 @@ p {
 
 .rspress-nav-search-button {
   display: none;
+}
+
+.whatsnew-div {
+  margin: 45px 40px;
+}
+
+.whatsnew-title {
+  margin-bottom: 16px;
+  font-size: 24px;
+  font-weight: 700;
+  color: #32363E;
+}
+
+.whatsnew-cards {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 24px;
+}
+
+.whatsnew-card {
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  padding: 16px;
+  background: #fff;
+}
+
+.whatsnew-label {
+  display: inline-block;
+  background: #ff6a00;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 600;
+  padding: 2px 8px;
+  border-radius: 12px;
+  margin-bottom: 8px;
+}
+
+.whatsnew-card-title {
+  font-size: 20px;
+  font-weight: 700;
+  margin: 4px 0;
+}
+
+.whatsnew-date {
+  font-size: 16px;
+  color: #6b7280;
+  margin-bottom: 12px;
+}
+
+.whatsnew-link {
+  font-weight: 600;
+  color: #111;
+  text-decoration: none;
+}
+
+.features-tabs {
+  display: flex;
+  gap: 24px;
+  border-bottom: 2px solid #eee;
+  margin-bottom: 16px;
+}
+
+.features-tab {
+  background: none;
+  border: none;
+  font-size: 18px;
+  font-weight: 600;
+  cursor: pointer;
+  padding: 8px 0;
+  color: #444;
+}
+
+.features-tab.active {
+  color: #e60023;
+  border-bottom: 2px solid #e60023;
+}
+
+.request-article-section {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    background: #fff;
+}
+
+.request-article-title {
+    font-size: 32px;
+    font-weight: 700;
+    text-align: center;
+    margin-bottom: 8px;
+    color: #32363E;
+}
+
+.request-article-desc {
+    font-size: 14px;
+    font-weight: 400;
+    text-align: center;
+    color: #494F5A;
+    margin-bottom: 24px;
+}
+
+.request-article-form {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 20px;
+    width: 100%;
+    max-width: 600px;
+    align-items: flex-start;
+}
+
+.request-article-field {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    text-align: left;
+}
+
+.request-article-field label {
+    font-weight: 500;
+    margin-bottom: 6px;
+    color: #333;
+}
+
+.request-article-select,
+.request-article-input,
+.request-article-textarea {
+    border: 1px solid #ccc;
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 15px;
+    transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+
+.request-article-select:focus,
+.request-article-input:focus,
+.request-article-textarea:focus {
+    border-color: #e63946;
+    box-shadow: 0 0 0 2px rgba(230, 57, 70, 0.15);
+    outline: none;
+}
+
+.request-article-textarea {
+    min-height: 120px;
+    resize: vertical;
+}
+
+.request-article-checkbox {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+}
+
+.request-article-checkbox-input {
+    width: 18px;
+    height: 18px;
+    accent-color: #e63946;
+    cursor: pointer;
+}
+
+.request-article-submit {
+    background: #e63946;
+    color: #fff;
+    border: none;
+    border-radius: 32px;
+    padding: 12px 32px;
+    font-size: 16px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: background 0.2s ease, transform 0.1s ease;
+}
+
+.request-article-submit:hover {
+    background: #d62839;
+}
+
+.request-article-submit:active {
+    transform: scale(0.97);
+}
+
+.no-reply {
+    font-size: 13px;
+    font-style: italic;
+    background-color: #EAEAEA;
+    height: 24px;
+    padding: 8px 0;
+}
+
+.signature {
+    background-color: #F0F0F0;
+    padding: 25px 0;
+}
+
+.signature-logo {
+    display: inline-block;
+}
+
+.signature-logo-text {
+    color: #737373;
+    font-size: 28px;
+    letter-spacing: 1px;
+}
+
+.signature-slogan {
+    margin: 2px 0 16px 0;
+    color: #737373;
+    font-size: 14px;
 }

package/dist/bundle.js

@@ -1443,7 +1443,7 @@ function HomepageLayout(props) {
                         frontmatter: frontmatter,
                         routePath: routePath
                     }),
-                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomepageFeatures, {
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomepageFeaturesTabs, {
                         frontmatter: frontmatter,
                         routePath: routePath
                     }),
@@ -1478,6 +1478,10 @@ function GettingStartLayout(props) {
                         frontmatter: frontmatter,
                         routePath: routePath
                     }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(WhatsNew, {
+                        frontmatter: frontmatter,
+                        routePath: routePath
+                    }),
                     (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomepageFeatures, {
                         frontmatter: frontmatter,
                         routePath: routePath
@@ -1493,6 +1497,33 @@ function GettingStartLayout(props) {
     });
 }
 
+function RequestArticleLayout(props) {
+    const { page: { frontmatter, routePath } } = (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.usePageData)();
+
+    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: "relative",
+        style: {
+            minHeight: 'calc(100vh - var(--rp-nav-height))',
+        },
+        children: [
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                className: "pb-12",
+                children: [
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(RequestArticleSection, {
+                        frontmatter: frontmatter,
+                        routePath: routePath
+                    }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(NeedHelpSection, {
+                        frontmatter: frontmatter,
+                        routePath: routePath
+                    }),
+                ]
+            }),
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HomeFooter, {})
+        ]
+    });
+}
+
 function HomeLayout(props) {
     const { beforeHero, afterHero, beforeFeatures, afterFeatures } = props;
     const { page: { frontmatter, routePath } } = (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.usePageData)();
@@ -1659,6 +1690,10 @@ const Layout = (props) => {
                  return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(GettingStartLayout, {
                     ...homeProps
                 });
+            case 'requestarticle':
+                return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(RequestArticleLayout, {
+                ...homeProps
+            });
             case 'doc':
                 return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DocLayout, {
                     ...docProps,
@@ -2924,6 +2959,15 @@ function HomepageFeatures({ frontmatter, routePath }) {
                                         className: "topics-item-desc",
                                         children: featureItem.desc
                                     }),
+                                    featureItem.labels && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                        className: "topics-item-labels",
+                                        children: featureItem.labels.map((label) =>
+                                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                                className: "topics-label",
+                                                children: label
+                                            }, label)
+                                        )
+                                    }),
                                 ]
                             }, featureItem.text);
                         }),
@@ -2944,6 +2988,79 @@ function HomepageFeatures({ frontmatter, routePath }) {
     });
 }
 
+function HomepageFeaturesTabs({ frontmatter, routePath }) {
+    const [activeTab, setActiveTab] = __WEBPACK_EXTERNAL_MODULE_react__.useState(0);
+    const features = frontmatter?.features;
+
+    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: "features-div",
+        children: [
+            //Tabs
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: "features-tabs",
+                children: features.tabs.map((tab, idx) =>
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("button", {
+                        className: "features-tab" + (idx === activeTab ? " active" : ""),
+                        onClick: () => setActiveTab(idx),
+                        children: tab.name
+                    }, tab.name)
+                )
+            }),
+
+            // Tab content
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: features.tabs[activeTab].rows.map((featuresRow) => {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        style: {
+                            display: 'grid',
+                            gridTemplateColumns: 'repeat(4, 1fr)',
+                            gap: '24px',
+                            marginTop: '24px',
+                            marginBottom: '24px',
+                            alignItems: 'stretch',
+                        },
+                        children: featuresRow.items.map((featureItem) =>
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                className: "topics-item",
+                                children: [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                        className: "features-item-icon-div",
+                                        children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
+                                            className: featureItem.icon + " features-item-icon",
+                                        })
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                                        className: "topics-item-text",
+                                        children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
+                                            href: featureItem.link,
+                                            children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                                children: featureItem.text
+                                            })
+                                        })
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                                        className: "topics-item-desc",
+                                        children: featureItem.desc
+                                    }),
+                                    featureItem.labels && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                        className: "topics-item-labels",
+                                        children: featureItem.labels.map((label) =>
+                                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                                className: "topics-label",
+                                                children: label
+                                            }, label)
+                                        )
+                                    }),
+                                ]
+                            }, featureItem.text)
+                        )
+                    }, featuresRow.items[0].text);
+                })
+            })
+        ]
+    });
+}
+
 function HomepageFaqs({ frontmatter, routePath }) {
     const tabs = frontmatter?.faqTabs || [];
     const [activeTab, setActiveTab] = __WEBPACK_EXTERNAL_MODULE_react__.useState(tabs[0]?.title || '');
@@ -3078,6 +3195,256 @@ function NeedHelpSection({ frontmatter, routePath }) {
     });
 }
 
+function RequestArticleSection({ frontmatter }) {
+    const { siteData } = (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.usePageData)();
+    const { apiUrl, emailSupport } = siteData;
+    const requestArticle = frontmatter?.requestArticle;
+
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+
+        const form = event.target;
+        const solution = form.querySelector("select")?.value || "";
+        const question = form.querySelector('textarea')?.value || "";
+        const name = form.querySelector('input[type="text"]')?.value || "Anonymous";
+        const email = form.querySelector('input[type="email"]')?.value || "No email provided";
+        const notify = form.querySelector('input[type="checkbox"]')?.checked || false;
+
+        const data = {
+            to: emailSupport,
+            subject: `[Wiki] ${requestArticle.title} for ${solution}`,
+            html: `
+                <div style="font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#333;max-width:600px;margin:0 auto;border:1px solid #e0e0e0;border-radius:8px;padding:24px;background-color:#fafafa;">
+                    <p style="margin-top:0;margin-bottom:16px;">Hi Team,</p>
+
+                    <p style="margin-top:0;margin-bottom:16px;">
+                        A new article request has been submitted with the following details:
+                    </p>
+
+                    <table style="width:100%;border-collapse:collapse;margin-top:8px;">
+                        <tr>
+                            <td style="padding:8px 0;width:160px;font-weight:bold;">Solution:</td>
+                            <td style="padding:8px 0;">${solution}</td>
+                        </tr>
+                        <tr>
+                            <td style="padding:8px 0;vertical-align:top;font-weight:bold;">Question:</td>
+                            <td style="padding:8px 0;white-space:pre-line;">${question}</td>
+                        </tr>
+                        <tr>
+                            <td style="padding:8px 0;font-weight:bold;">Requested by:</td>
+                            <td style="padding:8px 0;">${name}</td>
+                        </tr>
+                        <tr>
+                            <td style="padding:8px 0;font-weight:bold;">Email:</td>
+                            <td style="padding:8px 0;">${email}</td>
+                        </tr>
+                        <tr>
+                            <td style="padding:8px 0;font-weight:bold;">Notify when published:</td>
+                            <td style="padding:8px 0;">${notify ? "Yes" : "No"}</td>
+                        </tr>
+                    </table>
+
+                    <p style="margin-top:24px;margin-bottom:24px;">
+                        Please review this request and proceed accordingly.
+                    </p>
+
+                    <p style="margin-top:24px;margin-bottom:24px;">
+                        Sincerely,
+                    </p>
+
+                    <hr style="border:none;border-top:1px solid #ddd;margin:24px 0;">
+
+                    <div style="text-align:center;color:#555;font-size:12px;">
+                        <strong>Do not reply to this email.</strong><br>
+                        This inbox is not monitored and replies will not be received.
+                    </div>
+
+                    <div style="text-align:center;margin-top:24px;">
+                        <img alt="AvePoint logo"
+                            style="vertical-align:middle;height:24px;"
+                            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAAAXNSR0IArs4c6QAAAsJJREFUSEullU1IFHEYxp9ndpc+KHLzAyyDIIjO+TEzqWDtbFYXK/Bi0Cm61Ck6iEFsFEhFtyKiY2SBh0AIyZ1VQ2P/q3hMKIgOkUJahgRG6+4bo7kfzs7OSnPb+b/v8/s/78csscVHLP0T7dShUmkSNa5BoCMTvMexyZmNGG6FIRE9CnIElE7GUyMbuXLSPIKsvAegFeh9pa0anN9bg0SNHxCEQSwhrqoJiDgalpH1uOwAbXWhYohEmpvBwFReTEzaKSXRliaINu1VEdqKlUPWb1sYL7SVJifMFmiS+m+IWGYPIM9dQtQuomr/AJa+rHpAhmirroqciNtFTtMph0T04yBHi0H8iXBDDQcHM74QscxeQPo9p1DYx0Sy/98AvATQCOABbfW44hEWy3BKESgz6hnaKlhuFco6Ecu4A+CG7y4J7jKhej2b73UgjY0hhEMrPi420jOYW97J2dk/pfQ8nUjUvAWRm74ucoXnbcaTJeNLQny22JtrqwAB1/aXhkTMh6BcqdhF3s0jxpNXN+e5INLdHSixXI65Z9DQj2PJj3jXehTI9EFwznWR8IGgsxuF790Qy3gN4ExB0AraTu1iLOYqg7S27saOzHcAofx2YphxVZhf/BWWGDRMru1FHh6SPRxOLXtOYYdxEEF8LjgXtKkgY/neFDkRS58G2JRLELxiQp33641YxgcAhwvyZphQOZ0cRE631yKd/lYkGEjv45uZeX+I3gZwoiguFKrj8MSC8y4PsYwxAB1FgZKtYWLKqXnZRzrb65FJz20KektbremtQSTSUg1qiy4lTZo4ksr9V3v2JWpcguCp63x1ey3HxxfXIZaRBGC4gsgFxpN1vk4sw/mc5Ccsn6BoK5NytqMKv34veQoRXYyrIU8XEf0yyCee+duCeymWPgewvuxts+zhaPLF5hixzOuA3Pfp2PxfA8n5ENhQazEAAAAASUVORK5CYII=">
+                        <span style="font-weight:bold;font-size:14px;color:#222;">&nbsp;AvePoint</span>
+                        <div style="color:#777;font-size:12px;margin-top:4px;">Collaborate with confidence</div>
+                        <div style="color:#999;font-size:11px;margin-top:4px;">© 2025 AvePoint Inc. All Rights Reserved.</div>
+                    </div>
+                </div>
+            `,
+        };
+
+        try {
+            const response = await fetch(apiUrl + "/api/email", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(data),
+            });
+
+            const result = await response.json();
+            if (result.success) {
+                alert("✅ Request sent successfully!");
+                form.reset();
+            } else {
+                alert("❌ Failed to send request.");
+            }
+        } catch (error) {
+            console.error("Error:", error);
+            alert("❌ Something went wrong while sending your request.");
+        }
+    };
+
+
+    return (requestArticle)
+        ? (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: requestArticle.title,
+                            className: "request-article-title"
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                            children: requestArticle.description,
+                            className: "request-article-desc"
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("form", {
+                            onSubmit: handleSubmit,
+                            children: [
+                                ...(requestArticle.fields || []).map((field, index) => {
+                                    switch (field.type) {
+                                        case 'solution':
+                                            return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                                children: [
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("label", { children: field.label }),
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("select", {
+                                                        className: "request-article-select",
+                                                        children: [
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("option", { 
+                                                            value: "", 
+                                                            disabled: true, 
+                                                            selected: true, 
+                                                            hidden: true, 
+                                                            style: { fontStyle: "italic", color: "grey" }, 
+                                                            children: field.placeholder
+                                                            }),
+                                                            ...(field.options || []).map((opt, i) =>
+                                                                (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("option", { children: opt }, i)
+                                                            )
+                                                        ]
+                                                    })
+                                                ],
+                                                key: index,
+                                                name: 'solution',
+                                                className: "request-article-field"
+                                            });
+
+                                        case 'question':
+                                            return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                                children: [
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("label", { children: field.label }),
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("textarea", {
+                                                        placeholder: field.placeholder,
+                                                        className: "request-article-textarea"
+                                                    })
+                                                ],
+                                                key: index,
+                                                className: "request-article-field"
+                                            });
+
+                                        case 'name':
+                                        case 'email':
+                                            return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                                children: [
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("label", { children: field.label }),
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("input", {
+                                                        type: field.type === 'email' ? 'email' : 'text',
+                                                        placeholder: field.placeholder,
+                                                        className: "request-article-input"
+                                                    })
+                                                ],
+                                                key: index,
+                                                className: "request-article-field"
+                                            });
+
+                                        case 'checkbox':
+                                            return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                                children: [
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("input", { type: "checkbox", className: "request-article-checkbox-input" }),
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", { children: field.label })
+                                                ],
+                                                key: index,
+                                                className: "request-article-checkbox"
+                                            });
+
+                                        default:
+                                            return null;
+                                    }
+                                }),
+                                (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("button", {
+                                    type: "submit",
+                                    className: "request-article-submit",
+                                    children: requestArticle.button?.text ?? "Submit"
+                                })
+                            ],
+                            className: "request-article-form"
+                        })
+                    ],
+                    style: {
+                        width: '100%',
+                        padding: '72px',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '12px',
+                        alignItems: 'flex-start'
+                    }
+                })
+            ],
+            className: "request-article-section"
+        })
+        : (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            style: { height: '48px' }
+        });
+}
+
+function WhatsNew({ frontmatter }) {
+    const whatsNew = frontmatter?.whatsNew;
+
+    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: "whatsnew-div",
+        children: [
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h2", {
+                className: "whatsnew-title",
+                children: whatsNew.title ?? "What's New"
+            }),
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: "whatsnew-cards",
+                children: whatsNew.items.map((item) => {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        className: "whatsnew-card",
+                        children: [
+                            item.label && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                className: "whatsnew-label",
+                                children: item.label
+                            }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h3", {
+                                className: "whatsnew-card-title",
+                                children: item.title
+                            }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                                className: "whatsnew-date",
+                                children: item.date
+                            }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
+                                href: item.link,
+                                className: "whatsnew-link",
+                                children: "View Details →"
+                            }),
+                        ]
+                    }, item.title);
+                })
+            })
+        ]
+    });
+}
+
 function HomeFooter() {
     const { siteData } = (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.usePageData)();
     const { group, message, links, social } = siteData.themeConfig.footer || {};
@@ -5796,4 +6163,4 @@ async function exportContentToPDF() {
     });
 }
 
-export { Aside, Badge, Button, Card, DocFooter, DocLayout, EditLink, HomeFeature, HomeFooter, HomeLayout, HomepageLayout, GettingStartLayout, HomepageTopSearch, IntroBanner, 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 };
+export { Aside, Badge, Button, Card, DocFooter, DocLayout, EditLink, HomeFeature, HomeFooter, HomeLayout, HomepageLayout, GettingStartLayout, RequestArticleLayout, HomepageTopSearch, IntroBanner, HomepageTopics, HomepageFeatures, HomepageFeaturesTabs, WhatsNew, 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.7.2",
+  "version": "0.7.4",
   "license": "MIT",
   "sideEffects": [
     "*.css",
@@ -21,8 +21,8 @@
   "types": "./dist/bundle.d.ts",
   "dependencies": {
     "@mdx-js/react": "2.3.0",
-    "@rspress-theme-anatole/rspress-plugin-mermaid": "0.7.2",
-    "@rspress-theme-anatole/shared": "0.7.2",
+    "@rspress-theme-anatole/rspress-plugin-mermaid": "0.7.4",
+    "@rspress-theme-anatole/shared": "0.7.4",
     "@rspress/runtime": "1.43.8",
     "body-scroll-lock": "4.0.0-beta.0",
     "copy-to-clipboard": "^3.3.3",