@windrun-huaiin/base-ui 5.1.2 → 5.3.0

package/dist/components/index.js

@@ -1085,6 +1085,113 @@ var SchemeIcon = import_react28.default.forwardRef(
 SchemeIcon.displayName = "Scheme";
 var scheme_default = SchemeIcon;
 
+// src/assets/faq.tsx
+var import_react29 = __toESM(require("react"), 1);
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var FAQIcon = import_react29.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        role: "img",
+        className,
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }, props), {
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("circle", { cx: "12", cy: "12", r: "10", fill: "none", stroke: themeSvgIconColor }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", fill: "none", stroke: themeSvgIconColor }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M12 17h.01", fill: "none", stroke: themeSvgIconColor })
+        ]
+      })
+    );
+  }
+);
+FAQIcon.displayName = "FAQ";
+var faq_default = FAQIcon;
+
+// src/assets/faqb.tsx
+var import_react30 = __toESM(require("react"), 1);
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var FAQBIcon = import_react30.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        role: "img",
+        className,
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }, props), {
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            "path",
+            {
+              fill: "none",
+              stroke: themeSvgIconColor,
+              d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { fill: "none", stroke: themeSvgIconColor, d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("line", { fill: "none", stroke: themeSvgIconColor, x1: "12", x2: "12.01", y1: "17", y2: "17" })
+        ]
+      })
+    );
+  }
+);
+FAQBIcon.displayName = "FAQB";
+var faqb_default = FAQBIcon;
+
+// src/assets/faqs.tsx
+var import_react31 = __toESM(require("react"), 1);
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var FAQSIcon = import_react31.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        role: "img",
+        className,
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }, props), {
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            "path",
+            {
+              fill: "none",
+              stroke: themeSvgIconColor,
+              d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { fill: "none", stroke: themeSvgIconColor, d: "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { fill: "none", stroke: themeSvgIconColor, d: "M12 17h.01" })
+        ]
+      })
+    );
+  }
+);
+FAQSIcon.displayName = "FAQS";
+var faqs_default = FAQSIcon;
+
 // src/assets/index.ts
 var BUILTIN_ICON_COMPONENTS = {
   GitHub: github_default,
@@ -1114,7 +1221,10 @@ var BUILTIN_ICON_COMPONENTS = {
   SubP: subp_default,
   T3P: t3p_default,
   Http: http_default,
-  Scheme: scheme_default
+  Scheme: scheme_default,
+  FAQ: faq_default,
+  FAQB: faqb_default,
+  FAQS: faqs_default
 };
 
 // ../lib/src/limited-lucide-icons.ts
@@ -1133,6 +1243,7 @@ __export(limited_lucide_icons_exports, {
   Building2: () => import_lucide_react.Building2,
   Car: () => import_lucide_react.Car,
   Check: () => import_lucide_react.Check,
+  CheckCheck: () => import_lucide_react.CheckCheck,
   ChevronDown: () => import_lucide_react.ChevronDown,
   ChevronLeft: () => import_lucide_react.ChevronLeft,
   ChevronRight: () => import_lucide_react.ChevronRight,
@@ -1141,6 +1252,7 @@ __export(limited_lucide_icons_exports, {
   CircleAlert: () => import_lucide_react.CircleAlert,
   CircleSmall: () => import_lucide_react.CircleSmall,
   ComponentIcon: () => import_lucide_react.ComponentIcon,
+  Copy: () => import_lucide_react.Copy,
   Cpu: () => import_lucide_react.Cpu,
   DatabaseZap: () => import_lucide_react.DatabaseZap,
   Dot: () => import_lucide_react.Dot,
@@ -1148,12 +1260,19 @@ __export(limited_lucide_icons_exports, {
   ExternalLink: () => import_lucide_react.ExternalLink,
   Eye: () => import_lucide_react.Eye,
   Facebook: () => import_lucide_react.Facebook,
+  File: () => import_lucide_react.File,
+  FileDown: () => import_lucide_react.FileDown,
+  FileInput: () => import_lucide_react.FileInput,
   FileLock2: () => import_lucide_react.FileLock2,
+  FileUp: () => import_lucide_react.FileUp,
   Fingerprint: () => import_lucide_react.Fingerprint,
+  Folder: () => import_lucide_react.Folder,
+  FolderOpen: () => import_lucide_react.FolderOpen,
   Gift: () => import_lucide_react.Gift,
   GitPullRequestArrow: () => import_lucide_react.GitPullRequestArrow,
   Globe: () => import_lucide_react.Globe,
   GlobeLock: () => import_lucide_react.GlobeLock,
+  Grip: () => import_lucide_react.Grip,
   GripVertical: () => import_lucide_react.GripVertical,
   HandHeart: () => import_lucide_react.HandHeart,
   Handshake: () => import_lucide_react.Handshake,
@@ -1162,6 +1281,7 @@ __export(limited_lucide_icons_exports, {
   ImageDown: () => import_lucide_react.ImageDown,
   ImageOff: () => import_lucide_react.ImageOff,
   ImageUp: () => import_lucide_react.ImageUp,
+  Infinity: () => import_lucide_react.Infinity,
   Info: () => import_lucide_react.Info,
   Keyboard: () => import_lucide_react.Keyboard,
   LandPlot: () => import_lucide_react.LandPlot,
@@ -1169,41 +1289,52 @@ __export(limited_lucide_icons_exports, {
   LayoutTemplate: () => import_lucide_react.LayoutTemplate,
   LibraryIcon: () => import_lucide_react.LibraryIcon,
   Link: () => import_lucide_react.Link,
+  ListTodo: () => import_lucide_react.ListTodo,
   Loader2: () => import_lucide_react.Loader2,
   LogIn: () => import_lucide_react.LogIn,
   LogOut: () => import_lucide_react.LogOut,
+  Mail: () => import_lucide_react.Mail,
   MoreHorizontal: () => import_lucide_react.MoreHorizontal,
   MousePointerClick: () => import_lucide_react.MousePointerClick,
   Palette: () => import_lucide_react.Palette,
   PanelLeft: () => import_lucide_react.PanelLeft,
   PanelsTopLeft: () => import_lucide_react.PanelsTopLeft,
+  PawPrint: () => import_lucide_react.PawPrint,
   Pencil: () => import_lucide_react.Pencil,
   Pi: () => import_lucide_react.Pi,
+  QrCode: () => import_lucide_react.QrCode,
   ReceiptText: () => import_lucide_react.ReceiptText,
+  RefreshCcw: () => import_lucide_react.RefreshCcw,
   Regex: () => import_lucide_react.Regex,
   Replace: () => import_lucide_react.Replace,
+  Rocket: () => import_lucide_react.Rocket,
   Rss: () => import_lucide_react.Rss,
   Scale: () => import_lucide_react.Scale,
   Search: () => import_lucide_react.Search,
+  SendHorizontal: () => import_lucide_react.SendHorizontal,
   Server: () => import_lucide_react.Server,
   Share: () => import_lucide_react.Share,
+  Shield: () => import_lucide_react.Shield,
   ShieldUser: () => import_lucide_react.ShieldUser,
+  Sigma: () => import_lucide_react.Sigma,
   Sparkles: () => import_lucide_react.Sparkles,
   SplinePointer: () => import_lucide_react.SplinePointer,
+  Sprout: () => import_lucide_react.Sprout,
   SquareDashedBottomCode: () => import_lucide_react.SquareDashedBottomCode,
   SquareTerminal: () => import_lucide_react.SquareTerminal,
   Star: () => import_lucide_react.Star,
   Tablets: () => import_lucide_react.Tablets,
   Terminal: () => import_lucide_react.Terminal,
   Twitter: () => import_lucide_react.Twitter,
+  Workflow: () => import_lucide_react.Workflow,
   X: () => import_lucide_react.X,
   Zap: () => import_lucide_react.Zap
 });
 var import_lucide_react = require("lucide-react");
 
 // src/components/global-icon.tsx
-var import_react29 = __toESM(require("react"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_react32 = __toESM(require("react"), 1);
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var tempStyledLimitedIcons = {};
 for (const iconNameKey in limited_lucide_icons_exports) {
   if (Object.prototype.hasOwnProperty.call(limited_lucide_icons_exports, iconNameKey)) {
@@ -1223,7 +1354,7 @@ for (const iconNameKey in limited_lucide_icons_exports) {
             height: props.size || themeSvgIconSize
           }, props.style)
         });
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ComponentToRender, __spreadValues({}, finalProps));
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ComponentToRender, __spreadValues({}, finalProps));
       };
       StyledIcon.displayName = `Styled(${iconName})`;
       tempStyledLimitedIcons[iconName] = StyledIcon;
@@ -1247,21 +1378,21 @@ for (const [iconName, IconComponent] of Object.entries(BUILTIN_ICON_COMPONENTS))
         height: props.size || themeSvgIconSize
       }, props.style)
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IconComponent, __spreadValues({}, finalProps));
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(IconComponent, __spreadValues({}, finalProps));
   };
   WrappedIcon.displayName = `Wrapped(${iconName})`;
   tempWrappedBuiltinIcons[iconName] = WrappedIcon;
 }
 var wrappedBuiltinIconsPart = tempWrappedBuiltinIcons;
 var globalLucideIcons = __spreadValues(__spreadValues({}, styledLimitedIconsPart), wrappedBuiltinIconsPart);
-var NotFoundIcon = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(globalLucideIcons.SquareTerminal, { className: `h-8 w-8 rounded-full p-1 shadow-lg ring-0.5 border border-purple-500 ring-purple-500/20 ${themeIconColor}` });
+var NotFoundIcon = () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(globalLucideIcons.SquareTerminal, { className: `h-8 w-8 rounded-full p-1 shadow-lg ring-0.5 border border-purple-500 ring-purple-500/20 ${themeIconColor}` });
 
 // src/components/404-page.tsx
-var import_react30 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_react33 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function NotFoundPage({ siteIcon }) {
-  const [glitchText, setGlitchText] = (0, import_react30.useState)("404");
-  (0, import_react30.useEffect)(() => {
+  const [glitchText, setGlitchText] = (0, import_react33.useState)("404");
+  (0, import_react33.useEffect)(() => {
     const glitchChars = ["4", "0", "4", "?", "#", "!", "*", "&", "%", "$"];
     const interval = setInterval(() => {
       if (Math.random() < 0.5) {
@@ -1276,10 +1407,10 @@ function NotFoundPage({ siteIcon }) {
     }, 600);
     return () => clearInterval(interval);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col items-center justify-center min-h-[75vh] w-full px-4 py-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "text-center space-y-8 max-w-2xl", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative flex justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col items-center justify-center min-h-[75vh] w-full px-4 py-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-center space-y-8 max-w-2xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative flex justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "h1",
           {
             className: "text-8xl md:text-9xl font-bold bg-gradient-to-r from-purple-600 via-pink-500 to-purple-700 bg-clip-text text-transparent select-none",
@@ -1291,26 +1422,26 @@ function NotFoundPage({ siteIcon }) {
             children: glitchText
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "absolute inset-0 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "h-full w-full bg-gradient-to-b from-transparent via-purple-500/10 to-transparent animate-pulse" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute inset-0 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "h-full w-full bg-gradient-to-b from-transparent via-purple-500/10 to-transparent animate-pulse" }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", { className: "text-2xl md:text-3xl font-semibold text-foreground", children: "Page Not Found" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-lg text-muted-foreground max-w-md mx-auto leading-relaxed", children: "The page you're looking for doesn't exist" })
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h2", { className: "text-2xl md:text-3xl font-semibold text-foreground", children: "Page Not Found" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-lg text-muted-foreground max-w-md mx-auto leading-relaxed", children: "The page you're looking for doesn't exist" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex justify-center items-center gap-8 pt-8 opacity-60", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex justify-center items-center gap-8 pt-8 opacity-60", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
           siteIcon,
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Woops!" })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: "Woops!" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "w-1 h-1 bg-purple-500 rounded-full animate-ping" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(NotFoundIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Error Code: 404" })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-1 h-1 bg-purple-500 rounded-full animate-ping" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(NotFoundIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: "Error Code: 404" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fixed inset-0 pointer-events-none overflow-hidden -z-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fixed inset-0 pointer-events-none overflow-hidden -z-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         "div",
         {
           className: "absolute inset-0 opacity-[0.02] dark:opacity-[0.05]",
@@ -1323,7 +1454,7 @@ function NotFoundPage({ siteIcon }) {
           }
         }
       ),
-      Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         "div",
         {
           className: "absolute w-2 h-2 bg-purple-500/20 rounded-full animate-bounce",
@@ -1340,23 +1471,19 @@ function NotFoundPage({ siteIcon }) {
   ] });
 }
 
-// src/components/go-to-top.tsx
-var import_react31 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-
 // src/components/language-detector.tsx
 var import_next_intl = require("next-intl");
 var import_navigation = require("next/navigation");
-var import_react32 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_react34 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function LanguageDetector({ i18nConfig }) {
-  const [show, setShow] = (0, import_react32.useState)(false);
-  const [detectedLocale, setDetectedLocale] = (0, import_react32.useState)(null);
+  const [show, setShow] = (0, import_react34.useState)(false);
+  const [detectedLocale, setDetectedLocale] = (0, import_react34.useState)(null);
   const currentLocale = (0, import_next_intl.useLocale)();
   const router = (0, import_navigation.useRouter)();
   const t = (0, import_next_intl.useTranslations)("languageDetection");
   const LANGUAGE_PREFERENCE_KEY = `${i18nConfig.detector.storagePrefix}-${i18nConfig.detector.storageKey}`;
-  (0, import_react32.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const browserLang = navigator.language.split("-")[0];
     const savedPreference = localStorage.getItem(LANGUAGE_PREFERENCE_KEY);
     const preference = savedPreference ? JSON.parse(savedPreference) : null;
@@ -1404,31 +1531,31 @@ function LanguageDetector({ i18nConfig }) {
     setShow(false);
   };
   if (!detectedLocale || !show) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "fixed top-16 right-4 z-40 w-[420px]", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: `shadow-lg rounded-lg transition-all duration-300 ${show ? "translate-x-0 opacity-100" : "translate-x-full opacity-0"} 
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "fixed top-16 right-4 z-40 w-[420px]", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `shadow-lg rounded-lg transition-all duration-300 ${show ? "translate-x-0 opacity-100" : "translate-x-full opacity-0"} 
         bg-linear-to-r from-purple-100/95 via-white/95 to-purple-100/95 backdrop-blur-xs
-        animate-gradient-x`, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative px-6 py-4 overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative z-10 flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h3", { className: "text-lg font-semibold text-gray-900", children: t("title") }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { className: "text-base text-gray-600", children: [
+        animate-gradient-x`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative px-6 py-4 overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative z-10 flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-lg font-semibold text-gray-900", children: t("title") }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "text-base text-gray-600", children: [
             t("description"),
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-purple-500 font-semibold", children: detectedLocale === "zh" ? "\u4E2D\u6587" : "English" }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-purple-500 font-semibold", children: detectedLocale === "zh" ? "\u4E2D\u6587" : "English" }),
             "?"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "button",
           {
             onClick: handleClose,
             className: "text-gray-500 hover:text-gray-700",
-            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(globalLucideIcons.X, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(globalLucideIcons.X, { className: "h-5 w-5" })
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "button",
           {
             onClick: handleClose,
@@ -1436,7 +1563,7 @@ function LanguageDetector({ i18nConfig }) {
             children: t("close")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "button",
           {
             onClick: handleLanguageChange,
@@ -1446,7 +1573,7 @@ function LanguageDetector({ i18nConfig }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "absolute inset-0 bg-linear-to-r from-transparent via-purple-200/30 to-transparent animate-shimmer" })
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute inset-0 bg-linear-to-r from-transparent via-purple-200/30 to-transparent animate-shimmer" })
   ] }) }) });
 }
 
@@ -1455,7 +1582,7 @@ var import_navigation2 = require("next/navigation");
 var import_next_intl2 = require("next-intl");
 
 // src/ui/dropdown-menu.tsx
-var React30 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 
 // ../lib/src/utils.ts
@@ -1466,12 +1593,12 @@ function cn(...inputs) {
 }
 
 // src/ui/dropdown-menu.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuSubTrigger = React30.forwardRef((_a, ref) => {
+var DropdownMenuSubTrigger = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     DropdownMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -1483,15 +1610,15 @@ var DropdownMenuSubTrigger = React30.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(globalLucideIcons.ChevronRight, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(globalLucideIcons.ChevronRight, { className: "ml-auto" })
       ]
     })
   );
 });
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React30.forwardRef((_a, ref) => {
+var DropdownMenuSubContent = React33.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -1503,9 +1630,9 @@ var DropdownMenuSubContent = React30.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React30.forwardRef((_a, ref) => {
+var DropdownMenuContent = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -1518,9 +1645,9 @@ var DropdownMenuContent = React30.forwardRef((_a, ref) => {
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React30.forwardRef((_a, ref) => {
+var DropdownMenuItem = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       ref,
@@ -1533,9 +1660,9 @@ var DropdownMenuItem = React30.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React30.forwardRef((_a, ref) => {
+var DropdownMenuCheckboxItem = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     DropdownMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -1546,16 +1673,16 @@ var DropdownMenuCheckboxItem = React30.forwardRef((_a, ref) => {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(globalLucideIcons.Check, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(globalLucideIcons.Check, { className: "h-4 w-4" }) }) }),
         children
       ]
     })
   );
 });
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React30.forwardRef((_a, ref) => {
+var DropdownMenuRadioItem = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     DropdownMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -1565,16 +1692,16 @@ var DropdownMenuRadioItem = React30.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(globalLucideIcons.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(globalLucideIcons.Circle, { className: "h-2 w-2 fill-current" }) }) }),
         children
       ]
     })
   );
 });
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React30.forwardRef((_a, ref) => {
+var DropdownMenuLabel = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       ref,
@@ -1587,9 +1714,9 @@ var DropdownMenuLabel = React30.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React30.forwardRef((_a, ref) => {
+var DropdownMenuSeparator = React33.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       ref,
@@ -1604,7 +1731,7 @@ var DropdownMenuShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "span",
     __spreadValues({
       className: cn("ml-auto text-xs tracking-widest opacity-60", className)
@@ -1614,12 +1741,12 @@ var DropdownMenuShortcut = (_a) => {
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/ui/language-button.tsx
-var React31 = __toESM(require("react"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var LanguageButton = React31.forwardRef(
+var React34 = __toESM(require("react"), 1);
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var LanguageButton = React34.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant = "default", size = "default" } = _b, props = __objRest(_b, ["className", "variant", "size"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "button",
       __spreadValues({
         className: cn(
@@ -1642,7 +1769,7 @@ var LanguageButton = React31.forwardRef(
 LanguageButton.displayName = "Button";
 
 // src/components/language-switcher.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function LanguageSwitcher({ locales, localeLabels }) {
   const locale = (0, import_next_intl2.useLocale)();
   const router = (0, import_navigation2.useRouter)();
@@ -1651,23 +1778,23 @@ function LanguageSwitcher({ locales, localeLabels }) {
     const newPathname = pathname.replace(`/${locale}`, `/${newLocale}`);
     router.push(newPathname);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       LanguageButton,
       {
         variant: "ghost",
         size: "icon",
         className: "bg-linear-to-r from-purple-400 to-pink-600 hover:from-purple-500 hover:to-pink-700 text-white transform hover:scale-110 transition-all duration-300",
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(globalLucideIcons.Globe, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(globalLucideIcons.Globe, { className: "h-5 w-5" })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       DropdownMenuContent,
       {
         align: "end",
         sideOffset: 5,
         className: "bg-white/90 dark:bg-gray-800/90 border-purple-100 dark:border-purple-800 w-[200px] p-2 backdrop-blur-xs translate-x-[50px]",
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-2 gap-1", children: locales.map((loc) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "grid grid-cols-2 gap-1", children: locales.map((loc) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           DropdownMenuItem,
           {
             className: `
@@ -1689,21 +1816,21 @@ function LanguageSwitcher({ locales, localeLabels }) {
 
 // src/components/script/google-analytics-script.tsx
 var import_script = __toESM(require("next/script"), 1);
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var googleAnalyticsId = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID;
 function GoogleAnalyticsScript() {
   if (process.env.NODE_ENV !== "production") {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       import_script.default,
       {
         strategy: "afterInteractive",
         src: `https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsId}`
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       import_script.default,
       {
         id: "google-analytics",
@@ -1734,13 +1861,13 @@ function useGoogleAnalytics() {
 
 // src/components/script/microsoft-clarity-script.tsx
 var import_script2 = __toESM(require("next/script"), 1);
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var microsoftClarityId = process.env.NEXT_PUBLIC_MICROSOFT_CLARITY_ID;
 function MicrosoftClarityScript() {
   if (process.env.NODE_ENV !== "production") {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_script2.default, { id: "microsoft-clarity", strategy: "afterInteractive", children: `
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_script2.default, { id: "microsoft-clarity", strategy: "afterInteractive", children: `
         (function(c,l,a,r,i,t,y){
           c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
           t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;