@yimingliao/cms 0.0.130 → 0.0.131

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

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { SIDEBAR_WIDTH } from '../../../styles/constants.js';
 import '@radix-ui/react-avatar';
 import 'react';
@@ -20,13 +21,25 @@ import '@radix-ui/react-tooltip';
 
 function LayoutSkeleton() {
   const { open } = useSidebar();
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-1" }, /* @__PURE__ */ React.createElement(Sidebar, { className: "top-(--header-height) h-[calc(100svh-var(--header-height))]!" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2 p-3" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-10 w-full" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-10 w-full" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-10 w-full" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-10 w-full" }))), /* @__PURE__ */ React.createElement(
-    SidebarInset,
-    {
-      style: { width: open ? `calc(100% - ${SIDEBAR_WIDTH})` : "100%" }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4 p-6" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-6 w-96" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-6 w-72" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-6 w-64" }))
-  ));
+  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" })
+        ] })
+      }
+    )
+  ] });
 }
 
 export { LayoutSkeleton };

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

@@ -1,4 +1,5 @@
 "use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Link } from 'intor/next';
 import { Languages } from 'lucide-react';
 import '@radix-ui/react-avatar';
@@ -27,7 +28,13 @@ function createI18nSelector({
 }) {
   return function I18nSelector() {
     if (!enabled) return null;
-    return /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "outline", size: "icon" }, /* @__PURE__ */ React.createElement(Languages, null), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Switch Languages"))), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end" }, locales.map((locale) => /* @__PURE__ */ React.createElement(Link, { key: locale, locale }, /* @__PURE__ */ React.createElement(DropdownMenuItem, null, localeDisplay[locale])))));
+    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: locales.map((locale) => /* @__PURE__ */ jsx(Link, { locale, children: /* @__PURE__ */ jsx(DropdownMenuItem, { children: localeDisplay[locale] }) }, locale)) })
+    ] });
   };
 }
 

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

@@ -1,4 +1,5 @@
 "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';
@@ -35,45 +36,70 @@ function NavUser({
   const { t, locale } = useTranslator();
   const { name } = findTranslation(admin?.translations, locale);
   if (isLoading)
-    return /* @__PURE__ */ React.createElement(Button, { variant: "outline", size: "icon", disabled: true, className: "w-64" }, /* @__PURE__ */ React.createElement(Spinner, null));
+    return /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", disabled: true, className: "w-64", children: /* @__PURE__ */ jsx(Spinner, {}) });
   if (!admin)
-    return /* @__PURE__ */ React.createElement(Button, { variant: "outline", size: "icon", disabled: true, className: "w-64" }, /* @__PURE__ */ React.createElement(UserCircle, { className: "size-4" }));
-  return /* @__PURE__ */ React.createElement(SidebarMenu, { className: "w-64" }, /* @__PURE__ */ React.createElement(SidebarMenuItem, null, /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    SidebarMenuButton,
-    {
-      size: "lg",
-      className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
-      disabled: isLoading
-    },
-    /* @__PURE__ */ React.createElement(Avatar, { className: "h-8 w-8 rounded-lg" }, admin.avatarImage?.key && /* @__PURE__ */ React.createElement(
-      AvatarImage,
+    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,
       {
-        src: joinUrl(storageUrl, admin.avatarImage?.key),
-        alt: name ?? ""
+        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__ */ React.createElement(AvatarFallback, { className: "rounded-lg" })),
-    /* @__PURE__ */ React.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" }, /* @__PURE__ */ React.createElement("span", { className: "truncate font-medium" }, name), /* @__PURE__ */ React.createElement("span", { className: "truncate text-xs" }, admin.email)),
-    /* @__PURE__ */ React.createElement(ChevronsUpDown, { className: "ml-auto size-4" })
-  )), /* @__PURE__ */ React.createElement(
-    DropdownMenuContent,
-    {
-      className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
-      side: "bottom",
-      align: "end",
-      sideOffset: 4
-    },
-    /* @__PURE__ */ React.createElement(DropdownMenuLabel, { className: "p-0 font-normal" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm" }, /* @__PURE__ */ React.createElement(Avatar, { className: "h-8 w-8 rounded-lg" }, admin.avatarImage?.key && /* @__PURE__ */ React.createElement(
-      AvatarImage,
+    ) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
       {
-        src: joinUrl(storageUrl, admin.avatarImage?.key),
-        alt: name ?? ""
+        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
+        ]
       }
-    ), /* @__PURE__ */ React.createElement(AvatarFallback, { className: "rounded-lg" })), /* @__PURE__ */ React.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" }, /* @__PURE__ */ React.createElement("span", { className: "truncate font-medium" }, name), /* @__PURE__ */ React.createElement("span", { className: "truncate text-xs" }, admin.email)))),
-    /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null),
-    /* @__PURE__ */ React.createElement(DropdownMenuGroup, null, /* @__PURE__ */ React.createElement(Link, { href: PATHS.auth.changePassword.path }, /* @__PURE__ */ React.createElement(DropdownMenuItem, null, /* @__PURE__ */ React.createElement(PenLine, null), t("auth.change-password.text")))),
-    /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null),
-    SignOutButton
-  ))));
+    )
+  ] }) }) });
 }
 
 export { NavUser };

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

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { SidebarIcon, House, SquareArrowOutUpRight } from 'lucide-react';
 import { PATHS } from '../../../../../../constants/paths/index.js';
