sitero 0.0.1

package/dist/src/cms/client/interfaces/components/ui/layouts/cms-layout.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { IntorProvider } from 'intor/react';
+import 'mime-types';
+import { cn } from '../../../../../../shared/utils/cn.js';
+import { AdminProvider } from '../../../../infrastructure/contexts/admin/admin.js';
+import 'react';
+import '../../../../infrastructure/react-query/client.js';
+import { QueryProvider } from '../../../../infrastructure/react-query/query-provider.js';
+import '@tanstack/react-query';
+import 'sonner';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import { SidebarProvider } from '../../shadcn/sidebar/sidebar.js';
+import { Toaster } from '../../shadcn/sonner.js';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/link';
+import 'next/navigation';
+import { ThemeProvider } from './theme.js';
+
+function createCmsLayout({
+  AdminInitializer,
+  Navbar
+}) {
+  return function CmsLayout({
+    value,
+    sidebarOpen,
+    sidebarCookieName,
+    children
+  }) {
+    return /* @__PURE__ */ jsx(IntorProvider, { value, children: /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(QueryProvider, { children: /* @__PURE__ */ jsxs(AdminProvider, { children: [
+      /* @__PURE__ */ jsx(AdminInitializer, {}),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          id: "cms-root",
+          className: cn(
+            "relative",
+            "h-screen w-screen",
+            "overflow-x-hidden overflow-y-scroll",
+            "flex flex-col"
+          ),
+          children: /* @__PURE__ */ jsxs(
+            SidebarProvider,
+            {
+              defaultOpen: sidebarOpen,
+              cookieName: sidebarCookieName,
+              children: [
+                /* @__PURE__ */ jsx(Navbar, {}),
+                /* @__PURE__ */ jsx("div", { className: "flex flex-1", children })
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Toaster, { duration: 6e3 })
+    ] }) }) }) });
+  };
+}
+
+export { createCmsLayout };

package/dist/src/cms/client/interfaces/components/ui/layouts/content-container.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import 'mime-types';
+import { cn } from '../../../../../../shared/utils/cn.js';
+import { CMS_NAVBAR_HEIGHT, CMS_PAGE_HEADER_HEIGHT } from '../../../styles/constants.js';
+
+function ContentContainer({
+  className = "",
+  children,
+  isNotFound = false,
+  isFixHeight,
+  ...props
+}) {
+  const { t } = useTranslator();
+  const ABOVE_HEIGHT = CMS_NAVBAR_HEIGHT + CMS_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
+    }
+  );
+}
+
+export { ContentContainer };

package/dist/src/cms/client/interfaces/components/ui/layouts/dashboard-skeleton.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { CMS_SIDEBAR_WIDTH } from '../../../styles/constants.js';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import { useSidebar, Sidebar, SidebarInset } from '../../shadcn/sidebar/sidebar.js';
+import { Skeleton } from '../../shadcn/skeleton.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+
+function DashboardSkeleton() {
+  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% - ${CMS_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" })
+        ] })
+      }
+    )
+  ] });
+}
+
+export { DashboardSkeleton };

package/dist/src/cms/client/interfaces/components/ui/layouts/navbar/i18n-selector.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Link } from 'intor/next';
+import { useTranslator } from 'intor/react';
+import { Languages } from 'lucide-react';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import { localeToFlagEmoji } from '../../../../../../../shared/utils/locale-to-flag-emoji.js';
+import { CMS_LOCALES_ARRAY } from '../../../../../../../constants/cms-locale.js';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../../../shadcn/dropdown-menu.js';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../buttons/button.js';
+import 'next/navigation';
+import 'react';
+import 'ua-parser-js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+
+function I18nSelector() {
+  const { format } = useTranslator();
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "icon", children: [
+      /* @__PURE__ */ jsx(Languages, {}),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Switch Languages" })
+    ] }) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: CMS_LOCALES_ARRAY.map((locale) => /* @__PURE__ */ jsx(Link, { locale, children: /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
+      /* @__PURE__ */ jsx("span", { className: "mr-1", children: localeToFlagEmoji(locale) }),
+      format.displayName(locale, { type: "language" })
+    ] }) }, locale)) })
+  ] });
+}
+
+export { I18nSelector };

package/dist/src/cms/client/interfaces/components/ui/layouts/navbar/nav-user.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { UserCircle, ChevronsUpDown, PenLine } from 'lucide-react';
+import Link from 'next/link';
+import 'mime-types';
+import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
+import 'clsx';
+import 'tailwind-merge';
+import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
+import { PATHS } from '../../../../../../../constants/paths/index.js';
+import '../../../../../../../constants/redirect-paths.js';
+import { useAdmin } from '../../../../../infrastructure/contexts/admin/admin.js';
+import 'react';
+import '../../../../../infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'sonner';
+import { Avatar, AvatarImage, AvatarFallback } from '../../../shadcn/avatar.js';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuItem } from '../../../shadcn/dropdown-menu.js';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import { SidebarMenu, SidebarMenuItem, SidebarMenuButton } from '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import { Spinner } from '../../../shadcn/spinner.js';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../buttons/button.js';
+import 'next/navigation';
+import 'ua-parser-js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import { SignOutButton } from './sign-out-button.js';
+
+function NavUser({
+  storageUrl,
+  adminSignOutAction
+}) {
+  const { t, locale } = useTranslator();
+  const { admin, isLoading } = useAdmin();
+  const { name } = findTranslation(admin?.translations, locale);
+  if (isLoading)
+    return /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", disabled: true, className: "w-64", children: /* @__PURE__ */ jsx(Spinner, {}) });
+  if (!admin)
+    return /* @__PURE__ */ jsx(Button, { 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, {}),
+          /* @__PURE__ */ jsx(SignOutButton, { adminSignOutAction })
+        ]
+      }
+    )
+  ] }) }) });
+}
+
+export { NavUser };

