@yimingliao/cms 0.0.126 → 0.0.127

package/dist/client/index.js

@@ -1,2462 +0,0 @@
-import { PATHS } from '../chunk-PXWRSEQ7.js';
-import { cn, useSidebar, Sidebar, Skeleton, SidebarInset, SIDEBAR_WIDTH, SidebarGroup, SidebarMenu, Collapsible, SidebarMenuItem, SidebarMenuButton, Separator, CollapsibleTrigger, SidebarMenuAction, CollapsibleContent, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, Button, Spinner, useParentPathname, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, PAGE_HEADER_HEIGHT, InputGroup, InputGroupAddon, Textarea, InputGroupInput, InputGroupButton, Select, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectLabel, SelectItem, Label, FORM_MIDDLE_GAP_WIDTH, FORM_SIDE_FIELDS_WIDTH, Card, useDeviceInfo, CardHeader, CardTitle, CardContent, useCountdown, CardDescription, NAVBAR_HEIGHT, isConfirm, Avatar, AvatarImage, AvatarFallback, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, Pagination, PaginationContent, PaginationItem, PaginationPrevious, PaginationLink, PaginationEllipsis, PaginationNext } from '../chunk-YLFBYJTE.js';
-export { NAVBAR_HEIGHT, PAGE_HEADER_HEIGHT, SIDEBAR_WIDTH, Sidebar, SidebarContent, SidebarInset, SidebarProvider, cn, getControlMeta, isConfirm, useDeviceInfo, usePickItems, useSidebar } from '../chunk-YLFBYJTE.js';
-import { ensureArray, findTranslation, joinUrl } from '../chunk-YYDELEHA.js';
-import { toast } from 'sonner';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useMutation, useQuery } from '@tanstack/react-query';
-import { createContext, useState, useContext, useEffect, createElement, useRef } from 'react';
-import { ThemeProvider as ThemeProvider$1, useTheme } from 'next-themes';
-import { useTranslator } from 'intor/react';
-import { ChevronRight, Undo2, SidebarIcon, House, SquareArrowOutUpRight, Languages, LogOut, Files, CircleX, CirclePlus, Eye, EyeOff, Search, Asterisk, Mail, Sun, Moon, TvMinimal, UserCircle, ChevronsUpDown, PenLine, Trash2, CopyCheck, CopyX, FileSymlink, FileX, FilePlus, FilePen, File, FileStack, FolderSearch, Lock, FolderCog, FileSpreadsheet, Archive, Binary, MapPinCheckInside, Star, CircleMinus } from 'lucide-react';
-import Link from 'next/link';
-import { usePathname, useRouter, useSearchParams } from 'next/navigation';
-import { Link as Link$1 } from 'intor/next';
-
-// src/client/infrastructure/fetch/smart-fetch.ts
-function createSmartFetch({
-  requestInterceptor,
-  responseInterceptor,
-  logger
-}) {
-  const smartFetch = async (input, init = {}) => {
-    try {
-      let ctx = {
-        input,
-        init,
-        meta: {}
-      };
-      ctx = await requestInterceptor(ctx);
-      const response = await fetch(ctx.input, ctx.init);
-      return await responseInterceptor(response, ctx);
-    } catch (error) {
-      logger.error("smartFetch error", { error });
-      throw error instanceof Error ? error : new Error("Network Error");
-    }
-  };
-  return smartFetch;
-}
-
-// src/client/infrastructure/fetch/request-interceptor.ts
-function createRequestInterceptor({ baseUrl }) {
-  const requestInterceptor = (ctx) => {
-    const normalizedBase = baseUrl.replace(/\/+$/, "");
-    const normalizedPath = ctx.input.replace(/^\/+/, "");
-    const isAbsolute = /^[a-zA-Z]+:\/\//.test(ctx.input);
-    const input = isAbsolute ? ctx.input : `${normalizedBase}/${normalizedPath}`;
-    return {
-      ...ctx,
-      input,
-      meta: {
-        ...ctx.meta,
-        baseUrl,
-        url: ctx.input,
-        startTime: Date.now()
-      }
-    };
-  };
-  return requestInterceptor;
-}
-
-// src/client/infrastructure/fetch/response-interceptor.ts
-function createResponseInterceptor({ logger }) {
-  const responseInterceptor = async (response, ctx) => {
-    const duration = Date.now() - (ctx.meta.startTime ?? 0);
-    if (!response.ok) {
-      logger.warn("HTTP error", {
-        url: ctx.meta.url,
-        status: response.status,
-        duration
-      });
-      throw new Error(`HTTP Error ${response.status}`);
-    }
-    const data = await response.json();
-    logger.debug("Fetch success", {
-      url: ctx.meta.url,
-      duration
-    });
-    return data;
-  };
-  return responseInterceptor;
-}
-function ErrorDisplay({ errors }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: errors.map((error, index) => {
-    let field = error.field ?? "";
-    if (field.startsWith("translations")) field = field.slice(15);
-    if (field.includes(".") && !Number.isNaN(Number(field.at(-1)))) {
-      const [f, i] = field.split(".");
-      field = `${f} ${Number(i) + 1}`;
-    }
-    return /* @__PURE__ */ jsxs("p", { children: [
-      /* @__PURE__ */ jsxs("span", { className: "font-bold", children: [
-        "(",
-        index + 1,
-        ")"
-      ] }),
-      "\xA0",
-      /* @__PURE__ */ jsx("span", { className: "font-bold underline underline-offset-2", children: field }),
-      "\xA0",
-      /* @__PURE__ */ jsx("span", { children: error.message })
-    ] }, index);
-  }) });
-}
-var createErrorDisplay = (errors) => ErrorDisplay({ errors });
-
-// src/client/infrastructure/toast/should-show-toast.ts
-var shouldShowToast = (type, showToast) => {
-  if (showToast === void 0) return false;
-  if (typeof showToast === "boolean") return showToast;
-  return !!showToast[type];
-};
-
-// src/client/infrastructure/toast/handle-toast.ts
-var handleToast = (result, showToast) => {
-  const normalizedShowToast = typeof showToast === "object" ? {
-    success: showToast.success ?? true,
-    error: showToast.error ?? true
-  } : showToast ?? true;
-  if (result.success) {
-    const { message } = result;
-    if (shouldShowToast("success", normalizedShowToast) && message) {
-      toast.success(message);
-    }
-  } else {
-    const { message, errors } = result;
-    if (shouldShowToast("error", normalizedShowToast)) {
-      if (errors && errors.length > 0) {
-        toast.error(createErrorDisplay(errors));
-      } else if (message) {
-        toast.error(message);
-      } else {
-        toast.error("Unknown Error");
-      }
-    }
-  }
-};
-
-// src/client/constants.ts
-var VERIFY_CACHE_KEY = "auth|verify";
-
-// src/client/infrastructure/react-query/create-use-command.ts
-function createUseCommand(queryClient) {
-  return function useCommand(fn, mutationOptions) {
-    const [isRedirecting, setIsRedirecting] = useState(false);
-    const [errors, setErrors] = useState([]);
-    const { showToast, shouldTrigger, clearAll = true } = mutationOptions || {};
-    const mutation = useMutation({
-      ...mutationOptions,
-      mutationFn: async (params) => {
-        const response = await fn(params);
-        handleToast(response, showToast);
-        if (response.success) {
-          setErrors([]);
-          if (clearAll) {
-            await queryClient.invalidateQueries({
-              predicate: ({ queryKey }) => !(queryKey[0] === VERIFY_CACHE_KEY)
-            });
-          }
-          return response.data;
-        }
-        setErrors(
-          ensureArray(response.errors).map((e) => e.field).filter((f) => typeof f === "string")
-        );
-        throw new Error(response.message);
-      }
-    });
-    const execute = (async (params) => {
-      try {
-        if (shouldTrigger) {
-          const shouldProceed = await shouldTrigger(params);
-          if (!shouldProceed) {
-            setIsRedirecting(false);
-            return void 0;
-          }
-        }
-        setIsRedirecting(true);
-        return await mutation.mutateAsync(params);
-      } catch {
-        setIsRedirecting(false);
-        return void 0;
-      }
-    });
-    return { ...mutation, execute, isRedirecting, errors };
-  };
-}
-function createUseQuery() {
-  return function useQuery$1(fn, queryKey, queryOptions) {
-    const { params, ...rest } = queryOptions || {};
-    const query = useQuery({
-      queryKey: params ? [...queryKey, params] : queryKey,
-      queryFn: async () => {
-        const response = await fn(params);
-        if (response.success) return response.data;
-        throw new Error(response.message);
-      },
-      ...rest
-    });
-    const isNotFound = !query.isPending && !query.data;
-    return { ...query, isNotFound };
-  };
-}
-var AdminContext = createContext(null);
-function AdminProvider({ children }) {
-  const [admin, setAdmin] = useState(null);
-  const [isLoading, setIsLoading] = useState(true);
-  return /* @__PURE__ */ jsx(
-    AdminContext.Provider,
-    {
-      value: {
-        admin,
-        setAdmin,
-        isLoading,
-        setIsLoading
-      },
-      children
-    }
-  );
-}
-function useAdmin() {
-  const ctx = useContext(AdminContext);
-  if (!ctx) throw new Error("useAdmin must be used within AdminProvider");
-  return ctx;
-}
-function ThemeProvider({
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ThemeProvider$1,
-    {
-      attribute: "class",
-      defaultTheme: "system",
-      enableSystem: true,
-      disableTransitionOnChange: true,
-      ...props,
-      children
-    }
-  );
-}
-function createAdminInitializer({
-  useAdmin: useAdmin2,
-  useQuery,
-  verifyAction
-}) {
-  return function AdminInitializer() {
-    const { admin: globalAdmin, setAdmin, setIsLoading } = useAdmin2();
-    const { data: admin, isFetching } = useQuery(
-      verifyAction,
-      [VERIFY_CACHE_KEY],
-      {
-        select: (data) => data?.admin,
-        enabled: !globalAdmin
-      }
-    );
-    useEffect(() => {
-      if (isFetching) return;
-      if (admin) setAdmin(admin);
-      setIsLoading(false);
-    }, [isFetching, admin, setAdmin, setIsLoading]);
-    return null;
-  };
-}
-function ContentContainer({
-  className = "",
-  children,
-  isNotFound = false,
-  isFixHeight,
-  ...props
-}) {
-  const { t } = useTranslator();
-  const ABOVE_HEIGHT = NAVBAR_HEIGHT + PAGE_HEADER_HEIGHT;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        height: isFixHeight ? `calc(100vh - ${ABOVE_HEIGHT}px)` : "auto"
-      },
-      className: cn(
-        className,
-        "relative",
-        "flex flex-col gap-4",
-        "px-6 pt-6",
-        isFixHeight ? "pb-6" : "flex-1 pb-64"
-      ),
-      ...props,
-      children: isNotFound ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("ui.no-data.text") }) : children
-    }
-  );
-}
-function LayoutSkeleton() {
-  const { open } = useSidebar();
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1", children: [
-    /* @__PURE__ */ jsx(Sidebar, { className: "top-(--header-height) h-[calc(100svh-var(--header-height))]!", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 p-3", children: [
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
-    ] }) }),
-    /* @__PURE__ */ jsx(
-      SidebarInset,
-      {
-        style: { width: open ? `calc(100% - ${SIDEBAR_WIDTH})` : "100%" },
-        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-6", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-96" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-72" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-64" })
-        ] })
-      }
-    )
-  ] });
-}
-var getMainPath = (path) => "/" + path.split("/").slice(3).filter(Boolean).join("/");
-var toSegments = (path) => path.split("/").filter(Boolean);
-var isSegmentMatch = (current, target) => {
-  const currentSeg = toSegments(current);
-  const targetSeg = toSegments(target);
-  if (targetSeg.length > currentSeg.length) return false;
-  return targetSeg.every((seg, i) => currentSeg[i] === seg);
-};
-function NavMain({ items }) {
-  const pathname = usePathname();
-  const [openItems, setOpenItems] = useState([]);
-  const toggleItem = (title, open) => {
-    setOpenItems(
-      (prev) => open ? [...prev, title] : prev.filter((t) => t !== title)
-    );
-  };
-  const parsedPathname = getMainPath(pathname);
-  useEffect(() => {
-    const matched = items.filter(
-      (item) => item.url ? isSegmentMatch(parsedPathname, getMainPath(item.url)) : false
-    ).map((item) => item.title || "");
-    queueMicrotask(() => setOpenItems(matched));
-  }, [parsedPathname, items]);
-  return /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: items.map((item, index) => {
-    const isOpen = openItems.includes(item.title || "");
-    const parsedUrl = getMainPath(item.url || "");
-    const isCurrentPath = item.url ? isSegmentMatch(parsedPathname, parsedUrl) : false;
-    return /* @__PURE__ */ jsx(
-      Collapsible,
-      {
-        asChild: true,
-        open: isOpen,
-        onOpenChange: (open) => toggleItem(item.title || "", open),
-        children: /* @__PURE__ */ jsxs(SidebarMenuItem, { className: "[&>button]:top-2 [&>button]:size-6", children: [
-          !item.isSeparator ? /* @__PURE__ */ jsx(
-            SidebarMenuButton,
-            {
-              asChild: true,
-              size: "md",
-              isActive: isCurrentPath,
-              children: /* @__PURE__ */ jsxs(Link, { href: item.url || "", children: [
-                item.icon && /* @__PURE__ */ jsx(item.icon, {}),
-                /* @__PURE__ */ jsx("span", { children: item.title })
-              ] })
-            }
-          ) : /* @__PURE__ */ jsx(Separator, {}),
-          item.items?.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(SidebarMenuAction, { className: "data-[state=open]:rotate-90", children: [
-              /* @__PURE__ */ jsx(ChevronRight, {}),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle" })
-            ] }) }),
-            /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(SidebarMenuSub, { children: item.items?.map((subItem, index2) => {
-              const parsedPathname2 = getMainPath(pathname);
-              const parsedUrl2 = getMainPath(subItem.url || "");
-              const isCurrentPath2 = subItem.url ? isSegmentMatch(parsedPathname2, parsedUrl2) : false;
-              return /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: !subItem.isSeparator ? /* @__PURE__ */ jsx(
-                SidebarMenuSubButton,
-                {
-                  asChild: true,
-                  size: "lg",
-                  isActive: isCurrentPath2,
-                  children: /* @__PURE__ */ jsxs(Link, { href: subItem.url || "", children: [
-                    subItem.icon && /* @__PURE__ */ jsx(subItem.icon, {}),
-                    /* @__PURE__ */ jsx("span", { children: subItem.title })
-                  ] })
-                }
-              ) : /* @__PURE__ */ jsx(Separator, {}) }, index2);
-            }) }) })
-          ] }) : null
-        ] })
-      },
-      index
-    );
-  }) }) });
-}
-function Button2({
-  icon,
-  href,
-  openNewTab = false,
-  // ui states
-  isDisabled = false,
-  isLoading = false,
-  // base
-  children,
-  ...props
-}) {
-  const router = useRouter();
-  const handleClick = () => {
-    if (!href) return;
-    if (openNewTab) {
-      window.open(href, "_blank");
-    } else {
-      router.push(href);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: props.type ?? "button",
-      disabled: isDisabled || isLoading,
-      onClick: props.onClick ?? handleClick,
-      ...props,
-      children: isLoading ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        icon && createElement(icon),
-        children
-      ] })
-    }
-  );
-}
-function ReturnButton({
-  icon,
-  useIcon = true,
-  // use in create/edit page
-  useConfirm = false,
-  // navigation
-  href,
-  replace = false,
-  pushToParent = false,
-  replaceParent = false,
-  // base
-  className,
-  children,
-  ...props
-}) {
-  const { t } = useTranslator();
-  const router = useRouter();
-  const parentPath = useParentPathname();
-  const handelClick = () => {
-    if (useConfirm) {
-      if (!isConfirm(t)) return;
-    }
-    if (href) {
-      return replace ? router.replace(href) : router.push(href);
-    }
-    if (replaceParent) {
-      return router.replace(parentPath);
-    }
-    if (pushToParent) {
-      return router.push(parentPath);
-    }
-    router.back();
-  };
-  return /* @__PURE__ */ jsx(
-    Button2,
-    {
-      variant: "outline",
-      size: "sm",
-      icon: useIcon ? icon || Undo2 : void 0,
-      onClick: handelClick,
-      className,
-      ...props,
-      children: children ?? t("ui.button.return.text")
-    }
-  );
-}
-function NavUser({
-  storageUrl,
-  admin,
-  isLoading = false,
-  SignOutButton
-}) {
-  const { t, locale } = useTranslator();
-  const { name } = findTranslation(admin?.translations, locale);
-  if (isLoading)
-    return /* @__PURE__ */ jsx(Button2, { variant: "outline", size: "icon", disabled: true, className: "w-64", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  if (!admin)
-    return /* @__PURE__ */ jsx(Button2, { variant: "outline", size: "icon", disabled: true, className: "w-64", children: /* @__PURE__ */ jsx(UserCircle, { className: "size-4" }) });
-  return /* @__PURE__ */ jsx(SidebarMenu, { className: "w-64", children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      SidebarMenuButton,
-      {
-        size: "lg",
-        className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
-        disabled: isLoading,
-        children: [
-          /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-            admin.avatarImage?.key && /* @__PURE__ */ jsx(
-              AvatarImage,
-              {
-                src: joinUrl(storageUrl, admin.avatarImage?.key),
-                alt: name ?? ""
-              }
-            ),
-            /* @__PURE__ */ jsx(AvatarFallback, { className: "rounded-lg" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: name }),
-            /* @__PURE__ */ jsx("span", { className: "truncate text-xs", children: admin.email })
-          ] }),
-          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto size-4" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(
-      DropdownMenuContent,
-      {
-        className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
-        side: "bottom",
-        align: "end",
-        sideOffset: 4,
-        children: [
-          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
-            /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-              admin.avatarImage?.key && /* @__PURE__ */ jsx(
-                AvatarImage,
-                {
-                  src: joinUrl(storageUrl, admin.avatarImage?.key),
-                  alt: name ?? ""
-                }
-              ),
-              /* @__PURE__ */ jsx(AvatarFallback, { className: "rounded-lg" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-              /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: name }),
-              /* @__PURE__ */ jsx("span", { className: "truncate text-xs", children: admin.email })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(Link, { href: PATHS.auth.changePassword.path, children: /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
-            /* @__PURE__ */ jsx(PenLine, {}),
-            t("auth.change-password.text")
-          ] }) }) }),
-          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-          SignOutButton
-        ]
-      }
-    )
-  ] }) }) });
-}
-function ThemeSelector() {
-  const { setTheme } = useTheme();
-  const { t } = useTranslator();
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button2, { variant: "outline", size: "icon", children: [
-      /* @__PURE__ */ jsx(Sun, { className: "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }),
-      /* @__PURE__ */ jsx(Moon, { className: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }),
-      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Select theme" })
-    ] }) }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setTheme("light"), children: [
-        /* @__PURE__ */ jsx(Sun, {}),
-        t("ui.layout.navbar.theme.light.text")
-      ] }),
-      /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setTheme("dark"), children: [
-        /* @__PURE__ */ jsx(Moon, {}),
-        t("ui.layout.navbar.theme.dark.text")
-      ] }),
-      /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setTheme("system"), children: [
-        /* @__PURE__ */ jsx(TvMinimal, {}),
-        t("ui.layout.navbar.theme.system.text")
-      ] })
-    ] })
-  ] });
-}
-function createNavbar({
-  webUrl,
-  storageUrl,
-  I18nSelector,
-  SignOutButton
-}) {
-  return function Navbar() {
-    const { toggleSidebar } = useSidebar();
-    const { admin, isLoading } = useAdmin();
-    const { t } = useTranslator();
-    return /* @__PURE__ */ jsx("header", { className: "bg-background sticky top-0 z-50 flex w-full items-center border-b", children: /* @__PURE__ */ jsxs("div", { className: "flex h-(--header-height) w-full items-center gap-2 px-2", children: [
-      /* @__PURE__ */ jsx(
-        Button2,
-        {
-          className: "h-8 w-8",
-          variant: "ghost",
-          size: "icon",
-          onClick: toggleSidebar,
-          children: /* @__PURE__ */ jsx(SidebarIcon, {})
-        }
-      ),
-      /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mr-1 h-4" }),
-      /* @__PURE__ */ jsx(
-        Button2,
-        {
-          variant: "outline",
-          size: "icon",
-          href: PATHS.main.dashboard.path,
-          children: /* @__PURE__ */ jsx(House, {})
-        }
-      ),
-      /* @__PURE__ */ jsxs(Button2, { variant: "outline", href: webUrl, openNewTab: true, children: [
-        /* @__PURE__ */ jsx(SquareArrowOutUpRight, {}),
-        t("ui.layout.navbar.website-homepage.text")
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "ml-auto" }),
-      /* @__PURE__ */ jsx(I18nSelector, {}),
-      /* @__PURE__ */ jsx(ThemeSelector, {}),
-      /* @__PURE__ */ jsx(
-        NavUser,
-        {
-          storageUrl,
-          SignOutButton: /* @__PURE__ */ jsx(SignOutButton, {}),
-          admin,
-          isLoading
-        }
-      )
-    ] }) });
-  };
-}
-function createI18nSelector({
-  enabled,
-  locales,
-  localeDisplay
-}) {
-  return function I18nSelector() {
-    if (!enabled) return null;
-    return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button2, { variant: "outline", size: "icon", children: [
-        /* @__PURE__ */ jsx(Languages, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Switch Languages" })
-      ] }) }),
-      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: locales.map((locale) => /* @__PURE__ */ jsx(Link$1, { locale, children: /* @__PURE__ */ jsx(DropdownMenuItem, { children: localeDisplay[locale] }) }, locale)) })
-    ] });
-  };
-}
-function createSignOutButton({
-  useCommand,
-  signOutAction
-}) {
-  return function SignOutButton() {
-    const { t } = useTranslator();
-    const router = useRouter();
-    const { setAdmin } = useAdmin();
-    const { execute, isRedirecting } = useCommand(signOutAction, {
-      onSuccess: () => {
-        setAdmin(null);
-        router.push(PATHS.auth.signIn.path);
-      }
-    });
-    const handleSignOut = () => {
-      if (!isConfirm(t)) return;
-      void execute();
-    };
-    const buttonText = isRedirecting ? /* @__PURE__ */ jsx(Spinner, {}) : t("auth.sign-out.text");
-    return /* @__PURE__ */ jsx("button", { onClick: handleSignOut, className: "w-full", children: /* @__PURE__ */ jsxs(DropdownMenuItem, { variant: "destructive", children: [
-      /* @__PURE__ */ jsx(LogOut, {}),
-      buttonText
-    ] }) });
-  };
-}
-function PageHeaderTitle({
-  icon,
-  title,
-  subtitle,
-  children,
-  leftChildren,
-  className
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", className), children: [
-    leftChildren,
-    icon && createElement(icon),
-    /* @__PURE__ */ jsxs("div", { className: "flex-center w-fit gap-3 whitespace-nowrap", children: [
-      subtitle && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: subtitle }),
-      /* @__PURE__ */ jsx("p", { className: "scroll-m-20 text-xl font-semibold tracking-tight", children: title })
-    ] }),
-    children
-  ] });
-}
-function createIndexPreset(ctx) {
-  const { props, t } = ctx;
-  return {
-    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps }) }),
-    titleProps: {
-      icon: Files,
-      children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        props.settingButtonProps && props.showTopicSettingButton && /* @__PURE__ */ jsx(
-          Button2,
-          {
-            ...props.settingButtonProps,
-            variant: "outline",
-            icon: FolderCog,
-            isDisabled: props.settingButtonProps.isDisabled ?? props.isDisabled,
-            children: `${t("ui.button.setting.text")} ${t("resources.topic.text")}`
-          }
-        ),
-        props.createCategoryButtonProps && /* @__PURE__ */ jsx(
-          Button2,
-          {
-            ...props.createCategoryButtonProps,
-            variant: "success",
-            icon: FileSpreadsheet,
-            isDisabled: props.createCategoryButtonProps.isDisabled ?? props.isDisabled,
-            children: t("ui.button.create.text")
-          }
-        ),
-        props.createButtonProps && /* @__PURE__ */ jsx(
-          Button2,
-          {
-            variant: "success",
-            icon: FilePlus,
-            ...props.createButtonProps,
-            children: t("ui.button.create.text")
-          }
-        )
-      ] })
-    },
-    right: props.batchButtonProps && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Button2, { variant: "outline", icon: FileStack, ...props.batchButtonProps, children: /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("ui.button.batch.text") }) }) })
-  };
-}
-function createBatchPreset(ctx) {
-  const { props, t } = ctx;
-  return {
-    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps, children: t("ui.button.exit-batch-mode.text") }) }),
-    titleProps: {
-      icon: FilePen,
-      subtitle: t("ui.page-header.batch.subtitle.text"),
-      children: /* @__PURE__ */ jsx(
-        Button2,
-        {
-          variant: "success",
-          href: props.batchCreateButtonHref,
-          icon: FilePlus,
-          children: t("ui.button.batch-create.text")
-        }
-      )
-    },
-    right: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Button2, { size: "icon", variant: "outline", onClick: props.selectAllFn, children: /* @__PURE__ */ jsx(CopyCheck, {}) }),
-      /* @__PURE__ */ jsx(Button2, { size: "icon", variant: "outline", onClick: props.cancelAllFn, children: /* @__PURE__ */ jsx(CopyX, {}) }),
-      /* @__PURE__ */ jsx(
-        Button2,
-        {
-          ...props.destroyButtonProps,
-          variant: "destructive",
-          icon: FileX,
-          children: t("ui.button.destroy.text")
-        }
-      )
-    ] })
-  };
-}
-function createBatchCreatePreset(ctx) {
-  const { props, t } = ctx;
-  return {
-    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps }) }),
-    titleProps: {
-      icon: FilePlus,
-      subtitle: t("ui.page-header.batch-create.subtitle.text")
-    }
-  };
-}
-function createCreatePreset(ctx) {
-  const { props, t } = ctx;
-  return {
-    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps }) }),
-    titleProps: {
-      icon: FilePlus,
-      subtitle: t("ui.page-header.create.subtitle.text")
-    }
-  };
-}
-function createEditPreset(ctx) {
-  const { props, t } = ctx;
-  return {
-    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps }) }),
-    titleProps: {
-      icon: FilePen,
-      subtitle: t("ui.page-header.edit.subtitle.text")
-    }
-  };
-}
-function createShowPreset(ctx) {
-  const { props, t } = ctx;
-  return {
-    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps }) }),
-    titleProps: {
-      icon: File,
-      children: !props.isNotFound && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        props.showButtonProps && /* @__PURE__ */ jsx(
-          Button2,
-          {
-            ...props.showButtonProps,
-            variant: "outline",
-            icon: FolderSearch,
-            isDisabled: props.showButtonProps.isDisabled || props.isDisabled,
-            children: `${t("ui.button.show.text")} ${t("resources.related.text")}`
-          }
-        ),
-        props.editButtonProps && /* @__PURE__ */ jsx(
-          Button2,
-          {
-            ...props.editButtonProps,
-            variant: "warning",
-            icon: FilePen,
-            isDisabled: props.editButtonProps.isDisabled || props.isDisabled,
-            children: t("ui.button.edit.text")
-          }
-        ),
-        props.destroyButtonProps && /* @__PURE__ */ jsx(
-          Button2,
-          {
-            ...props.destroyButtonProps,
-            variant: "destructive",
-            icon: FileX,
-            isDisabled: props.destroyButtonProps.isDisabled || props.isDisabled,
-            children: t("ui.button.destroy.text")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Lock,
-          {
-            className: cn(
-              props.isLocked && !props.isDisabled ? "opacity-100" : "opacity-0"
-            )
-          }
-        )
-      ] })
-    },
-    right: props.batchButtonProps && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Button2, { variant: "outline", icon: FileStack, ...props.batchButtonProps, children: /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("ui.button.batch.text") }) }) })
-  };
-}
-function createTrashPreset(ctx) {
-  const { props, t } = ctx;
-  return {
-    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps }) }),
-    titleProps: {
-      icon: Trash2,
-      title: t("main.trash.text")
-    },
-    right: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Button2, { size: "icon", variant: "outline", onClick: props.selectAllFn, children: /* @__PURE__ */ jsx(CopyCheck, {}) }),
-      /* @__PURE__ */ jsx(Button2, { size: "icon", variant: "outline", onClick: props.cancelAllFn, children: /* @__PURE__ */ jsx(CopyX, {}) }),
-      /* @__PURE__ */ jsx(
-        Button2,
-        {
-          ...props.restoreButtonProps,
-          variant: "success",
-          icon: FileSymlink,
-          children: t("ui.button.restore.text")
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button2,
-        {
-          ...props.destroyButtonProps,
-          variant: "destructive",
-          icon: FileX,
-          children: t("ui.button.destroy.text")
-        }
-      )
-    ] })
-  };
-}
-var PRESET_BUILDERS = {
-  default: () => ({ titleProps: { icon: Files } }),
-  index: createIndexPreset,
-  create: createCreatePreset,
-  show: createShowPreset,
-  edit: createEditPreset,
-  batch: createBatchPreset,
-  "batch-create": createBatchCreatePreset,
-  trash: createTrashPreset
-};
-function PageHeader(props) {
-  const { t } = useTranslator();
-  const variant = props.variant ?? "default";
-  const isDefault = variant === "default";
-  const preset = PRESET_BUILDERS[variant]({ props, t });
-  const left = props.leftChildren ?? preset.left;
-  const resolvedTitleProps = { ...preset.titleProps, ...props.titleProps };
-  const right = props.rightChildren ?? preset.right;
-  return /* @__PURE__ */ jsxs("div", { style: { height: PAGE_HEADER_HEIGHT }, children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "relative h-full px-6",
-          "flex items-center justify-between gap-3"
-        ),
-        children: [
-          !isDefault && left && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: left }),
-          /* @__PURE__ */ jsx(
-            PageHeaderTitle,
-            {
-              className: cn(!isDefault && "absolute left-1/2 -translate-x-1/2"),
-              ...resolvedTitleProps
-            }
-          ),
-          right && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-3", children: right })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Separator, {})
-  ] });
-}
-function Textarea2({
-  // form context
-  fieldName,
-  setFormData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isError = false,
-  // base
-  ...props
-}) {
-  isDisabled = isDisabled || isLoading;
-  const textareaRef = useRef(null);
-  const resetHeight = (element) => {
-    element.style.height = "40px";
-    element.style.height = `${element.scrollHeight + 2}px`;
-  };
-  useEffect(() => {
-    if (!textareaRef.current) return;
-    resetHeight(textareaRef.current);
-  }, [props.value, isLoading]);
-  return /* @__PURE__ */ jsx(Fragment, { children: isLoading ? /* @__PURE__ */ jsx(InputGroup, { "data-disabled": isDisabled, className: "h-10", children: /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Spinner, {}) }) }) : /* @__PURE__ */ jsx(
-    Textarea,
-    {
-      ref: textareaRef,
-      disabled: isDisabled,
-      "aria-invalid": isError,
-      value: isLoading ? "" : props.value,
-      onChange: (e) => {
-        resetHeight(e.target);
-        if (!setFormData || !fieldName) return;
-        setFormData((p) => ({ ...p, [fieldName]: e.target.value }));
-      },
-      ...props
-    }
-  ) });
-}
-function ArrayInput({
-  // form context
-  formData,
-  fieldName,
-  setFormData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isResizable = false,
-  errors,
-  // base
-  placeholder = "",
-  ...props
-}) {
-  isDisabled = isDisabled || isLoading;
-  const rawValue = formData?.[fieldName ?? ""];
-  const values = Array.isArray(rawValue) && rawValue.length > 0 ? rawValue.map(String) : [""];
-  const errorIndexes = new Set(
-    errors.filter((e) => e.startsWith(fieldName ?? "")).map((e) => e.split(".").pop()).map(Number)
-  );
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: values.map((value, index) => {
-    const isError = errorIndexes.has(index);
-    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex-center absolute top-0 left-0 z-10 h-full", children: [
-        /* @__PURE__ */ jsx("span", { className: "min-w-10 pl-0.5 text-center text-sm opacity-50", children: Array.isArray(rawValue) && rawValue.length === 0 ? "0" : index + 1 }),
-        /* @__PURE__ */ jsx(Separator, { orientation: "vertical" })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Textarea2,
-        {
-          disabled: isDisabled,
-          placeholder: isLoading ? "" : placeholder,
-          value,
-          onChange: (e) => {
-            if (!setFormData || !fieldName) return;
-            const copy = [...values];
-            copy[index] = e.target.value;
-            setFormData((p) => ({ ...p, [fieldName]: copy }));
-          },
-          onKeyDown: (e) => {
-            if (e.key === "Enter" && !isResizable) {
-              e.preventDefault();
-            }
-          },
-          isError,
-          className: cn("pr-20 pl-13", !isResizable && "resize-none"),
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "flex-center absolute top-1 right-1 gap-1", children: [
-        /* @__PURE__ */ jsx(
-          Button2,
-          {
-            variant: "outline",
-            type: "button",
-            size: "icon-sm",
-            className: "rounded-sm",
-            onClick: () => {
-              if (!setFormData || !fieldName) return;
-              const copy = values.filter((_, i) => i !== index);
-              setFormData((p) => ({ ...p, [fieldName]: copy }));
-            },
-            children: /* @__PURE__ */ jsx(CircleX, { className: "text-destructive" })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button2,
-          {
-            variant: "outline",
-            type: "button",
-            size: "icon-sm",
-            className: "rounded-sm",
-            onClick: () => {
-              if (!setFormData || !fieldName) return;
-              const copy = [...values];
-              copy.splice(index + 1, 0, "");
-              setFormData((p) => ({ ...p, [fieldName]: copy }));
-            },
-            children: /* @__PURE__ */ jsx(CirclePlus, { className: "text-success" })
-          }
-        )
-      ] })
-    ] }, index);
-  }) });
-}
-function Checkbox({
-  // form context
-  fieldName,
-  formData,
-  setFormData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  // base
-  isDisplay = false,
-  className = "",
-  ...props
-}) {
-  isDisabled = isDisabled || isLoading || isDisplay;
-  const isChecked = !!formData?.[fieldName ?? ""];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        className,
-        "group relative",
-        "h-6 w-12 min-w-12",
-        "p-1",
-        "rounded-full",
-        "overflow-hidden",
-        "shadow-inner",
-        !isChecked || isLoading ? "bg-secondary" : "bg-success",
-        "transition"
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "size-4",
-              "rounded-full",
-              "bg-white",
-              "shadow",
-              isChecked && "translate-x-6",
-              isLoading && "opacity-0",
-              !isDisabled && "group-hover:scale-95 group-active:scale-90",
-              "duration-200"
-            )
-          }
-        ),
-        isLoading && /* @__PURE__ */ jsx("span", { className: "absolute top-1 left-1", children: /* @__PURE__ */ jsx(Spinner, {}) }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            onChange: (e) => {
-              if (!setFormData || !fieldName) return;
-              setFormData((p) => ({ ...p, [fieldName]: e.target.checked }));
-            },
-            checked: isChecked,
-            disabled: isDisabled,
-            className: cn(
-              "absolute top-0 left-0",
-              "h-full w-full",
-              "rounded-full",
-              "opacity-0",
-              isDisabled ? "cursor-not-allowed" : "cursor-pointer"
-            ),
-            ...props
-          }
-        )
-      ]
-    }
-  );
-}
-function Input({
-  // form context
-  fieldName,
-  setFormData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isError = false,
-  // base
-  className,
-  inputGroupClassName,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    InputGroup,
-    {
-      "data-disabled": isDisabled || isLoading,
-      className: cn("h-10", inputGroupClassName),
-      children: [
-        isLoading ? /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(
-          InputGroupInput,
-          {
-            disabled: isDisabled || isLoading,
-            "aria-invalid": isError,
-            onChange: (e) => {
-              if (!setFormData || !fieldName) return;
-              setFormData((p) => ({ ...p, [fieldName]: e.target.value }));
-            },
-            className: cn("h-10", className),
-            ...props
-          }
-        ),
-        children
-      ]
-    }
-  );
-}
-function PasswordInput({
-  ...props
-}) {
-  const [showPassword, setShowPassword] = useState(false);
-  return /* @__PURE__ */ jsx(Input, { type: showPassword ? "text" : "password", ...props, children: /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx(
-    InputGroupButton,
-    {
-      "aria-label": showPassword ? "Hide password" : "Show password",
-      title: showPassword ? "Hide password" : "Show password",
-      size: "icon-xs",
-      onClick: () => setShowPassword((prev) => !prev),
-      children: showPassword ? /* @__PURE__ */ jsx(Eye, {}) : /* @__PURE__ */ jsx(EyeOff, {})
-    }
-  ) }) });
-}
-function SearchInput({
-  searchString = "",
-  setSearchString,
-  isLoading = false,
-  isDisabled = false,
-  ...props
-}) {
-  const { t } = useTranslator();
-  const isComposingRef = useRef(false);
-  const [inputValue, setInputValue] = useState(searchString);
-  const handleCompositionEnd = (e) => {
-    isComposingRef.current = false;
-    setInputValue(e.currentTarget.value);
-    setSearchString(e.currentTarget.value);
-  };
-  const handleChange = (e) => {
-    setInputValue(e.target.value);
-    if (!isComposingRef.current) setSearchString(e.target.value);
-  };
-  return /* @__PURE__ */ jsx("div", { className: "relative size-full", children: /* @__PURE__ */ jsx(
-    Input,
-    {
-      isDisabled,
-      placeholder: isLoading ? "" : t("ui.search.text"),
-      autoComplete: "off",
-      value: inputValue,
-      onChange: handleChange,
-      onCompositionStart: () => isComposingRef.current = true,
-      onCompositionEnd: handleCompositionEnd,
-      className: "w-full pr-9",
-      ...props,
-      children: /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: isLoading ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(Search, {}) })
-    }
-  ) });
-}
-function Select2({
-  // form context
-  fieldName,
-  setFormData,
-  // ui states
-  isDisabled = false,
-  isLoading = false,
-  // base
-  placeholder,
-  label,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    Select,
-    {
-      onValueChange: (value) => {
-        if (!setFormData || !fieldName) return;
-        setFormData((p) => ({ ...p, [fieldName]: value }));
-      },
-      disabled: isDisabled || isLoading,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          SelectTrigger,
-          {
-            className: cn("w-full", className),
-            disabled: isDisabled || isLoading,
-            children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
-          }
-        ),
-        /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsxs(SelectGroup, { children: [
-          label && /* @__PURE__ */ jsx(SelectLabel, { children: label }),
-          children
-        ] }) })
-      ]
-    }
-  );
-}
-function Option({
-  value,
-  isDisabled = false,
-  children
-}) {
-  return /* @__PURE__ */ jsx(SelectItem, { value, disabled: isDisabled, children });
-}
-function PageSizeSelector({
-  pageSize,
-  setPageSize,
-  setPage
-}) {
-  const { t } = useTranslator();
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-52 items-center gap-4", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm whitespace-nowrap", children: t("ui.layout.item-list-container.items-per-page.text") }),
-    /* @__PURE__ */ jsxs(
-      Select2,
-      {
-        value: String(pageSize),
-        onValueChange: (value) => {
-          setPageSize(Number(value ?? 20));
-          setPage(1);
-        },
-        className: "w-full",
-        children: [
-          /* @__PURE__ */ jsx(Option, { value: String(20), children: "20" }),
-          /* @__PURE__ */ jsx(Option, { value: String(40), children: "40" }),
-          /* @__PURE__ */ jsx(Option, { value: String(80), children: "80" })
-        ]
-      }
-    )
-  ] });
-}
-function Pagination2({
-  page,
-  setPage,
-  pageSize,
-  total = 0
-}) {
-  const totalPages = Math.ceil(total / pageSize);
-  const isFirst = page === 1;
-  const isLastPage = page === totalPages;
-  const handlePrev = () => {
-    if (isFirst) return;
-    setPage((prev) => prev - 1);
-  };
-  const handleNext = () => {
-    if (isLastPage) return;
-    setPage((prev) => prev + 1);
-  };
-  const siblingsCount = 2;
-  let startPage = Math.max(2, page - siblingsCount);
-  let endPage = Math.min(totalPages - 1, page + siblingsCount);
-  if (page - siblingsCount < 2) {
-    endPage = Math.min(totalPages - 1, endPage + (2 - (page - siblingsCount)));
-  }
-  if (page + siblingsCount > totalPages - 1) {
-    startPage = Math.max(
-      2,
-      startPage - (page + siblingsCount - (totalPages - 1))
-    );
-  }
-  const pages = [];
-  for (let i = startPage; i <= endPage; i++) {
-    pages.push(i);
-  }
-  const isAtFirstPage = page === 1;
-  const isAtLastPage = page === totalPages;
-  return /* @__PURE__ */ jsx(Pagination, { className: "flex-1", children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
-    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, { disabled: isAtFirstPage, onClick: handlePrev }) }),
-    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-      PaginationLink,
-      {
-        isActive: page === 1,
-        disabled: isAtFirstPage,
-        onClick: () => setPage(1),
-        children: "1"
-      }
-    ) }),
-    startPage > 2 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
-    pages.map((p) => {
-      const isThisPage = page === p;
-      return /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { isActive: isThisPage, onClick: () => setPage(p), children: p }) }, p);
-    }),
-    endPage < totalPages - 1 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
-    totalPages > 1 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-      PaginationLink,
-      {
-        isActive: page === totalPages,
-        disabled: isAtLastPage,
-        onClick: () => setPage(totalPages),
-        children: totalPages
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-      PaginationNext,
-      {
-        disabled: isAtLastPage || totalPages <= 1,
-        onClick: handleNext
-      }
-    ) })
-  ] }) });
-}
-function ListCardsContainer({
-  // pagination
-  page,
-  setPage,
-  pageSize,
-  setPageSize,
-  total,
-  // search string
-  searchString,
-  setSearchString,
-  // ui states
-  isFetching,
-  // base
-  children,
-  headerChildren
-}) {
-  const { t } = useTranslator();
-  const isNotFound = total === 0;
-  useEffect(() => {
-    setPage(1);
-  }, [searchString, setPage]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      headerChildren,
-      /* @__PURE__ */ jsx("div", { className: "ml-auto w-64", children: /* @__PURE__ */ jsx(
-        SearchInput,
-        {
-          searchString,
-          setSearchString,
-          isLoading: isFetching
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "max-h-[88%] flex-1 overflow-y-auto", children: isFetching ? /* @__PURE__ */ jsx(Spinner, {}) : isNotFound ? /* @__PURE__ */ jsx("p", { className: "text-sm opacity-50", children: t("ui.no-data.text") }) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4", children }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-52" }),
-      /* @__PURE__ */ jsx(
-        Pagination2,
-        {
-          page,
-          setPage,
-          pageSize,
-          total
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        PageSizeSelector,
-        {
-          pageSize,
-          setPageSize,
-          setPage
-        }
-      )
-    ] })
-  ] });
-}
-function Form({
-  onSubmit,
-  className,
-  ...props
-}) {
-  const handleSubmit = (e) => {
-    if (!onSubmit) return;
-    e.preventDefault();
-    void onSubmit(e);
-  };
-  return /* @__PURE__ */ jsx("form", { className: cn(className), onSubmit: handleSubmit, ...props });
-}
-function Field({
-  label,
-  isRequired = false,
-  hint,
-  labelChildren,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center gap-3", children: [
-    /* @__PURE__ */ jsxs("span", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxs(Label, { className: "flex gap-1 truncate", ...props, children: [
-        label,
-        isRequired && /* @__PURE__ */ jsx(Asterisk, { className: "text-destructive size-3" }),
-        hint && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-2 text-xs", children: hint })
-      ] }),
-      /* @__PURE__ */ jsx("span", { children: labelChildren })
-    ] }),
-    children
-  ] });
-}
-function FieldBody({
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isEmpty = false,
-  // base
-  className,
-  backgroundClassName,
-  childrenClassName,
-  children,
-  ...props
-}) {
-  const { t } = useTranslator();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        className,
-        "relative",
-        "min-h-9 w-full min-w-0",
-        "flex items-center",
-        "text-sm"
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "absolute size-full",
-              "dark:bg-input/30 bg-foreground/2 rounded-md",
-              backgroundClassName
-            )
-          }
-        ),
-        isLoading && /* @__PURE__ */ jsx("div", { className: "px-3", children: /* @__PURE__ */ jsx(Spinner, {}) }),
-        !isLoading && (!children || isEmpty) && /* @__PURE__ */ jsx("div", { className: "flex-center h-9 px-3 opacity-50", children: /* @__PURE__ */ jsx("p", { className: "opacity-50", children: t("ui.no-data.text") }) }),
-        !isLoading && children && !isEmpty && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "relative size-full",
-              "flex items-center gap-3",
-              "px-3 py-2",
-              "break-all",
-              (isDisabled || isLoading) && "opacity-50",
-              childrenClassName
-            ),
-            children
-          }
-        )
-      ]
-    }
-  );
-}
-function FieldsContainer({
-  className = "",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("relative flex w-full", className),
-      style: { gap: FORM_MIDDLE_GAP_WIDTH },
-      ...props,
-      children
-    }
-  );
-}
-function MainFields({
-  className,
-  children,
-  ...props
-}) {
-  const sideWidth = FORM_SIDE_FIELDS_WIDTH + FORM_MIDDLE_GAP_WIDTH;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("relative", "flex flex-1 flex-col gap-6", className),
-      style: { maxWidth: `calc(100% - ${sideWidth}px)` },
-      ...props,
-      children
-    }
-  );
-}
-function SideFields({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("relative", "min-h-full", className),
-      style: { width: `${FORM_SIDE_FIELDS_WIDTH}px` },
-      ...props,
-      children: /* @__PURE__ */ jsx("div", { className: cn("sticky top-24", "flex flex-col gap-6"), children })
-    }
-  );
-}
-function ExpandBar({ isExpand }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "w-full",
-        "flex-center gap-1",
-        "opacity-50 group-hover:opacity-100",
-        "transition"
-      ),
-      children: [
-        /* @__PURE__ */ jsx(Separator, { className: "my-3 flex-1" }),
-        !isExpand ? /* @__PURE__ */ jsx(CirclePlus, { className: "text-base-content size-5 min-w-5" }) : /* @__PURE__ */ jsx(CircleMinus, { className: "text-base-content size-5 min-w-5" }),
-        /* @__PURE__ */ jsx(Separator, { className: "my-3 flex-1" })
-      ]
-    }
-  );
-}
-var COLLAPSED_HEIGHT = 48;
-function ExpandableListContent({
-  item,
-  items,
-  isExpand,
-  isDisabled,
-  isUnique,
-  onOverflowChange,
-  children
-}) {
-  const containerRef = useRef(null);
-  useEffect(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    const height = el.scrollHeight;
-    onOverflowChange?.(height > COLLAPSED_HEIGHT);
-    if (isDisabled) {
-      el.style.maxHeight = "0px";
-      return;
-    }
-    el.style.maxHeight = isExpand ? `${height}px` : `${COLLAPSED_HEIGHT}px`;
-  }, [isExpand, isDisabled, items.length, children, onOverflowChange]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: cn("overflow-hidden", "flex flex-wrap gap-1", "duration-150"),
-      children: [
-        children,
-        items.map((eachItem, idx) => {
-          const matched = isUnique && eachItem === item;
-          return /* @__PURE__ */ jsxs("span", { children: [
-            /* @__PURE__ */ jsx("span", { className: cn(matched && "text-error"), children: eachItem }),
-            idx !== items.length - 1 && ","
-          ] }, `${eachItem}-${idx}`);
-        })
-      ]
-    }
-  );
-}
-function ExpandableList({
-  item,
-  items = [],
-  isDisabled,
-  isUnique
-}) {
-  const [isExpand, setIsExpand] = useState(false);
-  const [isListOverFlow, setIsListOverFlow] = useState(false);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: () => {
-        if (!isListOverFlow) return;
-        setIsExpand((prev) => !prev);
-      },
-      className: cn(
-        "group flex w-full flex-col gap-1 text-xs text-gray-400",
-        !isListOverFlow && "pointer-events-none"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          ExpandableListContent,
-          {
-            item,
-            items,
-            isExpand,
-            isDisabled,
-            isUnique,
-            onOverflowChange: setIsListOverFlow,
-            children: [
-              /* @__PURE__ */ jsx(Archive, { className: "size-4" }),
-              /* @__PURE__ */ jsx("span", { children: ":" })
-            ]
-          }
-        ),
-        isListOverFlow && /* @__PURE__ */ jsx(ExpandBar, { isExpand })
-      ]
-    }
-  );
-}
-function IndexField({
-  existingIndexes,
-  availableIndex = 1,
-  // Min available index
-  // form context
-  formData,
-  setFormData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isError = false,
-  isDisplay = false,
-  // base
-  id
-}) {
-  isDisabled = isDisabled || isLoading || isDisplay;
-  const index = formData?.["index"];
-  const isIndexActive = !!formData?.["isIndexActive"];
-  const toggleCheckbox = () => {
-    if (!setFormData) return;
-    setFormData((p) => ({ ...p, index: availableIndex }));
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          id: isIndexActive ? void 0 : id,
-          fieldName: "isIndexActive",
-          formData,
-          setFormData,
-          isLoading,
-          isDisabled,
-          onClick: toggleCheckbox
-        }
-      ),
-      !isDisplay ? /* @__PURE__ */ jsx(
-        Input,
-        {
-          id: isIndexActive ? id : void 0,
-          fieldName: "index",
-          value: index || 1,
-          setFormData,
-          type: "number",
-          min: 1,
-          required: isIndexActive,
-          isDisabled: !isIndexActive || isDisabled,
-          className: cn(!isIndexActive && "text-transparent"),
-          inputGroupClassName: cn(
-            isIndexActive ? "opacity-100" : "opacity-50 cursor-not-allowed"
-          ),
-          isError
-        }
-      ) : /* @__PURE__ */ jsx(
-        FieldBody,
-        {
-          isEmpty: !isIndexActive,
-          backgroundClassName: "!bg-base-200",
-          children: index
-        }
-      )
-    ] }),
-    !isDisplay && /* @__PURE__ */ jsx("div", { className: "mx-2", children: /* @__PURE__ */ jsx(
-      ExpandableList,
-      {
-        isDisabled: !isIndexActive,
-        item: index,
-        items: ensureArray(existingIndexes)
-      }
-    ) })
-  ] });
-}
-function SlugField({
-  existingSlugs,
-  // form context
-  formData,
-  setFormData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isError = false,
-  isDisplay = false,
-  // base
-  id
-}) {
-  isDisabled = isDisabled || isLoading || isDisplay;
-  const slug = formData?.["slug"] || "";
-  const isSlugActive = !!formData?.["isSlugActive"];
-  const isUnavailable = !!existingSlugs?.includes(slug);
-  const toggleCheckbox = () => {
-    if (!setFormData) return;
-    setFormData((p) => ({ ...p, slug: null }));
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          id: isSlugActive ? void 0 : id,
-          fieldName: "isSlugActive",
-          formData,
-          setFormData,
-          isLoading,
-          isDisabled,
-          onClick: toggleCheckbox,
-          className: "mt-2"
-        }
-      ),
-      !isDisplay ? /* @__PURE__ */ jsx(
-        Textarea2,
-        {
-          id: isSlugActive ? id : void 0,
-          fieldName: "slug",
-          value: slug,
-          setFormData,
-          required: isSlugActive,
-          isDisabled: !isSlugActive || isDisabled,
-          onKeyDown: (e) => {
-            if (e.key === "Enter") return e.preventDefault();
-          },
-          className: cn(
-            "resize-none break-all",
-            !isSlugActive && "text-transparent"
-          ),
-          isError: isUnavailable || isError
-        }
-      ) : /* @__PURE__ */ jsx(FieldBody, { isEmpty: !isSlugActive, backgroundClassName: "!bg-base-200", children: slug })
-    ] }),
-    !isDisplay && /* @__PURE__ */ jsx("div", { className: "mx-2", children: /* @__PURE__ */ jsx(
-      ExpandableList,
-      {
-        isDisabled: !isSlugActive,
-        isUnique: true,
-        item: slug,
-        items: ensureArray(existingSlugs)
-      }
-    ) })
-  ] });
-}
-function ControlFieldsDisplay({
-  fields,
-  // form context
-  formData,
-  // ui states
-  isLoading = false
-}) {
-  const { t } = useTranslator();
-  if (!formData) return null;
-  const notBuiltInFields = fields.filter(
-    ({ key }) => !BUILT_IN_FIELDS.some((b) => b.key == key)
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    fields.find((f) => f.key === "isActive") && /* @__PURE__ */ jsx(
-      Field,
-      {
-        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
-          /* @__PURE__ */ jsx(Eye, { className: "size-5" }),
-          t("ui.field.control-fields.is-active.text")
-        ] }),
-        children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            fieldName: "isActive",
-            formData,
-            isLoading,
-            isDisplay: true
-          }
-        )
-      }
-    ),
-    fields.find((f) => f.key === "index") && /* @__PURE__ */ jsx(
-      Field,
-      {
-        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
-          /* @__PURE__ */ jsx(Binary, { className: "size-5" }),
-          t("ui.field.control-fields.index.text")
-        ] }),
-        children: /* @__PURE__ */ jsx(IndexField, { formData, isLoading, isDisplay: true })
-      }
-    ),
-    fields.find((f) => f.key === "slug") && /* @__PURE__ */ jsx(
-      Field,
-      {
-        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
-          /* @__PURE__ */ jsx(MapPinCheckInside, { className: "size-5" }),
-          t("ui.field.control-fields.slug.text")
-        ] }),
-        children: /* @__PURE__ */ jsx(SlugField, { formData, isLoading, isDisplay: true })
-      }
-    ),
-    fields.find((f) => f.key === "isFeatured") && /* @__PURE__ */ jsx(
-      Field,
-      {
-        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
-          /* @__PURE__ */ jsx(Star, { className: "size-5" }),
-          t("ui.field.control-fields.is-featured.text")
-        ] }),
-        children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            fieldName: "isFeatured",
-            formData,
-            isLoading,
-            isDisplay: true
-          }
-        )
-      }
-    ),
-    fields.find((f) => f.key === "isShownOnHome") && /* @__PURE__ */ jsx(
-      Field,
-      {
-        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
-          /* @__PURE__ */ jsx(House, { className: "size-5" }),
-          t("ui.field.control-fields.is-shown-on-home.text")
-        ] }),
-        children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            fieldName: "isShownOnHome",
-            formData,
-            isLoading,
-            isDisplay: true
-          }
-        )
-      }
-    ),
-    notBuiltInFields.map(({ key, label }) => {
-      return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          fieldName: key,
-          formData,
-          isLoading,
-          isDisplay: true
-        }
-      ) }, key);
-    })
-  ] });
-}
-function ControlFieldsInput({
-  fields = [],
-  // meta
-  controlMeta = {},
-  // form context
-  formData,
-  setFormData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  errors
-}) {
-  const { t } = useTranslator();
-  if (!(formData && setFormData)) return null;
-  const {
-    existingIndexes = [],
-    availableIndex = 1,
-    existingSlugs = []
-  } = controlMeta;
-  const notBuiltInFields = fields.filter(
-    ({ key }) => !BUILT_IN_FIELDS.some((b) => b.key == key)
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    fields.find((f) => f.key === "isActive") && /* @__PURE__ */ jsx(
-      Field,
-      {
-        htmlFor: "isActive",
-        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
-          formData["isActive"] ? /* @__PURE__ */ jsx(Eye, { className: "size-5" }) : /* @__PURE__ */ jsx(EyeOff, { className: "size-5" }),
-          t("ui.field.control-fields.is-active.text")
-        ] }),
-        children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            id: "isActive",
-            fieldName: "isActive",
-            formData,
-            setFormData,
-            isLoading,
-            isDisabled
-          }
-        )
-      }
-    ),
-    fields.find((f) => f.key === "index") && /* @__PURE__ */ jsx(
-      Field,
-      {
-        htmlFor: "index",
-        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
-          /* @__PURE__ */ jsx(Binary, { className: "size-5" }),
-          t("ui.field.control-fields.index.text")
-        ] }),
-        children: /* @__PURE__ */ jsx(
-          IndexField,
-          {
-            id: "index",
-            formData,
-            setFormData,
-            isLoading,
-            isDisabled,
-            existingIndexes,
-            availableIndex,
-            isError: errors?.includes("index")
-          }
-        )
-      }
-    ),
-    fields.find((f) => f.key === "slug") && /* @__PURE__ */ jsx(
-      Field,
-      {
-        htmlFor: "slug",
-        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
-          /* @__PURE__ */ jsx(MapPinCheckInside, { className: "size-5" }),
-          t("ui.field.control-fields.slug.text")
-        ] }),
-        children: /* @__PURE__ */ jsx(
-          SlugField,
-          {
-            id: "slug",
-            formData,
-            setFormData,
-            isLoading,
-            isDisabled,
-            existingSlugs,
-            isError: errors?.includes("slug")
-          }
-        )
-      }
-    ),
-    fields.find((f) => f.key === "isFeatured") && /* @__PURE__ */ jsx(
-      Field,
-      {
-        htmlFor: "isFeatured",
-        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
-          /* @__PURE__ */ jsx(Star, { className: "size-5" }),
-          t("ui.field.control-fields.is-featured.text")
-        ] }),
-        children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            id: "isFeatured",
-            fieldName: "isFeatured",
-            formData,
-            setFormData,
-            isLoading,
-            isDisabled
-          }
-        )
-      }
-    ),
-    fields.find((f) => f.key === "isShownOnHome") && /* @__PURE__ */ jsx(
-      Field,
-      {
-        htmlFor: "isShownOnHome",
-        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
-          /* @__PURE__ */ jsx(House, { className: "size-5" }),
-          t("ui.field.control-fields.is-shown-on-home.text")
-        ] }),
-        children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            id: "isShownOnHome",
-            fieldName: "isShownOnHome",
-            formData,
-            setFormData,
-            isLoading,
-            isDisabled
-          }
-        )
-      }
-    ),
-    notBuiltInFields.map(({ key, label }) => {
-      return /* @__PURE__ */ jsx(Field, { htmlFor: key, label, children: /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          id: key,
-          fieldName: key,
-          formData,
-          setFormData,
-          isLoading,
-          isDisabled
-        }
-      ) }, key);
-    })
-  ] });
-}
-var BUILT_IN_FIELDS = [
-  { key: "isActive" },
-  { key: "index" },
-  { key: "slug" },
-  { key: "isFeatured" },
-  { key: "isShownOnHome" }
-];
-function ControlFields({
-  fields = [],
-  // meta
-  controlMeta,
-  // form context
-  formData,
-  setFormData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isDisplay = false,
-  errors,
-  ...props
-}) {
-  if (fields.length === 0) return null;
-  return /* @__PURE__ */ jsx(Card, { className: cn("flex flex-col gap-6", "bg-base-100 p-4"), ...props, children: !isDisplay ? /* @__PURE__ */ jsx(
-    ControlFieldsInput,
-    {
-      fields,
-      formData,
-      setFormData,
-      controlMeta,
-      isLoading,
-      isDisabled,
-      errors
-    }
-  ) : /* @__PURE__ */ jsx(
-    ControlFieldsDisplay,
-    {
-      fields,
-      formData,
-      isLoading
-    }
-  ) });
-}
-function createSignInPage({
-  useCommand,
-  signInAction
-}) {
-  return function SignInPage() {
-    const { t } = useTranslator();
-    const { setAdmin } = useAdmin();
-    const deviceInfo = useDeviceInfo();
-    const [formData, setFormData] = useState({
-      email: "",
-      password: ""
-    });
-    const { execute, isRedirecting, errors } = useCommand(
-      () => signInAction({
-        formData,
-        deviceInfo: deviceInfo ?? {}
-      }),
-      { onSuccess: (data) => setAdmin(data?.admin || null) }
-    );
-    return /* @__PURE__ */ jsx(
-      Form,
-      {
-        className: "mx-auto w-96",
-        style: { marginTop: "56px" },
-        onSubmit: () => void execute(),
-        children: /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "mx-auto", children: t("auth.sign-in.text") }) }),
-          /* @__PURE__ */ jsxs(CardContent, { className: "relative flex flex-col gap-6", children: [
-            /* @__PURE__ */ jsx(Field, { htmlFor: "email", label: t("auth.sign-in.email.text"), children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "email",
-                type: "email",
-                placeholder: t("auth.sign-in.email.placeholder.text"),
-                autoComplete: "email",
-                fieldName: "email",
-                value: formData.email,
-                setFormData,
-                isDisabled: isRedirecting,
-                isError: errors.includes("email")
-              }
-            ) }),
-            /* @__PURE__ */ jsx(Field, { htmlFor: "password", label: t("auth.sign-in.password.text"), children: /* @__PURE__ */ jsx(
-              PasswordInput,
-              {
-                id: "password",
-                placeholder: t("auth.sign-in.password.placeholder.text"),
-                fieldName: "password",
-                value: formData.password,
-                setFormData,
-                isDisabled: isRedirecting,
-                isError: errors.includes("password")
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              Button2,
-              {
-                size: "xs",
-                variant: "link",
-                className: "w-fit",
-                isDisabled: isRedirecting,
-                children: /* @__PURE__ */ jsx(Link, { href: PATHS.auth.forgotPassword.path, children: t("auth.sign-in.anchor.text") })
-              }
-            ),
-            /* @__PURE__ */ jsx(Button2, { type: "submit", isLoading: isRedirecting, children: t("auth.sign-in.button.text") })
-          ] })
-        ] })
-      }
-    );
-  };
-}
-function createVerifyEmailPage({
-  useCommand,
-  verifyEmailAction
-}) {
-  return function VerifyEmailPage() {
-    const router = useRouter();
-    const searchParams = useSearchParams();
-    const email = searchParams.get("email") ?? "";
-    const emailVerificationToken = searchParams.get("emailVerificationToken") ?? "";
-    const { execute } = useCommand(
-      () => verifyEmailAction({ formData: { email, emailVerificationToken } }),
-      {
-        onSuccess: (data) => router.push(`${PATHS.resources.admin.path}/${data?.admin.id}`),
-        onError: () => router.push(PATHS.auth.signIn.path)
-      }
-    );
-    useEffect(() => {
-      void (async () => {
-        if (email && emailVerificationToken) {
-          await execute();
-        } else {
-          router.push(PATHS.auth.signIn.path);
-        }
-      })();
-    }, [email, emailVerificationToken]);
-    return /* @__PURE__ */ jsx("div", { className: "flex-center relative flex-1 flex-col", children: /* @__PURE__ */ jsx(Spinner, { className: "size-10" }) });
-  };
-}
-function createEmailUnverifiedPage({
-  useCommand,
-  emailUnverifiedAction
-}) {
-  return function EmailUnverifiedPage() {
-    const { t } = useTranslator();
-    const router = useRouter();
-    const { admin, isLoading } = useAdmin();
-    const { timeLeft, isCounting, startCountdown } = useCountdown(30);
-    useEffect(() => {
-      if (!admin && !isLoading) {
-        router.replace(PATHS.auth.signIn.path);
-      }
-      if (admin?.emailVerifiedAt) {
-        router.replace(PATHS.main.dashboard.path);
-      }
-    }, [admin, isLoading, router]);
-    const { execute, isPending } = useCommand(
-      () => emailUnverifiedAction({ formData: { email: admin?.email ?? "" } }),
-      { onSuccess: () => startCountdown() }
-    );
-    const buttonText = !isCounting ? t("auth.email-unverified.button.send-email.text") : /* @__PURE__ */ jsxs("span", { children: [
-      t("auth.email-unverified.button.please-wait.text"),
-      /* @__PURE__ */ jsx("span", { className: "ml-1 inline-block w-5 text-end", children: timeLeft }),
-      "\xA0",
-      t("auth.email-unverified.button.second.text"),
-      "\xA0",
-      t("auth.email-unverified.button.send-again.text")
-    ] });
-    return /* @__PURE__ */ jsx(
-      Form,
-      {
-        className: "mx-auto w-96",
-        style: { marginTop: "56px" },
-        onSubmit: () => void execute(),
-        children: /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "mx-auto", children: t("auth.email-unverified.text") }) }),
-          /* @__PURE__ */ jsxs(CardContent, { className: "relative flex flex-col gap-6", children: [
-            /* @__PURE__ */ jsxs(InputGroup, { children: [
-              /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Label, { htmlFor: "email", className: "text-foreground", children: /* @__PURE__ */ jsx(Mail, { className: "size-4" }) }) }),
-              isLoading ? /* @__PURE__ */ jsx("div", { className: "px-2", children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(
-                InputGroupInput,
-                {
-                  id: "email",
-                  placeholder: "shadcn@vercel.com",
-                  disabled: true,
-                  value: admin?.email
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(CardDescription, { children: /* @__PURE__ */ jsx("p", { className: "text-sm whitespace-pre-line", children: t("auth.email-unverified.notice.text") }) }),
-            /* @__PURE__ */ jsx(
-              Button2,
-              {
-                type: "submit",
-                isLoading: isLoading || isPending,
-                isDisabled: isCounting,
-                children: buttonText
-              }
-            )
-          ] })
-        ] })
-      }
-    );
-  };
-}
-function createForgotPasswordPage({
-  useCommand,
-  forgotPasswordAction
-}) {
-  return function ForgotPasswordPage() {
-    const { t } = useTranslator();
-    const { timeLeft, isCounting, startCountdown } = useCountdown(30);
-    const [formData, setFormData] = useState({
-      email: ""
-    });
-    const { execute, isPending, errors } = useCommand(
-      () => forgotPasswordAction({ formData: { email: formData.email } }),
-      { onSuccess: () => startCountdown() }
-    );
-    const buttonText = !isCounting ? t("auth.forgot-password.button.send-email.text") : /* @__PURE__ */ jsxs("span", { children: [
-      t("auth.forgot-password.button.please-wait.text"),
-      /* @__PURE__ */ jsx("span", { className: "ml-1 inline-block w-5 text-end", children: timeLeft }),
-      "\xA0",
-      t("auth.forgot-password.button.second.text"),
-      "\xA0",
-      t("auth.forgot-password.button.send-again.text")
-    ] });
-    return /* @__PURE__ */ jsx(
-      Form,
-      {
-        className: "mx-auto w-96",
-        style: { marginTop: "56px" },
-        onSubmit: () => void execute(),
-        children: /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "mx-auto", children: t("auth.forgot-password.text") }) }),
-          /* @__PURE__ */ jsxs(CardContent, { className: "relative flex flex-col gap-6", children: [
-            /* @__PURE__ */ jsx(Field, { htmlFor: "email", label: t("auth.forgot-password.email.text"), children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "email",
-                placeholder: t("auth.forgot-password.email.placeholder.text"),
-                autoComplete: "email",
-                fieldName: "email",
-                value: formData.email,
-                setFormData,
-                isDisabled: isPending || isCounting,
-                isError: errors.includes("email")
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              Button2,
-              {
-                size: "xs",
-                variant: "link",
-                className: "w-fit",
-                isDisabled: isPending,
-                children: /* @__PURE__ */ jsx(Link, { href: PATHS.auth.signIn.path, children: t("auth.forgot-password.anchor.text") })
-              }
-            ),
-            /* @__PURE__ */ jsx(Button2, { type: "submit", isLoading: isPending, isDisabled: isCounting, children: buttonText })
-          ] })
-        ] })
-      }
-    );
-  };
-}
-function createResetPasswordPage({
-  useCommand,
-  resetPasswordAction
-}) {
-  return function ResetPasswordPage() {
-    const { t } = useTranslator();
-    const router = useRouter();
-    const passwordResetToken = useSearchParams().get("passwordResetToken") ?? "";
-    const [formData, setFormData] = useState({
-      newPassword: "",
-      newPasswordConfirm: ""
-    });
-    const { execute, isRedirecting, errors } = useCommand(
-      () => resetPasswordAction({ formData: { passwordResetToken, ...formData } }),
-      { onSuccess: () => router.push(PATHS.auth.signIn.path) }
-    );
-    return /* @__PURE__ */ jsx(
-      Form,
-      {
-        className: "mx-auto w-96",
-        style: { marginTop: "56px" },
-        onSubmit: () => void execute(),
-        children: /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "mx-auto", children: t("auth.reset-password.text") }) }),
-          /* @__PURE__ */ jsxs(CardContent, { className: "relative flex flex-col gap-6", children: [
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "newPassword",
-                label: t("auth.reset-password.new-password.text"),
-                children: /* @__PURE__ */ jsx(
-                  PasswordInput,
-                  {
-                    id: "newPassword",
-                    placeholder: t(
-                      "auth.reset-password.new-password.placeholder.text"
-                    ),
-                    fieldName: "newPassword",
-                    value: formData.newPassword,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    isError: errors.includes("newPassword")
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "newPasswordConfirm",
-                label: t("auth.reset-password.new-password-confirm.text"),
-                children: /* @__PURE__ */ jsx(
-                  PasswordInput,
-                  {
-                    id: "newPasswordConfirm",
-                    placeholder: t(
-                      `auth.reset-password.new-password-confirm.placeholder.text`
-                    ),
-                    fieldName: "newPasswordConfirm",
-                    value: formData.newPasswordConfirm,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    isError: errors.includes("newPasswordConfirm")
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button2,
-              {
-                size: "xs",
-                variant: "link",
-                className: "w-fit",
-                isDisabled: isRedirecting,
-                children: /* @__PURE__ */ jsx(Link, { href: PATHS.auth.signIn.path, children: t("auth.reset-password.anchor.text") })
-              }
-            ),
-            /* @__PURE__ */ jsx(Button2, { type: "submit", isLoading: isRedirecting, children: t("auth.reset-password.button.text") })
-          ] })
-        ] })
-      }
-    );
-  };
-}
-function createChangePasswordPage({
-  useCommand,
-  changePasswordAction
-}) {
-  return function ChangePasswordPage() {
-    const { t } = useTranslator();
-    const router = useRouter();
-    const [formData, setFormData] = useState({
-      password: "",
-      newPassword: "",
-      newPasswordConfirm: ""
-    });
-    const { execute, isRedirecting, errors } = useCommand(
-      () => changePasswordAction({
-        formData: {
-          password: formData.password,
-          newPassword: formData.newPassword,
-          newPasswordConfirm: formData.newPasswordConfirm
-        }
-      }),
-      { onSuccess: () => router.push(PATHS.main.dashboard.path) }
-    );
-    return /* @__PURE__ */ jsx(
-      Form,
-      {
-        className: "mx-auto w-96",
-        style: { marginTop: "56px" },
-        onSubmit: () => void execute(),
-        children: /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "mx-auto", children: t("auth.change-password.text") }) }),
-          /* @__PURE__ */ jsxs(CardContent, { className: "relative flex flex-col gap-6", children: [
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "password",
-                label: t("auth.change-password.password.text"),
-                children: /* @__PURE__ */ jsx(
-                  PasswordInput,
-                  {
-                    id: "password",
-                    placeholder: t(
-                      "auth.change-password.password.placeholder.text"
-                    ),
-                    fieldName: "password",
-                    value: formData.password,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    isError: errors.includes("password")
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "newPassword",
-                label: t("auth.change-password.new-password.text"),
-                children: /* @__PURE__ */ jsx(
-                  PasswordInput,
-                  {
-                    id: "newPassword",
-                    placeholder: t(
-                      "auth.change-password.new-password.placeholder.text"
-                    ),
-                    fieldName: "newPassword",
-                    value: formData.newPassword,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    isError: errors.includes("newPassword")
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "newPasswordConfirm",
-                label: t("auth.change-password.new-password-confirm.text"),
-                children: /* @__PURE__ */ jsx(
-                  PasswordInput,
-                  {
-                    id: "newPasswordConfirm",
-                    placeholder: t(
-                      "auth.change-password.new-password-confirm.placeholder.text"
-                    ),
-                    fieldName: "newPasswordConfirm",
-                    value: formData.newPasswordConfirm,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    isError: errors.includes("newPasswordConfirm")
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button2,
-              {
-                size: "xs",
-                variant: "link",
-                className: "w-fit",
-                isDisabled: isRedirecting,
-                children: /* @__PURE__ */ jsx(Link, { href: PATHS.main.dashboard.path, children: t("auth.change-password.anchor.text") })
-              }
-            ),
-            /* @__PURE__ */ jsx(Button2, { type: "submit", isLoading: isRedirecting, children: t("auth.change-password.button.text") }),
-            " "
-          ] })
-        ] })
-      }
-    );
-  };
-}
-
-export { AdminProvider, ArrayInput, Button2 as Button, Checkbox, ContentContainer, ControlFields, Field, FieldBody, FieldsContainer, Form, IndexField, Input, LayoutSkeleton, ListCardsContainer, MainFields, NavMain, Option, PageHeader, PasswordInput, ReturnButton, SearchInput, Select2 as Select, SideFields, SlugField, Textarea2 as Textarea, ThemeProvider, createAdminInitializer, createChangePasswordPage, createEmailUnverifiedPage, createForgotPasswordPage, createI18nSelector, createNavbar, createRequestInterceptor, createResetPasswordPage, createResponseInterceptor, createSignInPage, createSignOutButton, createSmartFetch, createUseCommand, createUseQuery, createVerifyEmailPage, handleToast, useAdmin };