@windrun-huaiin/third-ui 20.1.0 → 22.0.0

package/src/lib/fuma-schema-check-util.ts

@@ -1,5 +1,4 @@
 import { z, ZodObject } from 'zod';
-import { frontmatterSchema, metaSchema } from 'fumadocs-mdx/config';
 
 // Reusable schema for date
 export const createDateSchema = () =>
@@ -22,9 +21,27 @@ export const createDateSchema = () =>
     .refine((val: any) => !isNaN(new Date(val).getTime()), 'Invalid date!')
   );
 
+const baseFrontmatterSchema = z
+  .object({
+    title: z.string().optional(),
+    description: z.string().optional(),
+    icon: z.string().optional(),
+  })
+  .loose();
+
+const baseMetaSchema = z
+  .object({
+    title: z.string().optional(),
+    pages: z.array(z.string()).optional(),
+    description: z.string().optional(),
+    root: z.boolean().optional(),
+    defaultOpen: z.boolean().optional(),
+    icon: z.string().optional(),
+  })
+  .loose();
+
 // common docs frontmatter  schema
-// @ts-ignore
-export const createCommonDocsSchema = (): ZodObject<any> => frontmatterSchema
+export const createCommonDocsSchema = (): ZodObject<any> => baseFrontmatterSchema
   .extend({
     date: createDateSchema(),
     author: z.string().optional(),
@@ -32,8 +49,7 @@ export const createCommonDocsSchema = (): ZodObject<any> => frontmatterSchema
   });
 
 // common meta schema
-// @ts-ignore
-export const createCommonMetaSchema = (): ZodObject<any> => metaSchema.extend({
+export const createCommonMetaSchema = (): ZodObject<any> => baseMetaSchema.extend({
   
 });
 
@@ -41,4 +57,4 @@ export const remarkInstallOptions = {
   persist: {
     id: 'package-manager',
   },
-};
+};

package/src/lib/seo-metadata.ts

@@ -0,0 +1,47 @@
+import type { Metadata } from 'next';
+import { getTranslations } from 'next-intl/server';
+import { getAsNeededLocalizedUrl } from '@windrun-huaiin/lib';
+
+export interface CreateLocalizedSiteMetadataOptions {
+  locale: string;
+  baseUrl: string;
+  locales: readonly string[];
+  defaultLocale: string;
+  localePrefixAsNeeded: boolean;
+}
+
+export type LocalizedSiteMetadata = Pick<
+  Metadata,
+  'title' | 'description' | 'keywords' | 'alternates' | 'icons'
+>;
+
+const DEFAULT_SITE_ICONS = [
+  { rel: 'icon', type: 'image/png', sizes: '16x16', url: '/favicon-16x16.png' },
+  { rel: 'icon', type: 'image/png', sizes: '32x32', url: '/favicon-32x32.png' },
+  { rel: 'icon', type: 'image/ico', url: '/favicon.ico' },
+  { rel: 'apple-touch-icon', sizes: '180x180', url: '/favicon-180x180.png' },
+  { rel: 'android-chrome', sizes: '512x512', url: '/favicon-512x512.png' },
+];
+
+export async function createLocalizedSiteMetadata(
+  options: CreateLocalizedSiteMetadataOptions,
+): Promise<LocalizedSiteMetadata> {
+  const { baseUrl, defaultLocale, locale, localePrefixAsNeeded, locales } = options;
+  const t = await getTranslations({ locale, namespace: 'home' });
+
+  return {
+    title: t('webTitle'),
+    description: t('webDescription'),
+    keywords: t('keywords'),
+    alternates: {
+      canonical: `${baseUrl}${getAsNeededLocalizedUrl(locale, '/', localePrefixAsNeeded, defaultLocale)}`,
+      languages: Object.fromEntries(
+        locales.map((siteLocale) => [
+          siteLocale,
+          `${baseUrl}${getAsNeededLocalizedUrl(siteLocale, '/', localePrefixAsNeeded, defaultLocale)}`,
+        ]),
+      ),
+    },
+    icons: DEFAULT_SITE_ICONS,
+  };
+}

package/src/main/language-detector.tsx

@@ -1,11 +1,3 @@
-/**
- * @license
- * MIT License
- * Copyright (c) 2026 D8ger
- * 
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 'use client'
 
 import { XIcon } from "@windrun-huaiin/base-ui/icons"

package/src/main/x-button.tsx

@@ -197,7 +197,7 @@ export function XButton(props: xButtonProps) {
   return (
     <div className={cn(
       "relative flex flex-row items-stretch w-full sm:w-auto rounded-full gap-0",
-      menuOpen && "z-[90]",
+      menuOpen && "z-90",
       variant === 'soft'
         ? cn(themeBgColor, themeBorderColor, "border")
         : variant === 'subtle'
@@ -251,7 +251,7 @@ export function XButton(props: xButtonProps) {
       {menuOpen && (
         <div
           ref={menuRef}
-          className={`absolute right-0 top-full ${menuWidth} bg-white dark:bg-neutral-800 text-neutral-800 dark:text-white text-sm rounded-xl shadow-lg z-[100] border border-neutral-200 dark:border-neutral-700 overflow-hidden animate-fade-in`}
+          className={`absolute right-0 top-full ${menuWidth} bg-white dark:bg-neutral-800 text-neutral-800 dark:text-white text-sm rounded-xl shadow-lg z-100 border border-neutral-200 dark:border-neutral-700 overflow-hidden animate-fade-in`}
         >
           {menuItems.map((item, index) => (
             <button

package/src/styles/fuma.css

@@ -21,10 +21,6 @@
   @apply top-24!;
 }
 
-/* #nd-subnav {
-  top: 20px !important;
-} */
-
 #nd-subnav {
   @apply 
     relative!
@@ -62,9 +58,9 @@ button[aria-label="Open Search"][data-search=""] {
 
 :root {
   --fd-layout-width: 100vw;
-  --fd-banner-height: 0px;       /* 如果有 banner，可换成真实高度 */
-  --fd-nav-height: 0px;         /* 这里写你的 Header 实际高度 */
-  --fd-tocnav-height: 0px;      /* 可选：移动端 TOC 顶栏高度 */
+  --fd-banner-height: 0px;
+  --fd-header-height: 3.5rem;
+  --fd-toc-popover-height: 0px;
 }
 
 /* fuma image-zoom COPY */

package/src/styles/third-ui.css

@@ -55,10 +55,6 @@
   box-shadow: 0 0 10px var(--nprogress-bar-color, #AC62FD) !important;
 }
 
-/* @theme {
-  --fd-page-width: 1800px;
-} */
-
 /* Icon stroke colors for light/dark themes */
 :root {
   --clerk-icon-stroke-color: #616161; /* Light theme */

package/dist/main/ads-alert-dialog.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-interface AdsAlertDialogProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    title: React.ReactNode;
-    description: React.ReactNode;
-    imgSrc?: string;
-    imgHref?: string;
-    onCancel?: () => void;
-    cancelText?: string;
-    confirmText?: string;
-    onConfirm?: () => void;
-}
-export declare function AdsAlertDialog({ open, onOpenChange, title, description, imgSrc, imgHref, cancelText, onCancel, confirmText, onConfirm, }: AdsAlertDialogProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/main/ads-alert-dialog.js

@@ -1,21 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var Image = require('next/image');
-var icons = require('@windrun-huaiin/base-ui/icons');
-var ui = require('@windrun-huaiin/base-ui/ui');
-
-function AdsAlertDialog({ open, onOpenChange, title, description, imgSrc, imgHref, cancelText, onCancel, confirmText, onConfirm, }) {
-    const [imgError, setImgError] = React.useState(false);
-    return (jsxRuntime.jsx(ui.AlertDialog, { open: open, onOpenChange: onOpenChange, children: jsxRuntime.jsxs(ui.AlertDialogContent, { className: "fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white dark:bg-neutral-900 rounded-2xl shadow-2xl border border-neutral-200 dark:border-neutral-700 max-w-md w-full min-w-[320px] p-4 flex flex-col items-stretch", children: [jsxRuntime.jsxs("div", { className: "flex flex-row items-center justify-between mb-2", children: [jsxRuntime.jsx(ui.AlertDialogTitle, { asChild: true, children: jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-1 min-w-0 text-xl font-semibold", children: [jsxRuntime.jsx(icons.InfoIcon, { className: "w-5 h-5" }), jsxRuntime.jsx("span", { className: "truncate", children: title })] }) }), jsxRuntime.jsx("button", { className: "text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-200 text-xl ml-4", onClick: () => onOpenChange(false), "aria-label": "Close", tabIndex: 0, children: jsxRuntime.jsx(icons.XIcon, { className: "w-5 h-5" }) })] }), jsxRuntime.jsx(ui.AlertDialogDescription, { className: "text-base font-medium text-neutral-800 dark:text-neutral-100 mb-2", children: description }), imgSrc && (jsxRuntime.jsx("div", { className: "w-full max-w-[400px] h-[220px] relative flex items-center justify-center mb-2", children: imgError ? (jsxRuntime.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-gray-100 dark:bg-neutral-800 border border-dashed border-neutral-300 dark:border-neutral-700 rounded-lg text-neutral-400 text-sm", children: [jsxRuntime.jsx(icons.ImageOffIcon, { className: "w-12 h-12 mb-2" }), jsxRuntime.jsx("span", { children: "Image loading failed" })] })) : imgHref ? (jsxRuntime.jsx("a", { href: imgHref, target: "_blank", rel: "noopener noreferrer", className: "block w-full h-full", children: jsxRuntime.jsx(Image, { src: imgSrc, alt: "image", fill: true, className: "object-contain rounded-lg", priority: false, placeholder: "empty", unoptimized: true, onError: () => setImgError(true), sizes: "(max-width: 400px) 100vw, 400px" }) })) : (jsxRuntime.jsx(Image, { src: imgSrc, alt: "image", fill: true, className: "object-contain rounded-lg", priority: false, placeholder: "empty", unoptimized: true, onError: () => setImgError(true), sizes: "(max-width: 400px) 100vw, 400px" })) })), (cancelText || confirmText) && (jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 mt-2", children: [cancelText && (jsxRuntime.jsx("button", { onClick: () => {
-                                onOpenChange(false);
-                                onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-                            }, className: "px-6 py-2 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 text-neutral-700 dark:text-neutral-200 font-semibold hover:bg-neutral-100 dark:hover:bg-neutral-700 transition", children: cancelText })), confirmText && (jsxRuntime.jsx(ui.AlertDialogAction, { onClick: () => {
-                                onOpenChange(false);
-                                onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
-                            }, className: "px-6 py-2 rounded-lg bg-purple-500 text-white font-semibold hover:bg-purple-600 transition", children: confirmText }))] }))] }) }));
-}
-
-exports.AdsAlertDialog = AdsAlertDialog;