@@ -38,32 +39,44 @@ function createNavbar({
     const { toggleSidebar } = useSidebar();
     const { admin, isLoading } = useAdmin();
     const { t } = useTranslator();
-    return /* @__PURE__ */ React.createElement("header", { className: "bg-background sticky top-0 z-50 flex w-full items-center border-b" }, /* @__PURE__ */ React.createElement("div", { className: "flex h-(--header-height) w-full items-center gap-2 px-2" }, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        className: "h-8 w-8",
-        variant: "ghost",
-        size: "icon",
-        onClick: toggleSidebar
-      },
-      /* @__PURE__ */ React.createElement(SidebarIcon, null)
-    ), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical", className: "mr-1 h-4" }), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "outline",
-        size: "icon",
-        href: PATHS.main.dashboard.path
-      },
-      /* @__PURE__ */ React.createElement(House, null)
-    ), /* @__PURE__ */ React.createElement(Button, { variant: "outline", href: webUrl, openNewTab: true }, /* @__PURE__ */ React.createElement(SquareArrowOutUpRight, null), t("ui.layout.navbar.website-homepage.text")), /* @__PURE__ */ React.createElement("div", { className: "ml-auto" }), /* @__PURE__ */ React.createElement(I18nSelector, null), /* @__PURE__ */ React.createElement(ThemeSelector, null), /* @__PURE__ */ React.createElement(
-      NavUser,
-      {
-        storageUrl,
-        SignOutButton: /* @__PURE__ */ React.createElement(SignOutButton, null),
-        admin,
-        isLoading
-      }
-    )));
+    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(
+        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" }),
+      /* @__PURE__ */ jsx(I18nSelector, {}),
+      /* @__PURE__ */ jsx(ThemeSelector, {}),
+      /* @__PURE__ */ jsx(
+        NavUser,
+        {
+          storageUrl,
+          SignOutButton: /* @__PURE__ */ jsx(SignOutButton, {}),
+          admin,
+          isLoading
+        }
+      )
+    ] }) });
   };
 }
 

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

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { LogOut } from 'lucide-react';
 import { useRouter } from 'next/navigation';
@@ -44,8 +45,11 @@ function createSignOutButton({
       if (!isConfirm(t)) return;
       void execute();
     };
-    const buttonText = isRedirecting ? /* @__PURE__ */ React.createElement(Spinner, null) : t("auth.sign-out.text");
-    return /* @__PURE__ */ React.createElement("button", { onClick: handleSignOut, className: "w-full" }, /* @__PURE__ */ React.createElement(DropdownMenuItem, { variant: "destructive" }, /* @__PURE__ */ React.createElement(LogOut, null), buttonText));
+    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
+    ] }) });
   };
 }
 

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

@@ -1,4 +1,5 @@
 "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';
@@ -23,7 +24,27 @@ import { Button } from '../../buttons/button.js';
 function ThemeSelector() {
   const { setTheme } = useTheme();
   const { t } = useTranslator();
-  return /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "outline", size: "icon" }, /* @__PURE__ */ React.createElement(Sun, { className: "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }), /* @__PURE__ */ React.createElement(Moon, { className: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Select theme"))), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end" }, /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: () => setTheme("light") }, /* @__PURE__ */ React.createElement(Sun, null), t("ui.layout.navbar.theme.light.text")), /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: () => setTheme("dark") }, /* @__PURE__ */ React.createElement(Moon, null), t("ui.layout.navbar.theme.dark.text")), /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: () => setTheme("system") }, /* @__PURE__ */ React.createElement(TvMinimal, null), t("ui.layout.navbar.theme.system.text"))));
+  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/client/interfaces/components/ui/layouts/sidebar/nav-main.js

@@ -1,4 +1,5 @@
 "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';
@@ -41,42 +42,57 @@ function NavMain({ items }) {
     ).map((item) => item.title || "");
     queueMicrotask(() => setOpenItems(matched));
   }, [parsedPathname, items]);