package/dist/src/cms/client/interfaces/components/ui/layouts/navbar/navbar.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { SidebarIcon, House, SquareArrowOutUpRight } from 'lucide-react';
+import { PATHS } from '../../../../../../../constants/paths/index.js';
+import '../../../../../../../constants/redirect-paths.js';
+import { CMS_NAVBAR_HEIGHT } from '../../../../styles/constants.js';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import { Separator } from '../../../shadcn/separator.js';
+import { useSidebar } from '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../buttons/button.js';
+import 'next/navigation';
+import 'react';
+import 'ua-parser-js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import { I18nSelector } from './i18n-selector.js';
+import { NavUser } from './nav-user.js';
+import { ThemeSelector } from './theme-selector.js';
+
+function createNavbar({
+  enableI18nCms,
+  webUrl,
+  storageUrl,
+  adminSignOutAction
+}) {
+  return function Navbar() {
+    const { toggleSidebar } = useSidebar();
+    const { t } = useTranslator();
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("header", { className: "bg-background fixed top-0 z-50 flex w-full items-center border-b", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: { height: `${CMS_NAVBAR_HEIGHT}px` },
+          className: "flex w-full items-center gap-2 px-2",
+          children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                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(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                href: PATHS.main.dashboard.path,
+                children: /* @__PURE__ */ jsx(House, {})
+              }
+            ),
+            /* @__PURE__ */ jsxs(Button, { variant: "outline", href: webUrl, openNewTab: true, children: [
+              /* @__PURE__ */ jsx(SquareArrowOutUpRight, {}),
+              t("ui.layout.navbar.website-homepage.text")
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "ml-auto" }),
+            enableI18nCms && /* @__PURE__ */ jsx(I18nSelector, {}),
+            /* @__PURE__ */ jsx(ThemeSelector, {}),
+            /* @__PURE__ */ jsx(
+              NavUser,
+              {
+                storageUrl,
+                adminSignOutAction
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: { height: `${CMS_NAVBAR_HEIGHT}px` },
+          className: "shrink-0"
+        }
+      )
+    ] });
+  };
+}
+
+export { createNavbar };

package/dist/src/cms/client/interfaces/components/ui/layouts/navbar/sign-out-button.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { LogOut } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+import { PATHS } from '../../../../../../../constants/paths/index.js';
+import '../../../../../../../constants/redirect-paths.js';
+import 'react';
+import 'ua-parser-js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import { isConfirm } from '../../../../../applications/ui/is-confirm.js';
+import { useAdmin } from '../../../../../infrastructure/contexts/admin/admin.js';
+import '../../../../../infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import { useCommand } from '../../../../../infrastructure/react-query/use-command.js';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import { DropdownMenuItem } from '../../../shadcn/dropdown-menu.js';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import { Spinner } from '../../../shadcn/spinner.js';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+
+function SignOutButton({
+  adminSignOutAction
+}) {
+  const { t } = useTranslator();
+  const router = useRouter();
+  const { setAdmin } = useAdmin();
+  const { execute, isRedirecting } = useCommand(adminSignOutAction, {
+    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
+  ] }) });
+}
+
+export { SignOutButton };

package/dist/src/cms/client/interfaces/components/ui/layouts/navbar/theme-selector.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Sun, Moon, TvMinimal } from 'lucide-react';
+import { useTheme } from 'next-themes';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../../../shadcn/dropdown-menu.js';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../buttons/button.js';
+import 'next/navigation';
+import 'react';
+import 'ua-parser-js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+
+function ThemeSelector() {
+  const { setTheme } = useTheme();
+  const { t } = useTranslator();
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { 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")
+      ] })
+    ] })
+  ] });
+}
+
+export { ThemeSelector };

package/dist/src/cms/client/interfaces/components/ui/layouts/sidebar/nav-main.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { ChevronRight } from 'lucide-react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { useState, useEffect } from 'react';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../../../shadcn/collapsible.js';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import { Separator } from '../../../shadcn/separator.js';
+import { SidebarGroup, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarMenuAction, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton } from '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+
+const getMainPath = (path) => "/" + path.split("/").slice(3).filter(Boolean).join("/");
+const toSegments = (path) => path.split("/").filter(Boolean);
+const 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
+    );
+  }) }) });
+}
+
+export { NavMain };