pelatform-ui 1.1.21 → 1.2.1

package/dist/components.js

@@ -1,7 +1,14 @@
 "use client";
 import {
   useMetaColor
-} from "./chunk-M2YFAZ2T.js";
+} from "./chunk-NOAZYT3J.js";
+import {
+  cn
+} from "./chunk-7EOSDFS3.js";
+import {
+  DEFAULT_THEME_MODE,
+  THEME_MODES
+} from "./chunk-HW52LCWN.js";
 
 // src/components/feedback/alert.tsx
 import {
@@ -13,7 +20,7 @@ import {
   TriangleAlertIcon
 } from "lucide-react";
 import { toast } from "sonner";
-import { Alert, AlertIcon, AlertTitle } from "@pelatform/ui.default";
+import { Alert, AlertTitle } from "@pelatform/ui.components/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 var iconMap = {
   primary: /* @__PURE__ */ jsx(CircleAlertIcon, {}),
@@ -25,11 +32,11 @@ var iconMap = {
 function AlertToast({
   message = "This is a toast",
   icon = "success",
-  variant = "mono"
+  variant = "default"
 }) {
   toast.custom(
-    () => /* @__PURE__ */ jsxs(Alert, { variant, icon, children: [
-      /* @__PURE__ */ jsx(AlertIcon, { children: iconMap[icon ?? "success"] }),
+    () => /* @__PURE__ */ jsxs(Alert, { variant, children: [
+      iconMap[icon ?? "success"],
       /* @__PURE__ */ jsx(AlertTitle, { children: message })
     ] }),
     {
@@ -57,18 +64,17 @@ function AlertNotification({ message, variant = "info" }) {
     }
   };
   return /* @__PURE__ */ jsxs(Alert, { variant, children: [
-    /* @__PURE__ */ jsx(AlertIcon, { children: getIcon() }),
+    getIcon(),
     /* @__PURE__ */ jsx(AlertTitle, { children: message })
   ] });
 }
 var AlertComingsoon = ({
   message = "This feature is coming soon.",
-  icon = "success",
-  variant = "mono"
+  variant = "default"
 } = {}) => {
   toast.custom(
-    () => /* @__PURE__ */ jsxs(Alert, { variant, icon, children: [
-      /* @__PURE__ */ jsx(AlertIcon, { children: /* @__PURE__ */ jsx(CircleAlertIcon, {}) }),
+    () => /* @__PURE__ */ jsxs(Alert, { variant, children: [
+      /* @__PURE__ */ jsx(CircleAlertIcon, {}),
       /* @__PURE__ */ jsx(AlertTitle, { children: message })
     ] }),
     {
@@ -92,7 +98,7 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle
-} from "@pelatform/ui.default";
+} from "@pelatform/ui.components/base";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var ConfirmDismissDialog = ({
   open,
@@ -126,18 +132,17 @@ var ConfirmDismissDialog = ({
 
 // src/components/feedback/screen-loader.tsx
 import { LoaderIcon } from "lucide-react";
-import { cn } from "@pelatform/utils";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ScreenLoader({
   loadingText = "Loading...",
   className = "",
-  spinnerClassName = "size-6 animate-spin",
+  spinnerClassName = "size-6",
   textClassName = "text-muted-foreground font-medium text-sm",
   contentLoader = false
 } = {}) {
   if (contentLoader) {
     return /* @__PURE__ */ jsx3("div", { className: cn("flex w-full grow items-center justify-center", className), children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2.5", children: [
-      /* @__PURE__ */ jsx3(LoaderIcon, { className: spinnerClassName, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx3(LoaderIcon, { className: cn("animate-spin", spinnerClassName) }),
       /* @__PURE__ */ jsx3("span", { className: textClassName, children: loadingText })
     ] }) });
   }
@@ -152,7 +157,7 @@ function ScreenLoader({
       "aria-live": "polite",
       "aria-label": loadingText,
       children: [
-        /* @__PURE__ */ jsx3(LoaderIcon, { className: spinnerClassName, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx3(LoaderIcon, { className: cn("animate-spin", spinnerClassName) }),
         /* @__PURE__ */ jsx3("div", { className: textClassName, children: loadingText })
       ]
     }
@@ -160,8 +165,7 @@ function ScreenLoader({
 }
 
 // src/components/layout/auth.tsx
-import { Card, CardContent } from "@pelatform/ui.default";
-import { cn as cn2 } from "@pelatform/utils";
+import { Card, CardContent } from "@pelatform/ui.components/base";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function LayoutAuth({
   children,
@@ -171,7 +175,7 @@ function LayoutAuth({
   return /* @__PURE__ */ jsxs4(
     "div",
     {
-      className: cn2("flex min-h-screen grow flex-col items-center justify-center p-4", className),
+      className: cn("flex min-h-screen grow flex-col items-center justify-center p-4", className),
       children: [
         logo && /* @__PURE__ */ jsx4("div", { className: "m-5", children: logo }),
         /* @__PURE__ */ jsx4(Card, { className: "w-full max-w-md", children: /* @__PURE__ */ jsx4(CardContent, { className: "p-6", children }) })
@@ -180,12 +184,8 @@ function LayoutAuth({
   );
 }
 
-// src/components/layout/blank.tsx
-import { cn as cn4 } from "@pelatform/utils";
-
 // src/components/layout/grid.tsx
 import { useId } from "react";
-import { cn as cn3 } from "@pelatform/utils";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function Grid({
   cellSize = 12,
@@ -197,7 +197,7 @@ function Grid({
   return /* @__PURE__ */ jsxs5(
     "svg",
     {
-      className: cn3("pointer-events-none absolute inset-0 text-foreground/10", className),
+      className: cn("pointer-events-none absolute inset-0 text-foreground/10", className),
       width: "100%",
       height: "100%",
       children: [
@@ -234,7 +234,7 @@ function LayoutBlank({ children, footer, className, logo }) {
     /* @__PURE__ */ jsx6("div", { className: "absolute inset-0 isolate overflow-hidden bg-background", children: /* @__PURE__ */ jsx6(
       "div",
       {
-        className: cn4(
+        className: cn(
           "absolute inset-y-0 start-1/2 w-[1200px] -translate-x-1/2",
           "mask-intersect mask-[linear-gradient(black,transparent_320px),linear-gradient(90deg,transparent,black_5%,black_95%,transparent)]"
         ),
@@ -244,7 +244,7 @@ function LayoutBlank({ children, footer, className, logo }) {
     /* @__PURE__ */ jsxs6(
       "div",
       {
-        className: cn4(
+        className: cn(
           "relative flex min-h-screen w-full flex-col items-center justify-between",
           className
         ),
@@ -259,22 +259,20 @@ function LayoutBlank({ children, footer, className, logo }) {
 }
 
 // src/components/layout/body.tsx
-import { cn as cn5 } from "@pelatform/utils";
 import { jsx as jsx7 } from "react/jsx-runtime";
 function useMode(slug) {
   return Array.isArray(slug) && slug.length > 0 ? slug[0] : void 0;
 }
 function Body({ slug, children, className }) {
   const mode = useMode(slug);
-  return /* @__PURE__ */ jsx7("body", { className: cn5(mode, className), children });
+  return /* @__PURE__ */ jsx7("body", { className: cn(mode, className), children });
 }
 
 // src/components/layout/comingsoon.tsx
-import { HoverBackground } from "@pelatform/ui.animation";
-import { cn as cn6 } from "@pelatform/utils";
+import { HoverBackground } from "@pelatform/ui.components/animation";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function ComingSoon({ className, title, description }) {
-  return /* @__PURE__ */ jsx8("div", { className: cn6("h-[calc(100vh-54px)] w-full overflow-hidden", className), children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx8("div", { className: cn("h-[calc(100vh-54px)] w-full overflow-hidden", className), children: /* @__PURE__ */ jsx8(
     HoverBackground,
     {
       colors: {
@@ -299,18 +297,18 @@ function ComingSoon({ className, title, description }) {
 }
 
 // src/components/layout/error.tsx
-import { Badge } from "@pelatform/ui.default";
-import { assetsUrl, cn as cn7 } from "@pelatform/utils";
+import { Badge } from "@pelatform/ui.components/base";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function ErrorComponents({
   className,
   type = "default",
   textTitle,
   textSubtitle,
-  button
+  button,
+  assetsUrl = (path) => path
 }) {
   if (type === "404") {
-    return /* @__PURE__ */ jsxs8("div", { className: cn7("flex h-[95%] grow flex-col items-center justify-center", className), children: [
+    return /* @__PURE__ */ jsxs8("div", { className: cn("flex h-[95%] grow flex-col items-center justify-center", className), children: [
       /* @__PURE__ */ jsxs8("div", { className: "mb-10", children: [
         /* @__PURE__ */ jsx9(
           "img",
@@ -329,13 +327,13 @@ function ErrorComponents({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx9(Badge, { variant: "destructive", appearance: "outline", className: "mb-3", children: "404 Error" }),
+      /* @__PURE__ */ jsx9(Badge, { variant: "destructive", className: "mb-3", children: "404 Error" }),
       /* @__PURE__ */ jsx9("h3", { className: "mb-2 text-center font-semibold text-2xl text-foreground", children: textTitle }),
       /* @__PURE__ */ jsx9("div", { className: "mb-10 text-center text-base text-secondary-foreground", children: textSubtitle })
     ] });
   }
   if (type === "500") {
-    return /* @__PURE__ */ jsxs8("div", { className: cn7("flex h-[95%] grow flex-col items-center justify-center", className), children: [
+    return /* @__PURE__ */ jsxs8("div", { className: cn("flex h-[95%] grow flex-col items-center justify-center", className), children: [
       /* @__PURE__ */ jsxs8("div", { className: "mb-10", children: [
         /* @__PURE__ */ jsx9(
           "img",
@@ -354,13 +352,13 @@ function ErrorComponents({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx9(Badge, { variant: "destructive", appearance: "outline", className: "mb-3", children: "500 Error" }),
+      /* @__PURE__ */ jsx9(Badge, { variant: "destructive", className: "mb-3", children: "500 Error" }),
       /* @__PURE__ */ jsx9("h3", { className: "mb-2 text-center font-semibold text-2xl text-foreground", children: textTitle }),
       /* @__PURE__ */ jsx9("div", { className: "mb-10 text-center text-base text-secondary-foreground", children: textSubtitle }),
       button
     ] });
   }
-  return /* @__PURE__ */ jsxs8("div", { className: cn7("flex h-[95%] grow flex-col items-center justify-center", className), children: [
+  return /* @__PURE__ */ jsxs8("div", { className: cn("flex h-[95%] grow flex-col items-center justify-center", className), children: [
     /* @__PURE__ */ jsxs8("div", { className: "mb-10", children: [
       /* @__PURE__ */ jsx9(
         "img",
@@ -386,10 +384,8 @@ function ErrorComponents({
 
 // src/components/layout/section.tsx
 import { PlusIcon } from "lucide-react";
-import { cn as cn9 } from "@pelatform/utils";
 
 // src/components/ui/grid-background.tsx
-import { cn as cn8 } from "@pelatform/utils";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var GridBackground = ({
   columns = 4,
@@ -408,53 +404,58 @@ var GridBackground = ({
     },
     i
   ));
-  return /* @__PURE__ */ jsx10("div", { className: cn8("stripe-grid absolute inset-0 -z-50 h-full w-full", className), children: /* @__PURE__ */ jsx10("div", { className: "relative h-full w-full overflow-hidden", children: /* @__PURE__ */ jsx10("div", { className: "pointer-events-none absolute top-0 left-0 h-full w-full", "aria-hidden": "true", children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx10("div", { className: cn("stripe-grid absolute inset-0 -z-50 h-full w-full", className), children: /* @__PURE__ */ jsx10("div", { className: "relative h-full w-full overflow-hidden", children: /* @__PURE__ */ jsx10(
     "div",
     {
-      className: cn8("relative mx-auto grid h-full grid-cols-4 grid-rows-1", maxWidthClass),
-      children: [
-        columnElements,
-        /* @__PURE__ */ jsx10(
-          "div",
-          {
-            className: "absolute top-0 right-0 h-full w-px",
-            style: { backgroundColor: "var(--grid-base-color)" }
-          }
-        )
-      ]
+      className: "pointer-events-none absolute start-0 top-0 h-full w-full",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxs9(
+        "div",
+        {
+          className: cn("relative mx-auto grid h-full grid-cols-4 grid-rows-1", maxWidthClass),
+          children: [
+            columnElements,
+            /* @__PURE__ */ jsx10(
+              "div",
+              {
+                className: "absolute end-0 top-0 h-full w-px",
+                style: { backgroundColor: "var(--grid-base-color)" }
+              }
+            )
+          ]
+        }
+      )
     }
-  ) }) }) });
+  ) }) });
 };
 
 // src/components/layout/section.tsx
 import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var Cross = () => /* @__PURE__ */ jsxs10("div", { className: "relative h-6 w-6", children: [
-  /* @__PURE__ */ jsx11("div", { className: "absolute left-3 h-6 w-px bg-background" }),
+  /* @__PURE__ */ jsx11("div", { className: "absolute start-3 h-6 w-px bg-background" }),
   /* @__PURE__ */ jsx11("div", { className: "absolute top-3 h-px w-6 bg-background" }),
-  /* @__PURE__ */ jsx11("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx11(PlusIcon, { size: 20, className: "text-border/70 dark:text-border" }) })
+  /* @__PURE__ */ jsx11("div", { className: "absolute start-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx11(PlusIcon, { size: 20, className: "text-border/70 dark:text-border" }) })
 ] });
 var Section = ({ children, sectionClassName, className, ...props }) => /* @__PURE__ */ jsx11("section", { className: sectionClassName, ...props, children: /* @__PURE__ */ jsxs10("div", { className: "grid-container relative mx-auto", children: [
   /* @__PURE__ */ jsx11(GridBackground, { maxWidthClass: "grid-container" }),
-  /* @__PURE__ */ jsx11("div", { className: cn9(className), children }),
-  /* @__PURE__ */ jsx11("div", { className: "absolute -bottom-3 -left-3 z-10 hidden h-6 sm:block", children: /* @__PURE__ */ jsx11(Cross, {}) }),
-  /* @__PURE__ */ jsx11("div", { className: "absolute -right-3 -bottom-3 z-10 hidden h-6 -translate-x-px sm:block", children: /* @__PURE__ */ jsx11(Cross, {}) })
+  /* @__PURE__ */ jsx11("div", { className: cn(className), children }),
+  /* @__PURE__ */ jsx11("div", { className: "absolute -start-3 -bottom-3 z-10 hidden h-6 sm:block", children: /* @__PURE__ */ jsx11(Cross, {}) }),
+  /* @__PURE__ */ jsx11("div", { className: "absolute -end-3 -bottom-3 z-10 hidden h-6 -translate-x-px sm:block", children: /* @__PURE__ */ jsx11(Cross, {}) })
 ] }) });
 
 // src/components/layout/site-footer.tsx
-import { cn as cn10 } from "@pelatform/utils";
 import { jsx as jsx12 } from "react/jsx-runtime";
 function SiteFooter({ children, className }) {
-  return /* @__PURE__ */ jsx12("footer", { className: cn10("border-border border-t py-5 md:py-0", className), children: /* @__PURE__ */ jsx12("div", { className: "container flex flex-col items-center justify-between gap-4 py-4 md:h-16 md:flex-row", children }) });
+  return /* @__PURE__ */ jsx12("footer", { className: cn("border-border border-t py-5 md:py-0", className), children: /* @__PURE__ */ jsx12("div", { className: "container flex flex-col items-center justify-between gap-4 py-4 md:h-16 md:flex-row", children }) });
 }
 
 // src/components/layout/site-header.tsx
-import { cn as cn11 } from "@pelatform/utils";
 import { jsx as jsx13 } from "react/jsx-runtime";
 function SiteHeader({ className, children }) {
   return /* @__PURE__ */ jsx13(
     "header",
     {
-      className: cn11(
+      className: cn(
         "sticky top-0 z-50 w-full border-border border-b bg-background/95 backdrop-blur-sm supports-backdrop-filter:bg-background/60",
         className
       ),
@@ -464,10 +465,9 @@ function SiteHeader({ className, children }) {
 }
 
 // src/components/layout/wrapper.tsx
-import { cn as cn12 } from "@pelatform/utils";
 import { jsx as jsx14 } from "react/jsx-runtime";
 function MaxWidthWrapper({ className, children }) {
-  return /* @__PURE__ */ jsx14("div", { className: cn12("mx-auto w-full max-w-7xl p-3 lg:px-10", className), children });
+  return /* @__PURE__ */ jsx14("div", { className: cn("mx-auto w-full max-w-7xl p-3 lg:px-10", className), children });
 }
 
 // src/components/mdx/code-display.tsx
@@ -484,19 +484,15 @@ function CodeDisplay({
 
 // src/components/mdx/download.tsx
 import { DownloadIcon } from "lucide-react";
-import { Button } from "@pelatform/ui.default";
-import { cn as cn13 } from "@pelatform/utils";
+import { Button } from "@pelatform/ui.components/base";
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function DownloadFile({ children, className, href }) {
-  return /* @__PURE__ */ jsx16("div", { className: "inline-flex pb-4", children: /* @__PURE__ */ jsx16(Button, { size: "lg", className: cn13("rounded-full", className), children: /* @__PURE__ */ jsxs12("a", { href, target: "_blank", rel: "noopener noreferrer", children: [
-    /* @__PURE__ */ jsx16(DownloadIcon, { className: "mr-2 size-5" }),
+  return /* @__PURE__ */ jsx16("div", { className: "inline-flex pb-4", children: /* @__PURE__ */ jsx16(Button, { size: "lg", className: cn("rounded-full", className), children: /* @__PURE__ */ jsxs12("a", { href, target: "_blank", rel: "noopener noreferrer", children: [
+    /* @__PURE__ */ jsx16(DownloadIcon, { className: "me-2 size-5" }),
     children
   ] }) }) });
 }
 
-// src/components/mdx/link.tsx
-import { cn as cn14 } from "@pelatform/utils";
-
 // src/components/utils/shared.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
 var DefaultImage = ({ src, alt, className }) => /* @__PURE__ */ jsx17("img", { src, alt, className });
@@ -519,27 +515,25 @@ function ExtraLink({
     {
       href,
       target,
-      className: cn14("font-medium underline underline-offset-4", className),
+      className: cn("font-medium underline underline-offset-4", className),
       children
     }
   );
 }
 
 // src/components/mdx/video.tsx
-import { cn as cn15 } from "@pelatform/utils";
 import { jsx as jsx19 } from "react/jsx-runtime";
 function Video({ className, ...props }) {
-  return /* @__PURE__ */ jsx19("video", { className: cn15("w-full rounded-lg border", className), controls: true, loop: true, ...props });
+  return /* @__PURE__ */ jsx19("video", { className: cn("w-full rounded-lg border", className), controls: true, loop: true, ...props });
 }
 
 // src/components/mdx/wrapper.tsx
-import { cn as cn16 } from "@pelatform/utils";
 import { jsx as jsx20 } from "react/jsx-runtime";
 function Wrapper({ children, className }) {
   return /* @__PURE__ */ jsx20(
     "div",
     {
-      className: cn16(
+      className: cn(
         "prose-no-margin rounded-lg border border-fd-primary/10 bg-radial-[at_bottom] from-blue-500/20 bg-origin-border p-4 dark:bg-black/20",
         className
       ),
@@ -571,15 +565,14 @@ function Youtube({ id }) {
 
 // src/components/navigation/back-link.tsx
 import { ChevronLeftIcon } from "lucide-react";
-import { Button as Button2 } from "@pelatform/ui.default";
-import { cn as cn17 } from "@pelatform/utils";
+import { Button as Button2 } from "@pelatform/ui.components/base";
 import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 function BackLink({ Link = DefaultLink, children, href, className }) {
   return /* @__PURE__ */ jsxs13(
     Link,
     {
       href,
-      className: cn17(
+      className: cn(
         "group flex items-center gap-2 text-foreground transition-colors duration-100 hover:text-foreground/75",
         className
       ),
@@ -587,8 +580,8 @@ function BackLink({ Link = DefaultLink, children, href, className }) {
         /* @__PURE__ */ jsx22(
           Button2,
           {
+            size: "icon",
             variant: "secondary",
-            mode: "icon",
             className: "size-7.5! transition-transform duration-100 group-hover:-translate-x-0.5",
             children: /* @__PURE__ */ jsx22(ChevronLeftIcon, {})
           }
@@ -602,8 +595,7 @@ function BackLink({ Link = DefaultLink, children, href, className }) {
 // src/components/navigation/command-menu.tsx
 import * as React from "react";
 import { SearchIcon } from "lucide-react";
-import { Button as Button3, CommandDialog, CommandInput, CommandList } from "@pelatform/ui.default";
-import { cn as cn18, googleTrackEvent } from "@pelatform/utils";
+import { Button as Button3, CommandDialog, CommandInput, CommandList } from "@pelatform/ui.components/base";
 import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 function CommandMenu({
   children,
@@ -626,17 +618,6 @@ function CommandMenu({
         e.preventDefault();
         setOpen((currentOpen) => {
           const newState = !currentOpen;
-          if (newState) {
-            googleTrackEvent({
-              name: "site_header_search_trigger_shortcut",
-              properties: {
-                method: e.key === "/" ? "slash" : "cmd_k",
-                category: "search",
-                label: `Search Trigger - ${e.key === "/" ? "Slash" : "Cmd+K"}`,
-                timestamp: Date.now()
-              }
-            });
-          }
           return newState;
         });
       }
@@ -644,39 +625,26 @@ function CommandMenu({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, []);
-  const handleButtonClick = React.useCallback(() => {
-    googleTrackEvent({
-      name: "site_header_search_trigger_click",
-      properties: {
-        method: "button_click",
-        category: "search",
-        label: "Search Trigger - Button Click",
-        timestamp: Date.now()
-      }
-    });
-  }, []);
   const handleOpenMenu = React.useCallback(() => {
     setOpen(true);
-    handleButtonClick();
-  }, [handleButtonClick]);
+  }, []);
   return /* @__PURE__ */ jsxs14(Fragment2, { children: [
     /* @__PURE__ */ jsxs14(
       Button3,
       {
-        variant: "outline",
-        mode: "input",
         size: "sm",
-        className: cn18("relative h-8 w-full py-0 pl-2 sm:w-40 sm:pr-12 lg:w-48", classButton),
+        variant: "outline",
+        className: cn("relative h-8 w-full py-0 ps-2 sm:w-40 sm:pe-12 lg:w-48", classButton),
         onClick: handleOpenMenu,
         "aria-label": `Open command menu (${keyHint})`,
         ...props,
         children: [
-          /* @__PURE__ */ jsx23(SearchIcon, { className: "mr-2 h-4 w-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx23(SearchIcon, { className: "me-2 size-4" }),
           /* @__PURE__ */ jsx23("span", { className: "inline-flex text-muted-foreground", children: searchButtonText }),
           /* @__PURE__ */ jsx23(
             "kbd",
             {
-              className: "pointer-events-none absolute top-1/2 right-[5px] hidden h-5 -translate-y-1/2 select-none items-center gap-1 rounded border bg-muted px-1.5 font-medium font-mono text-[10px] opacity-100 sm:flex",
+              className: "pointer-events-none absolute end-[5px] top-1/2 hidden h-5 -translate-y-1/2 select-none items-center gap-1 rounded border bg-muted px-1.5 font-medium font-mono text-[10px] opacity-100 sm:flex",
               "aria-label": `Keyboard shortcut: ${keyHint}`,
               children: keyHint
             }
@@ -689,7 +657,7 @@ function CommandMenu({
       {
         open,
         onOpenChange: setOpen,
-        className: cn18(
+        className: cn(
           "**:data-dialog-close:end-[0.925rem] **:data-dialog-close:top-[0.925rem]",
           classDialog
         ),
@@ -712,11 +680,10 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "@pelatform/ui.default";
-import { cn as cn19, googleTrackEvent as googleTrackEvent2 } from "@pelatform/utils";
+} from "@pelatform/ui.components/base";
 import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 function MainNav({ Link = DefaultLink, pathname, items, className }) {
-  return /* @__PURE__ */ jsx24("div", { className: cn19("mr-4 hidden items-center justify-center md:flex", className), children: /* @__PURE__ */ jsx24("nav", { className: "flex items-center gap-4 font-medium text-sm xl:gap-6", children: items.map((item) => /* @__PURE__ */ jsx24(NavItemRenderer, { Link, item, pathname, level: 1 }, item.title)) }) });
+  return /* @__PURE__ */ jsx24("div", { className: cn("me-4 hidden items-center justify-center md:flex", className), children: /* @__PURE__ */ jsx24("nav", { className: "flex items-center gap-4 font-medium text-sm xl:gap-6", children: items.map((item) => /* @__PURE__ */ jsx24(NavItemRenderer, { Link, item, pathname, level: 1 }, item.title)) }) });
 }
 function NavItemRenderer({ Link = DefaultLink, item, pathname, level }) {
   const hasChildren = item.children && item.children.length > 0;
@@ -727,10 +694,10 @@ function NavItemRenderer({ Link = DefaultLink, item, pathname, level }) {
   ) ?? false : item.href === pathname || item.href !== "/" && item.href && pathname?.startsWith(item.href);
   if (hasChildren && level <= 3) {
     return /* @__PURE__ */ jsxs15(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx24(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
+      /* @__PURE__ */ jsx24(DropdownMenuTrigger, { children: /* @__PURE__ */ jsxs15(
         "button",
         {
-          className: cn19(
+          className: cn(
             "inline-flex cursor-pointer items-center gap-1 transition-colors hover:text-foreground/80 focus-visible:outline-0",
             isActive ? "text-foreground" : "text-foreground/60"
           ),
@@ -767,11 +734,10 @@ function NavItemRenderer({ Link = DefaultLink, item, pathname, level }) {
     {
       href: item.href ?? "#",
       ...item.external ? { target: "_blank", rel: "noopener noreferrer" } : {},
-      className: cn19(
+      className: cn(
         "relative inline-flex items-center gap-1 transition-colors hover:text-foreground/80",
         isActive ? "text-foreground" : "text-foreground/60"
       ),
-      onClick: () => handleMenuClick(item),
       children: [
         item.icon && /* @__PURE__ */ jsx24(item.icon, {}),
         item.title,
@@ -790,7 +756,7 @@ function ChildNavItemRenderer({ Link = DefaultLink, item, pathname, level }) {
       /* @__PURE__ */ jsxs15(
         DropdownMenuSubTrigger,
         {
-          className: cn19(
+          className: cn(
             "flex w-full items-center justify-between text-muted-foreground hover:text-foreground",
             isChildActive && "font-medium text-foreground"
           ),
@@ -811,16 +777,15 @@ function ChildNavItemRenderer({ Link = DefaultLink, item, pathname, level }) {
       )) })
     ] });
   }
-  return /* @__PURE__ */ jsx24(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx24(DropdownMenuItem, { children: /* @__PURE__ */ jsxs15(
     Link,
     {
       href: item.href || "",
       ...item.external ? { target: "_blank", rel: "noopener noreferrer" } : {},
-      className: cn19(
+      className: cn(
         "block w-full cursor-pointer transition-colors",
         isChildActive ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"
       ),
-      onClick: () => handleMenuClick(item),
       children: [
         item.icon && /* @__PURE__ */ jsx24(item.icon, {}),
         item.title,
@@ -829,18 +794,6 @@ function ChildNavItemRenderer({ Link = DefaultLink, item, pathname, level }) {
     }
   ) });
 }
-function handleMenuClick(item) {
-  googleTrackEvent2({
-    name: `site_header_menu_${item.title.toLowerCase().replace(/\s+/g, "_")}_link_click`,
-    properties: {
-      menu_item: item.title,
-      menu_path: item.href || "#",
-      is_external: !!item.external,
-      category: "navigation",
-      label: `Header Menu ${item.title} Click`
-    }
-  });
-}
 
 // src/components/navigation/mobile-nav.tsx
 import { useCallback as useCallback2, useState as useState2 } from "react";
@@ -855,8 +808,7 @@ import {
   DrawerDescription,
   DrawerTitle,
   DrawerTrigger
-} from "@pelatform/ui.default";
-import { cn as cn20 } from "@pelatform/utils";
+} from "@pelatform/ui.components/base";
 import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
 function MobileNav({ children, className }) {
   const { setMetaColor, metaColor } = useMetaColor();
@@ -868,7 +820,7 @@ function MobileNav({ children, className }) {
     },
     [setMetaColor, metaColor]
   );
-  return /* @__PURE__ */ jsx25("div", { className: cn20("flex items-center gap-2.5 md:hidden", className), children: /* @__PURE__ */ jsxs16(Drawer, { open, onOpenChange, children: [
+  return /* @__PURE__ */ jsx25("div", { className: cn("flex items-center gap-2.5 md:hidden", className), children: /* @__PURE__ */ jsxs16(Drawer, { open, onOpenChange, children: [
     /* @__PURE__ */ jsx25(DrawerTrigger, { asChild: true, children: /* @__PURE__ */ jsxs16(Button4, { variant: "ghost", className: "group/toggle size-8 px-0 text-foreground", children: [
       /* @__PURE__ */ jsx25(MenuIcon, {}),
       /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Toggle Menu" })
@@ -902,69 +854,2070 @@ function MobileNavItemRenderer({
       /* @__PURE__ */ jsxs16(
         CollapsibleTrigger,
         {
-          className: cn20(
-            "flex w-full cursor-pointer items-center gap-1 text-sm transition-colors",
-            isOpen ? "text-foreground" : "text-foreground/60"
-          ),
-          children: [
-            item.icon && /* @__PURE__ */ jsx25(item.icon, {}),
-            item.title,
-            /* @__PURE__ */ jsx25(
-              ChevronDownIcon2,
-              {
-                className: cn20(
-                  "ml-auto size-3.5 opacity-60 transition-transform",
-                  isOpen && "rotate-180"
-                )
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx25(CollapsibleContent, { children: /* @__PURE__ */ jsx25("div", { className: cn20("flex flex-col space-y-2.5 pt-3", `ps-5`), children: item.children.map((child) => /* @__PURE__ */ jsx25(
-        MobileNavItemRenderer,
+          className: cn(
+            "flex w-full cursor-pointer items-center gap-1 text-sm transition-colors",
+            isOpen ? "text-foreground" : "text-foreground/60"
+          ),
+          children: [
+            item.icon && /* @__PURE__ */ jsx25(item.icon, {}),
+            item.title,
+            /* @__PURE__ */ jsx25(
+              ChevronDownIcon2,
+              {
+                className: cn(
+                  "ms-auto size-3.5 opacity-60 transition-transform",
+                  isOpen && "rotate-180"
+                )
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx25(CollapsibleContent, { children: /* @__PURE__ */ jsx25("div", { className: cn("flex flex-col space-y-2.5 pt-3", `ps-5`), children: item.children.map((child) => /* @__PURE__ */ jsx25(
+        MobileNavItemRenderer,
+        {
+          item: child,
+          pathname,
+          level: level + 1,
+          onOpenChange
+        },
+        child.title
+      )) }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs16(
+    Link,
+    {
+      href: item.href || "#",
+      ...item.external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+      onClick: () => {
+        if (!item.external && item.href) {
+          router(item.href.toString());
+        }
+        onOpenChange?.(false);
+      },
+      className: cn(
+        "inline-flex items-center gap-1 text-sm transition-colors",
+        isActive ? "text-foreground" : "text-foreground/60"
+      ),
+      children: [
+        item.icon && /* @__PURE__ */ jsx25(item.icon, {}),
+        item.title,
+        item.external && /* @__PURE__ */ jsx25(ArrowUpRightIcon2, { className: "ms-1 size-3.5 opacity-60" })
+      ]
+    }
+  );
+}
+
+// src/components/providers/query-provider.tsx
+import { useState as useState3 } from "react";
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/subscribable.js
+var Subscribable = class {
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Set();
+    this.subscribe = this.subscribe.bind(this);
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    this.onSubscribe();
+    return () => {
+      this.listeners.delete(listener);
+      this.onUnsubscribe();
+    };
+  }
+  hasListeners() {
+    return this.listeners.size > 0;
+  }
+  onSubscribe() {
+  }
+  onUnsubscribe() {
+  }
+};
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/timeoutManager.js
+var defaultTimeoutProvider = {
+  // We need the wrapper function syntax below instead of direct references to
+  // global setTimeout etc.
+  //
+  // BAD: `setTimeout: setTimeout`
+  // GOOD: `setTimeout: (cb, delay) => setTimeout(cb, delay)`
+  //
+  // If we use direct references here, then anything that wants to spy on or
+  // replace the global setTimeout (like tests) won't work since we'll already
+  // have a hard reference to the original implementation at the time when this
+  // file was imported.
+  setTimeout: (callback, delay) => setTimeout(callback, delay),
+  clearTimeout: (timeoutId) => clearTimeout(timeoutId),
+  setInterval: (callback, delay) => setInterval(callback, delay),
+  clearInterval: (intervalId) => clearInterval(intervalId)
+};
+var TimeoutManager = class {
+  // We cannot have TimeoutManager<T> as we must instantiate it with a concrete
+  // type at app boot; and if we leave that type, then any new timer provider
+  // would need to support ReturnType<typeof setTimeout>, which is infeasible.
+  //
+  // We settle for type safety for the TimeoutProvider type, and accept that
+  // this class is unsafe internally to allow for extension.
+  #provider = defaultTimeoutProvider;
+  #providerCalled = false;
+  setTimeoutProvider(provider) {
+    if (process.env.NODE_ENV !== "production") {
+      if (this.#providerCalled && provider !== this.#provider) {
+        console.error(
+          `[timeoutManager]: Switching provider after calls to previous provider might result in unexpected behavior.`,
+          { previous: this.#provider, provider }
+        );
+      }
+    }
+    this.#provider = provider;
+    if (process.env.NODE_ENV !== "production") {
+      this.#providerCalled = false;
+    }
+  }
+  setTimeout(callback, delay) {
+    if (process.env.NODE_ENV !== "production") {
+      this.#providerCalled = true;
+    }
+    return this.#provider.setTimeout(callback, delay);
+  }
+  clearTimeout(timeoutId) {
+    this.#provider.clearTimeout(timeoutId);
+  }
+  setInterval(callback, delay) {
+    if (process.env.NODE_ENV !== "production") {
+      this.#providerCalled = true;
+    }
+    return this.#provider.setInterval(callback, delay);
+  }
+  clearInterval(intervalId) {
+    this.#provider.clearInterval(intervalId);
+  }
+};
+var timeoutManager = new TimeoutManager();
+function systemSetTimeoutZero(callback) {
+  setTimeout(callback, 0);
+}
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/utils.js
+var isServer = typeof window === "undefined" || "Deno" in globalThis;
+function noop() {
+}
+function functionalUpdate(updater, input) {
+  return typeof updater === "function" ? updater(input) : updater;
+}
+function isValidTimeout(value) {
+  return typeof value === "number" && value >= 0 && value !== Infinity;
+}
+function timeUntilStale(updatedAt, staleTime) {
+  return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0);
+}
+function resolveStaleTime(staleTime, query) {
+  return typeof staleTime === "function" ? staleTime(query) : staleTime;
+}
+function resolveEnabled(enabled, query) {
+  return typeof enabled === "function" ? enabled(query) : enabled;
+}
+function matchQuery(filters, query) {
+  const {
+    type = "all",
+    exact,
+    fetchStatus,
+    predicate,
+    queryKey,
+    stale
+  } = filters;
+  if (queryKey) {
+    if (exact) {
+      if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) {
+        return false;
+      }
+    } else if (!partialMatchKey(query.queryKey, queryKey)) {
+      return false;
+    }
+  }
+  if (type !== "all") {
+    const isActive = query.isActive();
+    if (type === "active" && !isActive) {
+      return false;
+    }
+    if (type === "inactive" && isActive) {
+      return false;
+    }
+  }
+  if (typeof stale === "boolean" && query.isStale() !== stale) {
+    return false;
+  }
+  if (fetchStatus && fetchStatus !== query.state.fetchStatus) {
+    return false;
+  }
+  if (predicate && !predicate(query)) {
+    return false;
+  }
+  return true;
+}
+function matchMutation(filters, mutation) {
+  const { exact, status, predicate, mutationKey } = filters;
+  if (mutationKey) {
+    if (!mutation.options.mutationKey) {
+      return false;
+    }
+    if (exact) {
+      if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) {
+        return false;
+      }
+    } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) {
+      return false;
+    }
+  }
+  if (status && mutation.state.status !== status) {
+    return false;
+  }
+  if (predicate && !predicate(mutation)) {
+    return false;
+  }
+  return true;
+}
+function hashQueryKeyByOptions(queryKey, options) {
+  const hashFn = options?.queryKeyHashFn || hashKey;
+  return hashFn(queryKey);
+}
+function hashKey(queryKey) {
+  return JSON.stringify(
+    queryKey,
+    (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => {
+      result[key] = val[key];
+      return result;
+    }, {}) : val
+  );
+}
+function partialMatchKey(a, b) {
+  if (a === b) {
+    return true;
+  }
+  if (typeof a !== typeof b) {
+    return false;
+  }
+  if (a && b && typeof a === "object" && typeof b === "object") {
+    return Object.keys(b).every((key) => partialMatchKey(a[key], b[key]));
+  }
+  return false;
+}
+var hasOwn = Object.prototype.hasOwnProperty;
+function replaceEqualDeep(a, b, depth = 0) {
+  if (a === b) {
+    return a;
+  }
+  if (depth > 500) return b;
+  const array = isPlainArray(a) && isPlainArray(b);
+  if (!array && !(isPlainObject(a) && isPlainObject(b))) return b;
+  const aItems = array ? a : Object.keys(a);
+  const aSize = aItems.length;
+  const bItems = array ? b : Object.keys(b);
+  const bSize = bItems.length;
+  const copy = array ? new Array(bSize) : {};
+  let equalItems = 0;
+  for (let i = 0; i < bSize; i++) {
+    const key = array ? i : bItems[i];
+    const aItem = a[key];
+    const bItem = b[key];
+    if (aItem === bItem) {
+      copy[key] = aItem;
+      if (array ? i < aSize : hasOwn.call(a, key)) equalItems++;
+      continue;
+    }
+    if (aItem === null || bItem === null || typeof aItem !== "object" || typeof bItem !== "object") {
+      copy[key] = bItem;
+      continue;
+    }
+    const v = replaceEqualDeep(aItem, bItem, depth + 1);
+    copy[key] = v;
+    if (v === aItem) equalItems++;
+  }
+  return aSize === bSize && equalItems === aSize ? a : copy;
+}
+function isPlainArray(value) {
+  return Array.isArray(value) && value.length === Object.keys(value).length;
+}
+function isPlainObject(o) {
+  if (!hasObjectPrototype(o)) {
+    return false;
+  }
+  const ctor = o.constructor;
+  if (ctor === void 0) {
+    return true;
+  }
+  const prot = ctor.prototype;
+  if (!hasObjectPrototype(prot)) {
+    return false;
+  }
+  if (!prot.hasOwnProperty("isPrototypeOf")) {
+    return false;
+  }
+  if (Object.getPrototypeOf(o) !== Object.prototype) {
+    return false;
+  }
+  return true;
+}
+function hasObjectPrototype(o) {
+  return Object.prototype.toString.call(o) === "[object Object]";
+}
+function sleep(timeout) {
+  return new Promise((resolve) => {
+    timeoutManager.setTimeout(resolve, timeout);
+  });
+}
+function replaceData(prevData, data, options) {
+  if (typeof options.structuralSharing === "function") {
+    return options.structuralSharing(prevData, data);
+  } else if (options.structuralSharing !== false) {
+    if (process.env.NODE_ENV !== "production") {
+      try {
+        return replaceEqualDeep(prevData, data);
+      } catch (error) {
+        console.error(
+          `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error}`
+        );
+        throw error;
+      }
+    }
+    return replaceEqualDeep(prevData, data);
+  }
+  return data;
+}
+function addToEnd(items, item, max = 0) {
+  const newItems = [...items, item];
+  return max && newItems.length > max ? newItems.slice(1) : newItems;
+}
+function addToStart(items, item, max = 0) {
+  const newItems = [item, ...items];
+  return max && newItems.length > max ? newItems.slice(0, -1) : newItems;
+}
+var skipToken = /* @__PURE__ */ Symbol();
+function ensureQueryFn(options, fetchOptions) {
+  if (process.env.NODE_ENV !== "production") {
+    if (options.queryFn === skipToken) {
+      console.error(
+        `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'`
+      );
+    }
+  }
+  if (!options.queryFn && fetchOptions?.initialPromise) {
+    return () => fetchOptions.initialPromise;
+  }
+  if (!options.queryFn || options.queryFn === skipToken) {
+    return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`));
+  }
+  return options.queryFn;
+}
+function addConsumeAwareSignal(object, getSignal, onCancelled) {
+  let consumed = false;
+  let signal;
+  Object.defineProperty(object, "signal", {
+    enumerable: true,
+    get: () => {
+      signal ??= getSignal();
+      if (consumed) {
+        return signal;
+      }
+      consumed = true;
+      if (signal.aborted) {
+        onCancelled();
+      } else {
+        signal.addEventListener("abort", onCancelled, { once: true });
+      }
+      return signal;
+    }
+  });
+  return object;
+}
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/focusManager.js
+var FocusManager = class extends Subscribable {
+  #focused;
+  #cleanup;
+  #setup;
+  constructor() {
+    super();
+    this.#setup = (onFocus) => {
+      if (!isServer && window.addEventListener) {
+        const listener = () => onFocus();
+        window.addEventListener("visibilitychange", listener, false);
+        return () => {
+          window.removeEventListener("visibilitychange", listener);
+        };
+      }
+      return;
+    };
+  }
+  onSubscribe() {
+    if (!this.#cleanup) {
+      this.setEventListener(this.#setup);
+    }
+  }
+  onUnsubscribe() {
+    if (!this.hasListeners()) {
+      this.#cleanup?.();
+      this.#cleanup = void 0;
+    }
+  }
+  setEventListener(setup) {
+    this.#setup = setup;
+    this.#cleanup?.();
+    this.#cleanup = setup((focused) => {
+      if (typeof focused === "boolean") {
+        this.setFocused(focused);
+      } else {
+        this.onFocus();
+      }
+    });
+  }
+  setFocused(focused) {
+    const changed = this.#focused !== focused;
+    if (changed) {
+      this.#focused = focused;
+      this.onFocus();
+    }
+  }
+  onFocus() {
+    const isFocused = this.isFocused();
+    this.listeners.forEach((listener) => {
+      listener(isFocused);
+    });
+  }
+  isFocused() {
+    if (typeof this.#focused === "boolean") {
+      return this.#focused;
+    }
+    return globalThis.document?.visibilityState !== "hidden";
+  }
+};
+var focusManager = new FocusManager();
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/thenable.js
+function pendingThenable() {
+  let resolve;
+  let reject;
+  const thenable = new Promise((_resolve, _reject) => {
+    resolve = _resolve;
+    reject = _reject;
+  });
+  thenable.status = "pending";
+  thenable.catch(() => {
+  });
+  function finalize(data) {
+    Object.assign(thenable, data);
+    delete thenable.resolve;
+    delete thenable.reject;
+  }
+  thenable.resolve = (value) => {
+    finalize({
+      status: "fulfilled",
+      value
+    });
+    resolve(value);
+  };
+  thenable.reject = (reason) => {
+    finalize({
+      status: "rejected",
+      reason
+    });
+    reject(reason);
+  };
+  return thenable;
+}
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/notifyManager.js
+var defaultScheduler = systemSetTimeoutZero;
+function createNotifyManager() {
+  let queue = [];
+  let transactions = 0;
+  let notifyFn = (callback) => {
+    callback();
+  };
+  let batchNotifyFn = (callback) => {
+    callback();
+  };
+  let scheduleFn = defaultScheduler;
+  const schedule = (callback) => {
+    if (transactions) {
+      queue.push(callback);
+    } else {
+      scheduleFn(() => {
+        notifyFn(callback);
+      });
+    }
+  };
+  const flush = () => {
+    const originalQueue = queue;
+    queue = [];
+    if (originalQueue.length) {
+      scheduleFn(() => {
+        batchNotifyFn(() => {
+          originalQueue.forEach((callback) => {
+            notifyFn(callback);
+          });
+        });
+      });
+    }
+  };
+  return {
+    batch: (callback) => {
+      let result;
+      transactions++;
+      try {
+        result = callback();
+      } finally {
+        transactions--;
+        if (!transactions) {
+          flush();
+        }
+      }
+      return result;
+    },
+    /**
+     * All calls to the wrapped function will be batched.
+     */
+    batchCalls: (callback) => {
+      return (...args) => {
+        schedule(() => {
+          callback(...args);
+        });
+      };
+    },
+    schedule,
+    /**
+     * Use this method to set a custom notify function.
+     * This can be used to for example wrap notifications with `React.act` while running tests.
+     */
+    setNotifyFunction: (fn) => {
+      notifyFn = fn;
+    },
+    /**
+     * Use this method to set a custom function to batch notifications together into a single tick.
+     * By default React Query will use the batch function provided by ReactDOM or React Native.
+     */
+    setBatchNotifyFunction: (fn) => {
+      batchNotifyFn = fn;
+    },
+    setScheduler: (fn) => {
+      scheduleFn = fn;
+    }
+  };
+}
+var notifyManager = createNotifyManager();
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/onlineManager.js
+var OnlineManager = class extends Subscribable {
+  #online = true;
+  #cleanup;
+  #setup;
+  constructor() {
+    super();
+    this.#setup = (onOnline) => {
+      if (!isServer && window.addEventListener) {
+        const onlineListener = () => onOnline(true);
+        const offlineListener = () => onOnline(false);
+        window.addEventListener("online", onlineListener, false);
+        window.addEventListener("offline", offlineListener, false);
+        return () => {
+          window.removeEventListener("online", onlineListener);
+          window.removeEventListener("offline", offlineListener);
+        };
+      }
+      return;
+    };
+  }
+  onSubscribe() {
+    if (!this.#cleanup) {
+      this.setEventListener(this.#setup);
+    }
+  }
+  onUnsubscribe() {
+    if (!this.hasListeners()) {
+      this.#cleanup?.();
+      this.#cleanup = void 0;
+    }
+  }
+  setEventListener(setup) {
+    this.#setup = setup;
+    this.#cleanup?.();
+    this.#cleanup = setup(this.setOnline.bind(this));
+  }
+  setOnline(online) {
+    const changed = this.#online !== online;
+    if (changed) {
+      this.#online = online;
+      this.listeners.forEach((listener) => {
+        listener(online);
+      });
+    }
+  }
+  isOnline() {
+    return this.#online;
+  }
+};
+var onlineManager = new OnlineManager();
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/retryer.js
+function defaultRetryDelay(failureCount) {
+  return Math.min(1e3 * 2 ** failureCount, 3e4);
+}
+function canFetch(networkMode) {
+  return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true;
+}
+var CancelledError = class extends Error {
+  constructor(options) {
+    super("CancelledError");
+    this.revert = options?.revert;
+    this.silent = options?.silent;
+  }
+};
+function createRetryer(config) {
+  let isRetryCancelled = false;
+  let failureCount = 0;
+  let continueFn;
+  const thenable = pendingThenable();
+  const isResolved = () => thenable.status !== "pending";
+  const cancel = (cancelOptions) => {
+    if (!isResolved()) {
+      const error = new CancelledError(cancelOptions);
+      reject(error);
+      config.onCancel?.(error);
+    }
+  };
+  const cancelRetry = () => {
+    isRetryCancelled = true;
+  };
+  const continueRetry = () => {
+    isRetryCancelled = false;
+  };
+  const canContinue = () => focusManager.isFocused() && (config.networkMode === "always" || onlineManager.isOnline()) && config.canRun();
+  const canStart = () => canFetch(config.networkMode) && config.canRun();
+  const resolve = (value) => {
+    if (!isResolved()) {
+      continueFn?.();
+      thenable.resolve(value);
+    }
+  };
+  const reject = (value) => {
+    if (!isResolved()) {
+      continueFn?.();
+      thenable.reject(value);
+    }
+  };
+  const pause = () => {
+    return new Promise((continueResolve) => {
+      continueFn = (value) => {
+        if (isResolved() || canContinue()) {
+          continueResolve(value);
+        }
+      };
+      config.onPause?.();
+    }).then(() => {
+      continueFn = void 0;
+      if (!isResolved()) {
+        config.onContinue?.();
+      }
+    });
+  };
+  const run = () => {
+    if (isResolved()) {
+      return;
+    }
+    let promiseOrValue;
+    const initialPromise = failureCount === 0 ? config.initialPromise : void 0;
+    try {
+      promiseOrValue = initialPromise ?? config.fn();
+    } catch (error) {
+      promiseOrValue = Promise.reject(error);
+    }
+    Promise.resolve(promiseOrValue).then(resolve).catch((error) => {
+      if (isResolved()) {
+        return;
+      }
+      const retry = config.retry ?? (isServer ? 0 : 3);
+      const retryDelay = config.retryDelay ?? defaultRetryDelay;
+      const delay = typeof retryDelay === "function" ? retryDelay(failureCount, error) : retryDelay;
+      const shouldRetry = retry === true || typeof retry === "number" && failureCount < retry || typeof retry === "function" && retry(failureCount, error);
+      if (isRetryCancelled || !shouldRetry) {
+        reject(error);
+        return;
+      }
+      failureCount++;
+      config.onFail?.(failureCount, error);
+      sleep(delay).then(() => {
+        return canContinue() ? void 0 : pause();
+      }).then(() => {
+        if (isRetryCancelled) {
+          reject(error);
+        } else {
+          run();
+        }
+      });
+    });
+  };
+  return {
+    promise: thenable,
+    status: () => thenable.status,
+    cancel,
+    continue: () => {
+      continueFn?.();
+      return thenable;
+    },
+    cancelRetry,
+    continueRetry,
+    canStart,
+    start: () => {
+      if (canStart()) {
+        run();
+      } else {
+        pause().then(run);
+      }
+      return thenable;
+    }
+  };
+}
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/removable.js
+var Removable = class {
+  #gcTimeout;
+  destroy() {
+    this.clearGcTimeout();
+  }
+  scheduleGc() {
+    this.clearGcTimeout();
+    if (isValidTimeout(this.gcTime)) {
+      this.#gcTimeout = timeoutManager.setTimeout(() => {
+        this.optionalRemove();
+      }, this.gcTime);
+    }
+  }
+  updateGcTime(newGcTime) {
+    this.gcTime = Math.max(
+      this.gcTime || 0,
+      newGcTime ?? (isServer ? Infinity : 5 * 60 * 1e3)
+    );
+  }
+  clearGcTimeout() {
+    if (this.#gcTimeout) {
+      timeoutManager.clearTimeout(this.#gcTimeout);
+      this.#gcTimeout = void 0;
+    }
+  }
+};
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/query.js
+var Query = class extends Removable {
+  #initialState;
+  #revertState;
+  #cache;
+  #client;
+  #retryer;
+  #defaultOptions;
+  #abortSignalConsumed;
+  constructor(config) {
+    super();
+    this.#abortSignalConsumed = false;
+    this.#defaultOptions = config.defaultOptions;
+    this.setOptions(config.options);
+    this.observers = [];
+    this.#client = config.client;
+    this.#cache = this.#client.getQueryCache();
+    this.queryKey = config.queryKey;
+    this.queryHash = config.queryHash;
+    this.#initialState = getDefaultState(this.options);
+    this.state = config.state ?? this.#initialState;
+    this.scheduleGc();
+  }
+  get meta() {
+    return this.options.meta;
+  }
+  get promise() {
+    return this.#retryer?.promise;
+  }
+  setOptions(options) {
+    this.options = { ...this.#defaultOptions, ...options };
+    this.updateGcTime(this.options.gcTime);
+    if (this.state && this.state.data === void 0) {
+      const defaultState = getDefaultState(this.options);
+      if (defaultState.data !== void 0) {
+        this.setState(
+          successState(defaultState.data, defaultState.dataUpdatedAt)
+        );
+        this.#initialState = defaultState;
+      }
+    }
+  }
+  optionalRemove() {
+    if (!this.observers.length && this.state.fetchStatus === "idle") {
+      this.#cache.remove(this);
+    }
+  }
+  setData(newData, options) {
+    const data = replaceData(this.state.data, newData, this.options);
+    this.#dispatch({
+      data,
+      type: "success",
+      dataUpdatedAt: options?.updatedAt,
+      manual: options?.manual
+    });
+    return data;
+  }
+  setState(state, setStateOptions) {
+    this.#dispatch({ type: "setState", state, setStateOptions });
+  }
+  cancel(options) {
+    const promise = this.#retryer?.promise;
+    this.#retryer?.cancel(options);
+    return promise ? promise.then(noop).catch(noop) : Promise.resolve();
+  }
+  destroy() {
+    super.destroy();
+    this.cancel({ silent: true });
+  }
+  reset() {
+    this.destroy();
+    this.setState(this.#initialState);
+  }
+  isActive() {
+    return this.observers.some(
+      (observer) => resolveEnabled(observer.options.enabled, this) !== false
+    );
+  }
+  isDisabled() {
+    if (this.getObserversCount() > 0) {
+      return !this.isActive();
+    }
+    return this.options.queryFn === skipToken || this.state.dataUpdateCount + this.state.errorUpdateCount === 0;
+  }
+  isStatic() {
+    if (this.getObserversCount() > 0) {
+      return this.observers.some(
+        (observer) => resolveStaleTime(observer.options.staleTime, this) === "static"
+      );
+    }
+    return false;
+  }
+  isStale() {
+    if (this.getObserversCount() > 0) {
+      return this.observers.some(
+        (observer) => observer.getCurrentResult().isStale
+      );
+    }
+    return this.state.data === void 0 || this.state.isInvalidated;
+  }
+  isStaleByTime(staleTime = 0) {
+    if (this.state.data === void 0) {
+      return true;
+    }
+    if (staleTime === "static") {
+      return false;
+    }
+    if (this.state.isInvalidated) {
+      return true;
+    }
+    return !timeUntilStale(this.state.dataUpdatedAt, staleTime);
+  }
+  onFocus() {
+    const observer = this.observers.find((x) => x.shouldFetchOnWindowFocus());
+    observer?.refetch({ cancelRefetch: false });
+    this.#retryer?.continue();
+  }
+  onOnline() {
+    const observer = this.observers.find((x) => x.shouldFetchOnReconnect());
+    observer?.refetch({ cancelRefetch: false });
+    this.#retryer?.continue();
+  }
+  addObserver(observer) {
+    if (!this.observers.includes(observer)) {
+      this.observers.push(observer);
+      this.clearGcTimeout();
+      this.#cache.notify({ type: "observerAdded", query: this, observer });
+    }
+  }
+  removeObserver(observer) {
+    if (this.observers.includes(observer)) {
+      this.observers = this.observers.filter((x) => x !== observer);
+      if (!this.observers.length) {
+        if (this.#retryer) {
+          if (this.#abortSignalConsumed) {
+            this.#retryer.cancel({ revert: true });
+          } else {
+            this.#retryer.cancelRetry();
+          }
+        }
+        this.scheduleGc();
+      }
+      this.#cache.notify({ type: "observerRemoved", query: this, observer });
+    }
+  }
+  getObserversCount() {
+    return this.observers.length;
+  }
+  invalidate() {
+    if (!this.state.isInvalidated) {
+      this.#dispatch({ type: "invalidate" });
+    }
+  }
+  async fetch(options, fetchOptions) {
+    if (this.state.fetchStatus !== "idle" && // If the promise in the retryer is already rejected, we have to definitely
+    // re-start the fetch; there is a chance that the query is still in a
+    // pending state when that happens
+    this.#retryer?.status() !== "rejected") {
+      if (this.state.data !== void 0 && fetchOptions?.cancelRefetch) {
+        this.cancel({ silent: true });
+      } else if (this.#retryer) {
+        this.#retryer.continueRetry();
+        return this.#retryer.promise;
+      }
+    }
+    if (options) {
+      this.setOptions(options);
+    }
+    if (!this.options.queryFn) {
+      const observer = this.observers.find((x) => x.options.queryFn);
+      if (observer) {
+        this.setOptions(observer.options);
+      }
+    }
+    if (process.env.NODE_ENV !== "production") {
+      if (!Array.isArray(this.options.queryKey)) {
+        console.error(
+          `As of v4, queryKey needs to be an Array. If you are using a string like 'repoData', please change it to an Array, e.g. ['repoData']`
+        );
+      }
+    }
+    const abortController = new AbortController();
+    const addSignalProperty = (object) => {
+      Object.defineProperty(object, "signal", {
+        enumerable: true,
+        get: () => {
+          this.#abortSignalConsumed = true;
+          return abortController.signal;
+        }
+      });
+    };
+    const fetchFn = () => {
+      const queryFn = ensureQueryFn(this.options, fetchOptions);
+      const createQueryFnContext = () => {
+        const queryFnContext2 = {
+          client: this.#client,
+          queryKey: this.queryKey,
+          meta: this.meta
+        };
+        addSignalProperty(queryFnContext2);
+        return queryFnContext2;
+      };
+      const queryFnContext = createQueryFnContext();
+      this.#abortSignalConsumed = false;
+      if (this.options.persister) {
+        return this.options.persister(
+          queryFn,
+          queryFnContext,
+          this
+        );
+      }
+      return queryFn(queryFnContext);
+    };
+    const createFetchContext = () => {
+      const context2 = {
+        fetchOptions,
+        options: this.options,
+        queryKey: this.queryKey,
+        client: this.#client,
+        state: this.state,
+        fetchFn
+      };
+      addSignalProperty(context2);
+      return context2;
+    };
+    const context = createFetchContext();
+    this.options.behavior?.onFetch(context, this);
+    this.#revertState = this.state;
+    if (this.state.fetchStatus === "idle" || this.state.fetchMeta !== context.fetchOptions?.meta) {
+      this.#dispatch({ type: "fetch", meta: context.fetchOptions?.meta });
+    }
+    this.#retryer = createRetryer({
+      initialPromise: fetchOptions?.initialPromise,
+      fn: context.fetchFn,
+      onCancel: (error) => {
+        if (error instanceof CancelledError && error.revert) {
+          this.setState({
+            ...this.#revertState,
+            fetchStatus: "idle"
+          });
+        }
+        abortController.abort();
+      },
+      onFail: (failureCount, error) => {
+        this.#dispatch({ type: "failed", failureCount, error });
+      },
+      onPause: () => {
+        this.#dispatch({ type: "pause" });
+      },
+      onContinue: () => {
+        this.#dispatch({ type: "continue" });
+      },
+      retry: context.options.retry,
+      retryDelay: context.options.retryDelay,
+      networkMode: context.options.networkMode,
+      canRun: () => true
+    });
+    try {
+      const data = await this.#retryer.start();
+      if (data === void 0) {
+        if (process.env.NODE_ENV !== "production") {
+          console.error(
+            `Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ${this.queryHash}`
+          );
+        }
+        throw new Error(`${this.queryHash} data is undefined`);
+      }
+      this.setData(data);
+      this.#cache.config.onSuccess?.(data, this);
+      this.#cache.config.onSettled?.(
+        data,
+        this.state.error,
+        this
+      );
+      return data;
+    } catch (error) {
+      if (error instanceof CancelledError) {
+        if (error.silent) {
+          return this.#retryer.promise;
+        } else if (error.revert) {
+          if (this.state.data === void 0) {
+            throw error;
+          }
+          return this.state.data;
+        }
+      }
+      this.#dispatch({
+        type: "error",
+        error
+      });
+      this.#cache.config.onError?.(
+        error,
+        this
+      );
+      this.#cache.config.onSettled?.(
+        this.state.data,
+        error,
+        this
+      );
+      throw error;
+    } finally {
+      this.scheduleGc();
+    }
+  }
+  #dispatch(action) {
+    const reducer = (state) => {
+      switch (action.type) {
+        case "failed":
+          return {
+            ...state,
+            fetchFailureCount: action.failureCount,
+            fetchFailureReason: action.error
+          };
+        case "pause":
+          return {
+            ...state,
+            fetchStatus: "paused"
+          };
+        case "continue":
+          return {
+            ...state,
+            fetchStatus: "fetching"
+          };
+        case "fetch":
+          return {
+            ...state,
+            ...fetchState(state.data, this.options),
+            fetchMeta: action.meta ?? null
+          };
+        case "success":
+          const newState = {
+            ...state,
+            ...successState(action.data, action.dataUpdatedAt),
+            dataUpdateCount: state.dataUpdateCount + 1,
+            ...!action.manual && {
+              fetchStatus: "idle",
+              fetchFailureCount: 0,
+              fetchFailureReason: null
+            }
+          };
+          this.#revertState = action.manual ? newState : void 0;
+          return newState;
+        case "error":
+          const error = action.error;
+          return {
+            ...state,
+            error,
+            errorUpdateCount: state.errorUpdateCount + 1,
+            errorUpdatedAt: Date.now(),
+            fetchFailureCount: state.fetchFailureCount + 1,
+            fetchFailureReason: error,
+            fetchStatus: "idle",
+            status: "error",
+            // flag existing data as invalidated if we get a background error
+            // note that "no data" always means stale so we can set unconditionally here
+            isInvalidated: true
+          };
+        case "invalidate":
+          return {
+            ...state,
+            isInvalidated: true
+          };
+        case "setState":
+          return {
+            ...state,
+            ...action.state
+          };
+      }
+    };
+    this.state = reducer(this.state);
+    notifyManager.batch(() => {
+      this.observers.forEach((observer) => {
+        observer.onQueryUpdate();
+      });
+      this.#cache.notify({ query: this, type: "updated", action });
+    });
+  }
+};
+function fetchState(data, options) {
+  return {
+    fetchFailureCount: 0,
+    fetchFailureReason: null,
+    fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused",
+    ...data === void 0 && {
+      error: null,
+      status: "pending"
+    }
+  };
+}
+function successState(data, dataUpdatedAt) {
+  return {
+    data,
+    dataUpdatedAt: dataUpdatedAt ?? Date.now(),
+    error: null,
+    isInvalidated: false,
+    status: "success"
+  };
+}
+function getDefaultState(options) {
+  const data = typeof options.initialData === "function" ? options.initialData() : options.initialData;
+  const hasData = data !== void 0;
+  const initialDataUpdatedAt = hasData ? typeof options.initialDataUpdatedAt === "function" ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0;
+  return {
+    data,
+    dataUpdateCount: 0,
+    dataUpdatedAt: hasData ? initialDataUpdatedAt ?? Date.now() : 0,
+    error: null,
+    errorUpdateCount: 0,
+    errorUpdatedAt: 0,
+    fetchFailureCount: 0,
+    fetchFailureReason: null,
+    fetchMeta: null,
+    isInvalidated: false,
+    status: hasData ? "success" : "pending",
+    fetchStatus: "idle"
+  };
+}
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js
+function infiniteQueryBehavior(pages) {
+  return {
+    onFetch: (context, query) => {
+      const options = context.options;
+      const direction = context.fetchOptions?.meta?.fetchMore?.direction;
+      const oldPages = context.state.data?.pages || [];
+      const oldPageParams = context.state.data?.pageParams || [];
+      let result = { pages: [], pageParams: [] };
+      let currentPage = 0;
+      const fetchFn = async () => {
+        let cancelled = false;
+        const addSignalProperty = (object) => {
+          addConsumeAwareSignal(
+            object,
+            () => context.signal,
+            () => cancelled = true
+          );
+        };
+        const queryFn = ensureQueryFn(context.options, context.fetchOptions);
+        const fetchPage = async (data, param, previous) => {
+          if (cancelled) {
+            return Promise.reject();
+          }
+          if (param == null && data.pages.length) {
+            return Promise.resolve(data);
+          }
+          const createQueryFnContext = () => {
+            const queryFnContext2 = {
+              client: context.client,
+              queryKey: context.queryKey,
+              pageParam: param,
+              direction: previous ? "backward" : "forward",
+              meta: context.options.meta
+            };
+            addSignalProperty(queryFnContext2);
+            return queryFnContext2;
+          };
+          const queryFnContext = createQueryFnContext();
+          const page = await queryFn(queryFnContext);
+          const { maxPages } = context.options;
+          const addTo = previous ? addToStart : addToEnd;
+          return {
+            pages: addTo(data.pages, page, maxPages),
+            pageParams: addTo(data.pageParams, param, maxPages)
+          };
+        };
+        if (direction && oldPages.length) {
+          const previous = direction === "backward";
+          const pageParamFn = previous ? getPreviousPageParam : getNextPageParam;
+          const oldData = {
+            pages: oldPages,
+            pageParams: oldPageParams
+          };
+          const param = pageParamFn(options, oldData);
+          result = await fetchPage(oldData, param, previous);
+        } else {
+          const remainingPages = pages ?? oldPages.length;
+          do {
+            const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result);
+            if (currentPage > 0 && param == null) {
+              break;
+            }
+            result = await fetchPage(result, param);
+            currentPage++;
+          } while (currentPage < remainingPages);
+        }
+        return result;
+      };
+      if (context.options.persister) {
+        context.fetchFn = () => {
+          return context.options.persister?.(
+            fetchFn,
+            {
+              client: context.client,
+              queryKey: context.queryKey,
+              meta: context.options.meta,
+              signal: context.signal
+            },
+            query
+          );
+        };
+      } else {
+        context.fetchFn = fetchFn;
+      }
+    }
+  };
+}
+function getNextPageParam(options, { pages, pageParams }) {
+  const lastIndex = pages.length - 1;
+  return pages.length > 0 ? options.getNextPageParam(
+    pages[lastIndex],
+    pages,
+    pageParams[lastIndex],
+    pageParams
+  ) : void 0;
+}
+function getPreviousPageParam(options, { pages, pageParams }) {
+  return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0;
+}
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/mutation.js
+var Mutation = class extends Removable {
+  #client;
+  #observers;
+  #mutationCache;
+  #retryer;
+  constructor(config) {
+    super();
+    this.#client = config.client;
+    this.mutationId = config.mutationId;
+    this.#mutationCache = config.mutationCache;
+    this.#observers = [];
+    this.state = config.state || getDefaultState2();
+    this.setOptions(config.options);
+    this.scheduleGc();
+  }
+  setOptions(options) {
+    this.options = options;
+    this.updateGcTime(this.options.gcTime);
+  }
+  get meta() {
+    return this.options.meta;
+  }
+  addObserver(observer) {
+    if (!this.#observers.includes(observer)) {
+      this.#observers.push(observer);
+      this.clearGcTimeout();
+      this.#mutationCache.notify({
+        type: "observerAdded",
+        mutation: this,
+        observer
+      });
+    }
+  }
+  removeObserver(observer) {
+    this.#observers = this.#observers.filter((x) => x !== observer);
+    this.scheduleGc();
+    this.#mutationCache.notify({
+      type: "observerRemoved",
+      mutation: this,
+      observer
+    });
+  }
+  optionalRemove() {
+    if (!this.#observers.length) {
+      if (this.state.status === "pending") {
+        this.scheduleGc();
+      } else {
+        this.#mutationCache.remove(this);
+      }
+    }
+  }
+  continue() {
+    return this.#retryer?.continue() ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
+    this.execute(this.state.variables);
+  }
+  async execute(variables) {
+    const onContinue = () => {
+      this.#dispatch({ type: "continue" });
+    };
+    const mutationFnContext = {
+      client: this.#client,
+      meta: this.options.meta,
+      mutationKey: this.options.mutationKey
+    };
+    this.#retryer = createRetryer({
+      fn: () => {
+        if (!this.options.mutationFn) {
+          return Promise.reject(new Error("No mutationFn found"));
+        }
+        return this.options.mutationFn(variables, mutationFnContext);
+      },
+      onFail: (failureCount, error) => {
+        this.#dispatch({ type: "failed", failureCount, error });
+      },
+      onPause: () => {
+        this.#dispatch({ type: "pause" });
+      },
+      onContinue,
+      retry: this.options.retry ?? 0,
+      retryDelay: this.options.retryDelay,
+      networkMode: this.options.networkMode,
+      canRun: () => this.#mutationCache.canRun(this)
+    });
+    const restored = this.state.status === "pending";
+    const isPaused = !this.#retryer.canStart();
+    try {
+      if (restored) {
+        onContinue();
+      } else {
+        this.#dispatch({ type: "pending", variables, isPaused });
+        if (this.#mutationCache.config.onMutate) {
+          await this.#mutationCache.config.onMutate(
+            variables,
+            this,
+            mutationFnContext
+          );
+        }
+        const context = await this.options.onMutate?.(
+          variables,
+          mutationFnContext
+        );
+        if (context !== this.state.context) {
+          this.#dispatch({
+            type: "pending",
+            context,
+            variables,
+            isPaused
+          });
+        }
+      }
+      const data = await this.#retryer.start();
+      await this.#mutationCache.config.onSuccess?.(
+        data,
+        variables,
+        this.state.context,
+        this,
+        mutationFnContext
+      );
+      await this.options.onSuccess?.(
+        data,
+        variables,
+        this.state.context,
+        mutationFnContext
+      );
+      await this.#mutationCache.config.onSettled?.(
+        data,
+        null,
+        this.state.variables,
+        this.state.context,
+        this,
+        mutationFnContext
+      );
+      await this.options.onSettled?.(
+        data,
+        null,
+        variables,
+        this.state.context,
+        mutationFnContext
+      );
+      this.#dispatch({ type: "success", data });
+      return data;
+    } catch (error) {
+      try {
+        await this.#mutationCache.config.onError?.(
+          error,
+          variables,
+          this.state.context,
+          this,
+          mutationFnContext
+        );
+      } catch (e) {
+        void Promise.reject(e);
+      }
+      try {
+        await this.options.onError?.(
+          error,
+          variables,
+          this.state.context,
+          mutationFnContext
+        );
+      } catch (e) {
+        void Promise.reject(e);
+      }
+      try {
+        await this.#mutationCache.config.onSettled?.(
+          void 0,
+          error,
+          this.state.variables,
+          this.state.context,
+          this,
+          mutationFnContext
+        );
+      } catch (e) {
+        void Promise.reject(e);
+      }
+      try {
+        await this.options.onSettled?.(
+          void 0,
+          error,
+          variables,
+          this.state.context,
+          mutationFnContext
+        );
+      } catch (e) {
+        void Promise.reject(e);
+      }
+      this.#dispatch({ type: "error", error });
+      throw error;
+    } finally {
+      this.#mutationCache.runNext(this);
+    }
+  }
+  #dispatch(action) {
+    const reducer = (state) => {
+      switch (action.type) {
+        case "failed":
+          return {
+            ...state,
+            failureCount: action.failureCount,
+            failureReason: action.error
+          };
+        case "pause":
+          return {
+            ...state,
+            isPaused: true
+          };
+        case "continue":
+          return {
+            ...state,
+            isPaused: false
+          };
+        case "pending":
+          return {
+            ...state,
+            context: action.context,
+            data: void 0,
+            failureCount: 0,
+            failureReason: null,
+            error: null,
+            isPaused: action.isPaused,
+            status: "pending",
+            variables: action.variables,
+            submittedAt: Date.now()
+          };
+        case "success":
+          return {
+            ...state,
+            data: action.data,
+            failureCount: 0,
+            failureReason: null,
+            error: null,
+            status: "success",
+            isPaused: false
+          };
+        case "error":
+          return {
+            ...state,
+            data: void 0,
+            error: action.error,
+            failureCount: state.failureCount + 1,
+            failureReason: action.error,
+            isPaused: false,
+            status: "error"
+          };
+      }
+    };
+    this.state = reducer(this.state);
+    notifyManager.batch(() => {
+      this.#observers.forEach((observer) => {
+        observer.onMutationUpdate(action);
+      });
+      this.#mutationCache.notify({
+        mutation: this,
+        type: "updated",
+        action
+      });
+    });
+  }
+};
+function getDefaultState2() {
+  return {
+    context: void 0,
+    data: void 0,
+    error: null,
+    failureCount: 0,
+    failureReason: null,
+    isPaused: false,
+    status: "idle",
+    variables: void 0,
+    submittedAt: 0
+  };
+}
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/mutationCache.js
+var MutationCache = class extends Subscribable {
+  constructor(config = {}) {
+    super();
+    this.config = config;
+    this.#mutations = /* @__PURE__ */ new Set();
+    this.#scopes = /* @__PURE__ */ new Map();
+    this.#mutationId = 0;
+  }
+  #mutations;
+  #scopes;
+  #mutationId;
+  build(client, options, state) {
+    const mutation = new Mutation({
+      client,
+      mutationCache: this,
+      mutationId: ++this.#mutationId,
+      options: client.defaultMutationOptions(options),
+      state
+    });
+    this.add(mutation);
+    return mutation;
+  }
+  add(mutation) {
+    this.#mutations.add(mutation);
+    const scope = scopeFor(mutation);
+    if (typeof scope === "string") {
+      const scopedMutations = this.#scopes.get(scope);
+      if (scopedMutations) {
+        scopedMutations.push(mutation);
+      } else {
+        this.#scopes.set(scope, [mutation]);
+      }
+    }
+    this.notify({ type: "added", mutation });
+  }
+  remove(mutation) {
+    if (this.#mutations.delete(mutation)) {
+      const scope = scopeFor(mutation);
+      if (typeof scope === "string") {
+        const scopedMutations = this.#scopes.get(scope);
+        if (scopedMutations) {
+          if (scopedMutations.length > 1) {
+            const index = scopedMutations.indexOf(mutation);
+            if (index !== -1) {
+              scopedMutations.splice(index, 1);
+            }
+          } else if (scopedMutations[0] === mutation) {
+            this.#scopes.delete(scope);
+          }
+        }
+      }
+    }
+    this.notify({ type: "removed", mutation });
+  }
+  canRun(mutation) {
+    const scope = scopeFor(mutation);
+    if (typeof scope === "string") {
+      const mutationsWithSameScope = this.#scopes.get(scope);
+      const firstPendingMutation = mutationsWithSameScope?.find(
+        (m) => m.state.status === "pending"
+      );
+      return !firstPendingMutation || firstPendingMutation === mutation;
+    } else {
+      return true;
+    }
+  }
+  runNext(mutation) {
+    const scope = scopeFor(mutation);
+    if (typeof scope === "string") {
+      const foundMutation = this.#scopes.get(scope)?.find((m) => m !== mutation && m.state.isPaused);
+      return foundMutation?.continue() ?? Promise.resolve();
+    } else {
+      return Promise.resolve();
+    }
+  }
+  clear() {
+    notifyManager.batch(() => {
+      this.#mutations.forEach((mutation) => {
+        this.notify({ type: "removed", mutation });
+      });
+      this.#mutations.clear();
+      this.#scopes.clear();
+    });
+  }
+  getAll() {
+    return Array.from(this.#mutations);
+  }
+  find(filters) {
+    const defaultedFilters = { exact: true, ...filters };
+    return this.getAll().find(
+      (mutation) => matchMutation(defaultedFilters, mutation)
+    );
+  }
+  findAll(filters = {}) {
+    return this.getAll().filter((mutation) => matchMutation(filters, mutation));
+  }
+  notify(event) {
+    notifyManager.batch(() => {
+      this.listeners.forEach((listener) => {
+        listener(event);
+      });
+    });
+  }
+  resumePausedMutations() {
+    const pausedMutations = this.getAll().filter((x) => x.state.isPaused);
+    return notifyManager.batch(
+      () => Promise.all(
+        pausedMutations.map((mutation) => mutation.continue().catch(noop))
+      )
+    );
+  }
+};
+function scopeFor(mutation) {
+  return mutation.options.scope?.id;
+}
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/queryCache.js
+var QueryCache = class extends Subscribable {
+  constructor(config = {}) {
+    super();
+    this.config = config;
+    this.#queries = /* @__PURE__ */ new Map();
+  }
+  #queries;
+  build(client, options, state) {
+    const queryKey = options.queryKey;
+    const queryHash = options.queryHash ?? hashQueryKeyByOptions(queryKey, options);
+    let query = this.get(queryHash);
+    if (!query) {
+      query = new Query({
+        client,
+        queryKey,
+        queryHash,
+        options: client.defaultQueryOptions(options),
+        state,
+        defaultOptions: client.getQueryDefaults(queryKey)
+      });
+      this.add(query);
+    }
+    return query;
+  }
+  add(query) {
+    if (!this.#queries.has(query.queryHash)) {
+      this.#queries.set(query.queryHash, query);
+      this.notify({
+        type: "added",
+        query
+      });
+    }
+  }
+  remove(query) {
+    const queryInMap = this.#queries.get(query.queryHash);
+    if (queryInMap) {
+      query.destroy();
+      if (queryInMap === query) {
+        this.#queries.delete(query.queryHash);
+      }
+      this.notify({ type: "removed", query });
+    }
+  }
+  clear() {
+    notifyManager.batch(() => {
+      this.getAll().forEach((query) => {
+        this.remove(query);
+      });
+    });
+  }
+  get(queryHash) {
+    return this.#queries.get(queryHash);
+  }
+  getAll() {
+    return [...this.#queries.values()];
+  }
+  find(filters) {
+    const defaultedFilters = { exact: true, ...filters };
+    return this.getAll().find(
+      (query) => matchQuery(defaultedFilters, query)
+    );
+  }
+  findAll(filters = {}) {
+    const queries = this.getAll();
+    return Object.keys(filters).length > 0 ? queries.filter((query) => matchQuery(filters, query)) : queries;
+  }
+  notify(event) {
+    notifyManager.batch(() => {
+      this.listeners.forEach((listener) => {
+        listener(event);
+      });
+    });
+  }
+  onFocus() {
+    notifyManager.batch(() => {
+      this.getAll().forEach((query) => {
+        query.onFocus();
+      });
+    });
+  }
+  onOnline() {
+    notifyManager.batch(() => {
+      this.getAll().forEach((query) => {
+        query.onOnline();
+      });
+    });
+  }
+};
+
+// ../../node_modules/.bun/@tanstack+query-core@5.90.20/node_modules/@tanstack/query-core/build/modern/queryClient.js
+var QueryClient = class {
+  #queryCache;
+  #mutationCache;
+  #defaultOptions;
+  #queryDefaults;
+  #mutationDefaults;
+  #mountCount;
+  #unsubscribeFocus;
+  #unsubscribeOnline;
+  constructor(config = {}) {
+    this.#queryCache = config.queryCache || new QueryCache();
+    this.#mutationCache = config.mutationCache || new MutationCache();
+    this.#defaultOptions = config.defaultOptions || {};
+    this.#queryDefaults = /* @__PURE__ */ new Map();
+    this.#mutationDefaults = /* @__PURE__ */ new Map();
+    this.#mountCount = 0;
+  }
+  mount() {
+    this.#mountCount++;
+    if (this.#mountCount !== 1) return;
+    this.#unsubscribeFocus = focusManager.subscribe(async (focused) => {
+      if (focused) {
+        await this.resumePausedMutations();
+        this.#queryCache.onFocus();
+      }
+    });
+    this.#unsubscribeOnline = onlineManager.subscribe(async (online) => {
+      if (online) {
+        await this.resumePausedMutations();
+        this.#queryCache.onOnline();
+      }
+    });
+  }
+  unmount() {
+    this.#mountCount--;
+    if (this.#mountCount !== 0) return;
+    this.#unsubscribeFocus?.();
+    this.#unsubscribeFocus = void 0;
+    this.#unsubscribeOnline?.();
+    this.#unsubscribeOnline = void 0;
+  }
+  isFetching(filters) {
+    return this.#queryCache.findAll({ ...filters, fetchStatus: "fetching" }).length;
+  }
+  isMutating(filters) {
+    return this.#mutationCache.findAll({ ...filters, status: "pending" }).length;
+  }
+  /**
+   * Imperative (non-reactive) way to retrieve data for a QueryKey.
+   * Should only be used in callbacks or functions where reading the latest data is necessary, e.g. for optimistic updates.
+   *
+   * Hint: Do not use this function inside a component, because it won't receive updates.
+   * Use `useQuery` to create a `QueryObserver` that subscribes to changes.
+   */
+  getQueryData(queryKey) {
+    const options = this.defaultQueryOptions({ queryKey });
+    return this.#queryCache.get(options.queryHash)?.state.data;
+  }
+  ensureQueryData(options) {
+    const defaultedOptions = this.defaultQueryOptions(options);
+    const query = this.#queryCache.build(this, defaultedOptions);
+    const cachedData = query.state.data;
+    if (cachedData === void 0) {
+      return this.fetchQuery(options);
+    }
+    if (options.revalidateIfStale && query.isStaleByTime(resolveStaleTime(defaultedOptions.staleTime, query))) {
+      void this.prefetchQuery(defaultedOptions);
+    }
+    return Promise.resolve(cachedData);
+  }
+  getQueriesData(filters) {
+    return this.#queryCache.findAll(filters).map(({ queryKey, state }) => {
+      const data = state.data;
+      return [queryKey, data];
+    });
+  }
+  setQueryData(queryKey, updater, options) {
+    const defaultedOptions = this.defaultQueryOptions({ queryKey });
+    const query = this.#queryCache.get(
+      defaultedOptions.queryHash
+    );
+    const prevData = query?.state.data;
+    const data = functionalUpdate(updater, prevData);
+    if (data === void 0) {
+      return void 0;
+    }
+    return this.#queryCache.build(this, defaultedOptions).setData(data, { ...options, manual: true });
+  }
+  setQueriesData(filters, updater, options) {
+    return notifyManager.batch(
+      () => this.#queryCache.findAll(filters).map(({ queryKey }) => [
+        queryKey,
+        this.setQueryData(queryKey, updater, options)
+      ])
+    );
+  }
+  getQueryState(queryKey) {
+    const options = this.defaultQueryOptions({ queryKey });
+    return this.#queryCache.get(
+      options.queryHash
+    )?.state;
+  }
+  removeQueries(filters) {
+    const queryCache = this.#queryCache;
+    notifyManager.batch(() => {
+      queryCache.findAll(filters).forEach((query) => {
+        queryCache.remove(query);
+      });
+    });
+  }
+  resetQueries(filters, options) {
+    const queryCache = this.#queryCache;
+    return notifyManager.batch(() => {
+      queryCache.findAll(filters).forEach((query) => {
+        query.reset();
+      });
+      return this.refetchQueries(
+        {
+          type: "active",
+          ...filters
+        },
+        options
+      );
+    });
+  }
+  cancelQueries(filters, cancelOptions = {}) {
+    const defaultedCancelOptions = { revert: true, ...cancelOptions };
+    const promises = notifyManager.batch(
+      () => this.#queryCache.findAll(filters).map((query) => query.cancel(defaultedCancelOptions))
+    );
+    return Promise.all(promises).then(noop).catch(noop);
+  }
+  invalidateQueries(filters, options = {}) {
+    return notifyManager.batch(() => {
+      this.#queryCache.findAll(filters).forEach((query) => {
+        query.invalidate();
+      });
+      if (filters?.refetchType === "none") {
+        return Promise.resolve();
+      }
+      return this.refetchQueries(
         {
-          item: child,
-          pathname,
-          level: level + 1,
-          onOpenChange
+          ...filters,
+          type: filters?.refetchType ?? filters?.type ?? "active"
         },
-        child.title
-      )) }) })
-    ] });
+        options
+      );
+    });
   }
-  return /* @__PURE__ */ jsxs16(
-    Link,
-    {
-      href: item.href || "#",
-      ...item.external ? { target: "_blank", rel: "noopener noreferrer" } : {},
-      onClick: () => {
-        if (!item.external && item.href) {
-          router(item.href.toString());
+  refetchQueries(filters, options = {}) {
+    const fetchOptions = {
+      ...options,
+      cancelRefetch: options.cancelRefetch ?? true
+    };
+    const promises = notifyManager.batch(
+      () => this.#queryCache.findAll(filters).filter((query) => !query.isDisabled() && !query.isStatic()).map((query) => {
+        let promise = query.fetch(void 0, fetchOptions);
+        if (!fetchOptions.throwOnError) {
+          promise = promise.catch(noop);
         }
-        onOpenChange?.(false);
-        handleMenuClick(item);
-      },
-      className: cn20(
-        "inline-flex items-center gap-1 text-sm transition-colors",
-        isActive ? "text-foreground" : "text-foreground/60"
-      ),
-      children: [
-        item.icon && /* @__PURE__ */ jsx25(item.icon, {}),
-        item.title,
-        item.external && /* @__PURE__ */ jsx25(ArrowUpRightIcon2, { className: "ml-1 size-3.5 opacity-60" })
-      ]
+        return query.state.fetchStatus === "paused" ? Promise.resolve() : promise;
+      })
+    );
+    return Promise.all(promises).then(noop);
+  }
+  fetchQuery(options) {
+    const defaultedOptions = this.defaultQueryOptions(options);
+    if (defaultedOptions.retry === void 0) {
+      defaultedOptions.retry = false;
     }
-  );
-}
+    const query = this.#queryCache.build(this, defaultedOptions);
+    return query.isStaleByTime(
+      resolveStaleTime(defaultedOptions.staleTime, query)
+    ) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data);
+  }
+  prefetchQuery(options) {
+    return this.fetchQuery(options).then(noop).catch(noop);
+  }
+  fetchInfiniteQuery(options) {
+    options.behavior = infiniteQueryBehavior(options.pages);
+    return this.fetchQuery(options);
+  }
+  prefetchInfiniteQuery(options) {
+    return this.fetchInfiniteQuery(options).then(noop).catch(noop);
+  }
+  ensureInfiniteQueryData(options) {
+    options.behavior = infiniteQueryBehavior(options.pages);
+    return this.ensureQueryData(options);
+  }
+  resumePausedMutations() {
+    if (onlineManager.isOnline()) {
+      return this.#mutationCache.resumePausedMutations();
+    }
+    return Promise.resolve();
+  }
+  getQueryCache() {
+    return this.#queryCache;
+  }
+  getMutationCache() {
+    return this.#mutationCache;
+  }
+  getDefaultOptions() {
+    return this.#defaultOptions;
+  }
+  setDefaultOptions(options) {
+    this.#defaultOptions = options;
+  }
+  setQueryDefaults(queryKey, options) {
+    this.#queryDefaults.set(hashKey(queryKey), {
+      queryKey,
+      defaultOptions: options
+    });
+  }
+  getQueryDefaults(queryKey) {
+    const defaults = [...this.#queryDefaults.values()];
+    const result = {};
+    defaults.forEach((queryDefault) => {
+      if (partialMatchKey(queryKey, queryDefault.queryKey)) {
+        Object.assign(result, queryDefault.defaultOptions);
+      }
+    });
+    return result;
+  }
+  setMutationDefaults(mutationKey, options) {
+    this.#mutationDefaults.set(hashKey(mutationKey), {
+      mutationKey,
+      defaultOptions: options
+    });
+  }
+  getMutationDefaults(mutationKey) {
+    const defaults = [...this.#mutationDefaults.values()];
+    const result = {};
+    defaults.forEach((queryDefault) => {
+      if (partialMatchKey(mutationKey, queryDefault.mutationKey)) {
+        Object.assign(result, queryDefault.defaultOptions);
+      }
+    });
+    return result;
+  }
+  defaultQueryOptions(options) {
+    if (options._defaulted) {
+      return options;
+    }
+    const defaultedOptions = {
+      ...this.#defaultOptions.queries,
+      ...this.getQueryDefaults(options.queryKey),
+      ...options,
+      _defaulted: true
+    };
+    if (!defaultedOptions.queryHash) {
+      defaultedOptions.queryHash = hashQueryKeyByOptions(
+        defaultedOptions.queryKey,
+        defaultedOptions
+      );
+    }
+    if (defaultedOptions.refetchOnReconnect === void 0) {
+      defaultedOptions.refetchOnReconnect = defaultedOptions.networkMode !== "always";
+    }
+    if (defaultedOptions.throwOnError === void 0) {
+      defaultedOptions.throwOnError = !!defaultedOptions.suspense;
+    }
+    if (!defaultedOptions.networkMode && defaultedOptions.persister) {
+      defaultedOptions.networkMode = "offlineFirst";
+    }
+    if (defaultedOptions.queryFn === skipToken) {
+      defaultedOptions.enabled = false;
+    }
+    return defaultedOptions;
+  }
+  defaultMutationOptions(options) {
+    if (options?._defaulted) {
+      return options;
+    }
+    return {
+      ...this.#defaultOptions.mutations,
+      ...options?.mutationKey && this.getMutationDefaults(options.mutationKey),
+      ...options,
+      _defaulted: true
+    };
+  }
+  clear() {
+    this.#queryCache.clear();
+    this.#mutationCache.clear();
+  }
+};
+
+// ../../node_modules/.bun/@tanstack+react-query@5.90.21+b1ab299f0a400331/node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js
+import * as React2 from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var QueryClientContext = React2.createContext(
+  void 0
+);
+var QueryClientProvider = ({
+  client,
+  children
+}) => {
+  React2.useEffect(() => {
+    client.mount();
+    return () => {
+      client.unmount();
+    };
+  }, [client]);
+  return /* @__PURE__ */ jsx26(QueryClientContext.Provider, { value: client, children });
+};
 
 // src/components/providers/query-provider.tsx
-import { useState as useState3 } from "react";
-import { QueryCache, QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { CircleAlertIcon as CircleAlertIcon2 } from "lucide-react";
 import { toast as toast2 } from "sonner";
-import { Alert as Alert2, AlertIcon as AlertIcon2, AlertTitle as AlertTitle2 } from "@pelatform/ui.default";
-import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Alert as Alert2, AlertTitle as AlertTitle2 } from "@pelatform/ui.components/base";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var QueryProvider = ({
   client: clientProps,
   children
@@ -1012,9 +2965,9 @@ var QueryProvider = ({
             });
           }
           toast2.custom(
-            () => /* @__PURE__ */ jsxs17(Alert2, { variant: "mono", icon: "destructive", close: false, children: [
-              /* @__PURE__ */ jsx26(AlertIcon2, { children: /* @__PURE__ */ jsx26(CircleAlertIcon2, {}) }),
-              /* @__PURE__ */ jsx26(AlertTitle2, { children: message })
+            () => /* @__PURE__ */ jsxs17(Alert2, { variant: "default", children: [
+              /* @__PURE__ */ jsx27(CircleAlertIcon2, {}),
+              /* @__PURE__ */ jsx27(AlertTitle2, { children: message })
             ] }),
             {
               position: "top-center",
@@ -1028,16 +2981,15 @@ var QueryProvider = ({
       })
     })
   );
-  return /* @__PURE__ */ jsx26(QueryClientProvider, { client: clientProps ?? queryClient, children });
+  return /* @__PURE__ */ jsx27(QueryClientProvider, { client: clientProps ?? queryClient, children });
 };
 
 // src/components/providers/theme-provider.tsx
 import { ThemeProvider as NextThemesProvider } from "next-themes";
-import { TooltipProvider } from "@pelatform/ui.default";
-import { DEFAULT_THEME_MODE, THEME_MODES } from "@pelatform/utils";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { TooltipProvider } from "@pelatform/ui.components/base";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function ThemeProvider({ children, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     NextThemesProvider,
     {
       attribute: "class",
@@ -1048,25 +3000,24 @@ function ThemeProvider({ children, ...props }) {
       storageKey: "theme",
       themes: [THEME_MODES.LIGHT, THEME_MODES.DARK, THEME_MODES.SYSTEM],
       ...props,
-      children: /* @__PURE__ */ jsx27(TooltipProvider, { delayDuration: 0, children })
+      children: /* @__PURE__ */ jsx28(TooltipProvider, { delay: 0, children })
     }
   );
 }
 
 // src/components/ui/announcement.tsx
-import { Badge as Badge2 } from "@pelatform/ui.default";
-import { cn as cn21 } from "@pelatform/utils";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { Badge as Badge2 } from "@pelatform/ui.components/base";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var Announcement = ({
   variant = "outline",
   themed = false,
   className,
   ...props
-}) => /* @__PURE__ */ jsx28(
+}) => /* @__PURE__ */ jsx29(
   Badge2,
   {
     variant,
-    className: cn21(
+    className: cn(
       "group max-w-full gap-2 rounded-full bg-background px-3 py-0.5 font-medium shadow-sm transition-all",
       "hover:shadow-md",
       themed && "announcement-themed border-foreground/5",
@@ -1075,10 +3026,10 @@ var Announcement = ({
     ...props
   }
 );
-var AnnouncementTag = ({ className, ...props }) => /* @__PURE__ */ jsx28(
+var AnnouncementTag = ({ className, ...props }) => /* @__PURE__ */ jsx29(
   "div",
   {
-    className: cn21(
+    className: cn(
       "-ml-2.5 shrink-0 truncate rounded-full bg-foreground/5 px-2.5 py-1 text-xs",
       "group-[.announcement-themed]:bg-background/60",
       className
@@ -1086,12 +3037,11 @@ var AnnouncementTag = ({ className, ...props }) => /* @__PURE__ */ jsx28(
     ...props
   }
 );
-var AnnouncementTitle = ({ className, ...props }) => /* @__PURE__ */ jsx28("div", { className: cn21("flex items-center gap-1 truncate py-1", className), ...props });
+var AnnouncementTitle = ({ className, ...props }) => /* @__PURE__ */ jsx29("div", { className: cn("flex items-center gap-1 truncate py-1", className), ...props });
 
 // src/components/ui/background-paths.tsx
 import { motion } from "motion/react";
-import { cn as cn22 } from "@pelatform/utils";
-import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
 function FloatingPaths({
   position,
   color = "text-slate-950 dark:text-white"
@@ -1102,7 +3052,7 @@ function FloatingPaths({
     color: `rgba(15,23,42,${0.1 + i * 0.03})`,
     width: 0.5 + i * 0.03
   }));
-  return /* @__PURE__ */ jsx29("div", { className: "pointer-events-none absolute inset-0 -z-50", children: /* @__PURE__ */ jsx29("svg", { className: cn22("h-full w-full", color), viewBox: "0 0 696 316", fill: "none", children: paths.map((path) => /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30("div", { className: "pointer-events-none absolute inset-0 -z-50", children: /* @__PURE__ */ jsx30("svg", { className: cn("h-full w-full", color), viewBox: "0 0 696 316", fill: "none", children: paths.map((path) => /* @__PURE__ */ jsx30(
     motion.path,
     {
       d: path.d,
@@ -1125,15 +3075,14 @@ function FloatingPaths({
   )) }) });
 }
 function BackgroundPaths({ color = "text-slate-950 dark:text-white" }) {
-  return /* @__PURE__ */ jsx29("div", { className: "relative flex min-h-screen w-full items-center justify-center overflow-hidden bg-white dark:bg-neutral-950", children: /* @__PURE__ */ jsxs18("div", { className: "absolute inset-0", children: [
-    /* @__PURE__ */ jsx29(FloatingPaths, { position: 1, color }),
-    /* @__PURE__ */ jsx29(FloatingPaths, { position: -1, color })
+  return /* @__PURE__ */ jsx30("div", { className: "relative flex min-h-screen w-full items-center justify-center overflow-hidden bg-white dark:bg-neutral-950", children: /* @__PURE__ */ jsxs18("div", { className: "absolute inset-0", children: [
+    /* @__PURE__ */ jsx30(FloatingPaths, { position: 1, color }),
+    /* @__PURE__ */ jsx30(FloatingPaths, { position: -1, color })
   ] }) });
 }
 
 // src/components/ui/book.tsx
-import { cn as cn23 } from "@pelatform/utils";
-import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
 function Book(props) {
   const {
     children,
@@ -1145,10 +3094,10 @@ function Book(props) {
     illustration,
     width
   } = props;
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
-      className: cn23("group perspective-[900px] inline-block w-fit"),
+      className: cn("group perspective-[900px] inline-block w-fit"),
       style: {
         "--book-color": color,
         "--text-color": textColor,
@@ -1168,20 +3117,20 @@ function Book(props) {
                   shrink: true,
                   grow: true,
                   direction: "row",
-                  className: cn23(
+                  className: cn(
                     "relative min-w-[calc(var(--book-width))] overflow-hidden bg-(--book-color)"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx30("div", { className: "absolute inset-y-0 min-w-[8.2%] bg-book-bind-bg opacity-100 mix-blend-overlay" }),
-                    illustration && /* @__PURE__ */ jsx30("div", { className: "object-cover", children: illustration })
+                    /* @__PURE__ */ jsx31("div", { className: "absolute inset-y-0 min-w-[8.2%] bg-book-bind-bg opacity-100 mix-blend-overlay" }),
+                    illustration && /* @__PURE__ */ jsx31("div", { className: "object-cover", children: illustration })
                   ]
                 }
               ),
               /* @__PURE__ */ jsxs19(Stack, { grow: variant === "simple", direction: "row", className: "h-fit", children: [
-                /* @__PURE__ */ jsx30("div", { className: "h-full min-w-[8.2%] bg-book-bind-bg opacity-100 mix-blend-overlay" }),
-                /* @__PURE__ */ jsx30("div", { className: "w-full contain-inline-size", children })
+                /* @__PURE__ */ jsx31("div", { className: "h-full min-w-[8.2%] bg-book-bind-bg opacity-100 mix-blend-overlay" }),
+                /* @__PURE__ */ jsx31("div", { className: "w-full contain-inline-size", children })
               ] }),
-              texture && /* @__PURE__ */ jsx30(
+              texture && /* @__PURE__ */ jsx31(
                 "div",
                 {
                   "aria-hidden": true,
@@ -1191,7 +3140,7 @@ function Book(props) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           "div",
           {
             "aria-hidden": true,
@@ -1201,7 +3150,7 @@ function Book(props) {
             }
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           "div",
           {
             "aria-hidden": true,
@@ -1229,7 +3178,7 @@ function Stack(props) {
     className,
     ...etc
   } = props;
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       className,
@@ -1253,8 +3202,7 @@ function Stack(props) {
 
 // src/components/ui/dots-pattern.tsx
 import { useId as useId2 } from "react";
-import { cn as cn24 } from "@pelatform/utils";
-import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
 function DotsPattern({
   dotSize = 2,
   gapSize = 10,
@@ -1265,11 +3213,11 @@ function DotsPattern({
   return /* @__PURE__ */ jsxs20(
     "svg",
     {
-      className: cn24("pointer-events-none absolute inset-0 text-foreground/10", className),
+      className: cn("pointer-events-none absolute inset-0 text-foreground/10", className),
       width: "100%",
       height: "100%",
       children: [
-        /* @__PURE__ */ jsx31("defs", { children: /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32("defs", { children: /* @__PURE__ */ jsx32(
           "pattern",
           {
             id: `dots-${id}`,
@@ -1278,38 +3226,37 @@ function DotsPattern({
             width: dotSize + gapSize,
             height: dotSize + gapSize,
             patternUnits: "userSpaceOnUse",
-            children: /* @__PURE__ */ jsx31("rect", { x: 1, y: 1, width: dotSize, height: dotSize, fill: "currentColor" })
+            children: /* @__PURE__ */ jsx32("rect", { x: 1, y: 1, width: dotSize, height: dotSize, fill: "currentColor" })
           }
         ) }),
-        /* @__PURE__ */ jsx31("rect", { fill: `url(#dots-${id})`, width: "100%", height: "100%" })
+        /* @__PURE__ */ jsx32("rect", { fill: `url(#dots-${id})`, width: "100%", height: "100%" })
       ]
     }
   );
 }
 
 // src/components/ui/hexagon-badge.tsx
-import { cn as cn25 } from "@pelatform/utils";
-import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
 var HexagonBadge = ({ children, classNames }) => {
-  return /* @__PURE__ */ jsxs21("div", { className: cn25("relative shrink-0", classNames?.base), children: [
+  return /* @__PURE__ */ jsxs21("div", { className: cn("relative shrink-0", classNames?.base), children: [
     /* @__PURE__ */ jsxs21(
       "svg",
       {
-        className: cn25("h-full w-full", classNames?.svg),
+        className: cn("h-full w-full", classNames?.svg),
         width: "44",
         height: "48",
         viewBox: "0 0 44 48",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(
             "path",
             {
               d: "M16 2.4641C19.7128 0.320509 24.2872 0.320508 28 2.4641L37.6506 8.0359C41.3634 10.1795 43.6506 14.141 43.6506\n            18.4282V29.5718C43.6506 33.859 41.3634 37.8205 37.6506 39.9641L28 45.5359C24.2872 47.6795 19.7128 47.6795 16 45.5359L6.34937\n            39.9641C2.63655 37.8205 0.349365 33.859 0.349365 29.5718V18.4282C0.349365 14.141 2.63655 10.1795 6.34937 8.0359L16 2.4641Z",
               fill: ""
             }
           ),
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(
             "path",
             {
               d: "M16.25 2.89711C19.8081 0.842838 24.1919 0.842837 27.75 2.89711L37.4006 8.46891C40.9587 10.5232 43.1506 14.3196 43.1506\n            18.4282V29.5718C43.1506 33.6804 40.9587 37.4768 37.4006 39.5311L27.75 45.1029C24.1919 47.1572 19.8081 47.1572 16.25 45.1029L6.59937\n            39.5311C3.04125 37.4768 0.849365 33.6803 0.849365 29.5718V18.4282C0.849365 14.3196 3.04125 10.5232 6.59937 8.46891L16.25 2.89711Z",
@@ -1319,10 +3266,10 @@ var HexagonBadge = ({ children, classNames }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       "div",
       {
-        className: cn25(
+        className: cn(
           "absolute start-2/4 top-2/4 -translate-x-2/4 -translate-y-2/4 leading-none rtl:translate-x-2/4",
           classNames?.wraper
         ),
@@ -1338,7 +3285,7 @@ import {
   useRef,
   useState as useState4
 } from "react";
-import { Fragment as Fragment3, jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
 var DEFAULT_NULL_INDEX = -1;
 var DEFAULT_DATA_URL_KEY = "dataURL";
 var openFileDialog = (inputRef) => {
@@ -1475,7 +3422,7 @@ var ImageInput = ({
     e.dataTransfer.clearData();
   };
   return /* @__PURE__ */ jsxs22(Fragment3, { children: [
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       "input",
       {
         ref: inputRef,
@@ -1522,14 +3469,17 @@ import {
   DropdownMenuSubContent as DropdownMenuSubContent2,
   DropdownMenuSubTrigger as DropdownMenuSubTrigger2,
   DropdownMenuTrigger as DropdownMenuTrigger2
-} from "@pelatform/ui.default";
-import { cn as cn26, getFlagUrl } from "@pelatform/utils";
-import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
+} from "@pelatform/ui.components/base";
+import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
+function getFlagUrl(flag) {
+  const flagCode = flag.toLowerCase();
+  return `"https://assets.pelatform.com"/media/flags/${flagCode}.svg`;
+}
 function LanguageSwitcher({
   className,
   type = "dropdown",
   variant = "ghost",
-  size = "md",
+  size = "default",
   showNames = true,
   showFlags = true,
   label = "Language",
@@ -1555,70 +3505,62 @@ function LanguageSwitcher({
   }
   if (type === "dropdown") {
     return /* @__PURE__ */ jsxs23(DropdownMenu2, { children: [
-      /* @__PURE__ */ jsx34(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs23(
+      /* @__PURE__ */ jsx35(DropdownMenuTrigger2, { children: /* @__PURE__ */ jsxs23(
         Button5,
         {
           variant,
           size,
-          className: cn26(
+          className: cn(
             "group/toggle size-8 px-0 text-foreground ring-0! focus:outline-none! focus:ring-0! focus-visible:outline-none! focus-visible:ring-0! focus-visible:ring-offset-0!",
             isPending && "cursor-not-allowed opacity-50",
             className
           ),
           disabled: isPending,
           children: [
-            /* @__PURE__ */ jsx34(LanguagesIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx34("span", { className: "sr-only", children: isPending ? "Changing language..." : "Language dropdown" })
+            /* @__PURE__ */ jsx35(LanguagesIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx35("span", { className: "sr-only", children: isPending ? "Changing language..." : "Language dropdown" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx34(
-        DropdownMenuContent2,
+      /* @__PURE__ */ jsx35(DropdownMenuContent2, { align: "end", className: "min-w-[150px]", children: languages.map((lang) => /* @__PURE__ */ jsxs23(
+        DropdownMenuItem2,
         {
-          align: "end",
-          className: "min-w-[150px]",
-          onCloseAutoFocus: (e) => e.preventDefault(),
-          children: languages.map((lang) => /* @__PURE__ */ jsxs23(
-            DropdownMenuItem2,
-            {
-              onClick: () => handleLanguageChange(lang.code),
-              className: cn26("gap-2", currentLocale === lang.code && "bg-accent"),
-              children: [
-                showFlags && lang.flag ? /* @__PURE__ */ jsx34(
-                  Image2,
-                  {
-                    src: customFlagUrl ? lang.flag : getFlagUrl(lang.flag),
-                    alt: `${lang.name} flag`,
-                    className: "size-4 rounded-full object-cover",
-                    width: 24,
-                    height: 24
-                  }
-                ) : showFlags ? /* @__PURE__ */ jsx34(GlobeIcon, { className: "size-4" }) : null,
-                showNames && /* @__PURE__ */ jsx34("span", { className: "text-sm", children: lang.name }),
-                currentLocale === lang.code && /* @__PURE__ */ jsx34("span", { className: "ms-auto text-muted-foreground text-xs", children: "\u2713" })
-              ]
-            },
-            lang.code
-          ))
-        }
-      )
+          onClick: () => handleLanguageChange(lang.code),
+          className: cn("gap-2", currentLocale === lang.code && "bg-accent"),
+          children: [
+            showFlags && lang.flag ? /* @__PURE__ */ jsx35(
+              Image2,
+              {
+                src: customFlagUrl ? lang.flag : getFlagUrl(lang.flag),
+                alt: `${lang.name} flag`,
+                className: "size-4 rounded-full object-cover",
+                width: 24,
+                height: 24
+              }
+            ) : showFlags ? /* @__PURE__ */ jsx35(GlobeIcon, { className: "size-4" }) : null,
+            showNames && /* @__PURE__ */ jsx35("span", { className: "text-sm", children: lang.name }),
+            currentLocale === lang.code && /* @__PURE__ */ jsx35("span", { className: "ms-auto text-muted-foreground text-xs", children: "\u2713" })
+          ]
+        },
+        lang.code
+      )) })
     ] });
   }
   return /* @__PURE__ */ jsxs23(DropdownMenuSub2, { children: [
     /* @__PURE__ */ jsxs23(
       DropdownMenuSubTrigger2,
       {
-        className: cn26(
+        className: cn(
           "flex items-center gap-2 data-[state=open]:**:data-[slot=badge]:border-input **:data-[slot=dropdown-menu-sub-trigger-indicator]:hidden hover:**:data-[slot=badge]:border-input",
           className
         ),
         children: [
-          /* @__PURE__ */ jsx34(GlobeIcon, { className: "size-4" }),
+          /* @__PURE__ */ jsx35(GlobeIcon, { className: "size-4" }),
           /* @__PURE__ */ jsxs23("span", { className: "relative flex grow items-center justify-between gap-2", children: [
             label,
-            currentLanguage && /* @__PURE__ */ jsxs23(Badge3, { appearance: "outline", className: "absolute end-0 top-1/2 -translate-y-1/2", children: [
+            currentLanguage && /* @__PURE__ */ jsxs23(Badge3, { variant: "outline", className: "absolute end-0 top-1/2 -translate-y-1/2", children: [
               currentLanguage.name,
-              showFlags && currentLanguage.flag && /* @__PURE__ */ jsx34(
+              showFlags && currentLanguage.flag && /* @__PURE__ */ jsx35(
                 Image2,
                 {
                   src: customFlagUrl ? currentLanguage.flag : getFlagUrl(currentLanguage.flag),
@@ -1633,7 +3575,7 @@ function LanguageSwitcher({
         ]
       }
     ),
-    /* @__PURE__ */ jsx34(DropdownMenuSubContent2, { className: "w-48", children: /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx35(DropdownMenuSubContent2, { className: "w-48", children: /* @__PURE__ */ jsx35(
       DropdownMenuRadioGroup,
       {
         value: currentLocale,
@@ -1644,7 +3586,7 @@ function LanguageSwitcher({
             value: item.code,
             className: "flex items-center gap-2",
             children: [
-              showFlags && item.flag ? /* @__PURE__ */ jsx34(
+              showFlags && item.flag ? /* @__PURE__ */ jsx35(
                 Image2,
                 {
                   src: customFlagUrl ? item.flag : getFlagUrl(item.flag),
@@ -1653,8 +3595,8 @@ function LanguageSwitcher({
                   width: 24,
                   height: 24
                 }
-              ) : showFlags ? /* @__PURE__ */ jsx34(GlobeIcon, { className: "size-4" }) : null,
-              /* @__PURE__ */ jsx34("span", { children: item.name })
+              ) : showFlags ? /* @__PURE__ */ jsx35(GlobeIcon, { className: "size-4" }) : null,
+              /* @__PURE__ */ jsx35("span", { children: item.name })
             ]
           },
           item.code
@@ -1665,16 +3607,15 @@ function LanguageSwitcher({
 }
 
 // src/components/ui/logo.tsx
-import { cn as cn27 } from "@pelatform/utils";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Logo({ className }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 300 300",
-      className: cn27("size-8 text-primary", className),
-      children: /* @__PURE__ */ jsx35(
+      className: cn("size-8 text-primary", className),
+      children: /* @__PURE__ */ jsx36(
         "path",
         {
           fill: "currentColor",
@@ -1686,7 +3627,7 @@ function Logo({ className }) {
 }
 
 // src/components/ui/mode-switcher.tsx
-import * as React2 from "react";
+import * as React3 from "react";
 import { MonitorIcon, MoonIcon, SunIcon } from "lucide-react";
 import { useTheme } from "next-themes";
 import {
@@ -1695,14 +3636,13 @@ import {
   DropdownMenuContent as DropdownMenuContent3,
   DropdownMenuItem as DropdownMenuItem3,
   DropdownMenuTrigger as DropdownMenuTrigger3
-} from "@pelatform/ui.default";
-import { cn as cn28, THEME_MODES as THEME_MODES2 } from "@pelatform/utils";
-import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
+} from "@pelatform/ui.components/base";
+import { Fragment as Fragment4, jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
 function ModeSwitcher({
   className,
   variant = "ghost",
-  size = "md",
-  cycleOrder = [THEME_MODES2.SYSTEM, THEME_MODES2.LIGHT, THEME_MODES2.DARK],
+  size = "default",
+  cycleOrder = [THEME_MODES.SYSTEM, THEME_MODES.LIGHT, THEME_MODES.DARK],
   type = "toogle",
   label = {
     system: "System",
@@ -1711,31 +3651,31 @@ function ModeSwitcher({
   }
 }) {
   const { setTheme, theme } = useTheme();
-  const toggleTheme = React2.useCallback(() => {
+  const toggleTheme = React3.useCallback(() => {
     const currentIndex = cycleOrder.indexOf(theme);
     const nextIndex = (currentIndex + 1) % cycleOrder.length;
     const nextTheme = cycleOrder[nextIndex];
     setTheme(nextTheme);
   }, [theme, setTheme, cycleOrder]);
   const getCurrentIcon = (withLabel = false) => {
-    if (theme === THEME_MODES2.SYSTEM) {
+    if (theme === THEME_MODES.SYSTEM) {
       return /* @__PURE__ */ jsxs24(Fragment4, { children: [
-        /* @__PURE__ */ jsx36(MonitorIcon, {}),
+        /* @__PURE__ */ jsx37(MonitorIcon, {}),
         " ",
-        withLabel && /* @__PURE__ */ jsx36("span", { children: label.system })
+        withLabel && /* @__PURE__ */ jsx37("span", { children: label.system })
       ] });
     }
-    if (theme === THEME_MODES2.DARK) {
+    if (theme === THEME_MODES.DARK) {
       return /* @__PURE__ */ jsxs24(Fragment4, { children: [
-        /* @__PURE__ */ jsx36(MoonIcon, {}),
+        /* @__PURE__ */ jsx37(MoonIcon, {}),
         " ",
-        withLabel && /* @__PURE__ */ jsx36("span", { children: label.dark })
+        withLabel && /* @__PURE__ */ jsx37("span", { children: label.dark })
       ] });
     }
     return /* @__PURE__ */ jsxs24(Fragment4, { children: [
-      /* @__PURE__ */ jsx36(SunIcon, {}),
+      /* @__PURE__ */ jsx37(SunIcon, {}),
       " ",
-      withLabel && /* @__PURE__ */ jsx36("span", { children: label.light })
+      withLabel && /* @__PURE__ */ jsx37("span", { children: label.light })
     ] });
   };
   const isActive = (val) => theme === val;
@@ -1743,43 +3683,43 @@ function ModeSwitcher({
     return /* @__PURE__ */ jsxs24(
       Button6,
       {
-        variant,
         size,
-        className: cn28("group/toggle size-8 px-0 text-foreground", className),
+        variant,
+        className: cn("group/toggle size-8 px-0 text-foreground", className),
         onClick: toggleTheme,
         "aria-label": "Switch theme",
         children: [
           getCurrentIcon(),
-          /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Toggle theme" })
+          /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Toggle theme" })
         ]
       }
     );
   }
   if (type === "dropdown") {
     return /* @__PURE__ */ jsxs24(DropdownMenu3, { children: [
-      /* @__PURE__ */ jsx36(DropdownMenuTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs24(
+      /* @__PURE__ */ jsx37(DropdownMenuTrigger3, { children: /* @__PURE__ */ jsxs24(
         Button6,
         {
-          variant,
           size,
-          className: cn28(
+          variant,
+          className: cn(
             "group/toggle size-8 px-0 text-foreground ring-0! focus:outline-none! focus:ring-0! focus-visible:outline-none! focus-visible:ring-0! focus-visible:ring-offset-0!",
             className
           ),
           children: [
             getCurrentIcon(),
-            /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Toggle theme" })
+            /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Toggle theme" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs24(DropdownMenuContent3, { align: "end", onCloseAutoFocus: (e) => e.preventDefault(), children: [
+      /* @__PURE__ */ jsxs24(DropdownMenuContent3, { align: "end", children: [
         /* @__PURE__ */ jsxs24(
           DropdownMenuItem3,
           {
             className: isActive("light") ? "bg-accent" : "",
             onClick: () => setTheme("light"),
             children: [
-              /* @__PURE__ */ jsx36(SunIcon, {}),
+              /* @__PURE__ */ jsx37(SunIcon, {}),
               label.light
             ]
           }
@@ -1790,7 +3730,7 @@ function ModeSwitcher({
             className: isActive("dark") ? "bg-accent" : "",
             onClick: () => setTheme("dark"),
             children: [
-              /* @__PURE__ */ jsx36(MoonIcon, {}),
+              /* @__PURE__ */ jsx37(MoonIcon, {}),
               label.dark
             ]
           }
@@ -1801,7 +3741,7 @@ function ModeSwitcher({
             className: isActive("system") ? "bg-accent" : "",
             onClick: () => setTheme("system"),
             children: [
-              /* @__PURE__ */ jsx36(MonitorIcon, {}),
+              /* @__PURE__ */ jsx37(MonitorIcon, {}),
               label.system
             ]
           }
@@ -1809,7 +3749,7 @@ function ModeSwitcher({
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     DropdownMenuItem3,
     {
       className,
@@ -1831,8 +3771,7 @@ import {
   useMotionValue,
   useTransform
 } from "motion/react";
-import { cn as cn29 } from "@pelatform/utils";
-import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
 function MovingLabel({
   borderRadius = "1.75rem",
   children,
@@ -1846,25 +3785,25 @@ function MovingLabel({
   return /* @__PURE__ */ jsxs25(
     Component,
     {
-      className: cn29("relative h-9 overflow-hidden bg-transparent p-px text-xl", containerClassName),
+      className: cn("relative h-9 overflow-hidden bg-transparent p-px text-xl", containerClassName),
       style: {
         borderRadius
       },
       ...otherProps,
       children: [
-        /* @__PURE__ */ jsx37("div", { className: "absolute inset-0", style: { borderRadius: `calc(${borderRadius} * 0.96)` }, children: /* @__PURE__ */ jsx37(MovingBorder, { duration, rx: "30%", ry: "30%", children: /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38("div", { className: "absolute inset-0", style: { borderRadius: `calc(${borderRadius} * 0.96)` }, children: /* @__PURE__ */ jsx38(MovingBorder, { duration, rx: "30%", ry: "30%", children: /* @__PURE__ */ jsx38(
           "div",
           {
-            className: cn29(
+            className: cn(
               "h-12 w-20 bg-[radial-gradient(#24B47E_15%,transparent_60%)] opacity-[0.6]",
               borderClassName
             )
           }
         ) }) }),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           "div",
           {
-            className: cn29(
+            className: cn(
               "relative flex h-full w-full items-center justify-center border border-slate-800 bg-slate-900/50 text-sm text-white antialiased backdrop-blur-xl",
               className
             ),
@@ -1898,7 +3837,7 @@ var MovingBorder = ({
   const y = useTransform(progress, (val) => pathRef.current?.getPointAtLength(val).y);
   const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;
   return /* @__PURE__ */ jsxs25(Fragment5, { children: [
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       "svg",
       {
         preserveAspectRatio: "none",
@@ -1906,10 +3845,10 @@ var MovingBorder = ({
         width: "100%",
         height: "100%",
         ...otherProps,
-        children: /* @__PURE__ */ jsx37("rect", { fill: "none", width: "100%", height: "100%", rx, ry, ref: pathRef })
+        children: /* @__PURE__ */ jsx38("rect", { fill: "none", width: "100%", height: "100%", rx, ry, ref: pathRef })
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       motion2.div,
       {
         style: {
@@ -1925,302 +3864,30 @@ var MovingBorder = ({
   ] });
 };
 
-// src/components/ui/subscribe.tsx
-import { useState as useState5 } from "react";
-import { CircleAlertIcon as CircleAlertIcon4, CircleCheckIcon as CircleCheckIcon2 } from "lucide-react";
-import { toast as toast4 } from "sonner";
-import { Alert as Alert4, AlertIcon as AlertIcon4, AlertTitle as AlertTitle4, Button as Button8, Input } from "@pelatform/ui.default";
-import { googleTrackEvent as googleTrackEvent3 } from "@pelatform/utils";
-
-// src/components/utils/recaptcha-popover.tsx
-import { CircleAlertIcon as CircleAlertIcon3 } from "lucide-react";
-import { Popover } from "radix-ui";
-import { toast as toast3 } from "sonner";
-import { Alert as Alert3, AlertIcon as AlertIcon3, AlertTitle as AlertTitle3, Button as Button7 } from "@pelatform/ui.default";
-import { useRecaptchaV2 } from "@pelatform/ui.hook";
-import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
-function RecaptchaPopover({
-  open,
-  onOpenChange,
-  onVerify,
-  trigger,
-  verifyButtonText = "Verify & Submit"
-}) {
-  const { containerRef, getToken, resetCaptcha, initializeRecaptcha } = useRecaptchaV2(
-    process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY || ""
-  );
-  const handleOpenChange = (newOpen) => {
-    onOpenChange(newOpen);
-    if (newOpen) {
-      resetCaptcha();
-      setTimeout(() => {
-        initializeRecaptcha();
-      }, 100);
-    }
-  };
-  const handleVerify = () => {
-    try {
-      const token = getToken();
-      if (!token) {
-        toast3.custom(
-          () => /* @__PURE__ */ jsxs26(Alert3, { variant: "mono", icon: "destructive", children: [
-            /* @__PURE__ */ jsx38(AlertIcon3, { children: /* @__PURE__ */ jsx38(CircleAlertIcon3, {}) }),
-            /* @__PURE__ */ jsx38(AlertTitle3, { children: "Please complete the reCAPTCHA verification." })
-          ] }),
-          {
-            position: "top-center"
-          }
-        );
-        return;
-      }
-      onVerify(token);
-    } catch (error) {
-      console.error("Error getting reCAPTCHA token:", error);
-      toast3.custom(
-        () => /* @__PURE__ */ jsxs26(Alert3, { variant: "mono", icon: "destructive", children: [
-          /* @__PURE__ */ jsx38(AlertIcon3, { children: /* @__PURE__ */ jsx38(CircleAlertIcon3, {}) }),
-          /* @__PURE__ */ jsx38(AlertTitle3, { children: "Please complete the reCAPTCHA verification." })
-        ] }),
-        {
-          position: "top-center"
-        }
-      );
-      return;
-    }
-  };
-  return /* @__PURE__ */ jsxs26(Popover.Root, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx38(Popover.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx38(Popover.Portal, { children: /* @__PURE__ */ jsxs26(
-      Popover.Content,
-      {
-        className: "z-50 rounded-lg bg-white p-4 shadow-lg",
-        sideOffset: 5,
-        align: "end",
-        onInteractOutside: (e) => {
-          if (e.target.tagName === "IFRAME") {
-            e.preventDefault();
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsx38("div", { ref: containerRef, className: "min-h-[78px]" }),
-            /* @__PURE__ */ jsx38(Button7, { type: "button", variant: "mono", onClick: handleVerify, className: "w-full", children: verifyButtonText })
-          ] }),
-          /* @__PURE__ */ jsx38(Popover.Arrow, { className: "fill-white" })
-        ]
-      }
-    ) })
-  ] });
-}
-
-// src/components/ui/subscribe.tsx
-import { jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
-function Subscribe({
-  heading = "Stay notified on every new release",
-  subheading = "Only the updates worth knowing",
-  buttonText = "Subscribe",
-  loadingButtonText = "Subscribing...",
-  inputPlaceholder = "Your email address",
-  successMessage = "Thank you for your subscription. Expect amazing stuff soon!",
-  invalidEmailMessage = "Invalid email address. Please check and try again.",
-  recaptchaMessage = "Please complete the reCAPTCHA verification.",
-  errorMessage = "Oops! Something unexpected happened. Please try again later.",
-  apiEndpoint = "/api/subscribe",
-  verifyButtonText = "Verify & Subscribe",
-  className
-} = {}) {
-  const [email, setEmail] = useState5("");
-  const [loading, setLoading] = useState5(false);
-  const [showRecaptcha, setShowRecaptcha] = useState5(false);
-  const validateEmail = () => {
-    if (!email.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
-      toast4.custom(
-        () => /* @__PURE__ */ jsxs27(Alert4, { variant: "mono", icon: "destructive", children: [
-          /* @__PURE__ */ jsx39(AlertIcon4, { children: /* @__PURE__ */ jsx39(CircleAlertIcon4, {}) }),
-          /* @__PURE__ */ jsx39(AlertTitle4, { children: invalidEmailMessage })
-        ] }),
-        {
-          position: "top-center"
-        }
-      );
-      return false;
-    }
-    return true;
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (!validateEmail()) {
-      setShowRecaptcha(false);
-      return;
-    }
-    setShowRecaptcha(true);
-  };
-  const handleVerifiedSubmit = async (token) => {
-    if (!token) {
-      toast4.custom(
-        () => /* @__PURE__ */ jsxs27(Alert4, { variant: "mono", icon: "destructive", children: [
-          /* @__PURE__ */ jsx39(AlertIcon4, { children: /* @__PURE__ */ jsx39(CircleAlertIcon4, {}) }),
-          /* @__PURE__ */ jsx39(AlertTitle4, { children: recaptchaMessage })
-        ] }),
-        {
-          position: "top-center"
-        }
-      );
-      return;
-    }
-    setLoading(true);
-    setShowRecaptcha(false);
-    try {
-      googleTrackEvent3({
-        name: "site_newsletter_subscribe_submit",
-        properties: {
-          category: "conversion",
-          label: "Newsletter Subscribe Submit",
-          email
-        }
-      });
-      const res = await fetch(apiEndpoint, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          "x-recaptcha-token": token
-        },
-        body: JSON.stringify({ email })
-      });
-      const data = await res.json();
-      if (res.ok) {
-        toast4.custom(
-          () => /* @__PURE__ */ jsxs27(Alert4, { variant: "mono", icon: "success", children: [
-            /* @__PURE__ */ jsx39(AlertIcon4, { children: /* @__PURE__ */ jsx39(CircleCheckIcon2, {}) }),
-            /* @__PURE__ */ jsx39(AlertTitle4, { children: successMessage })
-          ] }),
-          {
-            position: "top-center"
-          }
-        );
-        googleTrackEvent3({
-          name: "site_newsletter_subscribe_success",
-          properties: {
-            category: "conversion",
-            label: "Newsletter Subscribe Success",
-            email
-          }
-        });
-        setEmail("");
-      } else {
-        toast4.custom(
-          () => /* @__PURE__ */ jsxs27(Alert4, { variant: "mono", icon: "destructive", children: [
-            /* @__PURE__ */ jsx39(AlertIcon4, { children: /* @__PURE__ */ jsx39(CircleAlertIcon4, {}) }),
-            /* @__PURE__ */ jsx39(AlertTitle4, { children: data.message || errorMessage })
-          ] }),
-          {
-            position: "top-center"
-          }
-        );
-      }
-    } catch (err) {
-      console.error("Newsletter subscription error:", err);
-      toast4.custom(
-        () => /* @__PURE__ */ jsxs27(Alert4, { variant: "mono", icon: "destructive", children: [
-          /* @__PURE__ */ jsx39(AlertIcon4, { children: /* @__PURE__ */ jsx39(CircleAlertIcon4, {}) }),
-          /* @__PURE__ */ jsx39(AlertTitle4, { children: errorMessage })
-        ] }),
-        {
-          position: "top-center"
-        }
-      );
-    } finally {
-      setLoading(false);
-    }
-  };
-  const style = {
-    backgroundImage: `linear-gradient(0deg, transparent 0%, transparent 60%, rgba(183, 183, 183, 0.05) 60%, rgba(183, 183, 183, 0.05) 93%, transparent 93%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 55%, rgba(183, 183, 183, 0.05) 55%, rgba(183, 183, 183, 0.05) 84%, transparent 84%, transparent 100%), linear-gradient(0deg, transparent 0%, transparent 80%, rgba(183, 183, 183, 0.05) 80%, rgba(183, 183, 183, 0.05) 94%, transparent 94%, transparent 100%), linear-gradient(90deg, rgb(0,0,0), rgb(0,0,0))`
-  };
-  return /* @__PURE__ */ jsx39("footer", { children: /* @__PURE__ */ jsx39("div", { className: "container pt-10", children: /* @__PURE__ */ jsxs27(
-    "div",
-    {
-      className: `mt-10 mb-8 flex flex-wrap items-center justify-between gap-7 rounded-xl px-10 py-16 md:px-20 ${className || ""}`,
-      style,
-      children: [
-        /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx39("h2", { className: "font-medium text-3xl text-white", children: heading }),
-          /* @__PURE__ */ jsx39("div", { className: "font-medium text-2xl text-white/50", children: subheading })
-        ] }),
-        /* @__PURE__ */ jsxs27("form", { onSubmit: handleSubmit, className: "flex gap-2.5", children: [
-          /* @__PURE__ */ jsx39(
-            Input,
-            {
-              type: "email",
-              value: email,
-              onChange: (e) => {
-                setEmail(e.target.value);
-                setShowRecaptcha(false);
-              },
-              placeholder: inputPlaceholder,
-              className: "h-auto rounded-lg border border-input/20 bg-white/5 px-5 py-3 text-white/80 placeholder:text-white/50 focus:outline-none focus:ring md:min-w-64",
-              required: true
-            }
-          ),
-          /* @__PURE__ */ jsx39(
-            RecaptchaPopover,
-            {
-              open: showRecaptcha,
-              onOpenChange: (open) => {
-                if (!open) {
-                  setShowRecaptcha(false);
-                }
-              },
-              onVerify: handleVerifiedSubmit,
-              verifyButtonText,
-              trigger: /* @__PURE__ */ jsx39(
-                Button8,
-                {
-                  type: "submit",
-                  className: "h-auto rounded-lg bg-white px-5 py-3 font-semibold text-black/80 hover:bg-white hover:text-black",
-                  disabled: loading,
-                  children: loading ? loadingButtonText : buttonText
-                }
-              )
-            }
-          )
-        ] })
-      ]
-    }
-  ) }) });
-}
-
 // src/components/ui/toolbar.tsx
-import { cn as cn30 } from "@pelatform/utils";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var Toolbar = ({ children }) => {
-  return /* @__PURE__ */ jsx40("div", { className: "flex grow items-center justify-between gap-2.5 pb-5", children });
+  return /* @__PURE__ */ jsx39("div", { className: "flex grow items-center justify-between gap-2.5 pb-5", children });
 };
 var ToolbarHeading = ({ children, className }) => {
-  return /* @__PURE__ */ jsx40("div", { className: cn30("flex flex-col flex-wrap gap-px", className), children });
+  return /* @__PURE__ */ jsx39("div", { className: cn("flex flex-col flex-wrap gap-px", className), children });
 };
 var ToolbarTitle = ({ className, children }) => {
-  return /* @__PURE__ */ jsx40("h1", { className: cn30("font-semibold text-foreground text-lg", className), children });
+  return /* @__PURE__ */ jsx39("h1", { className: cn("font-semibold text-foreground text-lg", className), children });
 };
 var ToolbarActions = ({ children }) => {
-  return /* @__PURE__ */ jsx40("div", { className: "flex flex-wrap items-center gap-1.5 lg:gap-3.5", children });
+  return /* @__PURE__ */ jsx39("div", { className: "flex flex-wrap items-center gap-1.5 lg:gap-3.5", children });
 };
 
 // src/components/ui/user-avatar.tsx
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  AvatarIndicator,
-  AvatarStatus
-} from "@pelatform/ui.default";
-import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
-function UserAvatar({ className, indicator = false, src, alt }) {
+import { Avatar, AvatarFallback, AvatarImage } from "@pelatform/ui.components/base";
+import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
+function UserAvatar({ className, src, alt }) {
   const name = alt ?? "User";
   const initial = getInitials(name);
-  return /* @__PURE__ */ jsxs28(Avatar, { className, children: [
-    /* @__PURE__ */ jsx41(AvatarImage, { src: src ?? void 0, alt: name }),
-    /* @__PURE__ */ jsx41(AvatarFallback, { children: initial }),
-    indicator && /* @__PURE__ */ jsx41(AvatarIndicator, { className: "-end-2 -top-2", children: /* @__PURE__ */ jsx41(AvatarStatus, { variant: "online", className: "size-2.5" }) })
+  return /* @__PURE__ */ jsxs26(Avatar, { className, children: [
+    /* @__PURE__ */ jsx40(AvatarImage, { src: src ?? void 0, alt: name }),
+    /* @__PURE__ */ jsx40(AvatarFallback, { children: initial })
   ] });
 }
 var getInitials = (name, count) => {
@@ -2232,7 +3899,7 @@ var getInitials = (name, count) => {
 };
 
 // src/components/utils/fonts.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var satoshiFontUrl = "https://assets.pelatform.com/fonts/satoshi/Satoshi-Variable.woff2";
 var cssFontFace = `
   @font-face {
@@ -2244,7 +3911,7 @@ var cssFontFace = `
   }
 `;
 function SatoshiFontCSS() {
-  return /* @__PURE__ */ jsx42("style", { dangerouslySetInnerHTML: { __html: cssFontFace } });
+  return /* @__PURE__ */ jsx41("style", { dangerouslySetInnerHTML: { __html: cssFontFace } });
 }
 export {
   AlertComingsoon,
@@ -2287,14 +3954,12 @@ export {
   MovingBorder,
   MovingLabel,
   QueryProvider,
-  RecaptchaPopover,
   SatoshiFontCSS,
   ScreenLoader,
   Section,
   SiteFooter,
   SiteHeader,
   Stack,
-  Subscribe,
   ThemeProvider,
   Toolbar,
   ToolbarActions,
@@ -2310,7 +3975,6 @@ export {
   getImage,
   getInitials,
   getListFiles,
-  handleMenuClick,
   openFileDialog,
   satoshiFontUrl
 };