-  return /* @__PURE__ */ React.createElement(SidebarGroup, null, /* @__PURE__ */ React.createElement(SidebarMenu, null, items.map((item, index) => {
+  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__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Collapsible,
       {
-        key: index,
         asChild: true,
         open: isOpen,
-        onOpenChange: (open) => toggleItem(item.title || "", open)
+        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
+        ] })
       },
-      /* @__PURE__ */ React.createElement(SidebarMenuItem, { className: "[&>button]:top-2 [&>button]:size-6" }, !item.isSeparator ? /* @__PURE__ */ React.createElement(
-        SidebarMenuButton,
-        {
-          asChild: true,
-          size: "md",
-          isActive: isCurrentPath
-        },
-        /* @__PURE__ */ React.createElement(Link, { href: item.url || "" }, item.icon && /* @__PURE__ */ React.createElement(item.icon, null), /* @__PURE__ */ React.createElement("span", null, item.title))
-      ) : /* @__PURE__ */ React.createElement(Separator, null), item.items?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CollapsibleTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(SidebarMenuAction, { className: "data-[state=open]:rotate-90" }, /* @__PURE__ */ React.createElement(ChevronRight, null), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Toggle"))), /* @__PURE__ */ React.createElement(CollapsibleContent, null, /* @__PURE__ */ React.createElement(SidebarMenuSub, null, item.items?.map((subItem, index2) => {
-        const parsedPathname2 = getMainPath(pathname);
-        const parsedUrl2 = getMainPath(subItem.url || "");
-        const isCurrentPath2 = subItem.url ? isSegmentMatch(parsedPathname2, parsedUrl2) : false;
-        return /* @__PURE__ */ React.createElement(SidebarMenuSubItem, { key: index2 }, !subItem.isSeparator ? /* @__PURE__ */ React.createElement(
-          SidebarMenuSubButton,
-          {
-            asChild: true,
-            size: "lg",
-            isActive: isCurrentPath2
-          },
-          /* @__PURE__ */ React.createElement(Link, { href: subItem.url || "" }, subItem.icon && /* @__PURE__ */ React.createElement(subItem.icon, null), /* @__PURE__ */ React.createElement("span", null, subItem.title))
-        ) : /* @__PURE__ */ React.createElement(Separator, null));
-      })))) : null)
+      index
     );
-  })));
+  }) }) });
 }
 
 export { NavMain };

package/dist/src/client/interfaces/pages/auth/change-password.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
@@ -53,83 +54,93 @@ function createChangePasswordPage({
       }),
       { onSuccess: () => router.push(PATHS.main.dashboard.path) }
     );
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Form,
       {
         className: "mx-auto w-96",
         style: { marginTop: "56px" },
-        onSubmit: () => void execute()
-      },
-      /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement(CardTitle, { className: "mx-auto" }, t("auth.change-password.text"))), /* @__PURE__ */ React.createElement(CardContent, { className: "relative flex flex-col gap-6" }, /* @__PURE__ */ React.createElement(
-        Field,
-        {
-          htmlFor: "password",
-          label: t("auth.change-password.password.text")
-        },
-        /* @__PURE__ */ React.createElement(
-          PasswordInput,
-          {
-            id: "password",
-            placeholder: t(
-              "auth.change-password.password.placeholder.text"
+        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")
+                  }
+                )
+              }
             ),
-            fieldName: "password",
-            value: formData.password,
-            setFormData,
-            isDisabled: isRedirecting,
-            isError: errors.includes("password")
-          }
-        )
-      ), /* @__PURE__ */ React.createElement(
-        Field,
-        {
-          htmlFor: "newPassword",
-          label: t("auth.change-password.new-password.text")
-        },
-        /* @__PURE__ */ React.createElement(
-          PasswordInput,
-          {
-            id: "newPassword",
-            placeholder: t(
-              "auth.change-password.new-password.placeholder.text"
+            /* @__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")
+                  }
+                )
+              }
             ),
-            fieldName: "newPassword",
-            value: formData.newPassword,
-            setFormData,
-            isDisabled: isRedirecting,
-            isError: errors.includes("newPassword")
-          }
-        )
-      ), /* @__PURE__ */ React.createElement(
-        Field,
-        {
-          htmlFor: "newPasswordConfirm",
-          label: t("auth.change-password.new-password-confirm.text")
-        },
-        /* @__PURE__ */ React.createElement(
-          PasswordInput,
-          {
-            id: "newPasswordConfirm",
-            placeholder: t(
-              "auth.change-password.new-password-confirm.placeholder.text"
+            /* @__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")
+                  }
+                )
+              }
             ),
-            fieldName: "newPasswordConfirm",
-            value: formData.newPasswordConfirm,
-            setFormData,
-            isDisabled: isRedirecting,
-            isError: errors.includes("newPasswordConfirm")
-          }
-        )
-      ), /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          size: "xs",
-          variant: "link",
-          className: "w-fit",
-          isDisabled: isRedirecting
-        },
-        /* @__PURE__ */ React.createElement(Link, { href: PATHS.main.dashboard.path }, t("auth.change-password.anchor.text"))
-      ), /* @__PURE__ */ React.createElement(Button, { type: "submit", isLoading: isRedirecting }, t("auth.change-password.button.text")), " "))
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                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(Button, { type: "submit", isLoading: isRedirecting, children: t("auth.change-password.button.text") }),
+            " "
+          ] })
+        ] })
+      }
     );
   };
 }