sitero 0.0.25 → 0.0.26

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

@@ -1,36 +1,38 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { SidebarIcon, House, SquareArrowOutUpRight } from 'lucide-react';
-import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
+import { SidebarIcon, House } from 'lucide-react';
 import '../../../../../../../constants/paths/redirect.js';
-import { CMS_NAVBAR_HEIGHT } from '../../../../styles/constants.js';
-import '@radix-ui/react-avatar';
+import '../../../../../../../constants/cms-locale.js';
+import { useAdmin } from '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import 'react';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
 import 'mime-types';
 import '../../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../../core/domain/resources/user/constants.js';
 import 'clsx';
 import 'tailwind-merge';
+import 'zod';
+import 'sonner';
+import { CMS_NAVBAR_HEIGHT } from '../../../../styles/constants.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 '@radix-ui/react-dropdown-menu';
 import '../../../shadcn/input-group.js';
-import '../../../shadcn/item.js';
 import '@radix-ui/react-label';
-import 'radix-ui';
+import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import { Separator } from '../../../shadcn/separator.js';
 import { useSidebar } from '../../../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';
 import { Button } from '../../buttons/button.js';
 import 'next/navigation';
-import 'react';
-import '../../../../../../../commerce/taiwan-address/constants.js';
 import { I18nSelector } from './i18n-selector.js';
 import { NavUser } from './nav-user.js';
 import { ThemeSelector } from './theme-selector.js';
@@ -42,6 +44,7 @@ function createNavbar({
   adminSignOutAction
 }) {
   return function Navbar() {
+    const { admin, isLoading } = useAdmin();
     const { toggleSidebar } = useSidebar();
     const { t } = useTranslator();
     return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -49,32 +52,31 @@ function createNavbar({
         "div",
         {
           style: { height: `${CMS_NAVBAR_HEIGHT}px` },
-          className: "flex w-full items-center gap-2 px-2",
+          className: "flex w-full items-center gap-3 px-3",
           children: [
-            /* @__PURE__ */ jsx(
+            isLoading ? /* @__PURE__ */ jsx(Button, { className: "size-8", variant: "ghost", disabled: true, children: /* @__PURE__ */ jsx(Spinner, {}) }) : !admin ? /* @__PURE__ */ jsx(Button, { className: "size-8", variant: "ghost", disabled: true, children: /* @__PURE__ */ jsx(SidebarIcon, {}) }) : /* @__PURE__ */ jsx(
               Button,
               {
-                className: "h-8 w-8",
+                className: "size-8",
                 variant: "ghost",
-                size: "icon",
                 onClick: toggleSidebar,
                 children: /* @__PURE__ */ jsx(SidebarIcon, {})
               }
             ),
             /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mr-1 h-4" }),
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsxs(
               Button,
               {
-                variant: "outline",
-                size: "icon",
-                href: CMS_PATHS.dashboard.pathname,
-                children: /* @__PURE__ */ jsx(House, {})
+                variant: "default",
+                href: webUrl,
+                openNewTab: true,
+                className: "h-10 max-lg:w-10",
+                children: [
+                  /* @__PURE__ */ jsx(House, {}),
+                  /* @__PURE__ */ jsx("span", { className: "max-lg:hidden", children: t("ui.navbar.website-homepage.text") })
+                ]
               }
             ),
-            /* @__PURE__ */ jsxs(Button, { variant: "outline", href: webUrl, openNewTab: true, children: [
-              /* @__PURE__ */ jsx(SquareArrowOutUpRight, {}),
-              t("ui.navbar.website-homepage.text")
-            ] }),
             /* @__PURE__ */ jsx("div", { className: "ml-auto" }),
             enableI18nCms && /* @__PURE__ */ jsx(I18nSelector, {}),
             /* @__PURE__ */ jsx(ThemeSelector, {}),

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

@@ -4,17 +4,17 @@ import { useTranslator } from 'intor/react';
 import { LogOut } from 'lucide-react';
 import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
 import { useAdmin } from '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import 'react';
 import '../../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
 import { useCommand } from '../../../../../../../core/client/infrastructure/react-query/use-command.js';
-import '../../../../../../../core/client/infrastructure/contexts/user/user.js';
 import 'mime-types';
 import '../../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../../core/domain/resources/user/constants.js';
 import 'clsx';
 import 'tailwind-merge';
+import 'zod';
 import '@radix-ui/react-avatar';
 import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
@@ -22,9 +22,8 @@ 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';
+import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../shadcn/sidebar/sidebar.js';

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

@@ -6,18 +6,17 @@ import { useTheme } from 'next-themes';
 import '@radix-ui/react-avatar';
 import 'mime-types';
 import '../../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../../core/domain/resources/user/constants.js';
 import 'clsx';
 import 'tailwind-merge';
+import 'zod';
 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem } from '../../../shadcn/dropdown-menu.js';
 import '../../../shadcn/input-group.js';
-import '../../../shadcn/item.js';
 import '@radix-ui/react-label';
-import 'radix-ui';
+import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../shadcn/sidebar/sidebar.js';
@@ -27,29 +26,29 @@ import '@radix-ui/react-tooltip';
 import { Button } from '../../buttons/button.js';
 import 'next/navigation';
 import 'react';
-import '../../../../../../../commerce/taiwan-address/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(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "icon-lg", 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 Themes" })
     ] }) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7", children: t("ui.navbar.theme-selector.label.text") }),
       /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setTheme("light"), children: [
         /* @__PURE__ */ jsx(Sun, {}),
-        t("ui.navbar.light.text")
+        t("ui.navbar.theme-selector.light.text")
       ] }),
       /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setTheme("dark"), children: [
         /* @__PURE__ */ jsx(Moon, {}),
-        t("ui.navbar.dark.text")
+        t("ui.navbar.theme-selector.dark.text")
       ] }),
       /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setTheme("system"), children: [
         /* @__PURE__ */ jsx(TvMinimal, {}),
-        t("ui.navbar.system.text")
+        t("ui.navbar.theme-selector.system.text")
       ] })
     ] })
   ] });

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

