@windrun-huaiin/base-ui 30.0.0 → 30.1.0

package/README.md

@@ -134,7 +134,6 @@ MIT
 - Full TypeScript support
 
 ### Base Components (components/)
-- 404-page: 404 error page component
 - cta: Call-to-Action component
 - features: Feature showcase component
 - footer: Footer component
@@ -153,16 +152,13 @@ MIT
 ## Usage Example
 
 ```tsx
-import { Button, NotFoundPage, LanguageSwitcher } from '@windrun-huaiin/base-ui';
+import { Button, LanguageSwitcher } from '@windrun-huaiin/base-ui';
 
 // Use UI components
 <Button variant="default" size="lg">
   Click me
 </Button>
 
-// Use base components
-<NotFoundPage />
-
 // Use language switcher component (need to pass in configuration)
 <LanguageSwitcher 
   locales={['en', 'zh']}
@@ -199,4 +195,4 @@ pnpm type-check
 - [Newspaper Template](https://newspaper-template.org/en)
 - [breathing exercise](https://breathingexercise.net/en)
 - [ai directory list](https://aidirectorylist.com/en)
-- [reve image directory](https://reveimage.directory/en)
+- [reve image directory](https://reveimage.directory/en)

package/dist/components/index.d.ts

@@ -1,4 +1,3 @@
-export * from './404-page';
 export * from './language-switcher';
 export * from './script/google-analytics-script';
 export * from './script/microsoft-clarity-script';

package/dist/components/index.js

@@ -1,7 +1,6 @@
 "use client";
 'use strict';
 
-var _404Page = require('./404-page.js');
 var languageSwitcher = require('./language-switcher.js');
 var googleAnalyticsScript = require('./script/google-analytics-script.js');
 var microsoftClarityScript = require('./script/microsoft-clarity-script.js');
@@ -9,7 +8,6 @@ var googleAnalyticsClient = require('./script/google-analytics-client.js');
 
 
 
-exports.NotFoundPage = _404Page.NotFoundPage;
 exports.LanguageSwitcher = languageSwitcher.LanguageSwitcher;
 exports.GoogleAnalyticsScript = googleAnalyticsScript.GoogleAnalyticsScript;
 exports.MicrosoftClarityScript = microsoftClarityScript.MicrosoftClarityScript;

package/dist/components/index.mjs

@@ -1,5 +1,4 @@
 "use client";
-export { NotFoundPage } from './404-page.mjs';
 export { LanguageSwitcher } from './language-switcher.mjs';
 export { GoogleAnalyticsScript } from './script/google-analytics-script.mjs';
 export { MicrosoftClarityScript } from './script/microsoft-clarity-script.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/base-ui",
-  "version": "30.0.0",
+  "version": "30.1.0",
   "description": "Base UI components for windrun-huaiin projects",
   "type": "module",
   "exports": {

package/src/components/index.ts

@@ -1,5 +1,4 @@
 "use client"
-export * from './404-page';
 export * from './language-switcher';
 export * from './script/google-analytics-script';
 export * from './script/microsoft-clarity-script';

package/src/components/404-page.tsx

@@ -1,111 +0,0 @@
-'use client';
-
-import { NotFoundIcon } from "@base-ui/components/global-icon";
-import { useEffect, useState, type ReactNode } from "react";
-import { themeBgColor, themeViaColor, themeButtonGradientClass } from "@base-ui/lib";
-import { cn } from "@windrun-huaiin/lib/utils"; 
-
-interface NotFoundPageProps {
-  siteIcon: ReactNode;
-}
-
-export function NotFoundPage({ siteIcon }: NotFoundPageProps) {
-  const [glitchText, setGlitchText] = useState("404");
-
-  // glitch effect
-  useEffect(() => {
-    const glitchChars = ["4", "0", "4", "?", "#", "!", "*", "&", "%", "$"];
-
-    const interval = setInterval(() => {
-      // 80% probability to display "404", 20% probability to display random characters
-      if (Math.random() < 0.5) {
-        setGlitchText("404");
-      } else {
-        const randomChars = Array.from(
-          { length: 3 },
-          () => glitchChars[Math.floor(Math.random() * glitchChars.length)]
-        ).join("");
-        setGlitchText(randomChars);
-      }
-    }, 600); // every 1.5 seconds
-
-    return () => clearInterval(interval);
-  }, []);
-
-  return (
-    <div className="flex min-h-dvh w-full flex-col items-center justify-center px-4 py-8">
-      {/* main content area */}
-      <div className="text-center space-y-8 max-w-2xl">
-        {/* 404 number - glitch effect */}
-        <div className="relative flex justify-center">
-          <h1
-            className={cn("text-8xl md:text-9xl font-bold bg-linear-to-r bg-clip-text text-transparent select-none", themeButtonGradientClass)}
-            style={{
-              fontFamily: "Montserrat, monospace",
-              textShadow: "0 0 30px rgba(172, 98, 253, 0.3)",
-              letterSpacing: "0.1em",
-            }}
-          >
-            {glitchText}
-          </h1>
-          {/* scan line effect */}
-          <div className="absolute inset-0 pointer-events-none">
-            <div className={cn("h-full w-full bg-linear-to-b from-transparent to-transparent animate-pulse", themeViaColor)} />
-          </div>
-        </div>
-
-        {/* error message */}
-        <div className="space-y-4">
-          <h2 className="text-2xl md:text-3xl font-semibold text-foreground">
-            Page Not Found
-          </h2>
-          <p className="text-lg text-muted-foreground max-w-md mx-auto leading-relaxed">
-            The page you&#39;re looking for doesn&#39;t exist
-          </p>
-        </div>
-
-        {/* decorative elements */}
-        <div className="flex justify-center items-center gap-8 pt-8 opacity-60">
-          <div className="flex items-center gap-2 text-sm text-muted-foreground">
-            {siteIcon}
-            <span>Woops!</span>
-          </div>
-          <div className={cn("w-2 h-2 rounded-full animate-ping", themeBgColor)} />
-          <div className="flex items-center gap-2 text-sm text-muted-foreground">
-            <NotFoundIcon />
-            <span>Error Code: 404</span>
-          </div>
-        </div>
-      </div>
-
-      {/* background decoration */}
-      <div className="fixed inset-0 pointer-events-none overflow-hidden -z-10">
-        {/* grid background */}
-        <div
-          className="absolute inset-0 opacity-[0.02] dark:opacity-[0.05]"
-          style={{
-            backgroundImage: `
-                linear-gradient(rgba(172, 98, 253, 0.1) 1px, transparent 1px),
-                linear-gradient(90deg, rgba(172, 98, 253, 0.1) 1px, transparent 1px)
-              `,
-            backgroundSize: "50px 50px",
-          }}
-        />
-
-        {/* floating particles */}
-        {Array.from({ length: 6 }).map((_, i) => (
-          <div
-            key={i}
-            className={cn("absolute w-2 h-2 rounded-full animate-bounce", themeBgColor)}
-            style={{
-              left: `${20 + i * 15}%`,
-              top: `${30 + (i % 3) * 20}%`,
-              animationDelay: `${i * 0.5}s`,
-              animationDuration: `${2 + i * 0.3}s`,
-            }}
-          />
-        ))}
-      </div>
-    </div>
-  );
-}