@windrun-huaiin/third-ui 5.9.7 → 5.10.0

package/dist/main/index.mjs

@@ -3038,7 +3038,7 @@ function GradientButton({
 
 // src/main/gallery.tsx
 import { jsx as jsx36, jsxs as jsxs12 } from "react/jsx-runtime";
-function Gallery() {
+function Gallery({ sectionClassName }) {
   const t = useTranslations("gallery");
   const galleryItems = t.raw("prompts");
   const handleDownload = (index) => __async(null, null, function* () {
@@ -3057,7 +3057,7 @@ function Gallery() {
       console.error("Download failed:", error);
     }
   });
-  return /* @__PURE__ */ jsxs12("section", { id: "gallery", className: "container mx-auto px-4 py-20", children: [
+  return /* @__PURE__ */ jsxs12("section", { id: "gallery", className: cn("container mx-auto px-4 py-20 scroll-mt-20", sectionClassName), children: [
     /* @__PURE__ */ jsxs12("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-6", children: [
       t("titleL"),
       " ",
@@ -3100,10 +3100,10 @@ function Gallery() {
 // src/main/usage.tsx
 import { useTranslations as useTranslations2 } from "next-intl";
 import { jsx as jsx37, jsxs as jsxs13 } from "react/jsx-runtime";
-function Usage() {
+function Usage({ sectionClassName }) {
   const t = useTranslations2("usage");
   const steps = t.raw("steps");
-  return /* @__PURE__ */ jsxs13("section", { id: "usage", className: "px-16 py-10 mx-16 md:mx-32", children: [
+  return /* @__PURE__ */ jsxs13("section", { id: "usage", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
     /* @__PURE__ */ jsxs13("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [
       t("title"),
       " ",
@@ -3126,10 +3126,10 @@ function Usage() {
 // src/main/features.tsx
 import { useTranslations as useTranslations3 } from "next-intl";
 import { jsx as jsx38, jsxs as jsxs14 } from "react/jsx-runtime";
-function Features() {
+function Features({ sectionClassName }) {
   const t = useTranslations3("features");
   const featureItems = t.raw("items");
-  return /* @__PURE__ */ jsxs14("section", { id: "features", className: "px-16 py-10 mx-16 md:mx-32", children: [
+  return /* @__PURE__ */ jsxs14("section", { id: "features", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-18", sectionClassName), children: [
     /* @__PURE__ */ jsxs14("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [
       t("title"),
       " ",
@@ -3157,13 +3157,13 @@ function Features() {
 // src/main/tips.tsx
 import { useTranslations as useTranslations4 } from "next-intl";
 import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
-function Tips() {
+function Tips({ sectionClassName }) {
   const t = useTranslations4("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__ */ jsxs15("section", { id: "tips", className: "px-16 py-10 mx-16 md:mx-32", children: [
+  return /* @__PURE__ */ jsxs15("section", { id: "tips", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
     /* @__PURE__ */ jsxs15("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-16", children: [
       t("title"),
       " ",
@@ -3180,7 +3180,7 @@ function Tips() {
 import { useState as useState2 } from "react";
 import { useTranslations as useTranslations5 } from "next-intl";
 import { jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
-function FAQ() {
+function FAQ({ sectionClassName }) {
   const t = useTranslations5("faq");
   const items = t.raw("items");
   const [openArr, setOpenArr] = useState2(() => items.map(() => false));
@@ -3191,7 +3191,7 @@ function FAQ() {
       return next;
     });
   };
-  return /* @__PURE__ */ jsxs16("section", { id: "faq", className: "px-16 py-10 mx-16 md:mx-32", children: [
+  return /* @__PURE__ */ jsxs16("section", { id: "faq", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
     /* @__PURE__ */ jsx40("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: t("title") }),
     /* @__PURE__ */ jsx40("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto", children: t("description") }),
     /* @__PURE__ */ jsx40("div", { className: "space-y-6", children: items.map((item, idx) => {
@@ -3226,9 +3226,9 @@ function FAQ() {
 // src/main/seo-content.tsx
 import { useTranslations as useTranslations6 } from "next-intl";
 import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
-function SeoContent() {
+function SeoContent({ sectionClassName }) {
   const t = useTranslations6("seoContent");
-  return /* @__PURE__ */ jsxs17("section", { id: "seo", className: "px-16 py-10 mx-16 md:mx-32", children: [
+  return /* @__PURE__ */ jsxs17("section", { id: "seo", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
     /* @__PURE__ */ jsxs17("h1", { className: "text-3xl md:text-4xl font-bold text-center mb-8", children: [
       t("title"),
       " ",
@@ -3251,9 +3251,9 @@ function SeoContent() {
 // src/main/cta.tsx
 import { useTranslations as useTranslations7 } from "next-intl";
 import { jsx as jsx42, jsxs as jsxs18 } from "react/jsx-runtime";
-function CTA() {
+function CTA({ sectionClassName }) {
   const t = useTranslations7("cta");
-  return /* @__PURE__ */ jsx42("section", { id: "cta", className: "px-16 py-20 mx-16 md:mx-32", children: /* @__PURE__ */ jsxs18("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__ */ jsx42("section", { id: "cta", className: cn("px-16 py-20 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: /* @__PURE__ */ jsxs18("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__ */ jsxs18("h2", { className: "text-3xl md:text-4xl font-bold mb-6", children: [
       t("title"),
       " ",
@@ -3462,10 +3462,9 @@ function NProgressBar() {
 // src/main/price-plan.tsx
 import { useState as useState4 } from "react";
 import { useTranslations as useTranslations9 } from "next-intl";
-import clsx3 from "clsx";
 import { useRouter } from "next/navigation";
 import { Fragment as Fragment5, jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
-function PricePlan({ currency = "$", pricePlanConfig }) {
+function PricePlan({ currency = "$", pricePlanConfig, sectionClassName }) {
   var _a, _b;
   const t = useTranslations9("pricePlan");
   const billingSwitch = t.raw("billingSwitch");
@@ -3498,7 +3497,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
     if (typeof priceValue !== "number" || isNaN(priceValue)) {
       return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-start w-full", children: [
         /* @__PURE__ */ jsx46("div", { className: "flex items-end gap-2", children: /* @__PURE__ */ jsx46("span", { className: "text-4xl font-extrabold text-gray-900 dark:text-gray-100", children: priceValue }) }),
-        /* @__PURE__ */ jsx46("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: /* @__PURE__ */ jsx46("span", { className: clsx3("text-xs text-gray-700 dark:text-gray-300 font-medium", plan.showBillingSubTitle === false && "opacity-0 select-none"), children: plan.showBillingSubTitle === false ? "" : billingSubTitle }) })
+        /* @__PURE__ */ jsx46("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: /* @__PURE__ */ jsx46("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);
@@ -3528,7 +3527,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
           ] }),
           discountText && /* @__PURE__ */ jsx46("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__ */ jsx46("span", { className: clsx3("text-xs text-gray-700 dark:text-gray-300 font-medium", plan.showBillingSubTitle === false && "opacity-0 select-none"), children: plan.showBillingSubTitle === false ? "" : billingSubTitle })
+        /* @__PURE__ */ jsx46("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 })
       ] })
     ] });
   }
@@ -3553,7 +3552,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
     };
     return /* @__PURE__ */ jsx46("div", { style, children: content });
   };
-  return /* @__PURE__ */ jsxs21("section", { id: "pricing", className: "px-4 py-10 md:px-16 md:py-16 mx-auto max-w-7xl", children: [
+  return /* @__PURE__ */ jsxs21("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__ */ jsx46("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-3", children: t("title") }),
     /* @__PURE__ */ jsx46("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-8 text-base md:text-lg mx-auto", children: t("subtitle") }),
     /* @__PURE__ */ jsxs21("div", { className: "flex justify-center items-center gap-8 mb-12", children: [
@@ -3561,7 +3560,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
         /* @__PURE__ */ jsx46(
           "button",
           {
-            className: clsx3(
+            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"
@@ -3575,7 +3574,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__ */ jsx46("span", { className: "min-w-[80px] px-2 py-1 text-xs rounded invisible" });
-          return /* @__PURE__ */ jsx46("span", { className: clsx3(
+          return /* @__PURE__ */ jsx46("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(
@@ -3588,7 +3587,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
         /* @__PURE__ */ jsx46(
           "button",
           {
-            className: clsx3(
+            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"
@@ -3602,7 +3601,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__ */ jsx46("span", { className: "min-w-[80px] px-2 py-1 text-xs rounded invisible" });
-          return /* @__PURE__ */ jsx46("span", { className: clsx3(
+          return /* @__PURE__ */ jsx46("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(
@@ -3617,7 +3616,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
       return /* @__PURE__ */ jsxs21(
         "div",
         {
-          className: clsx3(
+          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"
@@ -3659,7 +3658,7 @@ function PricePlan({ currency = "$", pricePlanConfig }) {
             /* @__PURE__ */ jsx46(
               "button",
               {
-                className: clsx3(
+                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"
                 ),
@@ -6037,16 +6036,6 @@ function AdsAlertDialog({
 // src/main/x-button.tsx
 import { useState as useState15, useRef as useRef12, useEffect as useEffect17 } from "react";
 import { Fragment as Fragment9, jsx as jsx56, jsxs as jsxs26 } from "react/jsx-runtime";
-var XButtonIcons = {
-  copy: /* @__PURE__ */ jsx56(globalLucideIcons.Copy, { className: "w-5 h-5 mr-1" }),
-  checkCheck: /* @__PURE__ */ jsx56(globalLucideIcons.CheckCheck, { className: "w-5 h-5 mr-1" }),
-  globe: /* @__PURE__ */ jsx56(globalLucideIcons.Languages, { className: "w-5 h-5 mr-1" }),
-  loader: /* @__PURE__ */ jsx56(globalLucideIcons.Loader2, { className: "w-5 h-5 mr-1 animate-spin" }),
-  download: /* @__PURE__ */ jsx56(globalLucideIcons.Download, { className: "w-5 h-5 mr-1" }),
-  upload: /* @__PURE__ */ jsx56(globalLucideIcons.ImageUp, { className: "w-5 h-5 mr-1" }),
-  share: /* @__PURE__ */ jsx56(globalLucideIcons.Share, { className: "w-5 h-5 mr-1" }),
-  edit: /* @__PURE__ */ jsx56(globalLucideIcons.Pencil, { className: "w-5 h-5 mr-1" })
-};
 function XButton(props) {
   var _a, _b;
   const [isLoading, setIsLoading] = useState15(false);
@@ -6186,8 +6175,7 @@ export {
   SeoContent,
   Tips,
   Usage,
-  XButton,
-  XButtonIcons
+  XButton
 };
 /*! Bundled license information: