@windrun-huaiin/base-ui 5.1.2 → 5.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/base-ui",
-  "version": "5.1.2",
+  "version": "5.3.0",
   "description": "Base UI components for windrun-huaiin projects",
   "type": "module",
   "exports": {
@@ -35,8 +35,8 @@
     "@radix-ui/react-label": "^2.1.6",
     "@radix-ui/react-slot": "^1.2.2",
     "class-variance-authority": "^0.7.1",
-    "lucide-react": "^0.511.0",
-    "@windrun-huaiin/lib": "^5.1.2"
+    "lucide-react": "^0.525.0",
+    "@windrun-huaiin/lib": "^5.3.0"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

package/src/assets/faq.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const FAQIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg ref={ref}
+      role="img" 
+      className={className} 
+      stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"
+      {...props}
+      viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <circle cx="12" cy="12" r="10" fill='none' stroke={themeSvgIconColor}/>
+      <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" fill='none' stroke={themeSvgIconColor} />
+      <path d="M12 17h.01" fill='none' stroke={themeSvgIconColor} />
+    </svg>
+  )
+);
+
+FAQIcon.displayName = "FAQ";
+
+export default FAQIcon;

package/src/assets/faqb.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const FAQBIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg ref={ref}
+      role="img" 
+      className={className} 
+      stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"
+      {...props}
+      viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <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" />
+      <path fill='none' stroke={themeSvgIconColor} d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
+      <line fill='none' stroke={themeSvgIconColor} x1="12" x2="12.01" y1="17" y2="17" />
+    </svg>
+  )
+);
+
+FAQBIcon.displayName = "FAQB";
+
+export default FAQBIcon;

package/src/assets/faqs.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const FAQSIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg ref={ref}
+      role="img" 
+      className={className} 
+      stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"
+      {...props}
+      viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <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" />
+      <path fill='none' stroke={themeSvgIconColor} d="M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3" />
+      <path fill='none' stroke={themeSvgIconColor} d="M12 17h.01" />
+    </svg>
+  )
+);
+
+FAQSIcon.displayName = "FAQS";
+
+export default FAQSIcon;

package/src/assets/index.ts

@@ -27,6 +27,9 @@ import SubPIcon from './subp';
 import T3PIcon from './t3p';
 import HttpIcon from './http';
 import SchemeIcon from './scheme';
+import FAQIcon from './faq';
+import FAQBIcon from './faqb';
+import FAQSIcon from './faqs';
 
 // Built-in icon components mapped by display name - internal use only
 export const BUILTIN_ICON_COMPONENTS = {
@@ -58,4 +61,7 @@ export const BUILTIN_ICON_COMPONENTS = {
   T3P: T3PIcon,
   Http: HttpIcon,
   Scheme: SchemeIcon,
+  FAQ: FAQIcon,
+  FAQB: FAQBIcon,
+  FAQS: FAQSIcon,
 } as const;

package/src/components/index.ts

@@ -1,6 +1,5 @@
 "use client"
 export * from './404-page';
-export * from './go-to-top';
 export * from './language-detector';
 export * from './language-switcher';
 

package/src/components/go-to-top.tsx

@@ -1,43 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { globalLucideIcons as icons } from '@base-ui/components/global-icon';
-export default function GoToTop() {
-  const [isVisible, setIsVisible] = useState(false);
-
-  // 监听滚动事件
-  useEffect(() => {
-    const toggleVisibility = () => {
-      if (window.scrollY > 300) {
-        setIsVisible(true);
-      } else {
-        setIsVisible(false);
-      }
-    };
-
-    window.addEventListener('scroll', toggleVisibility);
-    return () => window.removeEventListener('scroll', toggleVisibility);
-  }, []);
-
-  // 回到顶部
-  const scrollToTop = () => {
-    window.scrollTo({
-      top: 0,
-      behavior: 'smooth'
-    });
-  };
-
-  return (
-    <>
-      {isVisible && (
-        <button
-          onClick={scrollToTop}
-          className="fixed bottom-6 right-6 p-3 bg-neutral-800 text-neutral-100 hover:bg-neutral-700 dark:bg-neutral-300 dark:text-neutral-900 dark:hover:bg-neutral-400 rounded-full shadow-lg transition-all z-50"
-          aria-label="Go to top"
-        >
-          <icons.ArrowUp size={20} />
-        </button>
-      )}
-    </>
-  );
-}