pelatform-ui 1.2.5 → 1.2.8

package/dist/components.js

@@ -4,7 +4,7 @@ import {
 } from "./chunk-NOAZYT3J.js";
 import {
   cn
-} from "./chunk-7EOSDFS3.js";
+} from "./chunk-QEWGMDVY.js";
 import {
   DEFAULT_THEME_MODE,
   THEME_MODES
@@ -20,7 +20,7 @@ import {
   TriangleAlertIcon
 } from "lucide-react";
 import { toast } from "sonner";
-import { Alert, AlertTitle } from "@pelatform/ui.components/base";
+import { Alert, AlertTitle } from "@pelatform/ui.components/radix";
 import { jsx, jsxs } from "react/jsx-runtime";
 var iconMap = {
   primary: /* @__PURE__ */ jsx(CircleAlertIcon, {}),
@@ -98,7 +98,7 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle
-} from "@pelatform/ui.components/base";
+} from "@pelatform/ui.components/radix";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var ConfirmDismissDialog = ({
   open,
@@ -136,13 +136,13 @@ import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ScreenLoader({
   loadingText = "Loading...",
   className = "",
-  spinnerClassName = "size-6",
+  spinnerClassName,
   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: cn("animate-spin", spinnerClassName) }),
+      /* @__PURE__ */ jsx3(LoaderIcon, { className: cn("size-6 animate-spin", spinnerClassName) }),
       /* @__PURE__ */ jsx3("span", { className: textClassName, children: loadingText })
     ] }) });
   }
