@windrun-huaiin/third-ui 5.9.8 → 5.10.1

package/dist/main/index.d.mts

@@ -1,19 +1,33 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
 
-declare function Gallery(): react_jsx_runtime.JSX.Element;
+declare function Gallery({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function Usage(): react_jsx_runtime.JSX.Element;
+declare function Usage({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function Features(): react_jsx_runtime.JSX.Element;
+declare function Features({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function Tips(): react_jsx_runtime.JSX.Element;
+declare function Tips({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function FAQ(): react_jsx_runtime.JSX.Element;
+declare function FAQ({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function SeoContent(): react_jsx_runtime.JSX.Element;
+declare function SeoContent({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function CTA(): react_jsx_runtime.JSX.Element;
+declare function CTA({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
 declare function Footer(): react_jsx_runtime.JSX.Element;
 
@@ -26,6 +40,7 @@ declare function NProgressBar(): null;
 interface PricePlanProps {
     currency?: string;
     pricePlanConfig: PricePlanAppConfig;
+    sectionClassName?: string;
 }
 interface BillingOption {
     key: string;
@@ -39,7 +54,7 @@ interface PricePlanAppConfig {
     prices: Prices;
     minPlanFeaturesCount: number;
 }
-declare function PricePlan({ currency, pricePlanConfig }: PricePlanProps): react_jsx_runtime.JSX.Element;
+declare function PricePlan({ currency, pricePlanConfig, sectionClassName }: PricePlanProps): react_jsx_runtime.JSX.Element;
 
 interface AdsAlertDialogProps {
     open: boolean;
@@ -66,6 +81,7 @@ interface MenuItemConfig extends BaseButtonConfig {
         text: string;
         color?: string;
     };
+    splitTopBorder?: boolean;
 }
 interface SingleButtonProps {
     type: 'single';

package/dist/main/index.d.ts

@@ -1,19 +1,33 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
 
-declare function Gallery(): react_jsx_runtime.JSX.Element;
+declare function Gallery({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function Usage(): react_jsx_runtime.JSX.Element;
+declare function Usage({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function Features(): react_jsx_runtime.JSX.Element;
+declare function Features({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function Tips(): react_jsx_runtime.JSX.Element;
+declare function Tips({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function FAQ(): react_jsx_runtime.JSX.Element;
+declare function FAQ({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function SeoContent(): react_jsx_runtime.JSX.Element;
+declare function SeoContent({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function CTA(): react_jsx_runtime.JSX.Element;
+declare function CTA({ sectionClassName }: {
+    sectionClassName?: string;
+}): react_jsx_runtime.JSX.Element;
 
 declare function Footer(): react_jsx_runtime.JSX.Element;
 
@@ -26,6 +40,7 @@ declare function NProgressBar(): null;
 interface PricePlanProps {
     currency?: string;
     pricePlanConfig: PricePlanAppConfig;
+    sectionClassName?: string;
 }
 interface BillingOption {
     key: string;
@@ -39,7 +54,7 @@ interface PricePlanAppConfig {
     prices: Prices;
     minPlanFeaturesCount: number;
 }
-declare function PricePlan({ currency, pricePlanConfig }: PricePlanProps): react_jsx_runtime.JSX.Element;
+declare function PricePlan({ currency, pricePlanConfig, sectionClassName }: PricePlanProps): react_jsx_runtime.JSX.Element;
 
 interface AdsAlertDialogProps {
     open: boolean;
@@ -66,6 +81,7 @@ interface MenuItemConfig extends BaseButtonConfig {
         text: string;
         color?: string;
     };
+    splitTopBorder?: boolean;
 }
 interface SingleButtonProps {
     type: 'single';

package/dist/main/index.js

@@ -3080,7 +3080,7 @@ function GradientButton({
 
 // src/main/gallery.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
-function Gallery() {
+function Gallery({ sectionClassName }) {
   const t = (0, import_next_intl.useTranslations)("gallery");
   const galleryItems = t.raw("prompts");
   const handleDownload = (index) => __async(null, null, function* () {
@@ -3099,7 +3099,7 @@ function Gallery() {
       console.error("Download failed:", error);
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("section", { id: "gallery", className: "container mx-auto px-4 py-20", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("section", { id: "gallery", className: cn("container mx-auto px-4 py-20 scroll-mt-20", sectionClassName), children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-6", children: [
       t("titleL"),
       " ",
@@ -3142,10 +3142,10 @@ function Gallery() {
 // src/main/usage.tsx
 var import_next_intl2 = require("next-intl");
 var import_jsx_runtime37 = require("react/jsx-runtime");
-function Usage() {
+function Usage({ sectionClassName }) {
   const t = (0, import_next_intl2.useTranslations)("usage");
   const steps = t.raw("steps");
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("section", { id: "usage", className: "px-16 py-10 mx-16 md:mx-32", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("section", { id: "usage", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [
       t("title"),
       " ",
@@ -3168,10 +3168,10 @@ function Usage() {
 // src/main/features.tsx
 var import_next_intl3 = require("next-intl");
 var import_jsx_runtime38 = require("react/jsx-runtime");
-function Features() {
+function Features({ sectionClassName }) {
   const t = (0, import_next_intl3.useTranslations)("features");
   const featureItems = t.raw("items");
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("section", { id: "features", className: "px-16 py-10 mx-16 md:mx-32", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("section", { id: "features", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-18", sectionClassName), children: [
     /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [
       t("title"),
       " ",
@@ -3199,13 +3199,13 @@ function Features() {
 // src/main/tips.tsx
 var import_next_intl4 = require("next-intl");
 var import_jsx_runtime39 = require("react/jsx-runtime");
-function Tips() {
+function Tips({ sectionClassName }) {
   const t = (0, import_next_intl4.useTranslations)("tips");
   const sections = t.raw("sections");
   const midPoint = Math.ceil(sections.length / 2);
   const leftColumn = sections.slice(0, midPoint);
   const rightColumn = sections.slice(midPoint);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("section", { id: "tips", className: "px-16 py-10 mx-16 md:mx-32", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("section", { id: "tips", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-16", children: [
       t("title"),
       " ",
@@ -3222,7 +3222,7 @@ function Tips() {
 var import_react36 = require("react");
 var import_next_intl5 = require("next-intl");
 var import_jsx_runtime40 = require("react/jsx-runtime");
-function FAQ() {
+function FAQ({ sectionClassName }) {
   const t = (0, import_next_intl5.useTranslations)("faq");
   const items = t.raw("items");
   const [openArr, setOpenArr] = (0, import_react36.useState)(() => items.map(() => false));
@@ -3233,7 +3233,7 @@ function FAQ() {
       return next;
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("section", { id: "faq", className: "px-16 py-10 mx-16 md:mx-32", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("section", { id: "faq", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: t("title") }),
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto", children: t("description") }),
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-6", children: items.map((item, idx) => {
@@ -3268,9 +3268,9 @@ function FAQ() {
 // src/main/seo-content.tsx
 var import_next_intl6 = require("next-intl");
 var import_jsx_runtime41 = require("react/jsx-runtime");
-function SeoContent() {
+function SeoContent({ sectionClassName }) {
   const t = (0, import_next_intl6.useTranslations)("seoContent");
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("section", { id: "seo", className: "px-16 py-10 mx-16 md:mx-32", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("section", { id: "seo", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
     /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("h1", { className: "text-3xl md:text-4xl font-bold text-center mb-8", children: [
       t("title"),
       " ",
@@ -3293,9 +3293,9 @@ function SeoContent() {
 // src/main/cta.tsx
 var import_next_intl7 = require("next-intl");
 var import_jsx_runtime42 = require("react/jsx-runtime");
-function CTA() {
+function CTA({ sectionClassName }) {
   const t = (0, import_next_intl7.useTranslations)("cta");
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("section", { id: "cta", className: "px-16 py-20 mx-16 md:mx-32", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "\n        bg-gradient-to-r from-[#f7f8fa] via-[#e0c3fc] to-[#b2fefa]\n        dark:bg-gradient-to-r dark:from-[#2d0b4e] dark:via-[#6a3fa0] dark:to-[#3a185a]\n        rounded-2xl p-12 text-center\n        bg-[length:200%_auto] animate-cta-gradient-wave\n        ", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("section", { id: "cta", className: cn("px-16 py-20 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "\n        bg-gradient-to-r from-[#f7f8fa] via-[#e0c3fc] to-[#b2fefa]\n        dark:bg-gradient-to-r dark:from-[#2d0b4e] dark:via-[#6a3fa0] dark:to-[#3a185a]\n        rounded-2xl p-12 text-center\n        bg-[length:200%_auto] animate-cta-gradient-wave\n        ", children: [
     /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("h2", { className: "text-3xl md:text-4xl font-bold mb-6", children: [
       t("title"),
       " ",
@@ -3504,10 +3504,9 @@ function NProgressBar() {
 // src/main/price-plan.tsx
 var import_react39 = require("react");
 var import_next_intl9 = require("next-intl");
-var import_clsx3 = __toESM(require("clsx"));
 var import_navigation2 = require("next/navigation");
 var import_jsx_runtime46 = require("react/jsx-runtime");
-function PricePlan({ currency = "$", pricePlanConfig }) {
+function PricePlan({ currency = "$", pricePlanConfig, sectionClassName }) {
   var _a, _b;
   const t = (0, import_next_intl9.useTranslations)("pricePlan");
   const billingSwitch = t.raw("billingSwitch");
@@ -3540,7 +3539,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
     if (typeof priceValue !== "number" || isNaN(priceValue)) {
       return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col items-start w-full", children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex items-end gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-4xl font-extrabold text-gray-900 dark:text-gray-100", children: priceValue }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: (0, import_clsx3.default)("text-xs text-gray-700 dark:text-gray-300 font-medium", plan.showBillingSubTitle === false && "opacity-0 select-none"), children: plan.showBillingSubTitle === false ? "" : billingSubTitle }) })
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: cn("text-xs text-gray-700 dark:text-gray-300 font-medium", plan.showBillingSubTitle === false && "opacity-0 select-none"), children: plan.showBillingSubTitle === false ? "" : billingSubTitle }) })
       ] });
     }
     const originValue = Number(priceValue);
@@ -3570,7 +3569,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
           ] }),
           discountText && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "px-2 py-0.5 text-xs rounded bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200 font-semibold align-middle", children: discountText })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: (0, import_clsx3.default)("text-xs text-gray-700 dark:text-gray-300 font-medium", plan.showBillingSubTitle === false && "opacity-0 select-none"), children: plan.showBillingSubTitle === false ? "" : billingSubTitle })
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: cn("text-xs text-gray-700 dark:text-gray-300 font-medium", plan.showBillingSubTitle === false && "opacity-0 select-none"), children: plan.showBillingSubTitle === false ? "" : billingSubTitle })
       ] })
     ] });
   }
@@ -3595,7 +3594,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
     };
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { style, children: content });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("section", { id: "pricing", className: "px-4 py-10 md:px-16 md:py-16 mx-auto max-w-7xl", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("section", { id: "pricing", className: cn("px-4 py-10 md:px-16 md:py-16 mx-auto max-w-7xl scroll-mt-10", sectionClassName), children: [
     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-3", children: t("title") }),
     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-8 text-base md:text-lg mx-auto", children: t("subtitle") }),
     /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-center items-center gap-8 mb-12", children: [
@@ -3603,7 +3602,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "button",
           {
-            className: (0, import_clsx3.default)(
+            className: cn(
               "min-w-[120px] px-6 py-2 rounded-full font-medium border transition text-lg",
               billingKey === "monthly" ? "text-white bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600" : "bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-gray-800 dark:text-gray-200 hover:border-purple-400",
               "mr-4"
@@ -3617,7 +3616,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
           const opt = billingSwitch.options.find((opt2) => opt2.key === "monthly");
           const bOpt = billingOptions.find((opt2) => opt2.key === "monthly");
           if (!(opt && bOpt && opt.discountText && bOpt.discount !== 0)) return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "min-w-[80px] px-2 py-1 text-xs rounded invisible" });
-          return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: (0, import_clsx3.default)(
+          return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: cn(
             "min-w-[80px] px-2 py-1 text-xs rounded bg-yellow-100 text-yellow-800 font-semibold align-middle text-center inline-flex items-center justify-center whitespace-nowrap",
             billingKey !== "monthly" && "invisible"
           ), children: opt.discountText.replace(
@@ -3630,7 +3629,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "button",
           {
-            className: (0, import_clsx3.default)(
+            className: cn(
               "min-w-[120px] px-6 py-2 rounded-full font-medium border transition text-lg",
               billingKey === "yearly" ? "text-white bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600" : "bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-gray-800 dark:text-gray-200 hover:border-purple-400",
               "ml-4"
@@ -3644,7 +3643,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
           const opt = billingSwitch.options.find((opt2) => opt2.key === "yearly");
           const bOpt = billingOptions.find((opt2) => opt2.key === "yearly");
           if (!(opt && bOpt && opt.discountText && bOpt.discount !== 0)) return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "min-w-[80px] px-2 py-1 text-xs rounded invisible" });
-          return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: (0, import_clsx3.default)(
+          return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: cn(
             "min-w-[80px] px-2 py-1 text-xs rounded bg-yellow-100 text-yellow-800 font-semibold align-middle text-center inline-flex items-center justify-center whitespace-nowrap",
             billingKey !== "yearly" && "invisible"
           ), children: opt.discountText.replace(
@@ -3659,7 +3658,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
       return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
         "div",
         {
-          className: (0, import_clsx3.default)(
+          className: cn(
             "flex flex-col bg-white dark:bg-gray-800/60 rounded-2xl border border-gray-300 dark:border-[#7c3aed40] transition p-8 h-full shadow-sm dark:shadow-none",
             "hover:border-2 hover:border-purple-500",
             "focus-within:border-2 focus-within:border-purple-500"
@@ -3701,7 +3700,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               "button",
               {
-                className: (0, import_clsx3.default)(
+                className: cn(
                   "w-full py-2 mt-auto text-white text-base font-bold shadow-lg hover:shadow-xl transition-all duration-300 rounded-full",
                   ((_a2 = plan.button) == null ? void 0 : _a2.disabled) ? "bg-gray-400 cursor-not-allowed" : "bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700"
                 ),
@@ -6183,6 +6182,7 @@ function XButton(props) {
             },
             disabled: item.disabled,
             className: `flex items-center w-full px-4 py-3 transition hover:bg-neutral-300 dark:hover:bg-neutral-600 text-left relative ${item.disabled ? disabledClass : ""}`,
+            style: item.splitTopBorder ? { borderTop: "1px solid #AC62FD" } : void 0,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "flex items-center", children: [
                 item.icon,