@@ -3,25 +3,24 @@ 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 { useState, useEffect, useCallback } from 'react';
 import '@radix-ui/react-avatar';
 import 'mime-types';
 import '../../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../../core/domain/resources/user/constants.js';
 import 'clsx';
 import 'tailwind-merge';
+import 'zod';
 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';
+import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import { Separator } from '../../../shadcn/separator.js';
-import { SidebarGroup, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarGroupLabel, SidebarMenuAction, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton } from '../../../shadcn/sidebar/sidebar.js';
+import { useSidebar, SidebarGroup, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarGroupLabel, SidebarMenuAction, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton } from '../../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
@@ -35,6 +34,7 @@ const isSegmentMatch = (current, target) => {
   if (targetSeg.length > currentSeg.length) return false;
   return targetSeg.every((seg, i) => currentSeg[i] === seg);
 };
+const isActivePath = (current, target) => target === "/" ? current === target : isSegmentMatch(current, target);
 function NavMain({ items }) {
   const pathname = usePathname();
   const [openItems, setOpenItems] = useState([]);
@@ -44,14 +44,16 @@ function NavMain({ items }) {
   const parsedPathname = getMainPath(pathname);
   useEffect(() => {
     const matched = items.filter(
-      (item) => item.url ? isSegmentMatch(parsedPathname, getMainPath(item.url)) : false
+      (item) => item.url ? isActivePath(parsedPathname, getMainPath(item.url)) : false
     ).map((item) => item.title || "");
     queueMicrotask(() => setOpenItems(matched));
   }, [parsedPathname, items]);
+  const { setOpenMobile } = useSidebar();
+  const closeSidebar = useCallback(() => setOpenMobile(false), [setOpenMobile]);
   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;
+    const isCurrentPath = item.url ? isActivePath(parsedPathname, parsedUrl) : false;
     return /* @__PURE__ */ jsx(
       Collapsible,
       {
@@ -65,6 +67,7 @@ function NavMain({ items }) {
               asChild: true,
               size: "md",
               isActive: isCurrentPath,
+              onClick: closeSidebar,
               children: /* @__PURE__ */ jsxs(Link, { href: item.url || "", children: [
                 item.icon && /* @__PURE__ */ jsx(item.icon, {}),
                 /* @__PURE__ */ jsx("span", { children: item.title })
@@ -81,13 +84,14 @@ function NavMain({ items }) {
             /* @__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;
+              const isCurrentPath2 = subItem.url ? isActivePath(parsedPathname2, parsedUrl2) : false;
               return /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: !subItem.isSeparator ? /* @__PURE__ */ jsx(
                 SidebarMenuSubButton,
                 {
                   asChild: true,
                   size: "lg",
                   isActive: isCurrentPath2,
+                  onClick: closeSidebar,
                   children: /* @__PURE__ */ jsxs(Link, { href: subItem.url || "", children: [
                     subItem.icon && /* @__PURE__ */ jsx(subItem.icon, {}),
                     /* @__PURE__ */ jsx("span", { children: subItem.title })

package/dist/src/cms/client/interfaces/pages/(auth)/email-unverified/page.js

@@ -6,18 +6,18 @@ import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
 import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../constants/paths/redirect.js';
+import '../../../../../../constants/cms-locale.js';
 import 'ua-parser-js';
 import { useCountdown } from '../../../../../../core/client/applications/use-count-down.js';
 import { useAdmin } from '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import '../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
 import { useCommand } from '../../../../../../core/client/infrastructure/react-query/use-command.js';
-import '../../../../../../core/client/infrastructure/contexts/user/user.js';
 import 'mime-types';
 import '../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../core/domain/resources/user/constants.js';
 import 'clsx';
 import 'tailwind-merge';
+import 'zod';
 import '@radix-ui/react-avatar';
 import '../../../components/shadcn/badge.js';
 import '../../../components/shadcn/button.js';
@@ -26,9 +26,8 @@ import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
 import { InputGroup, InputGroupAddon, InputGroupInput } from '../../../components/shadcn/input-group.js';
-import '../../../components/shadcn/item.js';
 import { Label } from '../../../components/shadcn/label.js';
-import 'radix-ui';
+import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../components/shadcn/sidebar/sidebar.js';
@@ -38,9 +37,8 @@ import { Spinner } from '../../../components/shadcn/spinner.js';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { Button } from '../../../components/ui/buttons/button.js';
-import '../../../../../../commerce/taiwan-address/constants.js';
 import { Form } from '../../../components/ui/form/form.js';
-import { CMS_PAGE_HEADER_HEIGHT } from '../../../styles/constants.js';
+import { CMS_NAVBAR_HEIGHT } from '../../../styles/constants.js';
 
 function createEmailUnverifiedPage({
   adminEmailUnverifiedAction
@@ -73,8 +71,8 @@ function createEmailUnverifiedPage({
     return /* @__PURE__ */ jsx(
       Form,
       {
-        className: "mx-auto w-96",
-        style: { marginTop: `${CMS_PAGE_HEADER_HEIGHT}px` },
+        className: "mx-auto max-w-96 max-lg:w-full max-lg:px-3 lg:w-96",
+        style: { marginTop: `${CMS_NAVBAR_HEIGHT}px` },
         onSubmit: () => void execute(),
         children: /* @__PURE__ */ jsxs(Card, { children: [
           /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "mx-auto", children: t("auth.email-unverified.text") }) }),

package/dist/src/cms/client/interfaces/pages/(auth)/forgot-password/page.js

@@ -5,18 +5,18 @@ import Link from 'next/link';
 import { useState } from 'react';
 import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../constants/paths/redirect.js';
+import '../../../../../../constants/cms-locale.js';
 import 'ua-parser-js';
 import { useCountdown } from '../../../../../../core/client/applications/use-count-down.js';
 import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import '../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
 import { useCommand } from '../../../../../../core/client/infrastructure/react-query/use-command.js';
-import '../../../../../../core/client/infrastructure/contexts/user/user.js';
 import 'mime-types';
 import '../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../core/domain/resources/user/constants.js';
 import 'clsx';
 import 'tailwind-merge';
+import 'zod';
 import '@radix-ui/react-avatar';
 import '../../../components/shadcn/badge.js';
 import '../../../components/shadcn/button.js';
@@ -26,9 +26,8 @@ import '@radix-ui/react-dialog';
 import 'lucide-react';
 import '@radix-ui/react-dropdown-menu';
 import '../../../components/shadcn/input-group.js';
-import '../../../components/shadcn/item.js';
 import '@radix-ui/react-label';
-import 'radix-ui';
+import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../components/shadcn/sidebar/sidebar.js';
@@ -38,10 +37,9 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { Button } from '../../../components/ui/buttons/button.js';
 import 'next/navigation';
-import '../../../../../../commerce/taiwan-address/constants.js';
 import { Form } from '../../../components/ui/form/form.js';
 import { Field } from '../../../components/ui/form/field.js';
-import { CMS_PAGE_HEADER_HEIGHT } from '../../../styles/constants.js';
+import { CMS_NAVBAR_HEIGHT } from '../../../styles/constants.js';
 import { Input } from '../../../components/ui/inputs/input.js';
 
 function createForgotPasswordPage({
@@ -68,8 +66,8 @@ function createForgotPasswordPage({
     return /* @__PURE__ */ jsx(
       Form,
       {
-        className: "mx-auto w-96",
-        style: { marginTop: `${CMS_PAGE_HEADER_HEIGHT}px` },
+        className: "mx-auto max-w-96 max-lg:w-full max-lg:px-3 lg:w-96",
+        style: { marginTop: `${CMS_NAVBAR_HEIGHT}px` },
         onSubmit: () => void execute(),
         children: /* @__PURE__ */ jsxs(Card, { children: [
           /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "mx-auto", children: t("auth.forgot-password.text") }) }),

package/dist/src/cms/client/interfaces/pages/(auth)/layout.js

@@ -4,16 +4,16 @@ import { useRouter, usePathname } from 'next/navigation';
 import { useEffect } from 'react';
 import { CMS_PATHS } from '../../../../../constants/paths/cms-paths.js';
 import { isSkippingPath } from '../../../../../constants/paths/redirect.js';
+import '../../../../../constants/cms-locale.js';
 import { useAdmin } from '../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import '../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
 import 'mime-types';
 import '../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../core/domain/resources/user/constants.js';
 import 'clsx';
 import 'tailwind-merge';
+import 'zod';
 import 'sonner';
-import '../../../../../core/client/infrastructure/contexts/user/user.js';
 import 'intor/react';
 import 'lucide-react';
 import '@radix-ui/react-avatar';
@@ -23,16 +23,14 @@ import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
 import '../../components/shadcn/input-group.js';
-import '../../components/shadcn/item.js';
 import '@radix-ui/react-label';
-import 'radix-ui';
+import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../components/shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import '../../../../../commerce/taiwan-address/constants.js';
 import 'intor/next';
 import 'next/link';
 import { AuthSkeleton } from '../../components/ui/layouts/auth-skeleton.js';

package/dist/src/cms/client/interfaces/pages/(auth)/reset-password/page.js

@@ -6,16 +6,16 @@ import { useSearchParams } from 'next/navigation';
 import { useState } from 'react';
 import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../constants/paths/redirect.js';
+import '../../../../../../constants/cms-locale.js';
 import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import '../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
 import { useCommand } from '../../../../../../core/client/infrastructure/react-query/use-command.js';
-import '../../../../../../core/client/infrastructure/contexts/user/user.js';
 import 'mime-types';
 import '../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../core/domain/resources/user/constants.js';
 import 'clsx';
 import 'tailwind-merge';
+import 'zod';
 import '@radix-ui/react-avatar';
 import '../../../components/shadcn/badge.js';
 import '../../../components/shadcn/button.js';
@@ -25,9 +25,8 @@ import '@radix-ui/react-dialog';
 import 'lucide-react';
 import '@radix-ui/react-dropdown-menu';
 import '../../../components/shadcn/input-group.js';
-import '../../../components/shadcn/item.js';
 import '@radix-ui/react-label';
-import 'radix-ui';
+import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../components/shadcn/sidebar/sidebar.js';
@@ -36,10 +35,9 @@ import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { Button } from '../../../components/ui/buttons/button.js';
-import '../../../../../../commerce/taiwan-address/constants.js';
 import { Form } from '../../../components/ui/form/form.js';
 import { Field } from '../../../components/ui/form/field.js';
-import { CMS_PAGE_HEADER_HEIGHT } from '../../../styles/constants.js';
+import { CMS_NAVBAR_HEIGHT } from '../../../styles/constants.js';
 import { PasswordInput } from '../../../components/ui/inputs/password-input.js';
 
 function createResetPasswordPage({
@@ -63,8 +61,8 @@ function createResetPasswordPage({
     return /* @__PURE__ */ jsx(
       Form,
       {
-        className: "mx-auto w-96",
-        style: { marginTop: `${CMS_PAGE_HEADER_HEIGHT}px` },
+        className: "mx-auto max-w-96 max-lg:w-full max-lg:px-3 lg:w-96",
+        style: { marginTop: `${CMS_NAVBAR_HEIGHT}px` },
         onSubmit: () => void execute(),
         children: /* @__PURE__ */ jsxs(Card, { children: [
           /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "mx-auto", children: t("auth.reset-password.text") }) }),

package/dist/src/cms/client/interfaces/pages/(auth)/sign-in/page.js

@@ -5,17 +5,17 @@ import Link from 'next/link';
 import { useState } from 'react';
 import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../constants/paths/redirect.js';
+import '../../../../../../constants/cms-locale.js';
 import { useDeviceInfo } from '../../../../../../core/client/applications/use-device-info.js';
 import { useAdmin } from '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import '../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
 import { useCommand } from '../../../../../../core/client/infrastructure/react-query/use-command.js';
-import '../../../../../../core/client/infrastructure/contexts/user/user.js';
 import 'mime-types';
 import '../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../core/domain/resources/user/constants.js';
 import 'clsx';
 import 'tailwind-merge';
+import 'zod';
 import '@radix-ui/react-avatar';
 import '../../../components/shadcn/badge.js';
 import '../../../components/shadcn/button.js';
@@ -25,9 +25,8 @@ import '@radix-ui/react-dialog';
 import 'lucide-react';
 import '@radix-ui/react-dropdown-menu';
 import '../../../components/shadcn/input-group.js';
-import '../../../components/shadcn/item.js';
 import '@radix-ui/react-label';
-import 'radix-ui';
+import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../components/shadcn/sidebar/sidebar.js';
@@ -37,10 +36,9 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { Button } from '../../../components/ui/buttons/button.js';
 import 'next/navigation';
-import '../../../../../../commerce/taiwan-address/constants.js';
 import { Form } from '../../../components/ui/form/form.js';
 import { Field } from '../../../components/ui/form/field.js';
-import { CMS_PAGE_HEADER_HEIGHT } from '../../../styles/constants.js';
+import { CMS_NAVBAR_HEIGHT } from '../../../styles/constants.js';
 import { Input } from '../../../components/ui/inputs/input.js';
 import { PasswordInput } from '../../../components/ui/inputs/password-input.js';
 
@@ -65,8 +63,8 @@ function createSignInPage({
     return /* @__PURE__ */ jsx(
       Form,
       {
-        className: "mx-auto w-96",
-        style: { marginTop: `${CMS_PAGE_HEADER_HEIGHT}px` },
+        className: "mx-auto max-w-96 max-lg:w-full max-lg:px-3 lg:w-96",
+        style: { marginTop: `${CMS_NAVBAR_HEIGHT}px` },
         onSubmit: () => void execute(),
         children: /* @__PURE__ */ jsxs(Card, { children: [
           /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "mx-auto", children: t("auth.sign-in.text") }) }),

package/dist/src/cms/client/interfaces/pages/(auth)/verify-email/page.js

@@ -4,17 +4,17 @@ import { useSearchParams } from 'next/navigation';
 import { useEffect } from 'react';
 import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../constants/paths/redirect.js';
+import '../../../../../../constants/cms-locale.js';
 import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import '../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
 import { useCommand } from '../../../../../../core/client/infrastructure/react-query/use-command.js';
-import '../../../../../../core/client/infrastructure/contexts/user/user.js';
 import 'mime-types';
 import '../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../core/domain/resources/user/constants.js';
 import 'clsx';
 import 'tailwind-merge';
 import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+import 'zod';
 import '@radix-ui/react-avatar';
 import '../../../components/shadcn/badge.js';
 import '../../../components/shadcn/button.js';
@@ -23,9 +23,8 @@ import '@radix-ui/react-dialog';
 import 'lucide-react';
 import '@radix-ui/react-dropdown-menu';
 import '../../../components/shadcn/input-group.js';
-import '../../../components/shadcn/item.js';
 import '@radix-ui/react-label';
-import 'radix-ui';
+import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../components/shadcn/sidebar/sidebar.js';

package/dist/src/cms/client/interfaces/pages/dashboard/(auth)/change-password/page.js

@@ -6,16 +6,16 @@ import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
 import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import '../../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
 import { useCommand } from '../../../../../../../core/client/infrastructure/react-query/use-command.js';
-import '../../../../../../../core/client/infrastructure/contexts/user/user.js';
 import 'mime-types';
 import '../../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../../core/domain/resources/user/constants.js';
 import 'clsx';
 import 'tailwind-merge';
+import 'zod';
 import '@radix-ui/react-avatar';
 import '../../../../components/shadcn/badge.js';
 import '../../../../components/shadcn/button.js';
@@ -25,9 +25,8 @@ import '@radix-ui/react-dialog';
 import 'lucide-react';
 import '@radix-ui/react-dropdown-menu';
 import '../../../../components/shadcn/input-group.js';
-import '../../../../components/shadcn/item.js';
 import '@radix-ui/react-label';
-import 'radix-ui';
+import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../../components/shadcn/sidebar/sidebar.js';
@@ -36,10 +35,9 @@ import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { Button } from '../../../../components/ui/buttons/button.js';
-import '../../../../../../../commerce/taiwan-address/constants.js';
 import { Form } from '../../../../components/ui/form/form.js';
 import { Field } from '../../../../components/ui/form/field.js';
-import { CMS_PAGE_HEADER_HEIGHT } from '../../../../styles/constants.js';
+import { CMS_NAVBAR_HEIGHT } from '../../../../styles/constants.js';
 import { PasswordInput } from '../../../../components/ui/inputs/password-input.js';
 
 function createChangePasswordPage({
@@ -66,8 +64,8 @@ function createChangePasswordPage({
     return /* @__PURE__ */ jsx(
       Form,
       {
-        className: "mx-auto w-96",
-        style: { marginTop: `${CMS_PAGE_HEADER_HEIGHT}px` },
+        className: "mx-auto max-w-96 max-lg:w-full max-lg:px-3 lg:w-96",
+        style: { marginTop: `${CMS_NAVBAR_HEIGHT}px` },
         onSubmit: () => void execute(),
         children: /* @__PURE__ */ jsxs(Card, { children: [
           /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "mx-auto", children: t("auth.change-password.text") }) }),