@@ -157,7 +157,7 @@ function ScreenLoader({
       "aria-live": "polite",
       "aria-label": loadingText,
       children: [
-        /* @__PURE__ */ jsx3(LoaderIcon, { className: cn("animate-spin", spinnerClassName) }),
+        /* @__PURE__ */ jsx3(LoaderIcon, { className: cn("size-6 animate-spin", spinnerClassName) }),
         /* @__PURE__ */ jsx3("div", { className: textClassName, children: loadingText })
       ]
     }
@@ -165,7 +165,7 @@ function ScreenLoader({
 }
 
 // src/components/layout/auth.tsx
-import { Card, CardContent } from "@pelatform/ui.components/base";
+import { Card, CardContent } from "@pelatform/ui.components/radix";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function LayoutAuth({
   children,
@@ -297,7 +297,7 @@ function ComingSoon({ className, title, description }) {
 }
 
 // src/components/layout/error.tsx
-import { Badge } from "@pelatform/ui.components/base";
+import { Badge } from "@pelatform/ui.components/radix";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function ErrorComponents({
   className,
@@ -327,7 +327,7 @@ function ErrorComponents({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx9(Badge, { variant: "destructive", className: "mb-3", children: "404 Error" }),
+      /* @__PURE__ */ jsx9(Badge, { variant: "destructive-outline", 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 })
     ] });
@@ -352,7 +352,7 @@ function ErrorComponents({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx9(Badge, { variant: "destructive", className: "mb-3", children: "500 Error" }),
+      /* @__PURE__ */ jsx9(Badge, { variant: "destructive-outline", 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
@@ -484,7 +484,7 @@ function CodeDisplay({
 
 // src/components/mdx/download.tsx
 import { DownloadIcon } from "lucide-react";
-import { Button } from "@pelatform/ui.components/base";
+import { Button } from "@pelatform/ui.components/radix";
 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: cn("rounded-full", className), children: /* @__PURE__ */ jsxs12("a", { href, target: "_blank", rel: "noopener noreferrer", children: [
@@ -565,7 +565,7 @@ function Youtube({ id }) {
 
 // src/components/navigation/back-link.tsx
 import { ChevronLeftIcon } from "lucide-react";
-import { Button as Button2 } from "@pelatform/ui.components/base";
+import { Button as Button2 } from "@pelatform/ui.components/radix";
 import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 function BackLink({ Link = DefaultLink, children, href, className }) {
   return /* @__PURE__ */ jsxs13(
@@ -595,7 +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.components/base";
+import { Button as Button3, CommandDialog, CommandInput, CommandList } from "@pelatform/ui.components/radix";
 import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 function CommandMenu({
   children,
@@ -680,7 +680,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "@pelatform/ui.components/base";
+} from "@pelatform/ui.components/radix";
 import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 function MainNav({ Link = DefaultLink, pathname, items, className }) {
   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)) }) });
@@ -694,7 +694,7 @@ 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, { children: /* @__PURE__ */ jsxs15(
+      /* @__PURE__ */ jsx24(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
         "button",
         {
           className: cn(
@@ -777,7 +777,7 @@ function ChildNavItemRenderer({ Link = DefaultLink, item, pathname, level }) {
       )) })
     ] });
   }
-  return /* @__PURE__ */ jsx24(DropdownMenuItem, { children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx24(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs15(
     Link,
     {
       href: item.href || "",
@@ -808,7 +808,7 @@ import {
   DrawerDescription,
   DrawerTitle,
   DrawerTrigger
-} from "@pelatform/ui.components/base";
+} from "@pelatform/ui.components/radix";
 import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
 function MobileNav({ children, className }) {
   const { setMetaColor, metaColor } = useMetaColor();
@@ -911,2013 +911,11 @@ function MobileNavItemRenderer({
 
 // 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(
-        {
-          ...filters,
-          type: filters?.refetchType ?? filters?.type ?? "active"
-        },
-        options
-      );
-    });
-  }
-  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);
-        }
-        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 { QueryCache, QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { CircleAlertIcon as CircleAlertIcon2 } from "lucide-react";
 import { toast as toast2 } from "sonner";
-import { Alert as Alert2, AlertTitle as AlertTitle2 } from "@pelatform/ui.components/base";
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Alert as Alert2, AlertTitle as AlertTitle2 } from "@pelatform/ui.components/radix";
+import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
 var QueryProvider = ({
   client: clientProps,
   children
@@ -2966,8 +964,8 @@ var QueryProvider = ({
           }
           toast2.custom(
             () => /* @__PURE__ */ jsxs17(Alert2, { variant: "default", children: [
-              /* @__PURE__ */ jsx27(CircleAlertIcon2, {}),
-              /* @__PURE__ */ jsx27(AlertTitle2, { children: message })
+              /* @__PURE__ */ jsx26(CircleAlertIcon2, {}),
+              /* @__PURE__ */ jsx26(AlertTitle2, { children: message })
             ] }),
             {
               position: "top-center",
@@ -2981,15 +979,15 @@ var QueryProvider = ({
       })
     })
   );
-  return /* @__PURE__ */ jsx27(QueryClientProvider, { client: clientProps ?? queryClient, children });
+  return /* @__PURE__ */ jsx26(QueryClientProvider, { client: clientProps ?? queryClient, children });
 };
 
 // src/components/providers/theme-provider.tsx
 import { ThemeProvider as NextThemesProvider } from "next-themes";
-import { TooltipProvider } from "@pelatform/ui.components/base";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { TooltipProvider } from "@pelatform/ui.components/radix";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function ThemeProvider({ children, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     NextThemesProvider,
     {
       attribute: "class",
@@ -3000,20 +998,20 @@ function ThemeProvider({ children, ...props }) {
       storageKey: "theme",
       themes: [THEME_MODES.LIGHT, THEME_MODES.DARK, THEME_MODES.SYSTEM],
       ...props,
-      children: /* @__PURE__ */ jsx28(TooltipProvider, { delay: 0, children })
+      children: /* @__PURE__ */ jsx27(TooltipProvider, { delayDuration: 0, children })
     }
   );
 }
 
 // src/components/ui/announcement.tsx
-import { Badge as Badge2 } from "@pelatform/ui.components/base";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { Badge as Badge2 } from "@pelatform/ui.components/radix";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var Announcement = ({
   variant = "outline",
   themed = false,
   className,
   ...props
-}) => /* @__PURE__ */ jsx29(
+}) => /* @__PURE__ */ jsx28(
   Badge2,
   {
     variant,
@@ -3026,7 +1024,7 @@ var Announcement = ({
     ...props
   }
 );
-var AnnouncementTag = ({ className, ...props }) => /* @__PURE__ */ jsx29(
+var AnnouncementTag = ({ className, ...props }) => /* @__PURE__ */ jsx28(
   "div",
   {
     className: cn(
@@ -3037,11 +1035,11 @@ var AnnouncementTag = ({ className, ...props }) => /* @__PURE__ */ jsx29(
     ...props
   }
 );
-var AnnouncementTitle = ({ className, ...props }) => /* @__PURE__ */ jsx29("div", { className: cn("flex items-center gap-1 truncate py-1", className), ...props });
+var AnnouncementTitle = ({ className, ...props }) => /* @__PURE__ */ jsx28("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 { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 function FloatingPaths({
   position,
   color = "text-slate-950 dark:text-white"
@@ -3052,7 +1050,7 @@ function FloatingPaths({
     color: `rgba(15,23,42,${0.1 + i * 0.03})`,
     width: 0.5 + i * 0.03
   }));
-  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(
+  return /* @__PURE__ */ jsx29("div", { className: "pointer-events-none absolute inset-0 -z-50", children: /* @__PURE__ */ jsx29("svg", { className: cn("h-full w-full", color), viewBox: "0 0 696 316", fill: "none", children: paths.map((path) => /* @__PURE__ */ jsx29(
     motion.path,
     {
       d: path.d,
@@ -3075,14 +1073,14 @@ function FloatingPaths({
   )) }) });
 }
 function BackgroundPaths({ color = "text-slate-950 dark:text-white" }) {
-  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 })
+  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 })
   ] }) });
 }
 
 // src/components/ui/book.tsx
-import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 function Book(props) {
   const {
     children,
@@ -3094,7 +1092,7 @@ function Book(props) {
     illustration,
     width
   } = props;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       className: cn("group perspective-[900px] inline-block w-fit"),
@@ -3121,16 +1119,16 @@ function Book(props) {
                     "relative min-w-[calc(var(--book-width))] overflow-hidden bg-(--book-color)"
                   ),
                   children: [
-                    /* @__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__ */ 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__ */ jsxs19(Stack, { grow: variant === "simple", direction: "row", className: "h-fit", 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 })
+                /* @__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 })
               ] }),
-              texture && /* @__PURE__ */ jsx31(
+              texture && /* @__PURE__ */ jsx30(
                 "div",
                 {
                   "aria-hidden": true,
@@ -3140,7 +1138,7 @@ function Book(props) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx30(
           "div",
           {
             "aria-hidden": true,
@@ -3150,7 +1148,7 @@ function Book(props) {
             }
           }
         ),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx30(
           "div",
           {
             "aria-hidden": true,
@@ -3178,7 +1176,7 @@ function Stack(props) {
     className,
     ...etc
   } = props;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       className,
@@ -3202,7 +1200,7 @@ function Stack(props) {
 
 // src/components/ui/dots-pattern.tsx
 import { useId as useId2 } from "react";
-import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 function DotsPattern({
   dotSize = 2,
   gapSize = 10,
@@ -3217,7 +1215,7 @@ function DotsPattern({
       width: "100%",
       height: "100%",
       children: [
-        /* @__PURE__ */ jsx32("defs", { children: /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx31("defs", { children: /* @__PURE__ */ jsx31(
           "pattern",
           {
             id: `dots-${id}`,
@@ -3226,17 +1224,17 @@ function DotsPattern({
             width: dotSize + gapSize,
             height: dotSize + gapSize,
             patternUnits: "userSpaceOnUse",
-            children: /* @__PURE__ */ jsx32("rect", { x: 1, y: 1, width: dotSize, height: dotSize, fill: "currentColor" })
+            children: /* @__PURE__ */ jsx31("rect", { x: 1, y: 1, width: dotSize, height: dotSize, fill: "currentColor" })
           }
         ) }),
-        /* @__PURE__ */ jsx32("rect", { fill: `url(#dots-${id})`, width: "100%", height: "100%" })
+        /* @__PURE__ */ jsx31("rect", { fill: `url(#dots-${id})`, width: "100%", height: "100%" })
       ]
     }
   );
 }
 
 // src/components/ui/hexagon-badge.tsx
-import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
 var HexagonBadge = ({ children, classNames }) => {
   return /* @__PURE__ */ jsxs21("div", { className: cn("relative shrink-0", classNames?.base), children: [
     /* @__PURE__ */ jsxs21(
@@ -3249,14 +1247,14 @@ var HexagonBadge = ({ children, classNames }) => {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx32(
             "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__ */ jsx33(
+          /* @__PURE__ */ jsx32(
             "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",
@@ -3266,7 +1264,7 @@ var HexagonBadge = ({ children, classNames }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx32(
       "div",
       {
         className: cn(
@@ -3285,7 +1283,7 @@ import {
   useRef,
   useState as useState4
 } from "react";
-import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
 var DEFAULT_NULL_INDEX = -1;
 var DEFAULT_DATA_URL_KEY = "dataURL";
 var openFileDialog = (inputRef) => {
@@ -3422,7 +1420,7 @@ var ImageInput = ({
     e.dataTransfer.clearData();
   };
   return /* @__PURE__ */ jsxs22(Fragment3, { children: [
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx33(
       "input",
       {
         ref: inputRef,
@@ -3469,8 +1467,8 @@ import {
   DropdownMenuSubContent as DropdownMenuSubContent2,
   DropdownMenuSubTrigger as DropdownMenuSubTrigger2,
   DropdownMenuTrigger as DropdownMenuTrigger2
-} from "@pelatform/ui.components/base";
-import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
+} from "@pelatform/ui.components/radix";
+import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
 function getFlagUrl(flag) {
   const flagCode = flag.toLowerCase();
   return `"https://assets.pelatform.com"/media/flags/${flagCode}.svg`;
@@ -3505,7 +1503,7 @@ function LanguageSwitcher({
   }
   if (type === "dropdown") {
     return /* @__PURE__ */ jsxs23(DropdownMenu2, { children: [
-      /* @__PURE__ */ jsx35(DropdownMenuTrigger2, { children: /* @__PURE__ */ jsxs23(
+      /* @__PURE__ */ jsx34(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs23(
         Button5,
         {
           variant,
@@ -3517,33 +1515,41 @@ function LanguageSwitcher({
           ),
           disabled: isPending,
           children: [
-            /* @__PURE__ */ jsx35(LanguagesIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx35("span", { className: "sr-only", children: isPending ? "Changing language..." : "Language dropdown" })
+            /* @__PURE__ */ jsx34(LanguagesIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx34("span", { className: "sr-only", children: isPending ? "Changing language..." : "Language dropdown" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx35(DropdownMenuContent2, { align: "end", className: "min-w-[150px]", children: languages.map((lang) => /* @__PURE__ */ jsxs23(
-        DropdownMenuItem2,
+      /* @__PURE__ */ jsx34(
+        DropdownMenuContent2,
         {
-          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
-      )) })
+          align: "end",
+          className: "min-w-[150px]",
+          onCloseAutoFocus: (e) => e.preventDefault(),
+          children: languages.map((lang) => /* @__PURE__ */ jsxs23(
+            DropdownMenuItem2,
+            {
+              onClick: () => handleLanguageChange(lang.code),
+              className: cn("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
+          ))
+        }
+      )
     ] });
   }
   return /* @__PURE__ */ jsxs23(DropdownMenuSub2, { children: [
@@ -3555,12 +1561,12 @@ function LanguageSwitcher({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx35(GlobeIcon, { className: "size-4" }),
+          /* @__PURE__ */ jsx34(GlobeIcon, { className: "size-4" }),
           /* @__PURE__ */ jsxs23("span", { className: "relative flex grow items-center justify-between gap-2", children: [
             label,
             currentLanguage && /* @__PURE__ */ jsxs23(Badge3, { variant: "outline", className: "absolute end-0 top-1/2 -translate-y-1/2", children: [
               currentLanguage.name,
-              showFlags && currentLanguage.flag && /* @__PURE__ */ jsx35(
+              showFlags && currentLanguage.flag && /* @__PURE__ */ jsx34(
                 Image2,
                 {
                   src: customFlagUrl ? currentLanguage.flag : getFlagUrl(currentLanguage.flag),
@@ -3575,7 +1581,7 @@ function LanguageSwitcher({
         ]
       }
     ),
-    /* @__PURE__ */ jsx35(DropdownMenuSubContent2, { className: "w-48", children: /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx34(DropdownMenuSubContent2, { className: "w-48", children: /* @__PURE__ */ jsx34(
       DropdownMenuRadioGroup,
       {
         value: currentLocale,
@@ -3586,7 +1592,7 @@ function LanguageSwitcher({
             value: item.code,
             className: "flex items-center gap-2",
             children: [
-              showFlags && item.flag ? /* @__PURE__ */ jsx35(
+              showFlags && item.flag ? /* @__PURE__ */ jsx34(
                 Image2,
                 {
                   src: customFlagUrl ? item.flag : getFlagUrl(item.flag),
@@ -3595,8 +1601,8 @@ function LanguageSwitcher({
                   width: 24,
                   height: 24
                 }
-              ) : showFlags ? /* @__PURE__ */ jsx35(GlobeIcon, { className: "size-4" }) : null,
-              /* @__PURE__ */ jsx35("span", { children: item.name })
+              ) : showFlags ? /* @__PURE__ */ jsx34(GlobeIcon, { className: "size-4" }) : null,
+              /* @__PURE__ */ jsx34("span", { children: item.name })
             ]
           },
           item.code
@@ -3607,15 +1613,15 @@ function LanguageSwitcher({
 }
 
 // src/components/ui/logo.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Logo({ className }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 300 300",
       className: cn("size-8 text-primary", className),
-      children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsx35(
         "path",
         {
           fill: "currentColor",
@@ -3627,7 +1633,7 @@ function Logo({ className }) {
 }
 
 // src/components/ui/mode-switcher.tsx
-import * as React3 from "react";
+import * as React2 from "react";
 import { MonitorIcon, MoonIcon, SunIcon } from "lucide-react";
 import { useTheme } from "next-themes";
 import {
@@ -3636,8 +1642,8 @@ import {
   DropdownMenuContent as DropdownMenuContent3,
   DropdownMenuItem as DropdownMenuItem3,
   DropdownMenuTrigger as DropdownMenuTrigger3
-} from "@pelatform/ui.components/base";
-import { Fragment as Fragment4, jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
+} from "@pelatform/ui.components/radix";
+import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
 function ModeSwitcher({
   className,
   variant = "ghost",
@@ -3651,7 +1657,7 @@ function ModeSwitcher({
   }
 }) {
   const { setTheme, theme } = useTheme();
-  const toggleTheme = React3.useCallback(() => {
+  const toggleTheme = React2.useCallback(() => {
     const currentIndex = cycleOrder.indexOf(theme);
     const nextIndex = (currentIndex + 1) % cycleOrder.length;
     const nextTheme = cycleOrder[nextIndex];
@@ -3660,22 +1666,22 @@ function ModeSwitcher({
   const getCurrentIcon = (withLabel = false) => {
     if (theme === THEME_MODES.SYSTEM) {
       return /* @__PURE__ */ jsxs24(Fragment4, { children: [
-        /* @__PURE__ */ jsx37(MonitorIcon, {}),
+        /* @__PURE__ */ jsx36(MonitorIcon, {}),
         " ",
-        withLabel && /* @__PURE__ */ jsx37("span", { children: label.system })
+        withLabel && /* @__PURE__ */ jsx36("span", { children: label.system })
       ] });
     }
     if (theme === THEME_MODES.DARK) {
       return /* @__PURE__ */ jsxs24(Fragment4, { children: [
-        /* @__PURE__ */ jsx37(MoonIcon, {}),
+        /* @__PURE__ */ jsx36(MoonIcon, {}),
         " ",
-        withLabel && /* @__PURE__ */ jsx37("span", { children: label.dark })
+        withLabel && /* @__PURE__ */ jsx36("span", { children: label.dark })
       ] });
     }
     return /* @__PURE__ */ jsxs24(Fragment4, { children: [
-      /* @__PURE__ */ jsx37(SunIcon, {}),
+      /* @__PURE__ */ jsx36(SunIcon, {}),
       " ",
-      withLabel && /* @__PURE__ */ jsx37("span", { children: label.light })
+      withLabel && /* @__PURE__ */ jsx36("span", { children: label.light })
     ] });
   };
   const isActive = (val) => theme === val;
@@ -3690,14 +1696,14 @@ function ModeSwitcher({
         "aria-label": "Switch theme",
         children: [
           getCurrentIcon(),
-          /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Toggle theme" })
+          /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Toggle theme" })
         ]
       }
     );
   }
   if (type === "dropdown") {
     return /* @__PURE__ */ jsxs24(DropdownMenu3, { children: [
-      /* @__PURE__ */ jsx37(DropdownMenuTrigger3, { children: /* @__PURE__ */ jsxs24(
+      /* @__PURE__ */ jsx36(DropdownMenuTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs24(
         Button6,
         {
           size,
@@ -3708,18 +1714,18 @@ function ModeSwitcher({
           ),
           children: [
             getCurrentIcon(),
-            /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Toggle theme" })
+            /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Toggle theme" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs24(DropdownMenuContent3, { align: "end", children: [
+      /* @__PURE__ */ jsxs24(DropdownMenuContent3, { align: "end", onCloseAutoFocus: (e) => e.preventDefault(), children: [
         /* @__PURE__ */ jsxs24(
           DropdownMenuItem3,
           {
             className: isActive("light") ? "bg-accent" : "",
             onClick: () => setTheme("light"),
             children: [
-              /* @__PURE__ */ jsx37(SunIcon, {}),
+              /* @__PURE__ */ jsx36(SunIcon, {}),
               label.light
             ]
           }
@@ -3730,7 +1736,7 @@ function ModeSwitcher({
             className: isActive("dark") ? "bg-accent" : "",
             onClick: () => setTheme("dark"),
             children: [
-              /* @__PURE__ */ jsx37(MoonIcon, {}),
+              /* @__PURE__ */ jsx36(MoonIcon, {}),
               label.dark
             ]
           }
@@ -3741,7 +1747,7 @@ function ModeSwitcher({
             className: isActive("system") ? "bg-accent" : "",
             onClick: () => setTheme("system"),
             children: [
-              /* @__PURE__ */ jsx37(MonitorIcon, {}),
+              /* @__PURE__ */ jsx36(MonitorIcon, {}),
               label.system
             ]
           }
@@ -3749,7 +1755,7 @@ function ModeSwitcher({
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     DropdownMenuItem3,
     {
       className,
@@ -3771,7 +1777,7 @@ import {
   useMotionValue,
   useTransform
 } from "motion/react";
-import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
 function MovingLabel({
   borderRadius = "1.75rem",
   children,
@@ -3791,7 +1797,7 @@ function MovingLabel({
       },
       ...otherProps,
       children: [
-        /* @__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(
+        /* @__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(
           "div",
           {
             className: cn(
@@ -3800,7 +1806,7 @@ function MovingLabel({
             )
           }
         ) }) }),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx37(
           "div",
           {
             className: cn(
@@ -3837,7 +1843,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__ */ jsx38(
+    /* @__PURE__ */ jsx37(
       "svg",
       {
         preserveAspectRatio: "none",
@@ -3845,10 +1851,10 @@ var MovingBorder = ({
         width: "100%",
         height: "100%",
         ...otherProps,
-        children: /* @__PURE__ */ jsx38("rect", { fill: "none", width: "100%", height: "100%", rx, ry, ref: pathRef })
+        children: /* @__PURE__ */ jsx37("rect", { fill: "none", width: "100%", height: "100%", rx, ry, ref: pathRef })
       }
     ),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx37(
       motion2.div,
       {
         style: {
@@ -3865,29 +1871,47 @@ var MovingBorder = ({
 };
 
 // src/components/ui/toolbar.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var Toolbar = ({ children }) => {
-  return /* @__PURE__ */ jsx39("div", { className: "flex grow items-center justify-between gap-2.5 pb-5", children });
+  return /* @__PURE__ */ jsx38("div", { className: "flex grow items-center justify-between gap-2.5 pb-5", children });
 };
 var ToolbarHeading = ({ children, className }) => {
-  return /* @__PURE__ */ jsx39("div", { className: cn("flex flex-col flex-wrap gap-px", className), children });
+  return /* @__PURE__ */ jsx38("div", { className: cn("flex flex-col flex-wrap gap-px", className), children });
 };
 var ToolbarTitle = ({ className, children }) => {
-  return /* @__PURE__ */ jsx39("h1", { className: cn("font-semibold text-foreground text-lg", className), children });
+  return /* @__PURE__ */ jsx38("h1", { className: cn("font-semibold text-foreground text-lg", className), children });
 };
 var ToolbarActions = ({ children }) => {
-  return /* @__PURE__ */ jsx39("div", { className: "flex flex-wrap items-center gap-1.5 lg:gap-3.5", children });
+  return /* @__PURE__ */ jsx38("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 } from "@pelatform/ui.components/base";
-import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
-function UserAvatar({ className, src, alt }) {
+import { cva } from "class-variance-authority";
+import { Avatar, AvatarFallback, AvatarImage } from "@pelatform/ui.components/radix";
+import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
+var avatarStatusVariants = cva(
+  "flex size-2 items-center rounded-full border-2 border-background",
+  {
+    variants: {
+      variant: {
+        online: "bg-green-600",
+        offline: "bg-zinc-400 dark:bg-zinc-500",
+        busy: "bg-yellow-600",
+        away: "bg-blue-600"
+      }
+    },
+    defaultVariants: {
+      variant: "online"
+    }
+  }
+);
+function UserAvatar({ className, indicator = false, src, alt }) {
   const name = alt ?? "User";
   const initial = getInitials(name);
   return /* @__PURE__ */ jsxs26(Avatar, { className, children: [
-    /* @__PURE__ */ jsx40(AvatarImage, { src: src ?? void 0, alt: name }),
-    /* @__PURE__ */ jsx40(AvatarFallback, { children: initial })
+    /* @__PURE__ */ jsx39(AvatarImage, { src: src ?? void 0, alt: name }),
+    /* @__PURE__ */ jsx39(AvatarFallback, { children: initial }),
+    indicator && /* @__PURE__ */ jsx39(AvatarIndicator, { className: "-end-2 -top-2", children: /* @__PURE__ */ jsx39(AvatarStatus, { variant: "online", className: "size-2.5" }) })
   ] });
 }
 var getInitials = (name, count) => {
@@ -3897,9 +1921,33 @@ var getInitials = (name, count) => {
   const initials = name.split(" ").filter(Boolean).map((part) => part[0].toUpperCase());
   return count && count > 0 ? initials.slice(0, count).join("") : initials.join("");
 };
+function AvatarIndicator({ className, ...props }) {
+  return /* @__PURE__ */ jsx39(
+    "div",
+    {
+      "data-slot": "avatar-indicator",
+      className: cn("absolute flex size-6 items-center justify-center", className),
+      ...props
+    }
+  );
+}
+function AvatarStatus({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx39(
+    "div",
+    {
+      "data-slot": "avatar-status",
+      className: cn(avatarStatusVariants({ variant }), className),
+      ...props
+    }
+  );
+}
 
 // src/components/utils/fonts.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var satoshiFontUrl = "https://assets.pelatform.com/fonts/satoshi/Satoshi-Variable.woff2";
 var cssFontFace = `
   @font-face {
@@ -3911,7 +1959,7 @@ var cssFontFace = `
   }
 `;
 function SatoshiFontCSS() {
-  return /* @__PURE__ */ jsx41("style", { dangerouslySetInnerHTML: { __html: cssFontFace } });
+  return /* @__PURE__ */ jsx40("style", { dangerouslySetInnerHTML: { __html: cssFontFace } });
 }
 export {
   AlertComingsoon,