@windrun-huaiin/base-ui 3.2.3 → 3.3.0

package/dist/index.js

@@ -1,4 +1,3 @@
-"use client";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -180,7 +179,6 @@ __export(index_exports, {
   FormItem: () => FormItem,
   FormLabel: () => FormLabel,
   FormMessage: () => FormMessage,
-  GoogleAnalyticsScript: () => GoogleAnalyticsScript,
   HoverCard: () => HoverCard,
   HoverCardContent: () => HoverCardContent,
   HoverCardTrigger: () => HoverCardTrigger,
@@ -192,8 +190,6 @@ __export(index_exports, {
   InputOTPSlot: () => InputOTPSlot,
   Label: () => Label3,
   LanguageButton: () => LanguageButton,
-  LanguageDetector: () => LanguageDetector,
-  LanguageSwitcher: () => LanguageSwitcher,
   Menubar: () => Menubar,
   MenubarCheckboxItem: () => MenubarCheckboxItem,
   MenubarContent: () => MenubarContent,
@@ -210,7 +206,6 @@ __export(index_exports, {
   MenubarSubContent: () => MenubarSubContent,
   MenubarSubTrigger: () => MenubarSubTrigger,
   MenubarTrigger: () => MenubarTrigger,
-  MicrosoftClarityScript: () => MicrosoftClarityScript,
   NavigationMenu: () => NavigationMenu,
   NavigationMenuContent: () => NavigationMenuContent,
   NavigationMenuIndicator: () => NavigationMenuIndicator,
@@ -220,7 +215,6 @@ __export(index_exports, {
   NavigationMenuTrigger: () => NavigationMenuTrigger,
   NavigationMenuViewport: () => NavigationMenuViewport,
   NotFoundIcon: () => NotFoundIcon,
-  NotFoundPage: () => NotFoundPage,
   Pagination: () => Pagination,
   PaginationContent: () => PaginationContent,
   PaginationEllipsis: () => PaginationEllipsis,
@@ -326,7 +320,6 @@ __export(index_exports, {
   toast: () => toast,
   toggleVariants: () => toggleVariants,
   useFormField: () => useFormField,
-  useGoogleAnalytics: () => useGoogleAnalytics,
   useIsMobile: () => useIsMobile,
   useSidebar: () => useSidebar,
   useToast: () => useToast
@@ -1524,6 +1517,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;
@@ -1532,7 +1526,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!`
       );
@@ -5628,310 +5622,6 @@ function SiteIcon(_a) {
     return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CustomIcon, __spreadValues({ size, className: finalClassName }, props));
   }
 }
-
-// src/components/404-page.tsx
-var import_react31 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
-function NotFoundPage() {
-  const [glitchText, setGlitchText] = (0, import_react31.useState)("404");
-  (0, import_react31.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col items-center justify-center min-h-[75vh] w-full px-4 py-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "text-center space-y-8 max-w-2xl", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "relative flex justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.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",
-            style: {
-              fontFamily: "Montserrat, monospace",
-              textShadow: "0 0 30px rgba(172, 98, 253, 0.3)",
-              letterSpacing: "0.1em"
-            },
-            children: glitchText
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "absolute inset-0 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime79.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "text-2xl md:text-3xl font-semibold text-foreground", children: "Page Not Found" }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime79.jsxs)("div", { className: "flex justify-center items-center gap-8 pt-8 opacity-60", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SiteIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: "Woops!" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "w-1 h-1 bg-purple-500 rounded-full animate-ping" }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(NotFoundIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: "Error Code: 404" })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fixed inset-0 pointer-events-none overflow-hidden -z-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-        "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__ */ (0, import_jsx_runtime79.jsx)(
-        "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
-var import_react32 = require("react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
-
-// src/components/language-detector.tsx
-var import_next_intl = require("next-intl");
-var import_navigation = require("next/navigation");
-var import_react33 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
-function LanguageDetector({ i18nConfig }) {
-  const [show, setShow] = (0, import_react33.useState)(false);
-  const [detectedLocale, setDetectedLocale] = (0, import_react33.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_react33.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime81.jsx)("div", { className: "fixed top-16 right-4 z-40 w-[420px]", children: /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime81.jsxs)("div", { className: "relative px-6 py-4 overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "relative z-10 flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { className: "text-lg font-semibold text-gray-900", children: t("title") }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("p", { className: "text-base text-gray-600", children: [
-            t("description"),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-purple-500 font-semibold", children: detectedLocale === "zh" ? "\u4E2D\u6587" : "English" }),
-            "?"
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-          "button",
-          {
-            onClick: handleClose,
-            className: "text-gray-500 hover:text-gray-700",
-            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(globalLucideIcons.X, { className: "h-5 w-5" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-          "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__ */ (0, import_jsx_runtime81.jsx)(
-          "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__ */ (0, import_jsx_runtime81.jsx)("div", { className: "absolute inset-0 bg-linear-to-r from-transparent via-purple-200/30 to-transparent animate-shimmer" })
-  ] }) }) });
-}
-
-// src/components/language-switcher.tsx
-var import_navigation2 = require("next/navigation");
-var import_next_intl2 = require("next-intl");
-var import_jsx_runtime82 = require("react/jsx-runtime");
-function LanguageSwitcher({ locales, localeLabels }) {
-  const locale = (0, import_next_intl2.useLocale)();
-  const router = (0, import_navigation2.useRouter)();
-  const pathname = (0, import_navigation2.usePathname)();
-  const handleLocaleChange = (newLocale) => {
-    const newPathname = pathname.replace(`/${locale}`, `/${newLocale}`);
-    router.push(newPathname);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)(globalLucideIcons.Globe, { className: "h-5 w-5" })
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)("div", { className: "grid grid-cols-2 gap-1", children: locales.map((loc) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-          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
-var import_script = __toESM(require("next/script"));
-var import_jsx_runtime83 = 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_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
-      import_script.default,
-      {
-        strategy: "afterInteractive",
-        src: `https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsId}`
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
-      import_script.default,
-      {
-        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
-var import_script2 = __toESM(require("next/script"));
-var import_jsx_runtime84 = 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_runtime84.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;
-          y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
-        })(window, document, "clarity", "script", "${microsoftClarityId}");
-      ` });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -6054,7 +5744,6 @@ function MicrosoftClarityScript() {
   FormItem,
   FormLabel,
   FormMessage,
-  GoogleAnalyticsScript,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
@@ -6066,8 +5755,6 @@ function MicrosoftClarityScript() {
   InputOTPSlot,
   Label,
   LanguageButton,
-  LanguageDetector,
-  LanguageSwitcher,
   Menubar,
   MenubarCheckboxItem,
   MenubarContent,
@@ -6084,7 +5771,6 @@ function MicrosoftClarityScript() {
   MenubarSubContent,
   MenubarSubTrigger,
   MenubarTrigger,
-  MicrosoftClarityScript,
   NavigationMenu,
   NavigationMenuContent,
   NavigationMenuIndicator,
@@ -6094,7 +5780,6 @@ function MicrosoftClarityScript() {
   NavigationMenuTrigger,
   NavigationMenuViewport,
   NotFoundIcon,
-  NotFoundPage,
   Pagination,
   PaginationContent,
   PaginationEllipsis,
@@ -6200,7 +5885,6 @@ function MicrosoftClarityScript() {
   toast,
   toggleVariants,
   useFormField,
-  useGoogleAnalytics,
   useIsMobile,
   useSidebar,
   useToast