@windrun-huaiin/base-ui 6.0.3 → 7.1.0

package/dist/components/index.d.cts

@@ -6,20 +6,6 @@ interface NotFoundPageProps {
 }
 declare function NotFoundPage({ siteIcon }: NotFoundPageProps): react_jsx_runtime.JSX.Element;
 
-type I18nConfig = {
-    locales: readonly string[];
-    detector: {
-        storagePrefix: string;
-        storageKey: string;
-        autoCloseTimeout: number;
-        expirationDays: number;
-    };
-};
-interface LanguageDetectorProps {
-    i18nConfig: I18nConfig;
-}
-declare function LanguageDetector({ i18nConfig }: LanguageDetectorProps): react_jsx_runtime.JSX.Element | null;
-
 /**
  * @license
  * MIT License
@@ -34,17 +20,4 @@ interface LanguageSwitcherProps {
 }
 declare function LanguageSwitcher({ locales, localeLabels }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element;
 
-declare function GoogleAnalyticsScript(): react_jsx_runtime.JSX.Element | null;
-declare function useGoogleAnalytics(): {
-    trackEvent: (event: string, data?: Record<string, unknown>) => void;
-};
-declare global {
-    interface Window {
-        dataLayer: any[];
-        gtag: (...args: any[]) => void;
-    }
-}
-
-declare function MicrosoftClarityScript(): react_jsx_runtime.JSX.Element | null;
-
-export { GoogleAnalyticsScript, LanguageDetector, LanguageSwitcher, MicrosoftClarityScript, NotFoundPage, useGoogleAnalytics };
+export { LanguageSwitcher, NotFoundPage };

package/dist/components/index.d.ts

@@ -6,20 +6,6 @@ interface NotFoundPageProps {
 }
 declare function NotFoundPage({ siteIcon }: NotFoundPageProps): react_jsx_runtime.JSX.Element;
 
-type I18nConfig = {
-    locales: readonly string[];
-    detector: {
-        storagePrefix: string;
-        storageKey: string;
-        autoCloseTimeout: number;
-        expirationDays: number;
-    };
-};
-interface LanguageDetectorProps {
-    i18nConfig: I18nConfig;
-}
-declare function LanguageDetector({ i18nConfig }: LanguageDetectorProps): react_jsx_runtime.JSX.Element | null;
-
 /**
  * @license
  * MIT License
@@ -34,17 +20,4 @@ interface LanguageSwitcherProps {
 }
 declare function LanguageSwitcher({ locales, localeLabels }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element;
 
-declare function GoogleAnalyticsScript(): react_jsx_runtime.JSX.Element | null;
-declare function useGoogleAnalytics(): {
-    trackEvent: (event: string, data?: Record<string, unknown>) => void;
-};
-declare global {
-    interface Window {
-        dataLayer: any[];
-        gtag: (...args: any[]) => void;
-    }
-}
-
-declare function MicrosoftClarityScript(): react_jsx_runtime.JSX.Element | null;
-
-export { GoogleAnalyticsScript, LanguageDetector, LanguageSwitcher, MicrosoftClarityScript, NotFoundPage, useGoogleAnalytics };
+export { LanguageSwitcher, NotFoundPage };

package/dist/components/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 "use strict";
 "use client";
 var __create = Object.create;
@@ -60,12 +61,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/index.ts
 var components_exports = {};
 __export(components_exports, {
-  GoogleAnalyticsScript: () => GoogleAnalyticsScript,
-  LanguageDetector: () => LanguageDetector,
   LanguageSwitcher: () => LanguageSwitcher,
-  MicrosoftClarityScript: () => MicrosoftClarityScript,
-  NotFoundPage: () => NotFoundPage,
-  useGoogleAnalytics: () => useGoogleAnalytics
+  NotFoundPage: () => NotFoundPage
 });
 module.exports = __toCommonJS(components_exports);
 
@@ -1484,115 +1481,9 @@ function NotFoundPage({ siteIcon }) {
   ] });
 }
 
-// src/components/language-detector.tsx
-var import_next_intl = require("next-intl");
-var import_navigation = require("next/navigation");
-var import_react34 = require("react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-function LanguageDetector({ i18nConfig }) {
-  const [show, setShow] = (0, import_react34.useState)(false);
-  const [detectedLocale, setDetectedLocale] = (0, import_react34.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_react34.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_runtime34.jsx)("div", { className: "fixed top-16 right-4 z-40 w-[420px]", children: /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsxs)("div", { className: "relative px-6 py-4 overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative z-10 flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-lg font-semibold text-gray-900", children: t("title") }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "text-base text-gray-600", children: [
-            t("description"),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-purple-500 font-semibold", children: detectedLocale === "zh" ? "\u4E2D\u6587" : "English" }),
-            "?"
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-          "button",
-          {
-            onClick: handleClose,
-            className: "text-gray-500 hover:text-gray-700",
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(globalLucideIcons.X, { className: "h-5 w-5" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.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_runtime34.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_navigation = require("next/navigation");
+var import_next_intl = require("next-intl");
 
 // src/ui/dropdown-menu.tsx
 var React33 = __toESM(require("react"), 1);
@@ -1606,12 +1497,12 @@ function cn(...inputs) {
 }
 
 // src/ui/dropdown-menu.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("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__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     DropdownMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -1623,7 +1514,7 @@ var DropdownMenuSubTrigger = React33.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(globalLucideIcons.ChevronRight, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(globalLucideIcons.ChevronRight, { className: "ml-auto" })
       ]
     })
   );
@@ -1631,7 +1522,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__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -1645,7 +1536,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__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -1660,7 +1551,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__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       ref,
@@ -1675,7 +1566,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__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     DropdownMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -1686,7 +1577,7 @@ var DropdownMenuCheckboxItem = React33.forwardRef((_a, ref) => {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(globalLucideIcons.Check, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(globalLucideIcons.Check, { className: "h-4 w-4" }) }) }),
         children
       ]
     })
@@ -1695,7 +1586,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__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     DropdownMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -1705,7 +1596,7 @@ var DropdownMenuRadioItem = React33.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(globalLucideIcons.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(globalLucideIcons.Circle, { className: "h-2 w-2 fill-current" }) }) }),
         children
       ]
     })
@@ -1714,7 +1605,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__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       ref,
@@ -1729,7 +1620,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__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       ref,
@@ -1744,7 +1635,7 @@ var DropdownMenuShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "span",
     __spreadValues({
       className: cn("ml-auto text-xs tracking-widest opacity-60", className)
@@ -1755,11 +1646,11 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/ui/language-button.tsx
 var React34 = __toESM(require("react"), 1);
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("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__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "button",
       __spreadValues({
         className: cn(
@@ -1782,32 +1673,32 @@ var LanguageButton = React34.forwardRef(
 LanguageButton.displayName = "Button";
 
 // src/components/language-switcher.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime36 = 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 locale = (0, import_next_intl.useLocale)();
+  const router = (0, import_navigation.useRouter)();
+  const pathname = (0, import_navigation.usePathname)();
   const handleLocaleChange = (newLocale) => {
     const newPathname = pathname.replace(`/${locale}`, `/${newLocale}`);
     router.push(newPathname);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime37.jsx)(globalLucideIcons.Globe, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(globalLucideIcons.Globe, { className: "h-5 w-5" })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime37.jsx)("div", { className: "grid grid-cols-2 gap-1", children: locales.map((loc) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "grid grid-cols-2 gap-1", children: locales.map((loc) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           DropdownMenuItem,
           {
             className: `
@@ -1826,68 +1717,6 @@ function LanguageSwitcher({ locales, localeLabels }) {
     )
   ] });
 }
-
-// src/components/script/google-analytics-script.tsx
-var import_script = __toESM(require("next/script"), 1);
-var import_jsx_runtime38 = 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_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-      import_script.default,
-      {
-        strategy: "afterInteractive",
-        src: `https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsId}`
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime38.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"), 1);
-var import_jsx_runtime39 = 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_runtime39.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}");
-      ` });
-}
 /**
  * @license
  * MIT License