@windrun-huaiin/third-ui 5.14.2 → 6.1.0

package/dist/main/index.mjs

@@ -55,6 +55,9 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
+// src/main/go-to-top.tsx
+import { useState, useEffect } from "react";
+
 // ../base-ui/src/assets/github.tsx
 import React from "react";
 
@@ -2693,1112 +2696,220 @@ for (const [iconName, IconComponent] of Object.entries(BUILTIN_ICON_COMPONENTS))
 }
 var wrappedBuiltinIconsPart = tempWrappedBuiltinIcons;
 var globalLucideIcons = __spreadValues(__spreadValues({}, styledLimitedIconsPart), wrappedBuiltinIconsPart);
-var DEFAULT_FALLBACK_ICON = "Sparkles";
-function getGlobalIcon(iconKey, createElement8) {
-  var _a;
-  if (!iconKey) {
-    if (createElement8) {
-      return void 0;
-    }
-    return globalLucideIcons[DEFAULT_FALLBACK_ICON];
-  }
-  const Icon2 = globalLucideIcons[iconKey];
-  if (!Icon2) {
-    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!`
-      );
-    }
-    const FallbackIcon = globalLucideIcons[DEFAULT_FALLBACK_ICON];
-    if (createElement8) {
-      return React32.createElement(FallbackIcon);
+
+// src/main/go-to-top.tsx
+import { Fragment, jsx as jsx33 } from "react/jsx-runtime";
+function GoToTop() {
+  const [isVisible, setIsVisible] = useState(false);
+  useEffect(() => {
+    const toggleVisibility = () => {
+      if (window.scrollY > 300) {
+        setIsVisible(true);
+      } else {
+        setIsVisible(false);
+      }
+    };
+    window.addEventListener("scroll", toggleVisibility);
+    return () => window.removeEventListener("scroll", toggleVisibility);
+  }, []);
+  const scrollToTop = () => {
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  };
+  return /* @__PURE__ */ jsx33(Fragment, { children: isVisible && /* @__PURE__ */ jsx33(
+    "button",
+    {
+      onClick: scrollToTop,
+      className: "fixed bottom-6 right-6 p-3 bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700 text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300 z-50",
+      "aria-label": "Go to top",
+      children: /* @__PURE__ */ jsx33(globalLucideIcons.ArrowUp, { size: 20, className: "text-white" })
     }
-    return FallbackIcon;
-  }
-  if (createElement8) {
-    return React32.createElement(Icon2);
-  }
-  return Icon2;
+  ) });
 }
 
-// ../lib/src/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
+// src/main/loading.tsx
+import { jsx as jsx34, jsxs as jsxs10 } from "react/jsx-runtime";
+var NUM_ROWS = 15;
+var NUM_COLS = 15;
+var DOT_SIZE = 6;
+var SPACING = 12;
+var ANIMATION_DURATION = 1.8;
+var STAGGER_DELAY_FACTOR = 0.08;
+var COLORS = [
+  "#AC62FD",
+  // Base Purple
+  "#C364FA",
+  "#DD59F7",
+  "#FF4FF2",
+  // Bright Pink/Magenta
+  "#F067DD",
+  "#E26AF8",
+  "#DA70D6",
+  // Orchid
+  "#BA55D3",
+  // Medium Orchid
+  "#9370DB",
+  // Medium Purple
+  "#8A2BE2"
+  // Blue Violet
+];
+function Loading() {
+  const dots = [];
+  const centerX = (NUM_COLS - 1) / 2;
+  const centerY = (NUM_ROWS - 1) / 2;
+  for (let i = 0; i < NUM_ROWS; i++) {
+    for (let j = 0; j < NUM_COLS; j++) {
+      const distance = Math.sqrt(Math.pow(i - centerY, 2) + Math.pow(j - centerX, 2));
+      dots.push({
+        id: `${i}-${j}`,
+        row: i,
+        col: j,
+        // Animation delay based on distance, creating a ripple effect
+        delay: distance * STAGGER_DELAY_FACTOR,
+        // Color selection based on distance rings
+        color: COLORS[Math.floor(distance) % COLORS.length]
+      });
+    }
+  }
+  const containerWidth = (NUM_COLS - 1) * SPACING + DOT_SIZE;
+  const containerHeight = (NUM_ROWS - 1) * SPACING + DOT_SIZE;
+  return /* @__PURE__ */ jsx34("div", { className: "flex flex-col items-center justify-center min-h-screen bg-neutral-900", children: /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      style: {
+        width: containerWidth,
+        height: containerHeight,
+        position: "relative",
+        borderRadius: "50%",
+        // Make the container circular
+        overflow: "hidden"
+        // Clip dots outside the circle
+      },
+      children: [
+        dots.map((dot) => /* @__PURE__ */ jsx34(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              left: dot.col * SPACING,
+              top: dot.row * SPACING,
+              width: DOT_SIZE,
+              height: DOT_SIZE,
+              backgroundColor: dot.color,
+              borderRadius: "50%",
+              animationName: "loading-dot-pulse",
+              animationDuration: `${ANIMATION_DURATION}s`,
+              animationTimingFunction: "cubic-bezier(0.45, 0, 0.55, 1)",
+              animationIterationCount: "infinite",
+              animationDelay: `${dot.delay}s`,
+              opacity: 0,
+              transform: "scale(0)"
+            }
+          },
+          dot.id
+        )),
+        /* @__PURE__ */ jsx34(
+          "div",
+          {
+            className: "absolute inset-0 flex items-center justify-center",
+            style: { pointerEvents: "none" },
+            children: /* @__PURE__ */ jsx34("p", { className: "text-xl font-semibold text-white", children: "Loading..." })
+          }
+        )
+      ]
+    }
+  ) });
 }
 
-// src/main/gallery.tsx
-import { useTranslations } from "next-intl";
-import Image from "next/image";
-import { useState } from "react";
-import { jsx as jsx33, jsxs as jsxs10 } from "react/jsx-runtime";
-function Gallery({ sectionClassName, button }) {
-  const t = useTranslations("gallery");
-  const galleryItems = t.raw("prompts");
-  const defaultImgUrl = t.raw("defaultImgUrl");
-  const [imageErrors, setImageErrors] = useState(/* @__PURE__ */ new Set());
-  const [downloadingItems, setDownloadingItems] = useState(/* @__PURE__ */ new Set());
-  const cdnProxyUrl = process.env.NEXT_PUBLIC_STYLE_CDN_PROXY_URL;
-  const handleDownload = (item, index) => __async(null, null, function* () {
-    var _a;
-    if (downloadingItems.has(index)) {
-      return;
-    }
-    setDownloadingItems((prev) => new Set(prev).add(index));
-    try {
-      const originalUrl = new URL(item.url);
-      const filename = originalUrl.pathname.substring(1);
-      const proxyUrl = `${cdnProxyUrl}/${encodeURIComponent(filename)}`;
-      const urlExtension = (_a = item.url.split(".").pop()) == null ? void 0 : _a.toLowerCase();
-      let extension = ".webp";
-      if (urlExtension && ["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(urlExtension)) {
-        extension = `.${urlExtension}`;
-      }
-      const downloadPrefix = t("downloadPrefix");
-      const response = yield fetch(proxyUrl);
-      if (!response.ok) {
-        throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-      }
-      const blob = yield response.blob();
-      const blobUrl = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = blobUrl;
-      a.download = `${downloadPrefix}-${index + 1}${extension}`;
-      a.style.display = "none";
-      document.body.appendChild(a);
-      a.click();
+// src/main/nprogress-bar.tsx
+import NProgress from "nprogress";
+import { usePathname } from "next/navigation";
+import { useEffect as useEffect2, useRef } from "react";
+NProgress.configure({ showSpinner: false });
+function NProgressBar() {
+  const pathname = usePathname();
+  const previousPath = useRef(pathname);
+  useEffect2(() => {
+    if (previousPath.current !== pathname) {
+      NProgress.start();
       setTimeout(() => {
-        document.body.removeChild(a);
-        URL.revokeObjectURL(blobUrl);
+        NProgress.done();
       }, 100);
-    } catch (error) {
-      console.error("Download failed:", error);
-    } finally {
-      setDownloadingItems((prev) => {
-        const newSet = new Set(prev);
-        newSet.delete(index);
-        return newSet;
-      });
+      previousPath.current = pathname;
     }
-  });
-  const handleImageError = (index) => {
-    setImageErrors((prev) => new Set(prev).add(index));
-  };
-  const getImageSrc = (item, index) => {
-    return imageErrors.has(index) ? defaultImgUrl : item.url;
-  };
-  return /* @__PURE__ */ jsxs10("section", { id: "gallery", className: cn("container mx-auto px-4 py-20 scroll-mt-20", sectionClassName), children: [
-    /* @__PURE__ */ jsxs10("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-6", children: [
-      t("titleL"),
-      " ",
-      /* @__PURE__ */ jsx33("span", { className: "text-purple-500", children: t("eyesOn") }),
-      " ",
-      t("titleR")
-    ] }),
-    /* @__PURE__ */ jsx33("p", { className: "text-center max-w-2xl mx-auto mb-16", children: t("description") }),
-    /* @__PURE__ */ jsx33("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: galleryItems.map((item, index) => /* @__PURE__ */ jsxs10("div", { className: "group relative overflow-hidden rounded-xl", children: [
-      /* @__PURE__ */ jsx33(
-        Image,
-        {
-          src: getImageSrc(item, index),
-          alt: item.altMsg,
-          width: 600,
-          height: 600,
-          className: "w-full h-80 object-cover transition duration-300 group-hover:scale-105",
-          onError: () => handleImageError(index)
-        }
-      ),
-      /* @__PURE__ */ jsx33("div", { className: "absolute inset-0 flex items-end justify-end p-4 opacity-0 group-hover:opacity-100 transition duration-300", children: /* @__PURE__ */ jsx33(
-        "button",
-        {
-          onClick: () => handleDownload(item, index),
-          disabled: downloadingItems.has(index),
-          className: cn(
-            "p-2 rounded-full transition-all duration-300",
-            downloadingItems.has(index) ? "bg-black/30 text-white/50" : "bg-black/50 hover:bg-black/70 text-white/80 hover:text-white"
-          ),
-          children: downloadingItems.has(index) ? /* @__PURE__ */ jsx33(globalLucideIcons.Loader2, { className: "h-5 w-5 text-white animate-spin" }) : /* @__PURE__ */ jsx33(globalLucideIcons.Download, { className: "h-5 w-5 text-white" })
-        }
-      ) })
-    ] }, index)) }),
-    button && /* @__PURE__ */ jsx33("div", { className: "text-center mt-12", children: button })
-  ] });
+  }, [pathname]);
+  return null;
 }
 
-// src/main/usage.tsx
-import { useTranslations as useTranslations2 } from "next-intl";
-
-// src/main/rich-text-expert.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
-var defaultTagRenderers = {
-  // text Stong
-  strong: (chunks) => /* @__PURE__ */ jsx34("strong", { children: chunks }),
-  // text Emphasis
-  em: (chunks) => /* @__PURE__ */ jsx34("em", { children: chunks }),
-  // text Underline
-  u: (chunks) => /* @__PURE__ */ jsx34("u", { children: chunks }),
-  // text Mark
-  mark: (chunks) => /* @__PURE__ */ jsx34("mark", { className: "bg-purple-300 dark:bg-purple-500 text-neutral-800 dark:text-neutral-300 px-1 rounded", children: chunks }),
-  // text Delete
-  del: (chunks) => /* @__PURE__ */ jsx34("del", { children: chunks }),
-  // text Subscript
-  sub: (chunks) => /* @__PURE__ */ jsx34("sub", { children: chunks }),
-  // text Superscript
-  sup: (chunks) => /* @__PURE__ */ jsx34("sup", { children: chunks })
-};
-function createRichTextRenderer(customRenderers) {
-  const renderers = __spreadValues(__spreadValues({}, defaultTagRenderers), customRenderers);
-  return function richText2(t, key) {
-    return t.rich(key, renderers);
-  };
-}
-var richText = createRichTextRenderer();
+// src/main/ads-alert-dialog.tsx
+import { useState as useState11 } from "react";
+import Image from "next/image";
 
-// src/main/usage.tsx
-import { jsx as jsx35, jsxs as jsxs11 } from "react/jsx-runtime";
-function Usage({ sectionClassName }) {
-  const t = useTranslations2("usage");
-  const steps = t.raw("steps");
-  return /* @__PURE__ */ jsxs11("section", { id: "usage", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
-    /* @__PURE__ */ jsxs11("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [
-      t("title"),
-      " ",
-      /* @__PURE__ */ jsx35("span", { className: "text-purple-500", children: t("eyesOn") })
-    ] }),
-    /* @__PURE__ */ jsx35("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto whitespace-nowrap", children: richText(t, "description") }),
-    /* @__PURE__ */ jsx35("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: steps.map((step, idx) => {
-      const Icon2 = getGlobalIcon(step.iconKey);
-      return /* @__PURE__ */ jsxs11("div", { className: "flex items-start", children: [
-        /* @__PURE__ */ jsx35("div", { className: "flex-shrink-0 mr-4", children: /* @__PURE__ */ jsx35(Icon2, { className: "w-8 h-8 text-purple-500" }) }),
-        /* @__PURE__ */ jsxs11("div", { children: [
-          /* @__PURE__ */ jsx35("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: `${idx + 1}. ${step.title}` }),
-          /* @__PURE__ */ jsx35("p", { className: "text-gray-700 dark:text-gray-300", children: richText(t, `steps.${idx}.description`) })
-        ] })
-      ] }, idx);
-    }) }) })
-  ] });
-}
+// ../base-ui/src/ui/alert-dialog.tsx
+import * as React57 from "react";
 
-// src/main/features.tsx
-import { useTranslations as useTranslations3 } from "next-intl";
-import { jsx as jsx36, jsxs as jsxs12 } from "react/jsx-runtime";
-function Features({ sectionClassName }) {
-  const t = useTranslations3("features");
-  const featureItems = t.raw("items");
-  return /* @__PURE__ */ jsxs12("section", { id: "features", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-18", sectionClassName), children: [
-    /* @__PURE__ */ jsxs12("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [
-      t("title"),
-      " ",
-      /* @__PURE__ */ jsx36("span", { className: "text-purple-500", children: t("eyesOn") })
-    ] }),
-    /* @__PURE__ */ jsx36("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto whitespace-nowrap", children: richText(t, "description") }),
-    /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: featureItems.map((feature, index) => {
-      const Icon2 = getGlobalIcon(feature.iconKey);
-      return /* @__PURE__ */ jsxs12(
-        "div",
-        {
-          className: "bg-white dark:bg-gray-800/60 p-8 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none",
-          children: [
-            /* @__PURE__ */ jsx36("div", { className: "text-4xl mb-4 flex items-center justify-start", children: /* @__PURE__ */ jsx36(Icon2, { className: "w-8 h-8" }) }),
-            /* @__PURE__ */ jsx36("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100", children: feature.title }),
-            /* @__PURE__ */ jsx36("p", { className: "text-gray-700 dark:text-gray-300", children: richText(t, `items.${index}.description`) })
-          ]
-        },
-        index
-      );
-    }) })
-  ] });
-}
+// ../../node_modules/.pnpm/@radix-ui+react-alert-dialog@1.1.14_@types+react-dom@19.1.3_@types+react@19.1.2__@types_c6ff7006a888f63e36d2502e019661c3/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs
+import * as React55 from "react";
 
-// src/main/tips.tsx
-import { useTranslations as useTranslations4 } from "next-intl";
-import { jsx as jsx37, jsxs as jsxs13 } from "react/jsx-runtime";
-function Tips({ sectionClassName }) {
-  const t = useTranslations4("tips");
-  const sections = t.raw("sections");
-  const midPoint = Math.ceil(sections.length / 2);
-  const leftColumn = sections.slice(0, midPoint);
-  const rightColumn = sections.slice(midPoint);
-  return /* @__PURE__ */ jsxs13("section", { id: "tips", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
-    /* @__PURE__ */ jsxs13("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-16", children: [
-      t("title"),
-      " ",
-      /* @__PURE__ */ jsx37("span", { className: "text-purple-500", children: t("eyesOn") })
-    ] }),
-    /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12 bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [leftColumn, rightColumn].map((column, colIndex) => /* @__PURE__ */ jsx37("div", { className: "space-y-8", children: column.map((tip, tipIndex) => {
-      const actualIndex = colIndex === 0 ? tipIndex : tipIndex + midPoint;
-      return /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx37("h3", { className: "text-2xl font-semibold", children: tip.title }),
-        /* @__PURE__ */ jsx37("p", { className: "", children: richText(t, `sections.${actualIndex}.description`) })
-      ] }, tipIndex);
-    }) }, colIndex)) })
-  ] });
+// ../../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-context/dist/index.mjs
+import * as React33 from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
+function createContext2(rootComponentName, defaultContext) {
+  const Context = React33.createContext(defaultContext);
+  const Provider = (props) => {
+    const _a = props, { children } = _a, context = __objRest(_a, ["children"]);
+    const value = React33.useMemo(() => context, Object.values(context));
+    return /* @__PURE__ */ jsx35(Context.Provider, { value, children });
+  };
+  Provider.displayName = rootComponentName + "Provider";
+  function useContext22(consumerName) {
+    const context = React33.useContext(Context);
+    if (context) return context;
+    if (defaultContext !== void 0) return defaultContext;
+    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+  }
+  return [Provider, useContext22];
 }
-
-// src/main/faq.tsx
-import { useState as useState2 } from "react";
-import { useTranslations as useTranslations5 } from "next-intl";
-import { jsx as jsx38, jsxs as jsxs14 } from "react/jsx-runtime";
-function FAQ({ sectionClassName }) {
-  const t = useTranslations5("faq");
-  const items = t.raw("items");
-  const [openArr, setOpenArr] = useState2(() => items.map(() => false));
-  const handleToggle = (idx) => {
-    setOpenArr((prev) => {
-      const next = [...prev];
-      next[idx] = !next[idx];
-      return next;
+function createContextScope(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext32(rootComponentName, defaultContext) {
+    const BaseContext = React33.createContext(defaultContext);
+    const index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    const Provider = (props) => {
+      var _b;
+      const _a = props, { scope, children } = _a, context = __objRest(_a, ["scope", "children"]);
+      const Context = ((_b = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _b[index]) || BaseContext;
+      const value = React33.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsx35(Context.Provider, { value, children });
+    };
+    Provider.displayName = rootComponentName + "Provider";
+    function useContext22(consumerName, scope) {
+      var _a;
+      const Context = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index]) || BaseContext;
+      const context = React33.useContext(Context);
+      if (context) return context;
+      if (defaultContext !== void 0) return defaultContext;
+      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+    }
+    return [Provider, useContext22];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return React33.createContext(defaultContext);
     });
-  };
-  return /* @__PURE__ */ jsxs14("section", { id: "faq", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
-    /* @__PURE__ */ jsx38("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: t("title") }),
-    /* @__PURE__ */ jsx38("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto", children: richText(t, "description") }),
-    /* @__PURE__ */ jsx38("div", { className: "space-y-6", children: items.map((item, idx) => {
-      const isOpen = openArr[idx];
-      const Icon2 = isOpen ? globalLucideIcons.ChevronDown : globalLucideIcons.ChevronRight;
-      return /* @__PURE__ */ jsxs14(
-        "div",
-        {
-          className: "bg-white dark:bg-gray-800/60 p-6 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none",
-          children: [
-            /* @__PURE__ */ jsxs14(
-              "button",
-              {
-                className: "w-full flex items-center justify-between text-left focus:outline-none",
-                onClick: () => handleToggle(idx),
-                "aria-expanded": isOpen,
-                children: [
-                  /* @__PURE__ */ jsx38("span", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: item.question }),
-                  /* @__PURE__ */ jsx38(Icon2, { className: "w-6 h-6 text-gray-400 ml-2 transition-transform duration-200" })
-                ]
-              }
-            ),
-            isOpen && /* @__PURE__ */ jsx38("div", { className: "mt-4 text-gray-700 dark:text-gray-300 text-base", children: richText(t, `items.${idx}.answer`) })
-          ]
-        },
-        idx
+    return function useScope(scope) {
+      const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
+      return React33.useMemo(
+        () => ({ [`__scope${scopeName}`]: __spreadProps(__spreadValues({}, scope), { [scopeName]: contexts }) }),
+        [scope, contexts]
       );
-    }) })
-  ] });
-}
-
-// src/main/seo-content.tsx
-import { useTranslations as useTranslations6 } from "next-intl";
-import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
-function SeoContent({ sectionClassName }) {
-  const t = useTranslations6("seoContent");
-  return /* @__PURE__ */ jsxs15("section", { id: "seo", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
-    /* @__PURE__ */ jsxs15("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-8", children: [
-      t("title"),
-      " ",
-      /* @__PURE__ */ jsx39("span", { className: "text-purple-500", children: t("eyesOn") })
-    ] }),
-    /* @__PURE__ */ jsx39("h3", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-lg", children: t("description") }),
-    /* @__PURE__ */ jsxs15("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "space-y-10", children: [
-        /* @__PURE__ */ jsx39("p", { className: "text-gray-600 dark:text-gray-400 text-lg", children: richText(t, "intro") }),
-        t.raw("sections").map((section, index) => /* @__PURE__ */ jsxs15("div", { children: [
-          /* @__PURE__ */ jsx39("h2", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: section.title }),
-          /* @__PURE__ */ jsx39("p", { className: "text-gray-700 dark:text-gray-300", children: richText(t, `sections.${index}.content`) })
-        ] }, index))
-      ] }),
-      /* @__PURE__ */ jsx39("p", { className: "mt-10 text-gray-600 dark:text-gray-400 text-lg", children: richText(t, "conclusion") })
-    ] })
-  ] });
-}
-
-// ../base-ui/src/ui/button.tsx
-import * as React35 from "react";
-
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.mjs
-import * as React34 from "react";
-
-// ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-import * as React33 from "react";
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    return ref(value);
-  } else if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs(...refs) {
-  return (node) => {
-    let hasCleanup = false;
-    const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
-      if (!hasCleanup && typeof cleanup == "function") {
-        hasCleanup = true;
-      }
-      return cleanup;
-    });
-    if (hasCleanup) {
-      return () => {
-        for (let i = 0; i < cleanups.length; i++) {
-          const cleanup = cleanups[i];
-          if (typeof cleanup == "function") {
-            cleanup();
-          } else {
-            setRef(refs[i], null);
-          }
-        }
-      };
-    }
-  };
-}
-function useComposedRefs(...refs) {
-  return React33.useCallback(composeRefs(...refs), refs);
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.mjs
-import { Fragment as Fragment2, jsx as jsx40 } from "react/jsx-runtime";
-// @__NO_SIDE_EFFECTS__
-function createSlot(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot22 = React34.forwardRef((props, forwardedRef) => {
-    const _a = props, { children } = _a, slotProps = __objRest(_a, ["children"]);
-    const childrenArray = React34.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React34.Children.count(newElement) > 1) return React34.Children.only(null);
-          return React34.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
-      });
-      return /* @__PURE__ */ jsx40(SlotClone, __spreadProps(__spreadValues({}, slotProps), { ref: forwardedRef, children: React34.isValidElement(newElement) ? React34.cloneElement(newElement, void 0, newChildren) : null }));
-    }
-    return /* @__PURE__ */ jsx40(SlotClone, __spreadProps(__spreadValues({}, slotProps), { ref: forwardedRef, children }));
-  });
-  Slot22.displayName = `${ownerName}.Slot`;
-  return Slot22;
-}
-var Slot = /* @__PURE__ */ createSlot("Slot");
-// @__NO_SIDE_EFFECTS__
-function createSlotClone(ownerName) {
-  const SlotClone = React34.forwardRef((props, forwardedRef) => {
-    const _a = props, { children } = _a, slotProps = __objRest(_a, ["children"]);
-    if (React34.isValidElement(children)) {
-      const childrenRef = getElementRef(children);
-      const props2 = mergeProps(slotProps, children.props);
-      if (children.type !== React34.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React34.cloneElement(children, props2);
-    }
-    return React34.Children.count(children) > 1 ? React34.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function createSlottable(ownerName) {
-  const Slottable2 = ({ children }) => {
-    return /* @__PURE__ */ jsx40(Fragment2, { children });
-  };
-  Slottable2.displayName = `${ownerName}.Slottable`;
-  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
-  return Slottable2;
-}
-function isSlottable(child) {
-  return React34.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
-}
-function mergeProps(slotProps, childProps) {
-  const overrideProps = __spreadValues({}, childProps);
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = __spreadValues(__spreadValues({}, slotPropValue), childPropValue);
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
-  }
-  return __spreadValues(__spreadValues({}, slotProps), overrideProps);
-}
-function getElementRef(element) {
-  var _a, _b;
-  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-
-// ../base-ui/src/ui/button.tsx
-import { cva } from "class-variance-authority";
-import { jsx as jsx41, jsxs as jsxs16 } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React35.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, variant, size, asChild = false, loading = false, children } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild", "loading", "children"]);
-    const Comp = asChild ? Slot : "button";
-    if (asChild) {
-      return /* @__PURE__ */ jsx41(
-        Comp,
-        __spreadProps(__spreadValues({
-          className: cn(buttonVariants({ variant, size, className })),
-          ref,
-          disabled: loading || props.disabled
-        }, props), {
-          children
-        })
-      );
-    }
-    return /* @__PURE__ */ jsxs16(
-      Comp,
-      __spreadProps(__spreadValues({
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        disabled: loading || props.disabled
-      }, props), {
-        children: [
-          children,
-          loading && /* @__PURE__ */ jsx41(globalLucideIcons.Loader2, { className: "ml-2 h-4 w-4 animate-spin" })
-        ]
-      })
-    );
-  }
-);
-Button.displayName = "Button";
-
-// src/fuma/mdx/gradient-button.tsx
-import Link2 from "next/link";
-import React36, { useState as useState3 } from "react";
-import { Fragment as Fragment3, jsx as jsx42, jsxs as jsxs17 } from "react/jsx-runtime";
-function GradientButton({
-  title,
-  icon,
-  align = "left",
-  disabled = false,
-  className = "",
-  href,
-  openInNewTab = true,
-  onClick,
-  loadingText,
-  preventDoubleClick = true
-}) {
-  const [isLoading, setIsLoading] = useState3(false);
-  const actualLoadingText = loadingText || (title == null ? void 0 : title.toString().trim()) || "Loading...";
-  const getAlignmentClass = () => {
-    switch (align) {
-      case "center":
-        return "justify-center";
-      case "right":
-        return "justify-end";
-      default:
-        return "justify-start";
-    }
-  };
-  const handleClick = (e) => __async(null, null, function* () {
-    if (disabled || isLoading) {
-      e.preventDefault();
-      return;
-    }
-    if (onClick) {
-      e.preventDefault();
-      if (preventDoubleClick) {
-        setIsLoading(true);
-      }
-      try {
-        yield onClick();
-      } catch (error) {
-        console.error("GradientButton onClick error:", error);
-      } finally {
-        if (preventDoubleClick) {
-          setIsLoading(false);
-        }
-      }
-    }
-  });
-  const isDisabled = disabled || isLoading;
-  const displayTitle = isLoading ? actualLoadingText : title;
-  const displayIcon = isLoading ? /* @__PURE__ */ jsx42(globalLucideIcons.Loader2, { className: "h-4 w-4 text-white animate-spin" }) : icon ? React36.cloneElement(icon, {
-    className: "h-4 w-4 text-white"
-  }) : /* @__PURE__ */ jsx42(globalLucideIcons.ArrowRight, { className: "h-4 w-4 text-white" });
-  const buttonContent = onClick ? /* @__PURE__ */ jsxs17(Fragment3, { children: [
-    /* @__PURE__ */ jsx42("span", { children: displayIcon }),
-    /* @__PURE__ */ jsx42("span", { className: "ml-1", children: displayTitle })
-  ] }) : /* @__PURE__ */ jsxs17(Fragment3, { children: [
-    /* @__PURE__ */ jsx42("span", { children: displayTitle }),
-    /* @__PURE__ */ jsx42("span", { className: "ml-1", children: displayIcon })
-  ] });
-  const buttonClassName = `
-    bg-gradient-to-r 
-    from-purple-400 to-pink-500 
-    hover:from-purple-500 hover:to-pink-600
-    dark:from-purple-500 dark:to-pink-600 
-    dark:hover:from-purple-600 dark:hover:to-pink-700
-    text-white text-base font-bold shadow-lg hover:shadow-xl
-    transition-all duration-300
-    rounded-full
-    ${isDisabled ? "opacity-50 cursor-not-allowed" : ""}
-    ${className}
-  `;
-  return /* @__PURE__ */ jsx42("div", { className: `flex flex-col sm:flex-row gap-3 ${getAlignmentClass()}`, children: onClick ? (
-    // for click
-    /* @__PURE__ */ jsx42(
-      Button,
-      {
-        size: "lg",
-        className: buttonClassName,
-        onClick: handleClick,
-        disabled: isDisabled,
-        children: buttonContent
-      }
-    )
-  ) : (
-    // for Link
-    /* @__PURE__ */ jsx42(
-      Button,
-      {
-        asChild: true,
-        size: "lg",
-        className: buttonClassName,
-        disabled: isDisabled,
-        children: /* @__PURE__ */ jsx42(
-          Link2,
-          __spreadProps(__spreadValues({
-            href: href || "#",
-            className: "no-underline hover:no-underline"
-          }, openInNewTab ? { target: "_blank", rel: "noopener noreferrer" } : {}), {
-            onClick: isDisabled ? (e) => e.preventDefault() : void 0,
-            children: buttonContent
-          })
-        )
-      }
-    )
-  ) });
-}
-
-// src/main/cta.tsx
-import { useTranslations as useTranslations7 } from "next-intl";
-import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
-function CTA({ sectionClassName }) {
-  const t = useTranslations7("cta");
-  return /* @__PURE__ */ jsx43("section", { id: "cta", className: cn("px-16 py-20 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: /* @__PURE__ */ jsxs18("div", { className: "\n        bg-gradient-to-r from-[#f7f8fa] via-[#e0c3fc] to-[#b2fefa]\n        dark:bg-gradient-to-r dark:from-[#2d0b4e] dark:via-[#6a3fa0] dark:to-[#3a185a]\n        rounded-2xl p-12 text-center\n        bg-[length:200%_auto] animate-cta-gradient-wave\n        ", children: [
-    /* @__PURE__ */ jsxs18("h2", { className: "text-3xl md:text-4xl font-bold mb-6", children: [
-      t("title"),
-      " ",
-      /* @__PURE__ */ jsx43("span", { className: "text-purple-400", children: t("eyesOn") }),
-      "?"
-    ] }),
-    /* @__PURE__ */ jsxs18("p", { className: "text-2xl mx-auto mb-8", children: [
-      richText(t, "description1"),
-      /* @__PURE__ */ jsx43("br", {}),
-      /* @__PURE__ */ jsx43("span", { className: "text-purple-400", children: t("description2") })
-    ] }),
-    /* @__PURE__ */ jsx43(
-      GradientButton,
-      {
-        title: t("button"),
-        href: t("url"),
-        align: "center"
-      }
-    )
-  ] }) });
-}
-
-// src/main/footer.tsx
-import { useLocale, useTranslations as useTranslations8 } from "next-intl";
-import Link3 from "next/link";
-import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
-function Footer() {
-  const tFooter = useTranslations8("footer");
-  const locale = useLocale();
-  return /* @__PURE__ */ jsx44("div", { className: "mb-10 w-full mx-auto border-t-purple-700/80 border-t-1", children: /* @__PURE__ */ jsx44("footer", { children: /* @__PURE__ */ jsxs19("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-center space-x-6 text-xs", children: [
-      /* @__PURE__ */ jsxs19(Link3, { href: `/${locale}/legal/terms`, className: "flex items-center space-x-1 hover:underline", children: [
-        /* @__PURE__ */ jsx44(globalLucideIcons.ReceiptText, { className: "h-3.5 w-3.5" }),
-        /* @__PURE__ */ jsx44("span", { children: tFooter("terms", { defaultValue: "Terms of Service" }) })
-      ] }),
-      /* @__PURE__ */ jsxs19(Link3, { href: `/${locale}/legal/privacy`, className: "flex items-center space-x-1 hover:underline", children: [
-        /* @__PURE__ */ jsx44(globalLucideIcons.ShieldUser, { className: "h-3.5 w-3.5" }),
-        /* @__PURE__ */ jsx44("span", { children: tFooter("privacy", { defaultValue: "Privacy Policy" }) })
-      ] }),
-      /* @__PURE__ */ jsxs19("div", { className: "relative group", children: [
-        /* @__PURE__ */ jsx44("div", { className: "absolute left-2/3 -translate-x-1/4 bottom-full mb-1 hidden group-hover:block bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap z-10 shadow-lg", children: tFooter("email") }),
-        /* @__PURE__ */ jsxs19(
-          "a",
-          {
-            href: `mailto:${tFooter("email")}`,
-            className: "flex items-center space-x-1 underline cursor-pointer px-2",
-            children: [
-              /* @__PURE__ */ jsx44(globalLucideIcons.Mail, { className: "h-3.5 w-3.5" }),
-              /* @__PURE__ */ jsx44("span", { children: tFooter("contactUs", { defaultValue: "Contact Us" }) })
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx44("div", { className: "text-xs text-center", children: /* @__PURE__ */ jsx44("span", { children: tFooter("copyright", { year: (/* @__PURE__ */ new Date()).getFullYear(), name: tFooter("company") }) }) })
-  ] }) }) });
-}
-
-// src/main/go-to-top.tsx
-import { useState as useState4, useEffect } from "react";
-import { Fragment as Fragment4, jsx as jsx45 } from "react/jsx-runtime";
-function GoToTop() {
-  const [isVisible, setIsVisible] = useState4(false);
-  useEffect(() => {
-    const toggleVisibility = () => {
-      if (window.scrollY > 300) {
-        setIsVisible(true);
-      } else {
-        setIsVisible(false);
-      }
-    };
-    window.addEventListener("scroll", toggleVisibility);
-    return () => window.removeEventListener("scroll", toggleVisibility);
-  }, []);
-  const scrollToTop = () => {
-    window.scrollTo({
-      top: 0,
-      behavior: "smooth"
-    });
-  };
-  return /* @__PURE__ */ jsx45(Fragment4, { children: isVisible && /* @__PURE__ */ jsx45(
-    "button",
-    {
-      onClick: scrollToTop,
-      className: "fixed bottom-6 right-6 p-3 bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700 text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300 z-50",
-      "aria-label": "Go to top",
-      children: /* @__PURE__ */ jsx45(globalLucideIcons.ArrowUp, { size: 20, className: "text-white" })
-    }
-  ) });
-}
-
-// src/main/loading.tsx
-import { jsx as jsx46, jsxs as jsxs20 } from "react/jsx-runtime";
-var NUM_ROWS = 15;
-var NUM_COLS = 15;
-var DOT_SIZE = 6;
-var SPACING = 12;
-var ANIMATION_DURATION = 1.8;
-var STAGGER_DELAY_FACTOR = 0.08;
-var COLORS = [
-  "#AC62FD",
-  // Base Purple
-  "#C364FA",
-  "#DD59F7",
-  "#FF4FF2",
-  // Bright Pink/Magenta
-  "#F067DD",
-  "#E26AF8",
-  "#DA70D6",
-  // Orchid
-  "#BA55D3",
-  // Medium Orchid
-  "#9370DB",
-  // Medium Purple
-  "#8A2BE2"
-  // Blue Violet
-];
-function Loading() {
-  const dots = [];
-  const centerX = (NUM_COLS - 1) / 2;
-  const centerY = (NUM_ROWS - 1) / 2;
-  for (let i = 0; i < NUM_ROWS; i++) {
-    for (let j = 0; j < NUM_COLS; j++) {
-      const distance = Math.sqrt(Math.pow(i - centerY, 2) + Math.pow(j - centerX, 2));
-      dots.push({
-        id: `${i}-${j}`,
-        row: i,
-        col: j,
-        // Animation delay based on distance, creating a ripple effect
-        delay: distance * STAGGER_DELAY_FACTOR,
-        // Color selection based on distance rings
-        color: COLORS[Math.floor(distance) % COLORS.length]
-      });
-    }
-  }
-  const containerWidth = (NUM_COLS - 1) * SPACING + DOT_SIZE;
-  const containerHeight = (NUM_ROWS - 1) * SPACING + DOT_SIZE;
-  return /* @__PURE__ */ jsx46("div", { className: "flex flex-col items-center justify-center min-h-screen bg-neutral-900", children: /* @__PURE__ */ jsxs20(
-    "div",
-    {
-      style: {
-        width: containerWidth,
-        height: containerHeight,
-        position: "relative",
-        borderRadius: "50%",
-        // Make the container circular
-        overflow: "hidden"
-        // Clip dots outside the circle
-      },
-      children: [
-        dots.map((dot) => /* @__PURE__ */ jsx46(
-          "div",
-          {
-            style: {
-              position: "absolute",
-              left: dot.col * SPACING,
-              top: dot.row * SPACING,
-              width: DOT_SIZE,
-              height: DOT_SIZE,
-              backgroundColor: dot.color,
-              borderRadius: "50%",
-              animationName: "loading-dot-pulse",
-              animationDuration: `${ANIMATION_DURATION}s`,
-              animationTimingFunction: "cubic-bezier(0.45, 0, 0.55, 1)",
-              animationIterationCount: "infinite",
-              animationDelay: `${dot.delay}s`,
-              opacity: 0,
-              transform: "scale(0)"
-            }
-          },
-          dot.id
-        )),
-        /* @__PURE__ */ jsx46(
-          "div",
-          {
-            className: "absolute inset-0 flex items-center justify-center",
-            style: { pointerEvents: "none" },
-            children: /* @__PURE__ */ jsx46("p", { className: "text-xl font-semibold text-white", children: "Loading..." })
-          }
-        )
-      ]
-    }
-  ) });
-}
-
-// src/main/nprogress-bar.tsx
-import NProgress from "nprogress";
-import { usePathname } from "next/navigation";
-import { useEffect as useEffect2, useRef } from "react";
-NProgress.configure({ showSpinner: false });
-function NProgressBar() {
-  const pathname = usePathname();
-  const previousPath = useRef(pathname);
-  useEffect2(() => {
-    if (previousPath.current !== pathname) {
-      NProgress.start();
-      setTimeout(() => {
-        NProgress.done();
-      }, 100);
-      previousPath.current = pathname;
-    }
-  }, [pathname]);
-  return null;
-}
-
-// src/main/price-plan.tsx
-import { useState as useState5 } from "react";
-import { useTranslations as useTranslations9 } from "next-intl";
-import { useRouter } from "next/navigation";
-import { Fragment as Fragment5, jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
-function PricePlan({ currency = "$", pricePlanConfig, sectionClassName }) {
-  var _a, _b;
-  const t = useTranslations9("pricePlan");
-  const billingSwitch = t.raw("billingSwitch");
-  const plans = t.raw("plans");
-  const router = useRouter();
-  const billingOptions = pricePlanConfig.billingOptions;
-  const prices = pricePlanConfig.prices;
-  const minPlanFeaturesCount = pricePlanConfig.minPlanFeaturesCount;
-  const [billingKey, setBillingKey] = useState5(billingSwitch.defaultKey);
-  const [tooltip, setTooltip] = useState5({ show: false, content: "", x: 0, y: 0 });
-  const currentBilling = billingOptions.find((opt) => opt.key === billingKey) || billingOptions[0];
-  const currentBillingDisplay = billingSwitch.options.find((opt) => opt.key === billingKey) || billingSwitch.options[0];
-  const maxFeaturesCount = Math.max(
-    ...plans.map((plan) => {
-      var _a2;
-      return ((_a2 = plan.features) == null ? void 0 : _a2.length) || 0;
-    }),
-    minPlanFeaturesCount || 0
-  );
-  const getFeatureRows = (plan) => {
-    const features = plan.features || [];
-    const filled = [...features];
-    while (filled.length < maxFeaturesCount) filled.push(null);
-    return filled;
-  };
-  function renderPrice(plan) {
-    var _a2;
-    const priceValue = prices[plan.key];
-    const billingSubTitle = ((_a2 = billingSwitch.options.find((opt) => opt.key === billingKey)) == null ? void 0 : _a2.subTitle) || "";
-    if (typeof priceValue !== "number" || isNaN(priceValue)) {
-      return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-start w-full", children: [
-        /* @__PURE__ */ jsx47("div", { className: "flex items-end gap-2", children: /* @__PURE__ */ jsx47("span", { className: "text-4xl font-extrabold text-gray-900 dark:text-gray-100", children: priceValue }) }),
-        /* @__PURE__ */ jsx47("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: /* @__PURE__ */ jsx47("span", { className: cn("text-xs text-gray-700 dark:text-gray-300 font-medium", plan.showBillingSubTitle === false && "opacity-0 select-none"), children: plan.showBillingSubTitle === false ? "" : billingSubTitle }) })
-      ] });
-    }
-    const originValue = Number(priceValue);
-    const discount = currentBilling.discount;
-    const hasDiscount = discount !== 0;
-    const saleValue = originValue * (1 - discount);
-    const formatPrice = (v) => Number(v.toFixed(2)).toString();
-    const unit = currentBillingDisplay.unit || "";
-    let discountText = "";
-    if (hasDiscount && currentBillingDisplay.discountText) {
-      discountText = currentBillingDisplay.discountText.replace("{percent}", String(Math.round(Math.abs(discount) * 100)));
-    }
-    const showNaN = saleValue < 0;
-    return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-start w-full", children: [
-      /* @__PURE__ */ jsxs21("div", { className: "flex items-end gap-2", children: [
-        /* @__PURE__ */ jsxs21("span", { className: "text-4xl font-extrabold text-gray-900 dark:text-gray-100", children: [
-          currency,
-          showNaN ? "NaN" : hasDiscount ? formatPrice(saleValue) : formatPrice(originValue)
-        ] }),
-        /* @__PURE__ */ jsx47("span", { className: "text-lg text-gray-700 dark:text-gray-300 font-medium mb-1", children: unit })
-      ] }),
-      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: [
-        hasDiscount && /* @__PURE__ */ jsxs21(Fragment5, { children: [
-          /* @__PURE__ */ jsxs21("span", { className: "text-base text-gray-400 line-through", children: [
-            currency,
-            showNaN ? "NaN" : formatPrice(originValue)
-          ] }),
-          discountText && /* @__PURE__ */ jsx47("span", { className: "px-2 py-0.5 text-xs rounded bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200 font-semibold align-middle", children: discountText })
-        ] }),
-        /* @__PURE__ */ jsx47("span", { className: cn("text-xs text-gray-700 dark:text-gray-300 font-medium", plan.showBillingSubTitle === false && "opacity-0 select-none"), children: plan.showBillingSubTitle === false ? "" : billingSubTitle })
-      ] })
-    ] });
-  }
-  const Tooltip = ({ show, content, x, y }) => {
-    if (!show) return null;
-    const style = {
-      position: "fixed",
-      left: Math.max(8, x),
-      top: Math.max(8, y),
-      zIndex: 9999,
-      maxWidth: 200,
-      transform: "translateY(-50%)",
-      pointerEvents: "none",
-      whiteSpace: "pre-line"
-    };
-    return /* @__PURE__ */ jsx47(
-      "div",
-      {
-        style,
-        className: "bg-gray-700 dark:bg-gray-200 text-gray-100 dark:text-gray-800 text-xs leading-relaxed px-3 py-2 rounded-lg shadow-lg border border-gray-300 dark:border-gray-600 backdrop-blur-sm",
-        children: content
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs21("section", { id: "pricing", className: cn("px-4 py-10 md:px-16 md:py-16 mx-auto max-w-7xl scroll-mt-10", sectionClassName), children: [
-    /* @__PURE__ */ jsx47("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-3", children: t("title") }),
-    /* @__PURE__ */ jsx47("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-8 text-base md:text-lg mx-auto", children: t("subtitle") }),
-    /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx47("div", { className: "flex items-center relative mb-3", children: /* @__PURE__ */ jsxs21("div", { className: "flex bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded-full p-1", children: [
-        /* @__PURE__ */ jsx47(
-          "button",
-          {
-            className: cn(
-              "min-w-[120px] px-6 py-2 font-medium transition text-lg relative",
-              billingKey === "monthly" ? "text-white bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 rounded-full shadow-sm" : "text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full"
-            ),
-            onClick: () => setBillingKey("monthly"),
-            type: "button",
-            children: ((_a = billingSwitch.options.find((opt) => opt.key === "monthly")) == null ? void 0 : _a.name) || "Monthly"
-          }
-        ),
-        /* @__PURE__ */ jsx47(
-          "button",
-          {
-            className: cn(
-              "min-w-[120px] px-6 py-2 font-medium transition text-lg relative",
-              billingKey === "yearly" ? "text-white bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 rounded-full shadow-sm" : "text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full"
-            ),
-            onClick: () => setBillingKey("yearly"),
-            type: "button",
-            children: ((_b = billingSwitch.options.find((opt) => opt.key === "yearly")) == null ? void 0 : _b.name) || "Yearly"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsx47("div", { className: "h-8 flex items-center justify-center mb-3", children: (() => {
-        const opt = billingSwitch.options.find((opt2) => opt2.key === billingKey);
-        const bOpt = billingOptions.find((opt2) => opt2.key === billingKey);
-        if (!(opt && bOpt && opt.discountText && bOpt.discount !== 0)) return null;
-        return /* @__PURE__ */ jsx47("span", { className: "px-2 py-1 text-xs rounded bg-yellow-100 text-yellow-800 font-semibold align-middle text-center inline-flex items-center justify-center whitespace-nowrap", children: opt.discountText.replace(
-          "{percent}",
-          String(Math.round(Math.abs(bOpt.discount) * 100))
-        ) });
-      })() })
-    ] }),
-    /* @__PURE__ */ jsx47("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: plans.map((plan, _idx) => {
-      var _a2, _b2, _c;
-      return /* @__PURE__ */ jsxs21(
-        "div",
-        {
-          className: cn(
-            "flex flex-col bg-white dark:bg-gray-800/60 rounded-2xl border border-gray-300 dark:border-[#7c3aed40] transition p-8 h-full shadow-sm dark:shadow-none",
-            "hover:border-2 hover:border-purple-500",
-            "focus-within:border-2 focus-within:border-purple-500"
-          ),
-          style: { minHeight: maxFeaturesCount * 100 },
-          children: [
-            /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2 mb-2", children: [
-              /* @__PURE__ */ jsx47("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: plan.title }),
-              plan.titleTags && plan.titleTags.map((tag, i) => /* @__PURE__ */ jsx47("span", { className: "px-2 py-0.5 text-xs rounded bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200 font-semibold align-middle", children: tag }, i))
-            ] }),
-            renderPrice(plan),
-            /* @__PURE__ */ jsx47("ul", { className: "flex-1 mb-6 mt-4", children: getFeatureRows(plan).map((feature, i) => /* @__PURE__ */ jsxs21("li", { className: "flex items-center gap-2 mb-2 min-h-[28px]", children: [
-              feature ? /* @__PURE__ */ jsx47("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-200 mr-1", children: feature.icon ? /* @__PURE__ */ jsx47("span", { children: feature.icon }) : /* @__PURE__ */ jsx47("span", { className: "font-bold", children: "\u2713" }) }) : /* @__PURE__ */ jsx47("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full mr-1", children: "\xA0" }),
-              feature && feature.tag && /* @__PURE__ */ jsx47("span", { className: "px-1 py-0.5 text-[6px] rounded bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 font-semibold align-middle", children: feature.tag }),
-              feature ? /* @__PURE__ */ jsxs21("span", { className: "relative group cursor-pointer text-sm text-gray-800 dark:text-gray-200", children: [
-                feature.description,
-                feature.tooltip && /* @__PURE__ */ jsx47(
-                  "span",
-                  {
-                    className: "ml-1 align-middle inline-flex",
-                    onMouseEnter: (e) => {
-                      setTooltip({
-                        show: true,
-                        content: feature.tooltip,
-                        x: e.clientX,
-                        y: e.clientY
-                      });
-                    },
-                    onMouseMove: (e) => {
-                      setTooltip((t2) => __spreadProps(__spreadValues({}, t2), { x: e.clientX, y: e.clientY }));
-                    },
-                    onMouseLeave: () => setTooltip((t2) => __spreadProps(__spreadValues({}, t2), { show: false })),
-                    children: /* @__PURE__ */ jsx47(globalLucideIcons.FAQ, { className: "w-4 h-4" })
-                  }
-                )
-              ] }) : /* @__PURE__ */ jsx47("span", { children: "\xA0" })
-            ] }, i)) }),
-            /* @__PURE__ */ jsx47("div", { className: "flex-1" }),
-            /* @__PURE__ */ jsx47(
-              "button",
-              {
-                className: cn(
-                  "w-full py-2 mt-auto text-white text-base font-bold shadow-lg hover:shadow-xl transition-all duration-300 rounded-full",
-                  ((_a2 = plan.button) == null ? void 0 : _a2.disabled) ? "bg-gray-400 cursor-not-allowed" : "bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700"
-                ),
-                disabled: (_b2 = plan.button) == null ? void 0 : _b2.disabled,
-                type: "button",
-                onClick: () => {
-                  var _a3;
-                  if (!((_a3 = plan.button) == null ? void 0 : _a3.disabled)) {
-                    router.push("/");
-                  }
-                },
-                children: ((_c = plan.button) == null ? void 0 : _c.text) || "--"
-              }
-            )
-          ]
-        },
-        plan.key
-      );
-    }) }),
-    /* @__PURE__ */ jsx47(Tooltip, __spreadValues({}, tooltip))
-  ] });
-}
-
-// src/main/ads-alert-dialog.tsx
-import { useState as useState15 } from "react";
-import Image2 from "next/image";
-
-// ../base-ui/src/ui/alert-dialog.tsx
-import * as React59 from "react";
-
-// ../../node_modules/.pnpm/@radix-ui+react-alert-dialog@1.1.14_@types+react-dom@19.1.3_@types+react@19.1.2__@types_c6ff7006a888f63e36d2502e019661c3/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs
-import * as React58 from "react";
-
-// ../../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-context/dist/index.mjs
-import * as React38 from "react";
-import { jsx as jsx48 } from "react/jsx-runtime";
-function createContext2(rootComponentName, defaultContext) {
-  const Context = React38.createContext(defaultContext);
-  const Provider = (props) => {
-    const _a = props, { children } = _a, context = __objRest(_a, ["children"]);
-    const value = React38.useMemo(() => context, Object.values(context));
-    return /* @__PURE__ */ jsx48(Context.Provider, { value, children });
-  };
-  Provider.displayName = rootComponentName + "Provider";
-  function useContext22(consumerName) {
-    const context = React38.useContext(Context);
-    if (context) return context;
-    if (defaultContext !== void 0) return defaultContext;
-    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-  }
-  return [Provider, useContext22];
-}
-function createContextScope(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React38.createContext(defaultContext);
-    const index = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    const Provider = (props) => {
-      var _b;
-      const _a = props, { scope, children } = _a, context = __objRest(_a, ["scope", "children"]);
-      const Context = ((_b = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _b[index]) || BaseContext;
-      const value = React38.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx48(Context.Provider, { value, children });
-    };
-    Provider.displayName = rootComponentName + "Provider";
-    function useContext22(consumerName, scope) {
-      var _a;
-      const Context = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index]) || BaseContext;
-      const context = React38.useContext(Context);
-      if (context) return context;
-      if (defaultContext !== void 0) return defaultContext;
-      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-    }
-    return [Provider, useContext22];
-  }
-  const createScope = () => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React38.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-      return React38.useMemo(
-        () => ({ [`__scope${scopeName}`]: __spreadProps(__spreadValues({}, scope), { [scopeName]: contexts }) }),
-        [scope, contexts]
-      );
-    };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext32, composeContextScopes(createScope, ...createContextScopeDeps)];
+    };
+  };
+  createScope.scopeName = scopeName;
+  return [createContext32, composeContextScopes(createScope, ...createContextScopeDeps)];
 }
 function composeContextScopes(...scopes) {
   const baseScope = scopes[0];
@@ -3814,15 +2925,52 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return __spreadValues(__spreadValues({}, nextScopes2), currentScope);
       }, {});
-      return React38.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React33.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
   return createScope;
 }
 
+// ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+import * as React34 from "react";
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs(...refs) {
+  return React34.useCallback(composeRefs(...refs), refs);
+}
+
 // ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.3_@types+react@19.1.2__@types+react_848f83211ce5e4d8275fe0d3e11a9387/node_modules/@radix-ui/react-dialog/dist/index.mjs
-import * as React57 from "react";
+import * as React54 from "react";
 
 // ../../node_modules/.pnpm/@radix-ui+primitive@1.1.2/node_modules/@radix-ui/primitive/dist/index.mjs
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
@@ -3835,18 +2983,18 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 }
 
 // ../../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-id/dist/index.mjs
-import * as React40 from "react";
+import * as React36 from "react";
 
 // ../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-import * as React39 from "react";
-var useLayoutEffect2 = (globalThis == null ? void 0 : globalThis.document) ? React39.useLayoutEffect : () => {
+import * as React35 from "react";
+var useLayoutEffect2 = (globalThis == null ? void 0 : globalThis.document) ? React35.useLayoutEffect : () => {
 };
 
 // ../../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-id/dist/index.mjs
-var useReactId = React40[" useId ".trim().toString()] || (() => void 0);
+var useReactId = React36[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
 function useId(deterministicId) {
-  const [id, setId] = React40.useState(useReactId());
+  const [id, setId] = React36.useState(useReactId());
   useLayoutEffect2(() => {
     if (!deterministicId) setId((reactId) => reactId != null ? reactId : String(count++));
   }, [deterministicId]);
@@ -3854,9 +3002,9 @@ function useId(deterministicId) {
 }
 
 // ../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-import * as React41 from "react";
+import * as React37 from "react";
 import * as React210 from "react";
-var useInsertionEffect = React41[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+var useInsertionEffect = React37[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
 function useControllableState({
   prop,
   defaultProp,
@@ -3871,8 +3019,8 @@ function useControllableState({
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
   if (true) {
-    const isControlledRef = React41.useRef(prop !== void 0);
-    React41.useEffect(() => {
+    const isControlledRef = React37.useRef(prop !== void 0);
+    React37.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from = wasControlled ? "controlled" : "uncontrolled";
@@ -3884,7 +3032,7 @@ function useControllableState({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React41.useCallback(
+  const setValue = React37.useCallback(
     (nextValue) => {
       var _a;
       if (isControlled) {
@@ -3904,13 +3052,13 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React41.useState(defaultProp);
-  const prevValueRef = React41.useRef(value);
-  const onChangeRef = React41.useRef(onChange);
+  const [value, setValue] = React37.useState(defaultProp);
+  const prevValueRef = React37.useRef(value);
+  const onChangeRef = React37.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React41.useEffect(() => {
+  React37.useEffect(() => {
     var _a;
     if (prevValueRef.current !== value) {
       (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, value);
@@ -3925,12 +3073,111 @@ function isFunction(value) {
 var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 
 // ../../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.3_@types+react@19.1.2__@_048ea5800fbfacb7489e4b7d728b493c/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import * as React45 from "react";
+import * as React42 from "react";
 
 // ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.1.3_@types+react@19.1.2__@types+rea_43250ccbc78c27b15284efcf829a65d5/node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React42 from "react";
+import * as React39 from "react";
 import * as ReactDOM from "react-dom";
-import { jsx as jsx49 } from "react/jsx-runtime";
+
+// ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.mjs
+import * as React38 from "react";
+import { Fragment as Fragment22, jsx as jsx36 } from "react/jsx-runtime";
+// @__NO_SIDE_EFFECTS__
+function createSlot(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+  const Slot22 = React38.forwardRef((props, forwardedRef) => {
+    const _a = props, { children } = _a, slotProps = __objRest(_a, ["children"]);
+    const childrenArray = React38.Children.toArray(children);
+    const slottable = childrenArray.find(isSlottable);
+    if (slottable) {
+      const newElement = slottable.props.children;
+      const newChildren = childrenArray.map((child) => {
+        if (child === slottable) {
+          if (React38.Children.count(newElement) > 1) return React38.Children.only(null);
+          return React38.isValidElement(newElement) ? newElement.props.children : null;
+        } else {
+          return child;
+        }
+      });
+      return /* @__PURE__ */ jsx36(SlotClone, __spreadProps(__spreadValues({}, slotProps), { ref: forwardedRef, children: React38.isValidElement(newElement) ? React38.cloneElement(newElement, void 0, newChildren) : null }));
+    }
+    return /* @__PURE__ */ jsx36(SlotClone, __spreadProps(__spreadValues({}, slotProps), { ref: forwardedRef, children }));
+  });
+  Slot22.displayName = `${ownerName}.Slot`;
+  return Slot22;
+}
+var Slot = /* @__PURE__ */ createSlot("Slot");
+// @__NO_SIDE_EFFECTS__
+function createSlotClone(ownerName) {
+  const SlotClone = React38.forwardRef((props, forwardedRef) => {
+    const _a = props, { children } = _a, slotProps = __objRest(_a, ["children"]);
+    if (React38.isValidElement(children)) {
+      const childrenRef = getElementRef(children);
+      const props2 = mergeProps(slotProps, children.props);
+      if (children.type !== React38.Fragment) {
+        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+      }
+      return React38.cloneElement(children, props2);
+    }
+    return React38.Children.count(children) > 1 ? React38.Children.only(null) : null;
+  });
+  SlotClone.displayName = `${ownerName}.SlotClone`;
+  return SlotClone;
+}
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function createSlottable(ownerName) {
+  const Slottable2 = ({ children }) => {
+    return /* @__PURE__ */ jsx36(Fragment22, { children });
+  };
+  Slottable2.displayName = `${ownerName}.Slottable`;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
+  return Slottable2;
+}
+function isSlottable(child) {
+  return React38.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+function mergeProps(slotProps, childProps) {
+  const overrideProps = __spreadValues({}, childProps);
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          const result = childPropValue(...args);
+          slotPropValue(...args);
+          return result;
+        };
+      } else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    } else if (propName === "style") {
+      overrideProps[propName] = __spreadValues(__spreadValues({}, slotPropValue), childPropValue);
+    } else if (propName === "className") {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+    }
+  }
+  return __spreadValues(__spreadValues({}, slotProps), overrideProps);
+}
+function getElementRef(element) {
+  var _a, _b;
+  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+
+// ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.1.3_@types+react@19.1.2__@types+rea_43250ccbc78c27b15284efcf829a65d5/node_modules/@radix-ui/react-primitive/dist/index.mjs
+import { jsx as jsx37 } from "react/jsx-runtime";
 var NODES = [
   "a",
   "button",
@@ -3952,13 +3199,13 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot3 = createSlot(`Primitive.${node}`);
-  const Node2 = React42.forwardRef((props, forwardedRef) => {
+  const Node2 = React39.forwardRef((props, forwardedRef) => {
     const _a = props, { asChild } = _a, primitiveProps = __objRest(_a, ["asChild"]);
     const Comp = asChild ? Slot3 : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx49(Comp, __spreadProps(__spreadValues({}, primitiveProps), { ref: forwardedRef }));
+    return /* @__PURE__ */ jsx37(Comp, __spreadProps(__spreadValues({}, primitiveProps), { ref: forwardedRef }));
   });
   Node2.displayName = `Primitive.${node}`;
   return __spreadProps(__spreadValues({}, primitive), { [node]: Node2 });
@@ -3968,23 +3215,23 @@ function dispatchDiscreteCustomEvent(target, event) {
 }
 
 // ../../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-import * as React43 from "react";
+import * as React40 from "react";
 function useCallbackRef(callback) {
-  const callbackRef = React43.useRef(callback);
-  React43.useEffect(() => {
+  const callbackRef = React40.useRef(callback);
+  React40.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React43.useMemo(() => (...args) => {
+  return React40.useMemo(() => (...args) => {
     var _a;
     return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
   }, []);
 }
 
 // ../../node_modules/.pnpm/@radix-ui+react-use-escape-keydown@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
-import * as React44 from "react";
+import * as React41 from "react";
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
-  React44.useEffect(() => {
+  React41.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -3996,18 +3243,18 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis == nul
 }
 
 // ../../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.3_@types+react@19.1.2__@_048ea5800fbfacb7489e4b7d728b493c/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React45.createContext({
+var DismissableLayerContext = React42.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = React45.forwardRef(
+var DismissableLayer = React42.forwardRef(
   (props, forwardedRef) => {
     var _b;
     const _a = props, {
@@ -4025,10 +3272,10 @@ var DismissableLayer = React45.forwardRef(
       "onInteractOutside",
       "onDismiss"
     ]);
-    const context = React45.useContext(DismissableLayerContext);
-    const [node, setNode] = React45.useState(null);
+    const context = React42.useContext(DismissableLayerContext);
+    const [node, setNode] = React42.useState(null);
     const ownerDocument = (_b = node == null ? void 0 : node.ownerDocument) != null ? _b : globalThis == null ? void 0 : globalThis.document;
-    const [, force] = React45.useState({});
+    const [, force] = React42.useState({});
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
@@ -4061,7 +3308,7 @@ var DismissableLayer = React45.forwardRef(
         onDismiss();
       }
     }, ownerDocument);
-    React45.useEffect(() => {
+    React42.useEffect(() => {
       if (!node) return;
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -4078,7 +3325,7 @@ var DismissableLayer = React45.forwardRef(
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-    React45.useEffect(() => {
+    React42.useEffect(() => {
       return () => {
         if (!node) return;
         context.layers.delete(node);
@@ -4086,12 +3333,12 @@ var DismissableLayer = React45.forwardRef(
         dispatchUpdate();
       };
     }, [node, context]);
-    React45.useEffect(() => {
+    React42.useEffect(() => {
       const handleUpdate = () => force({});
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
-    return /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx38(
       Primitive.div,
       __spreadProps(__spreadValues({}, layerProps), {
         ref: composedRefs,
@@ -4110,11 +3357,11 @@ var DismissableLayer = React45.forwardRef(
 );
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React45.forwardRef((props, forwardedRef) => {
-  const context = React45.useContext(DismissableLayerContext);
-  const ref = React45.useRef(null);
+var DismissableLayerBranch = React42.forwardRef((props, forwardedRef) => {
+  const context = React42.useContext(DismissableLayerContext);
+  const ref = React42.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React45.useEffect(() => {
+  React42.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -4123,15 +3370,15 @@ var DismissableLayerBranch = React45.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx50(Primitive.div, __spreadProps(__spreadValues({}, props), { ref: composedRefs }));
+  return /* @__PURE__ */ jsx38(Primitive.div, __spreadProps(__spreadValues({}, props), { ref: composedRefs }));
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React45.useRef(false);
-  const handleClickRef = React45.useRef(() => {
+  const isPointerInsideReactTreeRef = React42.useRef(false);
+  const handleClickRef = React42.useRef(() => {
   });
-  React45.useEffect(() => {
+  React42.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -4172,8 +3419,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React45.useRef(false);
-  React45.useEffect(() => {
+  const isFocusInsideReactTreeRef = React42.useRef(false);
+  React42.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -4206,13 +3453,13 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 }
 
 // ../../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.7_@types+react-dom@19.1.3_@types+react@19.1.2__@types+r_1ff7b04b7c975087a2da2b1568ac976e/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
-import * as React46 from "react";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import * as React43 from "react";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME = "FocusScope";
-var FocusScope = React46.forwardRef((props, forwardedRef) => {
+var FocusScope = React43.forwardRef((props, forwardedRef) => {
   const _a = props, {
     loop = false,
     trapped = false,
@@ -4224,12 +3471,12 @@ var FocusScope = React46.forwardRef((props, forwardedRef) => {
     "onMountAutoFocus",
     "onUnmountAutoFocus"
   ]);
-  const [container, setContainer] = React46.useState(null);
+  const [container, setContainer] = React43.useState(null);
   const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
-  const lastFocusedElementRef = React46.useRef(null);
+  const lastFocusedElementRef = React43.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
-  const focusScope = React46.useRef({
+  const focusScope = React43.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -4238,7 +3485,7 @@ var FocusScope = React46.forwardRef((props, forwardedRef) => {
       this.paused = false;
     }
   }).current;
-  React46.useEffect(() => {
+  React43.useEffect(() => {
     if (trapped) {
       let handleFocusIn2 = function(event) {
         if (focusScope.paused || !container) return;
@@ -4274,7 +3521,7 @@ var FocusScope = React46.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trapped, container, focusScope.paused]);
-  React46.useEffect(() => {
+  React43.useEffect(() => {
     if (container) {
       focusScopesStack.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
@@ -4305,7 +3552,7 @@ var FocusScope = React46.forwardRef((props, forwardedRef) => {
       };
     }
   }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
-  const handleKeyDown = React46.useCallback(
+  const handleKeyDown = React43.useCallback(
     (event) => {
       if (!loop && !trapped) return;
       if (focusScope.paused) return;
@@ -4330,7 +3577,7 @@ var FocusScope = React46.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx51(Primitive.div, __spreadProps(__spreadValues({ tabIndex: -1 }, scopeProps), { ref: composedRefs, onKeyDown: handleKeyDown }));
+  return /* @__PURE__ */ jsx39(Primitive.div, __spreadProps(__spreadValues({ tabIndex: -1 }, scopeProps), { ref: composedRefs, onKeyDown: handleKeyDown }));
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst(candidates, { select = false } = {}) {
@@ -4415,25 +3662,25 @@ function removeLinks(items) {
 }
 
 // ../../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.1.3_@types+react@19.1.2__@types+react@_a0745de0839b0b019298ec068509a840/node_modules/@radix-ui/react-portal/dist/index.mjs
-import * as React47 from "react";
+import * as React44 from "react";
 import ReactDOM2 from "react-dom";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var PORTAL_NAME = "Portal";
-var Portal = React47.forwardRef((props, forwardedRef) => {
+var Portal = React44.forwardRef((props, forwardedRef) => {
   var _b;
   const _a = props, { container: containerProp } = _a, portalProps = __objRest(_a, ["container"]);
-  const [mounted, setMounted] = React47.useState(false);
+  const [mounted, setMounted] = React44.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && ((_b = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _b.body);
-  return container ? ReactDOM2.createPortal(/* @__PURE__ */ jsx52(Primitive.div, __spreadProps(__spreadValues({}, portalProps), { ref: forwardedRef })), container) : null;
+  return container ? ReactDOM2.createPortal(/* @__PURE__ */ jsx40(Primitive.div, __spreadProps(__spreadValues({}, portalProps), { ref: forwardedRef })), container) : null;
 });
 Portal.displayName = PORTAL_NAME;
 
 // ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.4_@types+react-dom@19.1.3_@types+react@19.1.2__@types+reac_dbbe976722e7c3e02883ea31c3bbbf14/node_modules/@radix-ui/react-presence/dist/index.mjs
 import * as React211 from "react";
-import * as React48 from "react";
+import * as React45 from "react";
 function useStateMachine(initialState, machine) {
-  return React48.useReducer((state, event) => {
+  return React45.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState != null ? nextState : state;
   }, initialState);
@@ -4558,10 +3805,10 @@ function getElementRef2(element) {
 }
 
 // ../../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
-import * as React49 from "react";
+import * as React46 from "react";
 var count2 = 0;
 function useFocusGuards() {
-  React49.useEffect(() => {
+  React46.useEffect(() => {
     var _a, _b;
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", (_a = edgeGuards[0]) != null ? _a : createFocusGuard());
@@ -4619,10 +3866,10 @@ function __spreadArray(to, from, pack) {
 }
 
 // ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js
-import * as React56 from "react";
+import * as React53 from "react";
 
 // ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/UI.js
-import * as React52 from "react";
+import * as React49 from "react";
 
 // ../../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
 var zeroRightClassName = "right-scroll-bar-position";
@@ -4641,9 +3888,9 @@ function assignRef(ref, value) {
 }
 
 // ../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.2_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useRef.js
-import { useState as useState12 } from "react";
+import { useState as useState8 } from "react";
 function useCallbackRef2(initialValue, callback) {
-  var ref = useState12(function() {
+  var ref = useState8(function() {
     return {
       // value
       value: initialValue,
@@ -4669,8 +3916,8 @@ function useCallbackRef2(initialValue, callback) {
 }
 
 // ../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.2_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
-import * as React50 from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React50.useLayoutEffect : React50.useEffect;
+import * as React47 from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React47.useLayoutEffect : React47.useEffect;
 var currentValues = /* @__PURE__ */ new WeakMap();
 function useMergeRefs(refs, defaultValue) {
   var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
@@ -4787,7 +4034,7 @@ function createSidecarMedium(options) {
 }
 
 // ../../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.2_react@19.1.0/node_modules/use-sidecar/dist/es2015/exports.js
-import * as React51 from "react";
+import * as React48 from "react";
 var SideCar = function(_a) {
   var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
   if (!sideCar) {
@@ -4797,7 +4044,7 @@ var SideCar = function(_a) {
   if (!Target) {
     throw new Error("Sidecar medium not found");
   }
-  return React51.createElement(Target, __assign({}, rest));
+  return React48.createElement(Target, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -4812,9 +4059,9 @@ var effectCar = createSidecarMedium();
 var nothing = function() {
   return;
 };
-var RemoveScroll = React52.forwardRef(function(props, parentRef) {
-  var ref = React52.useRef(null);
-  var _a = React52.useState({
+var RemoveScroll = React49.forwardRef(function(props, parentRef) {
+  var ref = React49.useRef(null);
+  var _a = React49.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
@@ -4823,11 +4070,11 @@ var RemoveScroll = React52.forwardRef(function(props, parentRef) {
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  return React52.createElement(
-    React52.Fragment,
+  return React49.createElement(
+    React49.Fragment,
     null,
-    enabled && React52.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
-    forwardProps ? React52.cloneElement(React52.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React52.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
+    enabled && React49.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
+    forwardProps ? React49.cloneElement(React49.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React49.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll.defaultProps = {
@@ -4841,13 +4088,13 @@ RemoveScroll.classNames = {
 };
 
 // ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
-import * as React55 from "react";
+import * as React52 from "react";
 
 // ../../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/component.js
-import * as React54 from "react";
+import * as React51 from "react";
 
 // ../../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.2_react@19.1.0/node_modules/react-style-singleton/dist/es2015/hook.js
-import * as React53 from "react";
+import * as React50 from "react";
 
 // ../../node_modules/.pnpm/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js
 var currentNonce;
@@ -4911,7 +4158,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
-    React53.useEffect(function() {
+    React50.useEffect(function() {
       sheet.add(styles);
       return function() {
         sheet.remove();
@@ -4985,7 +4232,7 @@ var getCurrentUseCounter = function() {
   return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-  React54.useEffect(function() {
+  React51.useEffect(function() {
     document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
     return function() {
       var newCounter = getCurrentUseCounter() - 1;
@@ -5000,10 +4247,10 @@ var useLockAttribute = function() {
 var RemoveScrollBar = function(_a) {
   var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
   useLockAttribute();
-  var gap = React54.useMemo(function() {
+  var gap = React51.useMemo(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
-  return React54.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+  return React51.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 
 // ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
@@ -5144,16 +4391,16 @@ var generateStyle = function(id) {
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-  var shouldPreventQueue = React55.useRef([]);
-  var touchStartRef = React55.useRef([0, 0]);
-  var activeAxis = React55.useRef();
-  var id = React55.useState(idCounter++)[0];
-  var Style2 = React55.useState(styleSingleton)[0];
-  var lastProps = React55.useRef(props);
-  React55.useEffect(function() {
+  var shouldPreventQueue = React52.useRef([]);
+  var touchStartRef = React52.useRef([0, 0]);
+  var activeAxis = React52.useRef();
+  var id = React52.useState(idCounter++)[0];
+  var Style2 = React52.useState(styleSingleton)[0];
+  var lastProps = React52.useRef(props);
+  React52.useEffect(function() {
     lastProps.current = props;
   }, [props]);
-  React55.useEffect(function() {
+  React52.useEffect(function() {
     if (props.inert) {
       document.body.classList.add("block-interactivity-".concat(id));
       var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
@@ -5169,7 +4416,7 @@ function RemoveScrollSideCar(props) {
     }
     return;
   }, [props.inert, props.lockRef.current, props.shards]);
-  var shouldCancelEvent = React55.useCallback(function(event, parent) {
+  var shouldCancelEvent = React52.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
       return !lastProps.current.allowPinchZoom;
     }
@@ -5205,7 +4452,7 @@ function RemoveScrollSideCar(props) {
     var cancelingAxis = activeAxis.current || currentAxis;
     return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
-  var shouldPrevent = React55.useCallback(function(_event) {
+  var shouldPrevent = React52.useCallback(function(_event) {
     var event = _event;
     if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
       return;
@@ -5232,7 +4479,7 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = React55.useCallback(function(name, delta, target, should) {
+  var shouldCancel = React52.useCallback(function(name, delta, target, should) {
     var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
@@ -5241,17 +4488,17 @@ function RemoveScrollSideCar(props) {
       });
     }, 1);
   }, []);
-  var scrollTouchStart = React55.useCallback(function(event) {
+  var scrollTouchStart = React52.useCallback(function(event) {
     touchStartRef.current = getTouchXY(event);
     activeAxis.current = void 0;
   }, []);
-  var scrollWheel = React55.useCallback(function(event) {
+  var scrollWheel = React52.useCallback(function(event) {
     shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  var scrollTouchMove = React55.useCallback(function(event) {
+  var scrollTouchMove = React52.useCallback(function(event) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  React55.useEffect(function() {
+  React52.useEffect(function() {
     lockStack.push(Style2);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
@@ -5271,11 +4518,11 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var removeScrollBar = props.removeScrollBar, inert = props.inert;
-  return React55.createElement(
-    React55.Fragment,
+  return React52.createElement(
+    React52.Fragment,
     null,
-    inert ? React55.createElement(Style2, { styles: generateStyle(id) }) : null,
-    removeScrollBar ? React55.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
+    inert ? React52.createElement(Style2, { styles: generateStyle(id) }) : null,
+    removeScrollBar ? React52.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
   );
 }
 function getOutermostShadowParent(node) {
@@ -5294,8 +4541,8 @@ function getOutermostShadowParent(node) {
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 
 // ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js
-var ReactRemoveScroll = React56.forwardRef(function(props, ref) {
-  return React56.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
+var ReactRemoveScroll = React53.forwardRef(function(props, ref) {
+  return React53.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
@@ -5422,7 +4669,7 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
 };
 
 // ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.3_@types+react@19.1.2__@types+react_848f83211ce5e4d8275fe0d3e11a9387/node_modules/@radix-ui/react-dialog/dist/index.mjs
-import { Fragment as Fragment8, jsx as jsx53, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx41, jsxs as jsxs11 } from "react/jsx-runtime";
 var DIALOG_NAME = "Dialog";
 var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
 var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -5435,15 +4682,15 @@ var Dialog = (props) => {
     onOpenChange,
     modal = true
   } = props;
-  const triggerRef = React57.useRef(null);
-  const contentRef = React57.useRef(null);
+  const triggerRef = React54.useRef(null);
+  const contentRef = React54.useRef(null);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen != null ? defaultOpen : false,
     onChange: onOpenChange,
     caller: DIALOG_NAME
   });
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx41(
     DialogProvider,
     {
       scope: __scopeDialog,
@@ -5454,7 +4701,7 @@ var Dialog = (props) => {
       descriptionId: useId(),
       open,
       onOpenChange: setOpen,
-      onOpenToggle: React57.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      onOpenToggle: React54.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       modal,
       children
     }
@@ -5462,12 +4709,12 @@ var Dialog = (props) => {
 };
 Dialog.displayName = DIALOG_NAME;
 var TRIGGER_NAME = "DialogTrigger";
-var DialogTrigger = React57.forwardRef(
+var DialogTrigger = React54.forwardRef(
   (props, forwardedRef) => {
     const _a = props, { __scopeDialog } = _a, triggerProps = __objRest(_a, ["__scopeDialog"]);
     const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx41(
       Primitive.button,
       __spreadProps(__spreadValues({
         type: "button",
@@ -5490,28 +4737,28 @@ var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME2, {
 var DialogPortal = (props) => {
   const { __scopeDialog, forceMount, children, container } = props;
   const context = useDialogContext(PORTAL_NAME2, __scopeDialog);
-  return /* @__PURE__ */ jsx53(PortalProvider, { scope: __scopeDialog, forceMount, children: React57.Children.map(children, (child) => /* @__PURE__ */ jsx53(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx53(Portal, { asChild: true, container, children: child }) })) });
+  return /* @__PURE__ */ jsx41(PortalProvider, { scope: __scopeDialog, forceMount, children: React54.Children.map(children, (child) => /* @__PURE__ */ jsx41(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx41(Portal, { asChild: true, container, children: child }) })) });
 };
 DialogPortal.displayName = PORTAL_NAME2;
 var OVERLAY_NAME = "DialogOverlay";
-var DialogOverlay = React57.forwardRef(
+var DialogOverlay = React54.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
     const _a = props, { forceMount = portalContext.forceMount } = _a, overlayProps = __objRest(_a, ["forceMount"]);
     const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
-    return context.modal ? /* @__PURE__ */ jsx53(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx53(DialogOverlayImpl, __spreadProps(__spreadValues({}, overlayProps), { ref: forwardedRef })) }) : null;
+    return context.modal ? /* @__PURE__ */ jsx41(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx41(DialogOverlayImpl, __spreadProps(__spreadValues({}, overlayProps), { ref: forwardedRef })) }) : null;
   }
 );
 DialogOverlay.displayName = OVERLAY_NAME;
 var Slot2 = createSlot("DialogOverlay.RemoveScroll");
-var DialogOverlayImpl = React57.forwardRef(
+var DialogOverlayImpl = React54.forwardRef(
   (props, forwardedRef) => {
     const _a = props, { __scopeDialog } = _a, overlayProps = __objRest(_a, ["__scopeDialog"]);
     const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ jsx53(Combination_default, { as: Slot2, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx41(Combination_default, { as: Slot2, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx41(
         Primitive.div,
         __spreadProps(__spreadValues({
           "data-state": getState(context.open)
@@ -5524,25 +4771,25 @@ var DialogOverlayImpl = React57.forwardRef(
   }
 );
 var CONTENT_NAME = "DialogContent";
-var DialogContent = React57.forwardRef(
+var DialogContent = React54.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
     const _a = props, { forceMount = portalContext.forceMount } = _a, contentProps = __objRest(_a, ["forceMount"]);
     const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-    return /* @__PURE__ */ jsx53(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx53(DialogContentModal, __spreadProps(__spreadValues({}, contentProps), { ref: forwardedRef })) : /* @__PURE__ */ jsx53(DialogContentNonModal, __spreadProps(__spreadValues({}, contentProps), { ref: forwardedRef })) });
+    return /* @__PURE__ */ jsx41(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx41(DialogContentModal, __spreadProps(__spreadValues({}, contentProps), { ref: forwardedRef })) : /* @__PURE__ */ jsx41(DialogContentNonModal, __spreadProps(__spreadValues({}, contentProps), { ref: forwardedRef })) });
   }
 );
 DialogContent.displayName = CONTENT_NAME;
-var DialogContentModal = React57.forwardRef(
+var DialogContentModal = React54.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-    const contentRef = React57.useRef(null);
+    const contentRef = React54.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
-    React57.useEffect(() => {
+    React54.useEffect(() => {
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx41(
       DialogContentImpl,
       __spreadProps(__spreadValues({}, props), {
         ref: composedRefs,
@@ -5567,12 +4814,12 @@ var DialogContentModal = React57.forwardRef(
     );
   }
 );
-var DialogContentNonModal = React57.forwardRef(
+var DialogContentNonModal = React54.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-    const hasInteractedOutsideRef = React57.useRef(false);
-    const hasPointerDownOutsideRef = React57.useRef(false);
-    return /* @__PURE__ */ jsx53(
+    const hasInteractedOutsideRef = React54.useRef(false);
+    const hasPointerDownOutsideRef = React54.useRef(false);
+    return /* @__PURE__ */ jsx41(
       DialogContentImpl,
       __spreadProps(__spreadValues({}, props), {
         ref: forwardedRef,
@@ -5608,15 +4855,15 @@ var DialogContentNonModal = React57.forwardRef(
     );
   }
 );
-var DialogContentImpl = React57.forwardRef(
+var DialogContentImpl = React54.forwardRef(
   (props, forwardedRef) => {
     const _a = props, { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus } = _a, contentProps = __objRest(_a, ["__scopeDialog", "trapFocus", "onOpenAutoFocus", "onCloseAutoFocus"]);
     const context = useDialogContext(CONTENT_NAME, __scopeDialog);
-    const contentRef = React57.useRef(null);
+    const contentRef = React54.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
     useFocusGuards();
-    return /* @__PURE__ */ jsxs22(Fragment8, { children: [
-      /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsxs11(Fragment5, { children: [
+      /* @__PURE__ */ jsx41(
         FocusScope,
         {
           asChild: true,
@@ -5624,7 +4871,7 @@ var DialogContentImpl = React57.forwardRef(
           trapped: trapFocus,
           onMountAutoFocus: onOpenAutoFocus,
           onUnmountAutoFocus: onCloseAutoFocus,
-          children: /* @__PURE__ */ jsx53(
+          children: /* @__PURE__ */ jsx41(
             DismissableLayer,
             __spreadProps(__spreadValues({
               role: "dialog",
@@ -5639,37 +4886,37 @@ var DialogContentImpl = React57.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ jsxs22(Fragment8, { children: [
-        /* @__PURE__ */ jsx53(TitleWarning, { titleId: context.titleId }),
-        /* @__PURE__ */ jsx53(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+      /* @__PURE__ */ jsxs11(Fragment5, { children: [
+        /* @__PURE__ */ jsx41(TitleWarning, { titleId: context.titleId }),
+        /* @__PURE__ */ jsx41(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
       ] })
     ] });
   }
 );
 var TITLE_NAME = "DialogTitle";
-var DialogTitle = React57.forwardRef(
+var DialogTitle = React54.forwardRef(
   (props, forwardedRef) => {
     const _a = props, { __scopeDialog } = _a, titleProps = __objRest(_a, ["__scopeDialog"]);
     const context = useDialogContext(TITLE_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx53(Primitive.h2, __spreadProps(__spreadValues({ id: context.titleId }, titleProps), { ref: forwardedRef }));
+    return /* @__PURE__ */ jsx41(Primitive.h2, __spreadProps(__spreadValues({ id: context.titleId }, titleProps), { ref: forwardedRef }));
   }
 );
 DialogTitle.displayName = TITLE_NAME;
 var DESCRIPTION_NAME = "DialogDescription";
-var DialogDescription = React57.forwardRef(
+var DialogDescription = React54.forwardRef(
   (props, forwardedRef) => {
     const _a = props, { __scopeDialog } = _a, descriptionProps = __objRest(_a, ["__scopeDialog"]);
     const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx53(Primitive.p, __spreadProps(__spreadValues({ id: context.descriptionId }, descriptionProps), { ref: forwardedRef }));
+    return /* @__PURE__ */ jsx41(Primitive.p, __spreadProps(__spreadValues({ id: context.descriptionId }, descriptionProps), { ref: forwardedRef }));
   }
 );
 DialogDescription.displayName = DESCRIPTION_NAME;
 var CLOSE_NAME = "DialogClose";
-var DialogClose = React57.forwardRef(
+var DialogClose = React54.forwardRef(
   (props, forwardedRef) => {
     const _a = props, { __scopeDialog } = _a, closeProps = __objRest(_a, ["__scopeDialog"]);
     const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx41(
       Primitive.button,
       __spreadProps(__spreadValues({
         type: "button"
@@ -5697,7 +4944,7 @@ var TitleWarning = ({ titleId }) => {
 If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
-  React57.useEffect(() => {
+  React54.useEffect(() => {
     if (titleId) {
       const hasTitle = document.getElementById(titleId);
       if (!hasTitle) console.error(MESSAGE);
@@ -5709,7 +4956,7 @@ var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
 var DescriptionWarning = ({ contentRef, descriptionId }) => {
   const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
   const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
-  React57.useEffect(() => {
+  React54.useEffect(() => {
     var _a;
     const describedById = (_a = contentRef.current) == null ? void 0 : _a.getAttribute("aria-describedby");
     if (descriptionId && describedById) {
@@ -5729,7 +4976,7 @@ var Description = DialogDescription;
 var Close = DialogClose;
 
 // ../../node_modules/.pnpm/@radix-ui+react-alert-dialog@1.1.14_@types+react-dom@19.1.3_@types+react@19.1.2__@types_c6ff7006a888f63e36d2502e019661c3/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs
-import { jsx as jsx54, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs12 } from "react/jsx-runtime";
 var ROOT_NAME = "AlertDialog";
 var [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [
   createDialogScope
@@ -5738,15 +4985,15 @@ var useDialogScope = createDialogScope();
 var AlertDialog = (props) => {
   const _a = props, { __scopeAlertDialog } = _a, alertDialogProps = __objRest(_a, ["__scopeAlertDialog"]);
   const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx54(Root, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), alertDialogProps), { modal: true }));
+  return /* @__PURE__ */ jsx42(Root, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), alertDialogProps), { modal: true }));
 };
 AlertDialog.displayName = ROOT_NAME;
 var TRIGGER_NAME2 = "AlertDialogTrigger";
-var AlertDialogTrigger = React58.forwardRef(
+var AlertDialogTrigger = React55.forwardRef(
   (props, forwardedRef) => {
     const _a = props, { __scopeAlertDialog } = _a, triggerProps = __objRest(_a, ["__scopeAlertDialog"]);
     const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx54(Trigger, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), triggerProps), { ref: forwardedRef }));
+    return /* @__PURE__ */ jsx42(Trigger, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), triggerProps), { ref: forwardedRef }));
   }
 );
 AlertDialogTrigger.displayName = TRIGGER_NAME2;
@@ -5754,35 +5001,35 @@ var PORTAL_NAME3 = "AlertDialogPortal";
 var AlertDialogPortal = (props) => {
   const _a = props, { __scopeAlertDialog } = _a, portalProps = __objRest(_a, ["__scopeAlertDialog"]);
   const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx54(Portal2, __spreadValues(__spreadValues({}, dialogScope), portalProps));
+  return /* @__PURE__ */ jsx42(Portal2, __spreadValues(__spreadValues({}, dialogScope), portalProps));
 };
 AlertDialogPortal.displayName = PORTAL_NAME3;
 var OVERLAY_NAME2 = "AlertDialogOverlay";
-var AlertDialogOverlay = React58.forwardRef(
+var AlertDialogOverlay = React55.forwardRef(
   (props, forwardedRef) => {
     const _a = props, { __scopeAlertDialog } = _a, overlayProps = __objRest(_a, ["__scopeAlertDialog"]);
     const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx54(Overlay, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), overlayProps), { ref: forwardedRef }));
+    return /* @__PURE__ */ jsx42(Overlay, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), overlayProps), { ref: forwardedRef }));
   }
 );
 AlertDialogOverlay.displayName = OVERLAY_NAME2;
 var CONTENT_NAME2 = "AlertDialogContent";
 var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME2);
 var Slottable = createSlottable("AlertDialogContent");
-var AlertDialogContent = React58.forwardRef(
+var AlertDialogContent = React55.forwardRef(
   (props, forwardedRef) => {
     const _a = props, { __scopeAlertDialog, children } = _a, contentProps = __objRest(_a, ["__scopeAlertDialog", "children"]);
     const dialogScope = useDialogScope(__scopeAlertDialog);
-    const contentRef = React58.useRef(null);
+    const contentRef = React55.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
-    const cancelRef = React58.useRef(null);
-    return /* @__PURE__ */ jsx54(
+    const cancelRef = React55.useRef(null);
+    return /* @__PURE__ */ jsx42(
       WarningProvider,
       {
         contentName: CONTENT_NAME2,
         titleName: TITLE_NAME2,
         docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ jsx54(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs23(
+        children: /* @__PURE__ */ jsx42(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs12(
           Content,
           __spreadProps(__spreadValues(__spreadValues({
             role: "alertdialog"
@@ -5796,8 +5043,8 @@ var AlertDialogContent = React58.forwardRef(
             onPointerDownOutside: (event) => event.preventDefault(),
             onInteractOutside: (event) => event.preventDefault(),
             children: [
-              /* @__PURE__ */ jsx54(Slottable, { children }),
-              /* @__PURE__ */ jsx54(DescriptionWarning2, { contentRef })
+              /* @__PURE__ */ jsx42(Slottable, { children }),
+              /* @__PURE__ */ jsx42(DescriptionWarning2, { contentRef })
             ]
           })
         ) })
@@ -5807,38 +5054,38 @@ var AlertDialogContent = React58.forwardRef(
 );
 AlertDialogContent.displayName = CONTENT_NAME2;
 var TITLE_NAME2 = "AlertDialogTitle";
-var AlertDialogTitle = React58.forwardRef(
+var AlertDialogTitle = React55.forwardRef(
   (props, forwardedRef) => {
     const _a = props, { __scopeAlertDialog } = _a, titleProps = __objRest(_a, ["__scopeAlertDialog"]);
     const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx54(Title, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), titleProps), { ref: forwardedRef }));
+    return /* @__PURE__ */ jsx42(Title, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), titleProps), { ref: forwardedRef }));
   }
 );
 AlertDialogTitle.displayName = TITLE_NAME2;
 var DESCRIPTION_NAME2 = "AlertDialogDescription";
-var AlertDialogDescription = React58.forwardRef((props, forwardedRef) => {
+var AlertDialogDescription = React55.forwardRef((props, forwardedRef) => {
   const _a = props, { __scopeAlertDialog } = _a, descriptionProps = __objRest(_a, ["__scopeAlertDialog"]);
   const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx54(Description, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), descriptionProps), { ref: forwardedRef }));
+  return /* @__PURE__ */ jsx42(Description, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), descriptionProps), { ref: forwardedRef }));
 });
 AlertDialogDescription.displayName = DESCRIPTION_NAME2;
 var ACTION_NAME = "AlertDialogAction";
-var AlertDialogAction = React58.forwardRef(
+var AlertDialogAction = React55.forwardRef(
   (props, forwardedRef) => {
     const _a = props, { __scopeAlertDialog } = _a, actionProps = __objRest(_a, ["__scopeAlertDialog"]);
     const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx54(Close, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), actionProps), { ref: forwardedRef }));
+    return /* @__PURE__ */ jsx42(Close, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), actionProps), { ref: forwardedRef }));
   }
 );
 AlertDialogAction.displayName = ACTION_NAME;
 var CANCEL_NAME = "AlertDialogCancel";
-var AlertDialogCancel = React58.forwardRef(
+var AlertDialogCancel = React55.forwardRef(
   (props, forwardedRef) => {
     const _a = props, { __scopeAlertDialog } = _a, cancelProps = __objRest(_a, ["__scopeAlertDialog"]);
     const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
     const dialogScope = useDialogScope(__scopeAlertDialog);
     const ref = useComposedRefs(forwardedRef, cancelRef);
-    return /* @__PURE__ */ jsx54(Close, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), cancelProps), { ref }));
+    return /* @__PURE__ */ jsx42(Close, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), cancelProps), { ref }));
   }
 );
 AlertDialogCancel.displayName = CANCEL_NAME;
@@ -5850,7 +5097,7 @@ You can add a description to the \`${CONTENT_NAME2}\` by passing a \`${DESCRIPTI
 Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME2}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  React58.useEffect(() => {
+  React55.useEffect(() => {
     var _a;
     const hasDescription = document.getElementById(
       (_a = contentRef.current) == null ? void 0 : _a.getAttribute("aria-describedby")
@@ -5868,13 +5115,82 @@ var Cancel = AlertDialogCancel;
 var Title2 = AlertDialogTitle;
 var Description2 = AlertDialogDescription;
 
+// ../lib/src/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ../base-ui/src/ui/button.tsx
+import * as React56 from "react";
+import { cva } from "class-variance-authority";
+import { jsx as jsx43, jsxs as jsxs13 } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React56.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size, asChild = false, loading = false, children } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild", "loading", "children"]);
+    const Comp = asChild ? Slot : "button";
+    if (asChild) {
+      return /* @__PURE__ */ jsx43(
+        Comp,
+        __spreadProps(__spreadValues({
+          className: cn(buttonVariants({ variant, size, className })),
+          ref,
+          disabled: loading || props.disabled
+        }, props), {
+          children
+        })
+      );
+    }
+    return /* @__PURE__ */ jsxs13(
+      Comp,
+      __spreadProps(__spreadValues({
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        disabled: loading || props.disabled
+      }, props), {
+        children: [
+          children,
+          loading && /* @__PURE__ */ jsx43(globalLucideIcons.Loader2, { className: "ml-2 h-4 w-4 animate-spin" })
+        ]
+      })
+    );
+  }
+);
+Button.displayName = "Button";
+
 // ../base-ui/src/ui/alert-dialog.tsx
-import { jsx as jsx55, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs14 } from "react/jsx-runtime";
 var AlertDialog2 = Root2;
 var AlertDialogPortal2 = Portal22;
-var AlertDialogOverlay2 = React59.forwardRef((_a, ref) => {
+var AlertDialogOverlay2 = React57.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx44(
     Overlay2,
     __spreadProps(__spreadValues({
       className: cn(
@@ -5887,11 +5203,11 @@ var AlertDialogOverlay2 = React59.forwardRef((_a, ref) => {
   );
 });
 AlertDialogOverlay2.displayName = Overlay2.displayName;
-var AlertDialogContent2 = React59.forwardRef((_a, ref) => {
+var AlertDialogContent2 = React57.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxs24(AlertDialogPortal2, { children: [
-    /* @__PURE__ */ jsx55(AlertDialogOverlay2, {}),
-    /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsxs14(AlertDialogPortal2, { children: [
+    /* @__PURE__ */ jsx44(AlertDialogOverlay2, {}),
+    /* @__PURE__ */ jsx44(
       Content2,
       __spreadValues({
         ref,
@@ -5910,7 +5226,7 @@ var AlertDialogHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx44(
     "div",
     __spreadValues({
       className: cn(
@@ -5927,7 +5243,7 @@ var AlertDialogFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx44(
     "div",
     __spreadValues({
       className: cn(
@@ -5938,9 +5254,9 @@ var AlertDialogFooter = (_a) => {
   );
 };
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle2 = React59.forwardRef((_a, ref) => {
+var AlertDialogTitle2 = React57.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx44(
     Title2,
     __spreadValues({
       ref,
@@ -5949,9 +5265,9 @@ var AlertDialogTitle2 = React59.forwardRef((_a, ref) => {
   );
 });
 AlertDialogTitle2.displayName = Title2.displayName;
-var AlertDialogDescription2 = React59.forwardRef((_a, ref) => {
+var AlertDialogDescription2 = React57.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx44(
     Description2,
     __spreadValues({
       ref,
@@ -5960,9 +5276,9 @@ var AlertDialogDescription2 = React59.forwardRef((_a, ref) => {
   );
 });
 AlertDialogDescription2.displayName = Description2.displayName;
-var AlertDialogAction2 = React59.forwardRef((_a, ref) => {
+var AlertDialogAction2 = React57.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx44(
     Action,
     __spreadValues({
       ref,
@@ -5971,9 +5287,9 @@ var AlertDialogAction2 = React59.forwardRef((_a, ref) => {
   );
 });
 AlertDialogAction2.displayName = Action.displayName;
-var AlertDialogCancel2 = React59.forwardRef((_a, ref) => {
+var AlertDialogCancel2 = React57.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx44(
     Cancel,
     __spreadValues({
       ref,
@@ -5988,7 +5304,7 @@ var AlertDialogCancel2 = React59.forwardRef((_a, ref) => {
 AlertDialogCancel2.displayName = Cancel.displayName;
 
 // src/main/ads-alert-dialog.tsx
-import { jsx as jsx56, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs15 } from "react/jsx-runtime";
 function AdsAlertDialog({
   open,
   onOpenChange,
@@ -6001,34 +5317,34 @@ function AdsAlertDialog({
   confirmText,
   onConfirm
 }) {
-  const [imgError, setImgError] = useState15(false);
-  return /* @__PURE__ */ jsx56(AlertDialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs25(
+  const [imgError, setImgError] = useState11(false);
+  return /* @__PURE__ */ jsx45(AlertDialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs15(
     AlertDialogContent2,
     {
       className: "fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white dark:bg-neutral-900 rounded-2xl shadow-2xl border border-neutral-200 dark:border-neutral-700 max-w-md w-full min-w-[320px] p-4 flex flex-col items-stretch",
       children: [
-        /* @__PURE__ */ jsxs25("div", { className: "flex flex-row items-center justify-between mb-2", children: [
-          /* @__PURE__ */ jsx56(AlertDialogTitle2, { asChild: true, children: /* @__PURE__ */ jsxs25("div", { className: "flex flex-row items-center gap-1 min-w-0 text-xl font-semibold", children: [
-            /* @__PURE__ */ jsx56(globalLucideIcons.Info, { className: "w-5 h-5" }),
-            /* @__PURE__ */ jsx56("span", { className: "truncate", children: title })
+        /* @__PURE__ */ jsxs15("div", { className: "flex flex-row items-center justify-between mb-2", children: [
+          /* @__PURE__ */ jsx45(AlertDialogTitle2, { asChild: true, children: /* @__PURE__ */ jsxs15("div", { className: "flex flex-row items-center gap-1 min-w-0 text-xl font-semibold", children: [
+            /* @__PURE__ */ jsx45(globalLucideIcons.Info, { className: "w-5 h-5" }),
+            /* @__PURE__ */ jsx45("span", { className: "truncate", children: title })
           ] }) }),
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx45(
             "button",
             {
               className: "text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-200 text-xl ml-4",
               onClick: () => onOpenChange(false),
               "aria-label": "Close",
               tabIndex: 0,
-              children: /* @__PURE__ */ jsx56(globalLucideIcons.X, { className: "w-5 h-5" })
+              children: /* @__PURE__ */ jsx45(globalLucideIcons.X, { className: "w-5 h-5" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx56(AlertDialogDescription2, { className: "text-base font-medium text-neutral-800 dark:text-neutral-100 mb-2", children: description }),
-        imgSrc && /* @__PURE__ */ jsx56("div", { className: "w-full max-w-[400px] h-[220px] relative flex items-center justify-center mb-2", children: imgError ? /* @__PURE__ */ jsxs25("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-gray-100 dark:bg-neutral-800 border border-dashed border-neutral-300 dark:border-neutral-700 rounded-lg text-neutral-400 text-sm", children: [
-          /* @__PURE__ */ jsx56(globalLucideIcons.ImageOff, { className: "w-12 h-12 mb-2" }),
-          /* @__PURE__ */ jsx56("span", { children: "Image loading failed" })
-        ] }) : imgHref ? /* @__PURE__ */ jsx56("a", { href: imgHref, target: "_blank", rel: "noopener noreferrer", className: "block w-full h-full", children: /* @__PURE__ */ jsx56(
-          Image2,
+        /* @__PURE__ */ jsx45(AlertDialogDescription2, { className: "text-base font-medium text-neutral-800 dark:text-neutral-100 mb-2", children: description }),
+        imgSrc && /* @__PURE__ */ jsx45("div", { className: "w-full max-w-[400px] h-[220px] relative flex items-center justify-center mb-2", children: imgError ? /* @__PURE__ */ jsxs15("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-gray-100 dark:bg-neutral-800 border border-dashed border-neutral-300 dark:border-neutral-700 rounded-lg text-neutral-400 text-sm", children: [
+          /* @__PURE__ */ jsx45(globalLucideIcons.ImageOff, { className: "w-12 h-12 mb-2" }),
+          /* @__PURE__ */ jsx45("span", { children: "Image loading failed" })
+        ] }) : imgHref ? /* @__PURE__ */ jsx45("a", { href: imgHref, target: "_blank", rel: "noopener noreferrer", className: "block w-full h-full", children: /* @__PURE__ */ jsx45(
+          Image,
           {
             src: imgSrc,
             alt: "image",
@@ -6040,8 +5356,8 @@ function AdsAlertDialog({
             onError: () => setImgError(true),
             sizes: "(max-width: 400px) 100vw, 400px"
           }
-        ) }) : /* @__PURE__ */ jsx56(
-          Image2,
+        ) }) : /* @__PURE__ */ jsx45(
+          Image,
           {
             src: imgSrc,
             alt: "image",
@@ -6054,8 +5370,8 @@ function AdsAlertDialog({
             sizes: "(max-width: 400px) 100vw, 400px"
           }
         ) }),
-        (cancelText || confirmText) && /* @__PURE__ */ jsxs25("div", { className: "flex justify-end gap-2 mt-2", children: [
-          cancelText && /* @__PURE__ */ jsx56(
+        (cancelText || confirmText) && /* @__PURE__ */ jsxs15("div", { className: "flex justify-end gap-2 mt-2", children: [
+          cancelText && /* @__PURE__ */ jsx45(
             "button",
             {
               onClick: () => {
@@ -6066,7 +5382,7 @@ function AdsAlertDialog({
               children: cancelText
             }
           ),
-          confirmText && /* @__PURE__ */ jsx56(
+          confirmText && /* @__PURE__ */ jsx45(
             AlertDialogAction2,
             {
               onClick: () => {
@@ -6084,12 +5400,12 @@ function AdsAlertDialog({
 }
 
 // src/main/x-button.tsx
-import { useState as useState16, useRef as useRef12, useEffect as useEffect17 } from "react";
-import { Fragment as Fragment9, jsx as jsx57, jsxs as jsxs26 } from "react/jsx-runtime";
+import { useState as useState12, useRef as useRef12, useEffect as useEffect17 } from "react";
+import { Fragment as Fragment6, jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
 function XButton(props) {
   var _a, _b;
-  const [isLoading, setIsLoading] = useState16(false);
-  const [menuOpen, setMenuOpen] = useState16(false);
+  const [isLoading, setIsLoading] = useState12(false);
+  const [menuOpen, setMenuOpen] = useState12(false);
   const menuRef = useRef12(null);
   useEffect17(() => {
     if (props.type === "split") {
@@ -6123,19 +5439,19 @@ function XButton(props) {
     const { button, loadingText: loadingText2, minWidth = "min-w-[110px]", className: className2 = "" } = props;
     const isDisabled = button.disabled || isLoading;
     const actualLoadingText2 = loadingText2 || ((_a = button.text) == null ? void 0 : _a.trim()) || "Loading...";
-    return /* @__PURE__ */ jsx57(
+    return /* @__PURE__ */ jsx46(
       "button",
       {
         onClick: () => handleButtonClick(button.onClick),
         disabled: isDisabled,
         className: `${minWidth} ${baseButtonClass} rounded-full ${isDisabled ? disabledClass : ""} ${className2}`,
         title: button.text,
-        children: isLoading ? /* @__PURE__ */ jsxs26(Fragment9, { children: [
-          /* @__PURE__ */ jsx57(globalLucideIcons.Loader2, { className: "w-5 h-5 mr-1 animate-spin" }),
-          /* @__PURE__ */ jsx57("span", { children: actualLoadingText2 })
-        ] }) : /* @__PURE__ */ jsxs26(Fragment9, { children: [
+        children: isLoading ? /* @__PURE__ */ jsxs16(Fragment6, { children: [
+          /* @__PURE__ */ jsx46(globalLucideIcons.Loader2, { className: "w-5 h-5 mr-1 animate-spin" }),
+          /* @__PURE__ */ jsx46("span", { children: actualLoadingText2 })
+        ] }) : /* @__PURE__ */ jsxs16(Fragment6, { children: [
           button.icon,
-          /* @__PURE__ */ jsx57("span", { children: button.text })
+          /* @__PURE__ */ jsx46("span", { children: button.text })
         ] })
       }
     );
@@ -6143,8 +5459,8 @@ function XButton(props) {
   const { mainButton, menuItems, loadingText, menuWidth = "w-40", className = "", mainButtonClassName = "", dropdownButtonClassName = "" } = props;
   const isMainDisabled = mainButton.disabled || isLoading;
   const actualLoadingText = loadingText || ((_b = mainButton.text) == null ? void 0 : _b.trim()) || "Loading...";
-  return /* @__PURE__ */ jsxs26("div", { className: `relative flex bg-neutral-200 dark:bg-neutral-800 rounded-full ${className}`, children: [
-    /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs16("div", { className: `relative flex bg-neutral-200 dark:bg-neutral-800 rounded-full ${className}`, children: [
+    /* @__PURE__ */ jsx46(
       "button",
       {
         onClick: () => handleButtonClick(mainButton.onClick),
@@ -6154,16 +5470,16 @@ function XButton(props) {
           if (e.button === 2) e.preventDefault();
         },
         style: { borderTopRightRadius: 0, borderBottomRightRadius: 0 },
-        children: isLoading ? /* @__PURE__ */ jsxs26(Fragment9, { children: [
-          /* @__PURE__ */ jsx57(globalLucideIcons.Loader2, { className: "w-5 h-5 mr-1 animate-spin" }),
-          /* @__PURE__ */ jsx57("span", { children: actualLoadingText })
-        ] }) : /* @__PURE__ */ jsxs26(Fragment9, { children: [
+        children: isLoading ? /* @__PURE__ */ jsxs16(Fragment6, { children: [
+          /* @__PURE__ */ jsx46(globalLucideIcons.Loader2, { className: "w-5 h-5 mr-1 animate-spin" }),
+          /* @__PURE__ */ jsx46("span", { children: actualLoadingText })
+        ] }) : /* @__PURE__ */ jsxs16(Fragment6, { children: [
           mainButton.icon,
-          /* @__PURE__ */ jsx57("span", { children: mainButton.text })
+          /* @__PURE__ */ jsx46("span", { children: mainButton.text })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx46(
       "span",
       {
         className: `flex items-center justify-center w-10 py-2 cursor-pointer transition hover:bg-neutral-300 dark:hover:bg-neutral-700 rounded-r-full ${dropdownButtonClassName}`,
@@ -6173,15 +5489,15 @@ function XButton(props) {
         },
         tabIndex: 0,
         style: { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },
-        children: /* @__PURE__ */ jsx57(globalLucideIcons.ChevronDown, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ jsx46(globalLucideIcons.ChevronDown, { className: "w-6 h-6" })
       }
     ),
-    menuOpen && /* @__PURE__ */ jsx57(
+    menuOpen && /* @__PURE__ */ jsx46(
       "div",
       {
         ref: menuRef,
         className: `absolute right-0 top-full ${menuWidth} bg-white dark:bg-neutral-800 text-neutral-800 dark:text-white text-sm rounded-xl shadow-lg z-50 border border-neutral-200 dark:border-neutral-700 overflow-hidden animate-fade-in`,
-        children: menuItems.map((item, index) => /* @__PURE__ */ jsxs26(
+        children: menuItems.map((item, index) => /* @__PURE__ */ jsxs16(
           "button",
           {
             onClick: () => {
@@ -6192,11 +5508,11 @@ function XButton(props) {
             className: `flex items-center w-full px-4 py-3 transition hover:bg-neutral-300 dark:hover:bg-neutral-600 text-left relative ${item.disabled ? disabledClass : ""}`,
             style: item.splitTopBorder ? { borderTop: "1px solid #AC62FD" } : void 0,
             children: [
-              /* @__PURE__ */ jsxs26("span", { className: "flex items-center", children: [
+              /* @__PURE__ */ jsxs16("span", { className: "flex items-center", children: [
                 item.icon,
-                /* @__PURE__ */ jsx57("span", { children: item.text })
+                /* @__PURE__ */ jsx46("span", { children: item.text })
               ] }),
-              item.tag && /* @__PURE__ */ jsx57(
+              item.tag && /* @__PURE__ */ jsx46(
                 "span",
                 {
                   className: "absolute right-3 top-1 text-[10px] font-semibold",
@@ -6215,7 +5531,7 @@ function XButton(props) {
 
 // src/main/ai-prompt-textarea.tsx
 import { useEffect as useEffect18, useRef as useRef13 } from "react";
-import { jsx as jsx58, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs17 } from "react/jsx-runtime";
 function AIPromptTextarea({
   value,
   onChange,
@@ -6303,12 +5619,12 @@ function AIPromptTextarea({
   };
   const renderTitle = () => {
     if (!(title == null ? void 0 : title.trim())) return null;
-    return /* @__PURE__ */ jsxs27("div", { className: "space-y-1", children: [
-      title && /* @__PURE__ */ jsx58("span", { className: "text-xl font-semibold text-foreground", children: title }),
-      (description == null ? void 0 : description.trim()) && /* @__PURE__ */ jsx58("span", { className: "text-sm text-gray-400 ml-2", children: description })
+    return /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
+      title && /* @__PURE__ */ jsx47("span", { className: "text-xl font-semibold text-foreground", children: title }),
+      (description == null ? void 0 : description.trim()) && /* @__PURE__ */ jsx47("span", { className: "text-sm text-gray-400 ml-2", children: description })
     ] });
   };
-  const renderTextarea = (isEmbedded = false) => /* @__PURE__ */ jsx58(
+  const renderTextarea = (isEmbedded = false) => /* @__PURE__ */ jsx47(
     "textarea",
     {
       ref: textareaRef,
@@ -6327,7 +5643,7 @@ function AIPromptTextarea({
   );
   const renderWordCount = () => {
     if (!showWordCount) return null;
-    return /* @__PURE__ */ jsx58("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs27(
+    return /* @__PURE__ */ jsx47("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs17(
       "span",
       {
         className: `text-sm ${wordCount >= maxWords ? "text-red-500" : wordCount > maxWords * 0.75 ? "text-orange-500" : "text-muted-foreground"} ${isWordLimit ? "animate-bounce" : ""}`,
@@ -6343,36 +5659,53 @@ function AIPromptTextarea({
     ) });
   };
   if (embed && title) {
-    return /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs27("div", { className: "border-2 border-border rounded-lg bg-transparent", children: [
-        /* @__PURE__ */ jsx58("div", { className: "p-4 pb-2", children: renderTitle() }),
-        /* @__PURE__ */ jsx58("hr", { className: "border-t-1 border-border" }),
-        /* @__PURE__ */ jsx58("div", { className: "p-1", children: renderTextarea(true) })
+    return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "border-2 border-border rounded-lg bg-transparent", children: [
+        /* @__PURE__ */ jsx47("div", { className: "p-4 pb-2", children: renderTitle() }),
+        /* @__PURE__ */ jsx47("hr", { className: "border-t-1 border-border" }),
+        /* @__PURE__ */ jsx47("div", { className: "p-1", children: renderTextarea(true) })
       ] }),
       renderWordCount()
     ] });
   }
-  return /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+  return /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
     renderTitle(),
     renderTextarea(),
     renderWordCount()
   ] });
 }
+
+// src/main/rich-text-expert.tsx
+import { jsx as jsx48 } from "react/jsx-runtime";
+var defaultTagRenderers = {
+  // text Stong
+  strong: (chunks) => /* @__PURE__ */ jsx48("strong", { children: chunks }),
+  // text Emphasis
+  em: (chunks) => /* @__PURE__ */ jsx48("em", { children: chunks }),
+  // text Underline
+  u: (chunks) => /* @__PURE__ */ jsx48("u", { children: chunks }),
+  // text Mark
+  mark: (chunks) => /* @__PURE__ */ jsx48("mark", { className: "bg-purple-300 dark:bg-purple-500 text-neutral-800 dark:text-neutral-300 px-1 rounded", children: chunks }),
+  // text Delete
+  del: (chunks) => /* @__PURE__ */ jsx48("del", { children: chunks }),
+  // text Subscript
+  sub: (chunks) => /* @__PURE__ */ jsx48("sub", { children: chunks }),
+  // text Superscript
+  sup: (chunks) => /* @__PURE__ */ jsx48("sup", { children: chunks })
+};
+function createRichTextRenderer(customRenderers) {
+  const renderers = __spreadValues(__spreadValues({}, defaultTagRenderers), customRenderers);
+  return function richText2(t, key) {
+    return t.rich(key, renderers);
+  };
+}
+var richText = createRichTextRenderer();
 export {
   AIPromptTextarea,
   AdsAlertDialog,
-  CTA,
-  FAQ,
-  Features,
-  Footer,
-  Gallery,
   GoToTop,
   Loading,
   NProgressBar,
-  PricePlan,
-  SeoContent,
-  Tips,
-  Usage,
   XButton,
   createRichTextRenderer,
   richText