@windrun-huaiin/base-ui 6.0.3 → 7.0.0

package/dist/components/index.mjs

@@ -1563,115 +1563,9 @@ function NotFoundPage({ siteIcon }) {
   ] });
 }
 
-// src/components/language-detector.tsx
-import { useLocale, useTranslations } from "next-intl";
-import { useRouter } from "next/navigation";
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { jsx as jsx34, jsxs as jsxs11 } from "react/jsx-runtime";
-function LanguageDetector({ i18nConfig }) {
-  const [show, setShow] = useState2(false);
-  const [detectedLocale, setDetectedLocale] = useState2(null);
-  const currentLocale = useLocale();
-  const router = useRouter();
-  const t = useTranslations("languageDetection");
-  const LANGUAGE_PREFERENCE_KEY = `${i18nConfig.detector.storagePrefix}-${i18nConfig.detector.storageKey}`;
-  useEffect2(() => {
-    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__ */ jsx34("div", { className: "fixed top-16 right-4 z-40 w-[420px]", children: /* @__PURE__ */ jsx34("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__ */ jsxs11("div", { className: "relative px-6 py-4 overflow-hidden", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "relative z-10 flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx34("h3", { className: "text-lg font-semibold text-gray-900", children: t("title") }),
-          /* @__PURE__ */ jsxs11("p", { className: "text-base text-gray-600", children: [
-            t("description"),
-            " ",
-            /* @__PURE__ */ jsx34("span", { className: "text-purple-500 font-semibold", children: detectedLocale === "zh" ? "\u4E2D\u6587" : "English" }),
-            "?"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx34(
-          "button",
-          {
-            onClick: handleClose,
-            className: "text-gray-500 hover:text-gray-700",
-            children: /* @__PURE__ */ jsx34(globalLucideIcons.X, { className: "h-5 w-5" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx34(
-          "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__ */ jsx34(
-          "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__ */ jsx34("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 { usePathname, useRouter } from "next/navigation";
+import { useLocale } from "next-intl";
 
 // src/ui/dropdown-menu.tsx
 import * as React33 from "react";
@@ -1685,12 +1579,12 @@ function cn(...inputs) {
 }
 
 // src/ui/dropdown-menu.tsx
-import { jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs11 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuSubTrigger = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     DropdownMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -1702,7 +1596,7 @@ var DropdownMenuSubTrigger = React33.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx35(globalLucideIcons.ChevronRight, { className: "ml-auto" })
+        /* @__PURE__ */ jsx34(globalLucideIcons.ChevronRight, { className: "ml-auto" })
       ]
     })
   );
@@ -1710,7 +1604,7 @@ var DropdownMenuSubTrigger = React33.forwardRef((_a, ref) => {
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
 var DropdownMenuSubContent = React33.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -1724,7 +1618,7 @@ var DropdownMenuSubContent = React33.forwardRef((_a, ref) => {
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
 var DropdownMenuContent = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
-  return /* @__PURE__ */ jsx35(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -1739,7 +1633,7 @@ var DropdownMenuContent = React33.forwardRef((_a, ref) => {
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
 var DropdownMenuItem = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       ref,
@@ -1754,7 +1648,7 @@ var DropdownMenuItem = React33.forwardRef((_a, ref) => {
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
 var DropdownMenuCheckboxItem = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     DropdownMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -1765,7 +1659,7 @@ var DropdownMenuCheckboxItem = React33.forwardRef((_a, ref) => {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx35("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(globalLucideIcons.Check, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx34("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(globalLucideIcons.Check, { className: "h-4 w-4" }) }) }),
         children
       ]
     })
@@ -1774,7 +1668,7 @@ var DropdownMenuCheckboxItem = React33.forwardRef((_a, ref) => {
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
 var DropdownMenuRadioItem = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     DropdownMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -1784,7 +1678,7 @@ var DropdownMenuRadioItem = React33.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx35("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(globalLucideIcons.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx34("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(globalLucideIcons.Circle, { className: "h-2 w-2 fill-current" }) }) }),
         children
       ]
     })
@@ -1793,7 +1687,7 @@ var DropdownMenuRadioItem = React33.forwardRef((_a, ref) => {
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
 var DropdownMenuLabel = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       ref,
@@ -1808,7 +1702,7 @@ var DropdownMenuLabel = React33.forwardRef((_a, ref) => {
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 var DropdownMenuSeparator = React33.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       ref,
@@ -1823,7 +1717,7 @@ var DropdownMenuShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     "span",
     __spreadValues({
       className: cn("ml-auto text-xs tracking-widest opacity-60", className)
@@ -1834,11 +1728,11 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/ui/language-button.tsx
 import * as React34 from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var LanguageButton = React34.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant = "default", size = "default" } = _b, props = __objRest(_b, ["className", "variant", "size"]);
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx35(
       "button",
       __spreadValues({
         className: cn(
@@ -1861,32 +1755,32 @@ var LanguageButton = React34.forwardRef(
 LanguageButton.displayName = "Button";
 
 // src/components/language-switcher.tsx
-import { jsx as jsx37, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs12 } from "react/jsx-runtime";
 function LanguageSwitcher({ locales, localeLabels }) {
-  const locale = useLocale2();
-  const router = useRouter2();
+  const locale = useLocale();
+  const router = useRouter();
   const pathname = usePathname();
   const handleLocaleChange = (newLocale) => {
     const newPathname = pathname.replace(`/${locale}`, `/${newLocale}`);
     router.push(newPathname);
   };
-  return /* @__PURE__ */ jsxs13(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx37(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs12(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx36(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx36(
       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__ */ jsx37(globalLucideIcons.Globe, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ jsx36(globalLucideIcons.Globe, { className: "h-5 w-5" })
       }
     ) }),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx36(
       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__ */ jsx37("div", { className: "grid grid-cols-2 gap-1", children: locales.map((loc) => /* @__PURE__ */ jsx37(
+        children: /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-2 gap-1", children: locales.map((loc) => /* @__PURE__ */ jsx36(
           DropdownMenuItem,
           {
             className: `
@@ -1905,75 +1799,9 @@ function LanguageSwitcher({ locales, localeLabels }) {
     )
   ] });
 }
-
-// src/components/script/google-analytics-script.tsx
-import Script from "next/script";
-import { Fragment, jsx as jsx38, jsxs as jsxs14 } 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__ */ jsxs14(Fragment, { children: [
-    /* @__PURE__ */ jsx38(
-      Script,
-      {
-        strategy: "afterInteractive",
-        src: `https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsId}`
-      }
-    ),
-    /* @__PURE__ */ jsx38(
-      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 jsx39 } 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__ */ jsx39(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 {
-  GoogleAnalyticsScript,
-  LanguageDetector,
   LanguageSwitcher,
-  MicrosoftClarityScript,
-  NotFoundPage,
-  useGoogleAnalytics
+  NotFoundPage
 };
 /**
  * @license