@windrun-huaiin/third-ui 6.3.1 → 7.1.0

package/dist/main/server.mjs

@@ -1,615 +1,9 @@
-/* eslint-disable */
-import {
-  FAQInteractive,
-  GalleryInteractive,
-  PricePlanInteractive,
-  richText
-} from "../chunk-EH6BJNHH.mjs";
-import {
-  GradientButton
-} from "../chunk-M4ASGKEP.mjs";
-import {
-  cn
-} from "../chunk-ETOMEWHS.mjs";
-import {
-  getGlobalIcon,
-  globalLucideIcons
-} from "../chunk-GPRHQYBI.mjs";
-import {
-  __async,
-  init_esm_shims
-} from "../chunk-WWEZQKHX.mjs";
-
-// src/main/server.ts
-init_esm_shims();
-
-// src/main/gallery.tsx
-init_esm_shims();
-import { getTranslations } from "next-intl/server";
-import Image from "next/image";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Gallery(_0) {
-  return __async(this, arguments, function* ({ locale, sectionClassName, button }) {
-    const t = yield getTranslations({ locale, namespace: "gallery" });
-    const galleryItems = t.raw("prompts");
-    const data = {
-      titleL: t("titleL"),
-      eyesOn: t("eyesOn"),
-      titleR: t("titleR"),
-      description: t("description"),
-      items: galleryItems.map((item, index) => ({
-        id: `gallery-item-${index}`,
-        url: item.url,
-        altMsg: item.altMsg
-      })),
-      defaultImgUrl: t.raw("defaultImgUrl"),
-      downloadPrefix: t("downloadPrefix")
-    };
-    return /* @__PURE__ */ jsxs("section", { id: "gallery", className: cn("container mx-auto px-4 py-20 scroll-mt-20", sectionClassName), children: [
-      /* @__PURE__ */ jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-6", children: [
-        data.titleL,
-        " ",
-        /* @__PURE__ */ jsx("span", { className: "text-purple-500", children: data.eyesOn }),
-        " ",
-        data.titleR
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-center max-w-2xl mx-auto mb-16", children: data.description }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: data.items.map((item, index) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "group relative overflow-hidden rounded-xl",
-          "data-gallery-item": item.id,
-          "data-gallery-index": index,
-          children: [
-            /* @__PURE__ */ jsx(
-              Image,
-              {
-                src: item.url,
-                alt: item.altMsg,
-                width: 600,
-                height: 600,
-                className: "w-full h-80 object-cover transition duration-300 group-hover:scale-105",
-                "data-gallery-image": item.id
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-end justify-end p-4 opacity-0 group-hover:opacity-100 transition duration-300", children: /* @__PURE__ */ jsx(
-              "button",
-              {
-                className: "p-2 rounded-full bg-black/50 hover:bg-black/70 text-white/80 hover:text-white transition-all duration-300",
-                "data-gallery-download": item.id,
-                "aria-label": `Download ${item.altMsg}`,
-                children: /* @__PURE__ */ jsx("svg", { className: "h-5 w-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) })
-              }
-            ) })
-          ]
-        },
-        item.id
-      )) }),
-      button && /* @__PURE__ */ jsx("div", { className: "text-center mt-12", children: button }),
-      /* @__PURE__ */ jsx(GalleryInteractive, { data })
-    ] });
-  });
-}
-
-// src/main/usage.tsx
-init_esm_shims();
-import { getTranslations as getTranslations2 } from "next-intl/server";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function Usage(_0) {
-  return __async(this, arguments, function* ({
-    locale,
-    sectionClassName
-  }) {
-    const t = yield getTranslations2({ locale, namespace: "usage" });
-    const steps = t.raw("steps");
-    const data = {
-      title: t("title"),
-      eyesOn: t("eyesOn"),
-      description: richText(t, "description"),
-      steps: steps.map((step, index) => ({
-        id: `usage-step-${index}`,
-        title: step.title,
-        description: richText(t, `steps.${index}.description`),
-        iconKey: step.iconKey,
-        stepNumber: index + 1
-      }))
-    };
-    return /* @__PURE__ */ jsxs2("section", { id: "usage", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
-      /* @__PURE__ */ jsxs2("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [
-        data.title,
-        " ",
-        /* @__PURE__ */ jsx2("span", { className: "text-purple-500", children: data.eyesOn })
-      ] }),
-      /* @__PURE__ */ jsx2("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto whitespace-nowrap", children: data.description }),
-      /* @__PURE__ */ jsx2("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: /* @__PURE__ */ jsx2("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.steps.map((step) => {
-        const Icon = getGlobalIcon(step.iconKey);
-        return /* @__PURE__ */ jsxs2("div", { "data-usage-step": step.id, className: "flex items-start", children: [
-          /* @__PURE__ */ jsx2("div", { className: "flex-shrink-0 mr-4", children: /* @__PURE__ */ jsx2(Icon, { className: "w-8 h-8 text-purple-500" }) }),
-          /* @__PURE__ */ jsxs2("div", { children: [
-            /* @__PURE__ */ jsx2("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: `${step.stepNumber}. ${step.title}` }),
-            /* @__PURE__ */ jsx2("p", { className: "text-gray-700 dark:text-gray-300", children: step.description })
-          ] })
-        ] }, step.id);
-      }) }) })
-    ] });
-  });
-}
-
-// src/main/features.tsx
-init_esm_shims();
-import { getTranslations as getTranslations3 } from "next-intl/server";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function Features(_0) {
-  return __async(this, arguments, function* ({
-    locale,
-    sectionClassName
-  }) {
-    const t = yield getTranslations3({ locale, namespace: "features" });
-    const featureItems = t.raw("items");
-    const data = {
-      title: t("title"),
-      eyesOn: t("eyesOn"),
-      description: richText(t, "description"),
-      items: featureItems.map((feature, index) => ({
-        id: `feature-item-${index}`,
-        title: feature.title,
-        description: richText(t, `items.${index}.description`),
-        iconKey: feature.iconKey
-      }))
-    };
-    return /* @__PURE__ */ jsxs3("section", { id: "features", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-18", sectionClassName), children: [
-      /* @__PURE__ */ jsxs3("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [
-        data.title,
-        " ",
-        /* @__PURE__ */ jsx3("span", { className: "text-purple-500", children: data.eyesOn })
-      ] }),
-      /* @__PURE__ */ jsx3("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto whitespace-nowrap", children: data.description }),
-      /* @__PURE__ */ jsx3("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.items.map((feature) => {
-        const Icon = getGlobalIcon(feature.iconKey);
-        return /* @__PURE__ */ jsxs3(
-          "div",
-          {
-            "data-feature-id": feature.id,
-            className: "bg-white dark:bg-gray-800/60 p-8 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none",
-            children: [
-              /* @__PURE__ */ jsx3("div", { className: "text-4xl mb-4 flex items-center justify-start", children: /* @__PURE__ */ jsx3(Icon, { className: "w-8 h-8" }) }),
-              /* @__PURE__ */ jsx3("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100", children: feature.title }),
-              /* @__PURE__ */ jsx3("p", { className: "text-gray-700 dark:text-gray-300", children: feature.description })
-            ]
-          },
-          feature.id
-        );
-      }) })
-    ] });
-  });
-}
-
-// src/main/tips.tsx
-init_esm_shims();
-import { getTranslations as getTranslations4 } from "next-intl/server";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function Tips(_0) {
-  return __async(this, arguments, function* ({
-    locale,
-    sectionClassName
-  }) {
-    const t = yield getTranslations4({ locale, namespace: "tips" });
-    const sections = t.raw("sections");
-    const processedSections = sections.map((section, index) => ({
-      id: `tip-section-${index}`,
-      title: section.title,
-      description: richText(t, `sections.${index}.description`)
-    }));
-    const midPoint = Math.ceil(processedSections.length / 2);
-    const leftColumn = processedSections.slice(0, midPoint);
-    const rightColumn = processedSections.slice(midPoint);
-    const data = {
-      title: t("title"),
-      eyesOn: t("eyesOn"),
-      leftColumn,
-      rightColumn
-    };
-    return /* @__PURE__ */ jsxs4("section", { id: "tips", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
-      /* @__PURE__ */ jsxs4("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-16", children: [
-        data.title,
-        " ",
-        /* @__PURE__ */ jsx4("span", { className: "text-purple-500", children: data.eyesOn })
-      ] }),
-      /* @__PURE__ */ jsx4("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12 bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [data.leftColumn, data.rightColumn].map((column, colIndex) => /* @__PURE__ */ jsx4("div", { className: "space-y-8", children: column.map((tip) => /* @__PURE__ */ jsxs4("div", { "data-tip-id": tip.id, className: "space-y-4", children: [
-        /* @__PURE__ */ jsx4("h3", { className: "text-2xl font-semibold", children: tip.title }),
-        /* @__PURE__ */ jsx4("p", { className: "", children: tip.description })
-      ] }, tip.id)) }, colIndex)) })
-    ] });
-  });
-}
-
-// src/main/faq.tsx
-init_esm_shims();
-import { getTranslations as getTranslations5 } from "next-intl/server";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function FAQ(_0) {
-  return __async(this, arguments, function* ({
-    locale,
-    sectionClassName
-  }) {
-    const t = yield getTranslations5({ locale, namespace: "faq" });
-    const rawItems = t.raw("items");
-    const data = {
-      title: t("title"),
-      description: richText(t, "description"),
-      items: rawItems.map((item, index) => ({
-        id: `faq-item-${index}`,
-        question: item.question,
-        answer: richText(t, `items.${index}.answer`)
-      }))
-    };
-    return /* @__PURE__ */ jsxs5("section", { id: "faq", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
-      /* @__PURE__ */ jsx5("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: data.title }),
-      /* @__PURE__ */ jsx5("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto", children: data.description }),
-      /* @__PURE__ */ jsx5("div", { className: "space-y-6", children: data.items.map((item) => /* @__PURE__ */ jsxs5(
-        "div",
-        {
-          "data-faq-id": item.id,
-          className: "bg-white dark:bg-gray-800/60 p-6 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none",
-          children: [
-            /* @__PURE__ */ jsxs5(
-              "button",
-              {
-                className: "w-full flex items-center justify-between text-left focus:outline-none",
-                "data-faq-toggle": item.id,
-                "aria-expanded": "false",
-                children: [
-                  /* @__PURE__ */ jsx5("span", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: item.question }),
-                  /* @__PURE__ */ jsx5(
-                    "svg",
-                    {
-                      className: "w-6 h-6 text-gray-400 ml-2 transition-transform duration-200",
-                      "data-faq-icon": item.id,
-                      fill: "none",
-                      stroke: "currentColor",
-                      viewBox: "0 0 24 24",
-                      children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx5(
-              "div",
-              {
-                className: "mt-4 text-gray-700 dark:text-gray-300 text-base hidden",
-                "data-faq-content": item.id,
-                children: item.answer
-              }
-            )
-          ]
-        },
-        item.id
-      )) }),
-      /* @__PURE__ */ jsx5(FAQInteractive, { data })
-    ] });
-  });
-}
-
-// src/main/seo-content.tsx
-init_esm_shims();
-import { getTranslations as getTranslations6 } from "next-intl/server";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function SeoContent(_0) {
-  return __async(this, arguments, function* ({
-    locale,
-    sectionClassName
-  }) {
-    const t = yield getTranslations6({ locale, namespace: "seoContent" });
-    const rawSections = t.raw("sections");
-    const data = {
-      title: t("title"),
-      eyesOn: t("eyesOn"),
-      description: t("description"),
-      intro: richText(t, "intro"),
-      sections: rawSections.map((section, index) => ({
-        id: `seo-section-${index}`,
-        title: section.title,
-        content: richText(t, `sections.${index}.content`)
-      })),
-      conclusion: richText(t, "conclusion")
-    };
-    return /* @__PURE__ */ jsxs6("section", { id: "seo", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
-      /* @__PURE__ */ jsxs6("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-8", children: [
-        data.title,
-        " ",
-        /* @__PURE__ */ jsx6("span", { className: "text-purple-500", children: data.eyesOn })
-      ] }),
-      /* @__PURE__ */ jsx6("h3", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-lg", children: data.description }),
-      /* @__PURE__ */ jsxs6("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "space-y-10", children: [
-          /* @__PURE__ */ jsx6("p", { className: "text-gray-600 dark:text-gray-400 text-lg", children: data.intro }),
-          data.sections.map((section) => /* @__PURE__ */ jsxs6("div", { "data-seo-section": section.id, children: [
-            /* @__PURE__ */ jsx6("h2", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: section.title }),
-            /* @__PURE__ */ jsx6("p", { className: "text-gray-700 dark:text-gray-300", children: section.content })
-          ] }, section.id))
-        ] }),
-        /* @__PURE__ */ jsx6("p", { className: "mt-10 text-gray-600 dark:text-gray-400 text-lg", children: data.conclusion })
-      ] })
-    ] });
-  });
-}
-
-// src/main/cta.tsx
-init_esm_shims();
-import { getTranslations as getTranslations7 } from "next-intl/server";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-function CTA(_0) {
-  return __async(this, arguments, function* ({
-    locale,
-    sectionClassName
-  }) {
-    const t = yield getTranslations7({ locale, namespace: "cta" });
-    const data = {
-      title: t("title"),
-      eyesOn: t("eyesOn"),
-      description1: richText(t, "description1"),
-      description2: t("description2"),
-      button: t("button"),
-      url: t("url")
-    };
-    return /* @__PURE__ */ jsx7("section", { id: "cta", className: cn("px-16 py-20 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: /* @__PURE__ */ jsxs7("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__ */ jsxs7("h2", { className: "text-3xl md:text-4xl font-bold mb-6", children: [
-        data.title,
-        " ",
-        /* @__PURE__ */ jsx7("span", { className: "text-purple-400", children: data.eyesOn }),
-        "?"
-      ] }),
-      /* @__PURE__ */ jsxs7("p", { className: "text-2xl mx-auto mb-8", children: [
-        data.description1,
-        /* @__PURE__ */ jsx7("br", {}),
-        /* @__PURE__ */ jsx7("span", { className: "text-purple-400", children: data.description2 })
-      ] }),
-      /* @__PURE__ */ jsx7(
-        GradientButton,
-        {
-          title: data.button,
-          href: data.url,
-          align: "center"
-        }
-      )
-    ] }) });
-  });
-}
-
-// src/main/footer.tsx
-init_esm_shims();
-import { getTranslations as getTranslations8 } from "next-intl/server";
-import Link from "next/link";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-function Footer(_0) {
-  return __async(this, arguments, function* ({ locale }) {
-    const tFooter = yield getTranslations8({ locale, namespace: "footer" });
-    const data = {
-      terms: tFooter("terms", { defaultValue: "Terms of Service" }),
-      privacy: tFooter("privacy", { defaultValue: "Privacy Policy" }),
-      contactUs: tFooter("contactUs", { defaultValue: "Contact Us" }),
-      email: tFooter("email"),
-      company: tFooter("company"),
-      copyright: tFooter("copyright", { year: (/* @__PURE__ */ new Date()).getFullYear(), name: tFooter("company") })
-    };
-    return /* @__PURE__ */ jsx8("div", { className: "mb-10 w-full mx-auto border-t-purple-700/80 border-t-1", children: /* @__PURE__ */ jsx8("footer", { children: /* @__PURE__ */ jsxs8("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-center space-x-6 text-xs", children: [
-        /* @__PURE__ */ jsxs8(Link, { href: `/${locale}/legal/terms`, className: "flex items-center space-x-1 hover:underline", children: [
-          /* @__PURE__ */ jsx8(globalLucideIcons.ReceiptText, { className: "h-3.5 w-3.5" }),
-          /* @__PURE__ */ jsx8("span", { children: data.terms })
-        ] }),
-        /* @__PURE__ */ jsxs8(Link, { href: `/${locale}/legal/privacy`, className: "flex items-center space-x-1 hover:underline", children: [
-          /* @__PURE__ */ jsx8(globalLucideIcons.ShieldUser, { className: "h-3.5 w-3.5" }),
-          /* @__PURE__ */ jsx8("span", { children: data.privacy })
-        ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "relative group", children: [
-          /* @__PURE__ */ jsx8("div", { className: "absolute left-2/3 -translate-x-1/4 bottom-full mb-1 hidden group-hover:block bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap z-10 shadow-lg", children: data.email }),
-          /* @__PURE__ */ jsxs8(
-            "a",
-            {
-              href: `mailto:${data.email}`,
-              className: "flex items-center space-x-1 underline cursor-pointer px-2",
-              children: [
-                /* @__PURE__ */ jsx8(globalLucideIcons.Mail, { className: "h-3.5 w-3.5" }),
-                /* @__PURE__ */ jsx8("span", { children: data.contactUs })
-              ]
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx8("div", { className: "text-xs text-center", children: /* @__PURE__ */ jsx8("span", { children: data.copyright }) })
-    ] }) }) });
-  });
-}
-
-// src/main/price-plan.tsx
-init_esm_shims();
-import { getTranslations as getTranslations9 } from "next-intl/server";
-import { Fragment, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-function PricePlan(_0) {
-  return __async(this, arguments, function* ({
-    locale,
-    currency = "$",
-    pricePlanConfig,
-    sectionClassName
-  }) {
-    var _a, _b;
-    const t = yield getTranslations9({ locale, namespace: "pricePlan" });
-    const data = {
-      title: t("title"),
-      subtitle: t("subtitle"),
-      billingSwitch: t.raw("billingSwitch"),
-      plans: t.raw("plans"),
-      currency,
-      pricePlanConfig
-    };
-    const billingOptions = data.pricePlanConfig.billingOptions;
-    const prices = data.pricePlanConfig.prices;
-    const minPlanFeaturesCount = data.pricePlanConfig.minPlanFeaturesCount;
-    const defaultBilling = billingOptions.find((opt) => opt.key === data.billingSwitch.defaultKey) || billingOptions[0];
-    const defaultBillingDisplay = data.billingSwitch.options.find((opt) => opt.key === data.billingSwitch.defaultKey) || data.billingSwitch.options[0];
-    const maxFeaturesCount = Math.max(
-      ...data.plans.map((plan) => {
-        var _a2;
-        return ((_a2 = plan.features) == null ? void 0 : _a2.length) || 0;
-      }),
-      minPlanFeaturesCount || 0
-    );
-    const getFeatureRows = (plan) => {
-      const features = plan.features || [];
-      const filled = [...features];
-      while (filled.length < maxFeaturesCount) filled.push(null);
-      return filled;
-    };
-    function renderPrice(plan, billingKey = data.billingSwitch.defaultKey) {
-      const priceValue = prices[plan.key];
-      const currentBilling = billingOptions.find((opt) => opt.key === billingKey) || defaultBilling;
-      const currentBillingDisplay = data.billingSwitch.options.find((opt) => opt.key === billingKey) || defaultBillingDisplay;
-      const billingSubTitle = (currentBillingDisplay == null ? void 0 : currentBillingDisplay.subTitle) || "";
-      if (typeof priceValue !== "number" || isNaN(priceValue)) {
-        return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-start w-full", "data-price-container": plan.key, children: [
-          /* @__PURE__ */ jsx9("div", { className: "flex items-end gap-2", children: /* @__PURE__ */ jsx9("span", { className: "text-4xl font-extrabold text-gray-900 dark:text-gray-100", "data-price-value": plan.key, children: priceValue }) }),
-          /* @__PURE__ */ jsx9("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: /* @__PURE__ */ jsx9("span", { className: cn("text-xs text-gray-700 dark:text-gray-300 font-medium", plan.showBillingSubTitle === false && "opacity-0 select-none"), "data-price-subtitle": plan.key, children: plan.showBillingSubTitle === false ? "" : billingSubTitle }) })
-        ] });
-      }
-      const originValue = Number(priceValue);
-      const discount = currentBilling.discount;
-      const hasDiscount = discount !== 0;
-      const saleValue = originValue * (1 - discount);
-      const formatPrice = (v) => Number(v.toFixed(2)).toString();
-      const unit = currentBillingDisplay.unit || "";
-      let discountText = "";
-      if (hasDiscount && currentBillingDisplay.discountText) {
-        discountText = currentBillingDisplay.discountText.replace("{percent}", String(Math.round(Math.abs(discount) * 100)));
-      }
-      const showNaN = saleValue < 0;
-      return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-start w-full", "data-price-container": plan.key, children: [
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-end gap-2", children: [
-          /* @__PURE__ */ jsxs9("span", { className: "text-4xl font-extrabold text-gray-900 dark:text-gray-100", "data-price-value": plan.key, children: [
-            data.currency,
-            showNaN ? "NaN" : hasDiscount ? formatPrice(saleValue) : formatPrice(originValue)
-          ] }),
-          /* @__PURE__ */ jsx9("span", { className: "text-lg text-gray-700 dark:text-gray-300 font-medium mb-1", "data-price-unit": plan.key, children: unit })
-        ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: [
-          hasDiscount && /* @__PURE__ */ jsxs9(Fragment, { children: [
-            /* @__PURE__ */ jsxs9("span", { className: "text-base text-gray-400 line-through", "data-price-original": plan.key, children: [
-              data.currency,
-              showNaN ? "NaN" : formatPrice(originValue)
-            ] }),
-            discountText && /* @__PURE__ */ jsx9("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", "data-price-discount": plan.key, children: discountText })
-          ] }),
-          /* @__PURE__ */ jsx9("span", { className: cn("text-xs text-gray-700 dark:text-gray-300 font-medium", plan.showBillingSubTitle === false && "opacity-0 select-none"), "data-price-subtitle": plan.key, children: plan.showBillingSubTitle === false ? "" : billingSubTitle })
-        ] })
-      ] });
-    }
-    return /* @__PURE__ */ jsxs9("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__ */ jsx9("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-3", children: data.title }),
-      /* @__PURE__ */ jsx9("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-8 text-base md:text-lg mx-auto", children: data.subtitle }),
-      /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center", children: [
-        /* @__PURE__ */ jsx9("div", { className: "flex items-center relative mb-3", children: /* @__PURE__ */ jsxs9("div", { className: "flex bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded-full p-1", "data-billing-switch": true, children: [
-          /* @__PURE__ */ jsx9(
-            "button",
-            {
-              className: cn(
-                "min-w-[120px] px-6 py-2 font-medium transition text-lg relative",
-                data.billingSwitch.defaultKey === "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 rounded-full shadow-sm" : "text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full"
-              ),
-              "data-billing-button": "monthly",
-              type: "button",
-              children: ((_a = data.billingSwitch.options.find((opt) => opt.key === "monthly")) == null ? void 0 : _a.name) || "Monthly"
-            }
-          ),
-          /* @__PURE__ */ jsx9(
-            "button",
-            {
-              className: cn(
-                "min-w-[120px] px-6 py-2 font-medium transition text-lg relative",
-                data.billingSwitch.defaultKey === "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 rounded-full shadow-sm" : "text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full"
-              ),
-              "data-billing-button": "yearly",
-              type: "button",
-              children: ((_b = data.billingSwitch.options.find((opt) => opt.key === "yearly")) == null ? void 0 : _b.name) || "Yearly"
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx9("div", { className: "h-8 flex items-center justify-center mb-3", "data-discount-info": true, children: (() => {
-          const opt = data.billingSwitch.options.find((opt2) => opt2.key === data.billingSwitch.defaultKey);
-          const bOpt = billingOptions.find((opt2) => opt2.key === data.billingSwitch.defaultKey);
-          if (!(opt && bOpt && opt.discountText && bOpt.discount !== 0)) return null;
-          return /* @__PURE__ */ jsx9("span", { className: "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", children: opt.discountText.replace(
-            "{percent}",
-            String(Math.round(Math.abs(bOpt.discount) * 100))
-          ) });
-        })() })
-      ] }),
-      /* @__PURE__ */ jsx9("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: data.plans.map((plan, _idx) => {
-        var _a2, _b2, _c;
-        return /* @__PURE__ */ jsxs9(
-          "div",
-          {
-            "data-price-plan": plan.key,
-            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"
-            ),
-            style: { minHeight: maxFeaturesCount * 100 },
-            children: [
-              /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 mb-2", children: [
-                /* @__PURE__ */ jsx9("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: plan.title }),
-                plan.titleTags && plan.titleTags.map((tag, i) => /* @__PURE__ */ jsx9("span", { className: "px-2 py-0.5 text-xs rounded bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200 font-semibold align-middle", children: tag }, i))
-              ] }),
-              renderPrice(plan),
-              /* @__PURE__ */ jsx9("ul", { className: "flex-1 mb-6 mt-4", children: getFeatureRows(plan).map((feature, i) => /* @__PURE__ */ jsxs9("li", { className: "flex items-center gap-2 mb-2 min-h-[28px]", "data-feature-item": `${plan.key}-${i}`, children: [
-                feature ? /* @__PURE__ */ jsx9("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-200 mr-1", children: feature.icon ? /* @__PURE__ */ jsx9("span", { children: feature.icon }) : /* @__PURE__ */ jsx9("span", { className: "font-bold", children: "\u2713" }) }) : /* @__PURE__ */ jsx9("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full mr-1", children: "\xA0" }),
-                feature && feature.tag && /* @__PURE__ */ jsx9("span", { className: "px-1 py-0.5 text-[6px] rounded bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 font-semibold align-middle", children: feature.tag }),
-                feature ? /* @__PURE__ */ jsxs9("span", { className: "relative group cursor-pointer text-sm text-gray-800 dark:text-gray-200", children: [
-                  feature.description,
-                  feature.tooltip && /* @__PURE__ */ jsx9(
-                    "span",
-                    {
-                      className: "ml-1 align-middle inline-flex",
-                      "data-tooltip-trigger": `${plan.key}-${i}`,
-                      "data-tooltip-content": feature.tooltip,
-                      children: /* @__PURE__ */ jsx9("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx9("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) })
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsx9("span", { children: "\xA0" })
-              ] }, i)) }),
-              /* @__PURE__ */ jsx9("div", { className: "flex-1" }),
-              /* @__PURE__ */ jsx9(
-                "button",
-                {
-                  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"
-                  ),
-                  disabled: (_b2 = plan.button) == null ? void 0 : _b2.disabled,
-                  type: "button",
-                  "data-plan-button": plan.key,
-                  children: ((_c = plan.button) == null ? void 0 : _c.text) || "--"
-                }
-              )
-            ]
-          },
-          plan.key
-        );
-      }) }),
-      /* @__PURE__ */ jsx9(PricePlanInteractive, { data })
-    ] });
-  });
-}
-export {
-  CTA,
-  FAQ,
-  Features,
-  Footer,
-  Gallery,
-  PricePlan,
-  SeoContent,
-  Tips,
-  Usage
-};
-//# sourceMappingURL=server.mjs.map
+export { Gallery } from './gallery.mjs';
+export { Usage } from './usage.mjs';
+export { Features } from './features.mjs';
+export { Tips } from './tips.mjs';
+export { FAQ } from './faq.mjs';
+export { SeoContent } from './seo-content.mjs';
+export { CTA } from './cta.mjs';
+export { Footer } from './footer.mjs';
+export { PricePlan } from './price-plan.mjs';

package/dist/main/tips.d.ts

@@ -0,0 +1,4 @@
+export declare function Tips({ locale, sectionClassName }: {
+    locale: string;
+    sectionClassName?: string;
+}): Promise<import("react/jsx-runtime").JSX.Element>;