@windrun-huaiin/base-ui 3.2.3 → 3.3.0

package/dist/index.mjs

@@ -1,4 +1,3 @@
-"use client";
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -1305,6 +1304,7 @@ var wrappedBuiltinIconsPart = tempWrappedBuiltinIcons;
 var globalLucideIcons = __spreadValues(__spreadValues({}, styledLimitedIconsPart), wrappedBuiltinIconsPart);
 var DEFAULT_FALLBACK_ICON = "BTC";
 function getGlobalIcon(iconKey, createElement) {
+  var _a;
   if (!iconKey) {
     if (createElement) {
       return void 0;
@@ -1313,7 +1313,7 @@ function getGlobalIcon(iconKey, createElement) {
   }
   const Icon2 = globalLucideIcons[iconKey];
   if (!Icon2) {
-    if (process.env.NODE_ENV !== "production") {
+    if (typeof process !== "undefined" && ((_a = process.env) == null ? void 0 : _a.NODE_ENV) !== "production") {
       console.warn(
         `[global-icon] iconKey "${iconKey}" is not defined in globalIcons, will use default "${String(DEFAULT_FALLBACK_ICON)}" icon, please check!`
       );
@@ -5413,310 +5413,6 @@ function SiteIcon(_a) {
     return /* @__PURE__ */ jsx78(CustomIcon, __spreadValues({ size, className: finalClassName }, props));
   }
 }
-
-// src/components/404-page.tsx
-import { useEffect as useEffect5, useState as useState5 } from "react";
-import { jsx as jsx79, jsxs as jsxs28 } from "react/jsx-runtime";
-function NotFoundPage() {
-  const [glitchText, setGlitchText] = useState5("404");
-  useEffect5(() => {
-    const glitchChars = ["4", "0", "4", "?", "#", "!", "*", "&", "%", "$"];
-    const interval = setInterval(() => {
-      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);
-    return () => clearInterval(interval);
-  }, []);
-  return /* @__PURE__ */ jsxs28("div", { className: "flex flex-col items-center justify-center min-h-[75vh] w-full px-4 py-8", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "text-center space-y-8 max-w-2xl", children: [
-      /* @__PURE__ */ jsxs28("div", { className: "relative flex justify-center", children: [
-        /* @__PURE__ */ jsx79(
-          "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",
-            style: {
-              fontFamily: "Montserrat, monospace",
-              textShadow: "0 0 30px rgba(172, 98, 253, 0.3)",
-              letterSpacing: "0.1em"
-            },
-            children: glitchText
-          }
-        ),
-        /* @__PURE__ */ jsx79("div", { className: "absolute inset-0 pointer-events-none", children: /* @__PURE__ */ jsx79("div", { className: "h-full w-full bg-gradient-to-b from-transparent via-purple-500/10 to-transparent animate-pulse" }) })
-      ] }),
-      /* @__PURE__ */ jsxs28("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx79("h2", { className: "text-2xl md:text-3xl font-semibold text-foreground", children: "Page Not Found" }),
-        /* @__PURE__ */ jsx79("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__ */ jsxs28("div", { className: "flex justify-center items-center gap-8 pt-8 opacity-60", children: [
-        /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx79(SiteIcon, {}),
-          /* @__PURE__ */ jsx79("span", { children: "Woops!" })
-        ] }),
-        /* @__PURE__ */ jsx79("div", { className: "w-1 h-1 bg-purple-500 rounded-full animate-ping" }),
-        /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx79(NotFoundIcon, {}),
-          /* @__PURE__ */ jsx79("span", { children: "Error Code: 404" })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "fixed inset-0 pointer-events-none overflow-hidden -z-10", children: [
-      /* @__PURE__ */ jsx79(
-        "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"
-          }
-        }
-      ),
-      Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx79(
-        "div",
-        {
-          className: "absolute w-2 h-2 bg-purple-500/20 rounded-full animate-bounce",
-          style: {
-            left: `${20 + i * 15}%`,
-            top: `${30 + i % 3 * 20}%`,
-            animationDelay: `${i * 0.5}s`,
-            animationDuration: `${2 + i * 0.3}s`
-          }
-        },
-        i
-      ))
-    ] })
-  ] });
-}
-
-// src/components/go-to-top.tsx
-import { useState as useState6, useEffect as useEffect6 } from "react";
-import { Fragment as Fragment2, jsx as jsx80 } from "react/jsx-runtime";
-
-// src/components/language-detector.tsx
-import { useLocale, useTranslations } from "next-intl";
-import { useRouter } from "next/navigation";
-import { useEffect as useEffect7, useState as useState7 } from "react";
-import { jsx as jsx81, jsxs as jsxs29 } from "react/jsx-runtime";
-function LanguageDetector({ i18nConfig }) {
-  const [show, setShow] = useState7(false);
-  const [detectedLocale, setDetectedLocale] = useState7(null);
-  const currentLocale = useLocale();
-  const router = useRouter();
-  const t = useTranslations("languageDetection");
-  const LANGUAGE_PREFERENCE_KEY = `${i18nConfig.detector.storagePrefix}-${i18nConfig.detector.storageKey}`;
-  useEffect7(() => {
-    const browserLang = navigator.language.split("-")[0];
-    const savedPreference = localStorage.getItem(LANGUAGE_PREFERENCE_KEY);
-    const preference = savedPreference ? JSON.parse(savedPreference) : null;
-    const shouldShowDetector = () => {
-      if (!preference) return true;
-      if (preference.locale === currentLocale) return false;
-      if (preference.status === "rejected" && preference.locale === browserLang) return false;
-      if (preference.status === "accepted" && preference.locale === currentLocale) return false;
-      const expirationMs = i18nConfig.detector.expirationDays * 24 * 60 * 60 * 1e3;
-      if (Date.now() - preference.timestamp < expirationMs) return false;
-      return true;
-    };
-    if (i18nConfig.locales.includes(browserLang) && browserLang !== currentLocale && shouldShowDetector()) {
-      setDetectedLocale(browserLang);
-      setShow(true);
-      const timer = setTimeout(() => {
-        console.log("[LanguageDetector] Auto closing after timeout");
-        setShow(false);
-        savePreference(browserLang, "rejected");
-      }, i18nConfig.detector.autoCloseTimeout);
-      return () => clearTimeout(timer);
-    }
-  }, [currentLocale]);
-  const savePreference = (locale, status) => {
-    const preference = {
-      locale,
-      status,
-      timestamp: Date.now()
-    };
-    localStorage.setItem(LANGUAGE_PREFERENCE_KEY, JSON.stringify(preference));
-  };
-  const handleLanguageChange = () => {
-    if (detectedLocale) {
-      savePreference(detectedLocale, "accepted");
-      const pathname = window.location.pathname;
-      const newPathname = pathname.replace(`/${currentLocale}`, `/${detectedLocale}`);
-      router.push(newPathname);
-      setShow(false);
-    }
-  };
-  const handleClose = () => {
-    if (detectedLocale) {
-      savePreference(detectedLocale, "rejected");
-    }
-    setShow(false);
-  };
-  if (!detectedLocale || !show) return null;
-  return /* @__PURE__ */ jsx81("div", { className: "fixed top-16 right-4 z-40 w-[420px]", children: /* @__PURE__ */ jsx81("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__ */ jsxs29("div", { className: "relative px-6 py-4 overflow-hidden", children: [
-    /* @__PURE__ */ jsxs29("div", { className: "relative z-10 flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsxs29("div", { className: "flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx81("h3", { className: "text-lg font-semibold text-gray-900", children: t("title") }),
-          /* @__PURE__ */ jsxs29("p", { className: "text-base text-gray-600", children: [
-            t("description"),
-            " ",
-            /* @__PURE__ */ jsx81("span", { className: "text-purple-500 font-semibold", children: detectedLocale === "zh" ? "\u4E2D\u6587" : "English" }),
-            "?"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx81(
-          "button",
-          {
-            onClick: handleClose,
-            className: "text-gray-500 hover:text-gray-700",
-            children: /* @__PURE__ */ jsx81(globalLucideIcons.X, { className: "h-5 w-5" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx81(
-          "button",
-          {
-            onClick: handleClose,
-            className: "flex-1 px-4 py-2 text-base bg-gray-100 text-gray-600 rounded-md hover:bg-gray-200",
-            children: t("close")
-          }
-        ),
-        /* @__PURE__ */ jsx81(
-          "button",
-          {
-            onClick: handleLanguageChange,
-            className: "flex-1 px-4 py-2 text-base bg-purple-500 text-white rounded-md hover:bg-purple-600",
-            children: t("changeAction")
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx81("div", { className: "absolute inset-0 bg-linear-to-r from-transparent via-purple-200/30 to-transparent animate-shimmer" })
-  ] }) }) });
-}
-
-// src/components/language-switcher.tsx
-import { usePathname, useRouter as useRouter2 } from "next/navigation";
-import { useLocale as useLocale2 } from "next-intl";
-import { jsx as jsx82, jsxs as jsxs30 } from "react/jsx-runtime";
-function LanguageSwitcher({ locales, localeLabels }) {
-  const locale = useLocale2();
-  const router = useRouter2();
-  const pathname = usePathname();
-  const handleLocaleChange = (newLocale) => {
-    const newPathname = pathname.replace(`/${locale}`, `/${newLocale}`);
-    router.push(newPathname);
-  };
-  return /* @__PURE__ */ jsxs30(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx82(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx82(
-      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__ */ jsx82(globalLucideIcons.Globe, { className: "h-5 w-5" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx82(
-      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__ */ jsx82("div", { className: "grid grid-cols-2 gap-1", children: locales.map((loc) => /* @__PURE__ */ jsx82(
-          DropdownMenuItem,
-          {
-            className: `
-                          px-2 py-2 text-sm cursor-pointer text-center justify-center
-                          transition-all duration-300 ease-in-out
-                          hover:scale-105 hover:shadow-md
-                          rounded-md whitespace-nowrap
-                          ${locale === loc ? "bg-linear-to-r from-purple-400 to-pink-600 text-white font-medium shadow-lg scale-105" : "hover:bg-linear-to-r hover:from-purple-400/10 hover:to-pink-600/10 hover:text-transparent hover:bg-clip-text"}
-                            `,
-            onClick: () => handleLocaleChange(loc),
-            children: localeLabels[loc]
-          },
-          loc
-        )) })
-      }
-    )
-  ] });
-}
-
-// src/components/script/google-analytics-script.tsx
-import Script from "next/script";
-import { Fragment as Fragment3, jsx as jsx83, jsxs as jsxs31 } from "react/jsx-runtime";
-var googleAnalyticsId = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID;
-function GoogleAnalyticsScript() {
-  if (process.env.NODE_ENV !== "production") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs31(Fragment3, { children: [
-    /* @__PURE__ */ jsx83(
-      Script,
-      {
-        strategy: "afterInteractive",
-        src: `https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsId}`
-      }
-    ),
-    /* @__PURE__ */ jsx83(
-      Script,
-      {
-        id: "google-analytics",
-        strategy: "afterInteractive",
-        dangerouslySetInnerHTML: {
-          __html: `
-            window.dataLayer = window.dataLayer || [];
-            function gtag(){dataLayer.push(arguments);}
-            gtag('js', new Date());
-            gtag('config', '${googleAnalyticsId}');
-          `
-        }
-      }
-    )
-  ] });
-}
-function useGoogleAnalytics() {
-  const trackEvent = (event, data) => {
-    if (typeof window === "undefined" || !window.gtag) {
-      return;
-    }
-    window.gtag("event", event, data);
-  };
-  return {
-    trackEvent
-  };
-}
-
-// src/components/script/microsoft-clarity-script.tsx
-import Script2 from "next/script";
-import { jsx as jsx84 } from "react/jsx-runtime";
-var microsoftClarityId = process.env.NEXT_PUBLIC_MICROSOFT_CLARITY_ID;
-function MicrosoftClarityScript() {
-  if (process.env.NODE_ENV !== "production") {
-    return null;
-  }
-  return /* @__PURE__ */ jsx84(Script2, { 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;
-          y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
-        })(window, document, "clarity", "script", "${microsoftClarityId}");
-      ` });
-}
 export {
   Accordion,
   AccordionContent,
@@ -5838,7 +5534,6 @@ export {
   FormItem,
   FormLabel,
   FormMessage,
-  GoogleAnalyticsScript,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
@@ -5850,8 +5545,6 @@ export {
   InputOTPSlot,
   Label3 as Label,
   LanguageButton,
-  LanguageDetector,
-  LanguageSwitcher,
   Menubar,
   MenubarCheckboxItem,
   MenubarContent,
@@ -5868,7 +5561,6 @@ export {
   MenubarSubContent,
   MenubarSubTrigger,
   MenubarTrigger,
-  MicrosoftClarityScript,
   NavigationMenu,
   NavigationMenuContent,
   NavigationMenuIndicator,
@@ -5878,7 +5570,6 @@ export {
   NavigationMenuTrigger,
   NavigationMenuViewport,
   NotFoundIcon,
-  NotFoundPage,
   Pagination,
   PaginationContent,
   PaginationEllipsis,
@@ -5984,7 +5675,6 @@ export {
   toast,
   toggleVariants,
   useFormField,
-  useGoogleAnalytics,
   useIsMobile,
   useSidebar,
   useToast