package/dist/main/ads-alert-dialog.mjs

@@ -1,19 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
-import Image from 'next/image';
-import { InfoIcon, XIcon, ImageOffIcon } from '@windrun-huaiin/base-ui/icons';
-import { AlertDialog, AlertDialogContent, AlertDialogTitle, AlertDialogDescription, AlertDialogAction } from '@windrun-huaiin/base-ui/ui';
-
-function AdsAlertDialog({ open, onOpenChange, title, description, imgSrc, imgHref, cancelText, onCancel, confirmText, onConfirm, }) {
-    const [imgError, setImgError] = useState(false);
-    return (jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: jsxs(AlertDialogContent, { className: "fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white dark:bg-neutral-900 rounded-2xl shadow-2xl border border-neutral-200 dark:border-neutral-700 max-w-md w-full min-w-[320px] p-4 flex flex-col items-stretch", children: [jsxs("div", { className: "flex flex-row items-center justify-between mb-2", children: [jsx(AlertDialogTitle, { asChild: true, children: jsxs("div", { className: "flex flex-row items-center gap-1 min-w-0 text-xl font-semibold", children: [jsx(InfoIcon, { className: "w-5 h-5" }), jsx("span", { className: "truncate", children: title })] }) }), jsx("button", { className: "text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-200 text-xl ml-4", onClick: () => onOpenChange(false), "aria-label": "Close", tabIndex: 0, children: jsx(XIcon, { className: "w-5 h-5" }) })] }), jsx(AlertDialogDescription, { className: "text-base font-medium text-neutral-800 dark:text-neutral-100 mb-2", children: description }), imgSrc && (jsx("div", { className: "w-full max-w-[400px] h-[220px] relative flex items-center justify-center mb-2", children: imgError ? (jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-gray-100 dark:bg-neutral-800 border border-dashed border-neutral-300 dark:border-neutral-700 rounded-lg text-neutral-400 text-sm", children: [jsx(ImageOffIcon, { className: "w-12 h-12 mb-2" }), jsx("span", { children: "Image loading failed" })] })) : imgHref ? (jsx("a", { href: imgHref, target: "_blank", rel: "noopener noreferrer", className: "block w-full h-full", children: jsx(Image, { src: imgSrc, alt: "image", fill: true, className: "object-contain rounded-lg", priority: false, placeholder: "empty", unoptimized: true, onError: () => setImgError(true), sizes: "(max-width: 400px) 100vw, 400px" }) })) : (jsx(Image, { src: imgSrc, alt: "image", fill: true, className: "object-contain rounded-lg", priority: false, placeholder: "empty", unoptimized: true, onError: () => setImgError(true), sizes: "(max-width: 400px) 100vw, 400px" })) })), (cancelText || confirmText) && (jsxs("div", { className: "flex justify-end gap-2 mt-2", children: [cancelText && (jsx("button", { onClick: () => {
-                                onOpenChange(false);
-                                onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-                            }, className: "px-6 py-2 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 text-neutral-700 dark:text-neutral-200 font-semibold hover:bg-neutral-100 dark:hover:bg-neutral-700 transition", children: cancelText })), confirmText && (jsx(AlertDialogAction, { onClick: () => {
-                                onOpenChange(false);
-                                onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
-                            }, className: "px-6 py-2 rounded-lg bg-purple-500 text-white font-semibold hover:bg-purple-600 transition", children: confirmText }))] }))] }) }));
-}
-
-export { AdsAlertDialog };