@yimingliao/cms 0.0.106 → 0.0.107

package/dist/{chunk-OAENV763.js → chunk-VSV6SQWC.js}

@@ -491,6 +491,13 @@ function formatDateTime(input) {
   return dateTimeFormatter.format(date);
 }
 
+// src/shared/utils/join-url.ts
+function joinUrl(...parts) {
+  return parts.filter(Boolean).map(
+    (part, i) => i === 0 ? part.replace(/\/+$/, "") : part.replace(/^\/+|\/+$/g, "")
+  ).join("/");
+}
+
 // src/shared/units.ts
 var SIZE = {
   BYTE: 1,
@@ -501,4 +508,4 @@ var SIZE = {
   PB: 1024 ** 5
 };
 
-export { FILE_TYPES, OG_TYPE_ARRAY, SIZE, TWITTER_CARD_ARRAY, classifyFileType, createBuildArticleMetadata, createBuildTranslations, createBuildWebsiteMetadata, datetimeToDb, datetimeToUi, ensureArray, findTranslation, formatDateTime, formatFileSize, getMediaInfo, jsonArrayToDb, jsonArrayToUi, mimeToExtension, result, serializeJsonLd };
+export { FILE_TYPES, OG_TYPE_ARRAY, SIZE, TWITTER_CARD_ARRAY, classifyFileType, createBuildArticleMetadata, createBuildTranslations, createBuildWebsiteMetadata, datetimeToDb, datetimeToUi, ensureArray, findTranslation, formatDateTime, formatFileSize, getMediaInfo, joinUrl, jsonArrayToDb, jsonArrayToUi, mimeToExtension, result, serializeJsonLd };

package/dist/client/index.d.ts

@@ -4,11 +4,13 @@ import * as _tanstack_react_query from '@tanstack/react-query';
 import { QueryClient, UseMutationOptions, UseQueryOptions } from '@tanstack/react-query';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
+import * as React$1 from 'react';
+import { HTMLAttributes, ReactNode, ComponentProps, InputHTMLAttributes, Dispatch, SetStateAction } from 'react';
 import { c as createVerifyAction, a as createSignInAction, b as createVerifyEmailAction, d as createEmailUnverifiedAction, e as createForgotPasswordAction, f as createResetPasswordAction, g as createChangePasswordAction } from '../create-reset-password-action-D6aTuuqO.js';
-import { U as UIStates, F as FormData, a as FormFieldController } from '../types-BUmWwzpD.js';
 import { LucideIcon } from 'lucide-react';
-import { B as ButtonProps$1, L as LabelProps } from '../label-BF4qxS03.js';
-import { ReactNode, ComponentProps, HTMLAttributes, InputHTMLAttributes, Dispatch, SetStateAction } from 'react';
+import { S as Sidebar, B as ButtonProps$1, L as LabelProps } from '../sidebar-Dei7UxR1.js';
+import { U as UIStates, F as FormData, a as FormFieldController } from '../types-BUmWwzpD.js';
 import { ClassValue } from 'clsx';
 import 'zod';
 import 'zod/v4/core';
@@ -21,9 +23,11 @@ import '@prisma/client';
 import 'nodemailer';
 import 'intor';
 import 'keyv';
+import '@radix-ui/react-label';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
-import '@radix-ui/react-label';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-tooltip';
 
 interface FetchContext {
     input: string;
@@ -326,12 +330,44 @@ declare function AdminProvider({ children }: {
 }): react_jsx_runtime.JSX.Element;
 declare function useAdmin(): AdminContextValue;
 
+declare function ThemeProvider({ children, ...props }: React$1.ComponentProps<typeof ThemeProvider$1>): react_jsx_runtime.JSX.Element;
+
 declare function createAdminInitializer({ useAdmin, useQuery, verifyAction, }: {
     useAdmin: () => AdminContextValue;
     useQuery: ReturnType<typeof createUseQuery>;
     verifyAction: ReturnType<typeof createVerifyAction>;
 }): () => null;
 
+interface ContentContainerProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    isNotFound?: boolean;
+    isFixHeight?: boolean;
+}
+declare function ContentContainer({ className, children, isNotFound, isFixHeight, ...props }: ContentContainerProps): react_jsx_runtime.JSX.Element;
+
+declare function ContentSkeleton(): react_jsx_runtime.JSX.Element;
+
+interface NavItem {
+    icon?: LucideIcon;
+    title?: string;
+    url?: string;
+    isSeparator?: boolean;
+    items?: NavItem[];
+}
+declare function NavMain({ items }: {
+    items: NavItem[];
+}): react_jsx_runtime.JSX.Element;
+
+declare function SidebarSkeleton({ ...props }: React$1.ComponentProps<typeof Sidebar>): react_jsx_runtime.JSX.Element;
+
+declare function createNavbar({ webUrl, storageUrl, I18nSelector, ThemeSelector, SignOutButton, }: {
+    webUrl: string;
+    storageUrl: string;
+    I18nSelector: ReactNode;
+    ThemeSelector: ReactNode;
+    SignOutButton: ReactNode;
+}): () => react_jsx_runtime.JSX.Element;
+
 interface PageHeaderTitleProps {
     icon?: LucideIcon;
     title?: ReactNode;
@@ -542,4 +578,4 @@ declare const cn: (...inputs: ClassValue[]) => string;
 
 declare function useDeviceInfo(): DeviceInfo | null;
 
-export { AdminProvider, ArrayInput, Button, type ButtonProps, Checkbox, ControlFields, type ControlMeta, Field, FieldBody, FieldsContainer, Form, IndexField, Input, type InputProps, MainFields, PageHeader, PasswordInput, ReturnButton, SearchInput, type ShowToastOption, SideFields, SlugField, Textarea, cn, createAdminInitializer, createChangePasswordPage, createEmailUnverifiedPage, createForgotPasswordPage, createRequestInterceptor, createResetPasswordPage, createResponseInterceptor, createSignInPage, createSmartFetch, createUseCommand, createUseQuery, createVerifyEmailPage, handleToast, useAdmin, useDeviceInfo };
+export { AdminProvider, ArrayInput, Button, type ButtonProps, Checkbox, ContentContainer, ContentSkeleton, ControlFields, type ControlMeta, Field, FieldBody, FieldsContainer, Form, IndexField, Input, type InputProps, MainFields, type NavItem, NavMain, PageHeader, PasswordInput, ReturnButton, SearchInput, type ShowToastOption, SideFields, SidebarSkeleton, SlugField, Textarea, ThemeProvider, cn, createAdminInitializer, createChangePasswordPage, createEmailUnverifiedPage, createForgotPasswordPage, createNavbar, createRequestInterceptor, createResetPasswordPage, createResponseInterceptor, createSignInPage, createSmartFetch, createUseCommand, createUseQuery, createVerifyEmailPage, handleToast, useAdmin, useDeviceInfo };

package/dist/client/index.js

@@ -1,14 +1,15 @@
-import { Button, Spinner, useParentPathname, cn, Separator, Label, InputGroup, InputGroupAddon, InputGroupInput, InputGroupButton, Textarea, Card, useDeviceInfo, CardHeader, CardTitle, CardContent, useCountdown, CardDescription, isConfirm } from '../chunk-FLKUBNE4.js';
-export { cn, useDeviceInfo } from '../chunk-FLKUBNE4.js';
-import { ensureArray } from '../chunk-OAENV763.js';
+import { cn, useSidebar, SidebarMenuSkeleton, SidebarInset, SIDEBAR_WIDTH, Skeleton, SidebarGroup, SidebarMenu, Collapsible, SidebarMenuItem, SidebarMenuButton, Separator, CollapsibleTrigger, SidebarMenuAction, CollapsibleContent, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, Sidebar, Button, Spinner, useParentPathname, PAGE_HEADER_HEIGHT, Label, FORM_MIDDLE_GAP_WIDTH, FORM_SIDE_FIELDS_WIDTH, InputGroup, InputGroupAddon, InputGroupInput, InputGroupButton, Textarea, Card, useDeviceInfo, CardHeader, CardTitle, CardContent, useCountdown, CardDescription, NAVBAR_HEIGHT, isConfirm, DropdownMenu, DropdownMenuTrigger, Avatar, AvatarImage, AvatarFallback, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuItem } from '../chunk-Q654SMCX.js';
+export { cn, useDeviceInfo } from '../chunk-Q654SMCX.js';
+import { ensureArray, findTranslation, joinUrl } from '../chunk-VSV6SQWC.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 } from 'next-themes';
 import { useTranslator } from 'intor/react';
-import { Undo2, Files, Asterisk, Eye, EyeOff, CircleX, CirclePlus, Search, Mail, Trash2, CopyCheck, CopyX, FileSymlink, FileX, FilePlus, FilePen, File, FileStack, FolderSearch, Lock, FolderCog, FileSpreadsheet, Archive, Binary, MapPinCheckInside, Star, House, CircleMinus } from 'lucide-react';
-import { useRouter, useSearchParams } from 'next/navigation';
+import { ChevronRight, Undo2, SidebarIcon, House, SquareArrowOutUpRight, Files, Asterisk, Eye, EyeOff, CircleX, CirclePlus, Search, Mail, 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';
 
 // src/client/infrastructure/fetch/smart-fetch.ts
 function createSmartFetch({
@@ -217,6 +218,22 @@ function useAdmin() {
   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,
@@ -240,29 +257,205 @@ function createAdminInitializer({
     return null;
   };
 }
-
-// src/client/interfaces/styles/constants.ts
-var PAGE_HEADER_HEIGHT = 56;
-var FORM_SIDE_FIELDS_WIDTH = 320;
-var FORM_MIDDLE_GAP_WIDTH = 24;
-function PageHeaderTitle({
-  icon,
-  title,
-  subtitle,
+function ContentContainer({
+  className = "",
   children,
-  leftChildren,
-  className
+  isNotFound = false,
+  isFixHeight,
+  ...props
 }) {
-  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
+  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 ContentSkeleton() {
+  const { open } = useSidebar();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1", children: [
+    /* @__PURE__ */ jsx(SidebarMenuSkeleton, {}),
+    /* @__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 SidebarSkeleton({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Sidebar,
+    {
+      className: "top-(--header-height) h-[calc(100svh-var(--header-height))]!",
+      ...props,
+      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" })
+      ] })
+    }
+  );
+}
+
+// src/constants/keys/auth.ts
+var AUTH_KEYS = {
+  signIn: { key: "sign-in" },
+  forgotPassword: { key: "forgot-password" },
+  changePassword: { key: "change-password" }};
+
+// src/constants/keys/main.ts
+var MAIN_KEYS = {
+  dashboard: { key: "dashboard" },
+  cmsSettings: { key: "cms-settings" }};
+
+// src/constants/keys/resources.ts
+var RESOURCES_KEYS = {
+  admin: { key: "admin" }};
+
+// src/constants/keys/index.ts
+var KEYS = {
+  main: MAIN_KEYS,
+  auth: AUTH_KEYS,
+  resources: RESOURCES_KEYS};
+
+// src/constants/paths/cms-path.ts
+var CMS_PATH = "/cms";
+
+// src/constants/paths/main.ts
+var MAIN_PATHS = {
+  dashboard: {
+    path: `${CMS_PATH}/${KEYS.main.dashboard.key}`
+  },
+  cmsSettings: {
+    path: `${CMS_PATH}/${KEYS.main.dashboard.key}/${KEYS.main.cmsSettings.key}`
+  }};
+
+// src/constants/paths/auth.ts
+var AUTH_PATHS = {
+  signIn: {
+    path: `${CMS_PATH}/${KEYS.auth.signIn.key}`
+  },
+  forgotPassword: {
+    path: `${CMS_PATH}/${KEYS.auth.forgotPassword.key}`
+  },
+  changePassword: {
+    path: `${MAIN_PATHS.dashboard.path}/${KEYS.auth.changePassword.key}`
+  }
+};
+
+// src/constants/paths/resources.ts
+var RESOURCES_PATHS = {
+  admin: {
+    path: `${MAIN_PATHS.cmsSettings.path}/${KEYS.resources.admin.key}`
+  }};
+
+// src/constants/paths/index.ts
+var PATHS = {
+  main: MAIN_PATHS,
+  auth: AUTH_PATHS,
+  resources: RESOURCES_PATHS
+};
+
+// src/constants/anchor.ts
+var NEW_TAB_TARGET = "_blank";
+var NEW_TAB_REL = "noopener noreferrer";
 function Button2({
   icon,
   href,
@@ -343,6 +536,141 @@ function ReturnButton({
     }
   );
 }
+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 createNavbar({
+  webUrl,
+  storageUrl,
+  I18nSelector,
+  ThemeSelector,
+  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-2 h-4" }),
+      /* @__PURE__ */ jsx(Button2, { variant: "outline", asChild: true, children: /* @__PURE__ */ jsx(Link, { href: PATHS.main.dashboard.path, children: /* @__PURE__ */ jsx(House, {}) }) }),
+      /* @__PURE__ */ jsx(Button2, { variant: "outline", asChild: true, children: /* @__PURE__ */ jsxs(Link, { href: webUrl, target: NEW_TAB_TARGET, rel: NEW_TAB_REL, children: [
+        /* @__PURE__ */ jsx(SquareArrowOutUpRight, {}),
+        t("ui.layout.navbar.website-homepage.text")
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "ml-auto" }),
+      I18nSelector,
+      ThemeSelector,
+      /* @__PURE__ */ jsx(
+        NavUser,
+        {
+          storageUrl,
+          SignOutButton,
+          admin,
+          isLoading
+        }
+      )
+    ] }) });
+  };
+}
+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 {
@@ -1509,60 +1837,6 @@ function ControlFields({
     }
   ) });
 }
-
-// src/constants/keys/auth.ts
-var AUTH_KEYS = {
-  signIn: { key: "sign-in" },
-  forgotPassword: { key: "forgot-password" }};
-
-// src/constants/keys/main.ts
-var MAIN_KEYS = {
-  dashboard: { key: "dashboard" },
-  cmsSettings: { key: "cms-settings" }};
-
-// src/constants/keys/resources.ts
-var RESOURCES_KEYS = {
-  admin: { key: "admin" }};
-
-// src/constants/keys/index.ts
-var KEYS = {
-  main: MAIN_KEYS,
-  auth: AUTH_KEYS,
-  resources: RESOURCES_KEYS};
-
-// src/constants/paths/cms-path.ts
-var CMS_PATH = "/cms";
-
-// src/constants/paths/main.ts
-var MAIN_PATHS = {
-  dashboard: {
-    path: `${CMS_PATH}/${KEYS.main.dashboard.key}`
-  },
-  cmsSettings: {
-    path: `${CMS_PATH}/${KEYS.main.dashboard.key}/${KEYS.main.cmsSettings.key}`
-  }};
-
-// src/constants/paths/auth.ts
-var AUTH_PATHS = {
-  signIn: {
-    path: `${CMS_PATH}/${KEYS.auth.signIn.key}`
-  },
-  forgotPassword: {
-    path: `${CMS_PATH}/${KEYS.auth.forgotPassword.key}`
-  }};
-
-// src/constants/paths/resources.ts
-var RESOURCES_PATHS = {
-  admin: {
-    path: `${MAIN_PATHS.cmsSettings.path}/${KEYS.resources.admin.key}`
-  }};
-
-// src/constants/paths/index.ts
-var PATHS = {
-  main: MAIN_PATHS,
-  auth: AUTH_PATHS,
-  resources: RESOURCES_PATHS
-};
 function createSignInPage({
   useCommand,
   signInAction
@@ -1986,4 +2260,4 @@ function createChangePasswordPage({
   };
 }
 
-export { AdminProvider, ArrayInput, Button2 as Button, Checkbox, ControlFields, Field, FieldBody, FieldsContainer, Form, IndexField, Input, MainFields, PageHeader, PasswordInput, ReturnButton, SearchInput, SideFields, SlugField, Textarea2 as Textarea, createAdminInitializer, createChangePasswordPage, createEmailUnverifiedPage, createForgotPasswordPage, createRequestInterceptor, createResetPasswordPage, createResponseInterceptor, createSignInPage, createSmartFetch, createUseCommand, createUseQuery, createVerifyEmailPage, handleToast, useAdmin };
+export { AdminProvider, ArrayInput, Button2 as Button, Checkbox, ContentContainer, ContentSkeleton, ControlFields, Field, FieldBody, FieldsContainer, Form, IndexField, Input, MainFields, NavMain, PageHeader, PasswordInput, ReturnButton, SearchInput, SideFields, SidebarSkeleton, SlugField, Textarea2 as Textarea, ThemeProvider, createAdminInitializer, createChangePasswordPage, createEmailUnverifiedPage, createForgotPasswordPage, createNavbar, createRequestInterceptor, createResetPasswordPage, createResponseInterceptor, createSignInPage, createSmartFetch, createUseCommand, createUseQuery, createVerifyEmailPage, handleToast, useAdmin };

package/dist/client/shadcn/index.d.ts

@@ -1,12 +1,17 @@
-import { a as Button } from '../../label-BF4qxS03.js';
-export { B as ButtonProps, b as Label, L as LabelProps } from '../../label-BF4qxS03.js';
+import { a as Button } from '../../sidebar-Dei7UxR1.js';
+export { B as ButtonProps, I as Input, b as Label, L as LabelProps, c as SIDEBAR_COOKIE_NAME, d as Separator, S as Sidebar, e as SidebarContent, f as SidebarFooter, g as SidebarGroup, h as SidebarGroupAction, i as SidebarGroupContent, j as SidebarGroupLabel, k as SidebarHeader, l as SidebarInput, m as SidebarInset, n as SidebarMenu, o as SidebarMenuAction, p as SidebarMenuBadge, q as SidebarMenuButton, r as SidebarMenuItem, s as SidebarMenuSkeleton, t as SidebarMenuSub, u as SidebarMenuSubButton, v as SidebarMenuSubItem, w as SidebarProvider, x as SidebarRail, y as SidebarSeparator, z as SidebarTrigger, T as Tooltip, A as TooltipContent, C as TooltipProvider, D as TooltipTrigger, E as useSidebar } from '../../sidebar-Dei7UxR1.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { ComponentProps } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import '@radix-ui/react-label';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-tooltip';
 
 declare function Card({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -16,11 +21,9 @@ declare function CardAction({ className, ...props }: React.ComponentProps<"div">
 declare function CardContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
-
 declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
@@ -35,6 +38,48 @@ declare function Spinner({ className, ...props }: ComponentProps<"svg">): react_
 
 declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
 
-declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): react_jsx_runtime.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+declare function Skeleton({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare function Collapsible({ ...props }: ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleContent({ ...props }: ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
+
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+
+declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
 
-export { Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Separator, Spinner, Textarea };
+export { Avatar, AvatarFallback, AvatarImage, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Collapsible, CollapsibleContent, CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Spinner, Textarea };