sitero 0.0.25 → 0.0.26

package/dist/src/cms/client/interfaces/components/shadcn/radio-group.js

@@ -1,18 +1,18 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { CircleIcon } from 'lucide-react';
-import { RadioGroup as RadioGroup$1 } from 'radix-ui';
 import 'mime-types';
 import '../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
+import 'zod';
 
 function RadioGroup({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    RadioGroup$1.Root,
+    RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
       className: cn("grid gap-3", className),
@@ -25,7 +25,7 @@ function RadioGroupItem({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    RadioGroup$1.Item,
+    RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
       className: cn(
@@ -34,7 +34,7 @@ function RadioGroupItem({
       ),
       ...props,
       children: /* @__PURE__ */ jsx(
-        RadioGroup$1.Indicator,
+        RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",

package/dist/src/cms/client/interfaces/components/shadcn/select.js

@@ -4,8 +4,8 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
 import 'mime-types';
 import '../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
+import 'zod';
 
 function Select({
   ...props

package/dist/src/cms/client/interfaces/components/shadcn/separator.js

@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import 'mime-types';
 import '../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
+import 'zod';
 
 function Separator({
   className,

package/dist/src/cms/client/interfaces/components/shadcn/sheet.js

@@ -4,8 +4,8 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
 import 'mime-types';
 import '../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
+import 'zod';
 
 function Sheet({ ...props }) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });

package/dist/src/cms/client/interfaces/components/shadcn/sidebar/sidebar.js

@@ -6,8 +6,8 @@ import { PanelLeftIcon } from 'lucide-react';
 import * as React from 'react';
 import 'mime-types';
 import '../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../../shared/utils/cn.js';
+import 'zod';
 import { CMS_SIDEBAR_WIDTH, CMS_NAVBAR_HEIGHT } from '../../../styles/constants.js';
 import { Button } from '../button.js';
 import { Input } from '../input.js';
@@ -148,7 +148,7 @@ function Sidebar({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "group peer text-sidebar-foreground hidden md:block",
+      className: "group peer text-sidebar-foreground hidden lg:block",
       "data-state": state,
       "data-collapsible": state === "collapsed" ? collapsible : "",
       "data-variant": variant,
@@ -172,7 +172,7 @@ function Sidebar({
           {
             "data-slot": "sidebar-container",
             className: cn(
-              "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+              "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear lg:flex",
               side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
               // Adjust the padding for floating and inset variants.
               variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
@@ -253,7 +253,7 @@ function SidebarInset({ className, ...props }) {
       "data-slot": "sidebar-inset",
       className: cn(
         "bg-background relative flex w-full flex-1 flex-col",
-        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+        "lg:peer-data-[variant=inset]:m-2 lg:peer-data-[variant=inset]:ml-0 lg:peer-data-[variant=inset]:rounded-xl lg:peer-data-[variant=inset]:shadow-sm lg:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
         "transition-[width]",
         className
       ),
@@ -371,7 +371,7 @@ function SidebarGroupAction({
       className: cn(
         "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 md:after:hidden",
+        "after:absolute after:-inset-2 lg:after:hidden",
         "group-data-[collapsible=icon]:hidden",
         className
       ),
@@ -498,12 +498,12 @@ function SidebarMenuAction({
       className: cn(
         "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 md:after:hidden",
+        "after:absolute after:-inset-2 lg:after:hidden",
         "peer-data-[size=sm]/menu-button:top-1",
         "peer-data-[size=default]/menu-button:top-1.5",
         "peer-data-[size=lg]/menu-button:top-2.5",
         "group-data-[collapsible=icon]:hidden",
-        showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+        showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 lg:opacity-0",
         className
       ),
       ...props

package/dist/src/cms/client/interfaces/components/shadcn/sidebar/use-mobile.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-const MOBILE_BREAKPOINT = 768;
+const MOBILE_BREAKPOINT = 1024;
 const useIsMobile = () => {
   const [isMobile, setIsMobile] = React.useState();
   React.useEffect(() => {

package/dist/src/cms/client/interfaces/components/shadcn/skeleton.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import 'mime-types';
 import '../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
+import 'zod';
 
 function Skeleton({ className, ...props }) {
   return /* @__PURE__ */ jsx(

package/dist/src/cms/client/interfaces/components/shadcn/spinner.js

@@ -2,8 +2,8 @@ import { jsx } from 'react/jsx-runtime';
 import { Loader2Icon } from 'lucide-react';
 import 'mime-types';
 import '../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
+import 'zod';
 
 function Spinner({ className, ...props }) {
   return /* @__PURE__ */ jsx(

package/dist/src/cms/client/interfaces/components/shadcn/table.js

@@ -2,8 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import 'mime-types';
 import '../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
+import 'zod';
 
 function Table({ className, ...props }) {
   return /* @__PURE__ */ jsx(

package/dist/src/cms/client/interfaces/components/shadcn/tabs.js

@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import 'mime-types';
 import '../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
+import 'zod';
 
 function Tabs({
   className,

package/dist/src/cms/client/interfaces/components/shadcn/textarea.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import 'mime-types';
 import '../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
+import 'zod';
 
 function Textarea({ className, ...props }) {
   return /* @__PURE__ */ jsx(
@@ -12,7 +12,7 @@ function Textarea({ className, ...props }) {
       className: cn(
         // "min-h-16",
         // "field-sizing-content",
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex w-full rounded-md border bg-transparent px-3 py-2 text-base text-sm shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props

package/dist/src/cms/client/interfaces/components/shadcn/tooltip.js

@@ -3,8 +3,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import 'mime-types';
 import '../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
+import 'zod';
 
 function TooltipProvider({
   delayDuration = 0,

package/dist/src/cms/client/interfaces/components/ui/blocks/list-container/list-container.js

@@ -6,18 +6,17 @@ import { useState, useEffect } 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 '@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 '@radix-ui/react-separator';
 import '../../../shadcn/sidebar/sidebar.js';
@@ -28,7 +27,6 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { Button } from '../../buttons/button.js';
 import 'next/navigation';
-import '../../../../../../../commerce/taiwan-address/constants.js';
 import { SearchInput } from '../../inputs/search-input.js';
 import { PageSizeSelector } from './page-size-selector.js';
 import { Pagination } from './pagination.js';
@@ -76,10 +74,10 @@ function ListContainer({
     setListItemStates?.((p) => ({ ...p, displayType: displayType2 }));
   }
   const isNotFound = total === 0;
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col max-lg:gap-3 lg:gap-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex max-lg:flex-col max-lg:gap-3 lg:items-center lg:justify-between", children: [
       headerChildren,
-      /* @__PURE__ */ jsx("div", { className: "ml-auto w-64", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: "ml-auto max-lg:w-full lg:w-64", children: /* @__PURE__ */ jsx(
         SearchInput,
         {
           searchString,

package/dist/src/cms/client/interfaces/components/ui/blocks/list-container/page-size-selector.js

@@ -4,9 +4,9 @@ import { useTranslator } from 'intor/react';
 import 'lucide-react';
 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';
@@ -14,9 +14,8 @@ 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 '@radix-ui/react-separator';
 import '../../../shadcn/sidebar/sidebar.js';
@@ -26,7 +25,6 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/navigation';
 import 'react';
-import '../../../../../../../commerce/taiwan-address/constants.js';
 import { Select, Option } from '../../inputs/select.js';
 
 function PageSizeSelector({
@@ -36,7 +34,7 @@ function PageSizeSelector({
 }) {
   const { t } = useTranslator();
   return /* @__PURE__ */ jsxs("div", { className: "flex w-52 items-center gap-4", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm whitespace-nowrap", children: t("ui.list-container.per-page.text") }),
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm whitespace-nowrap max-lg:hidden", children: t("ui.list-container.per-page.text") }),
     /* @__PURE__ */ jsxs(
       Select,
       {
@@ -45,7 +43,7 @@ function PageSizeSelector({
           setPageSize(Number(value ?? 20));
           setPage(1);
         },
-        className: "w-full",
+        className: "w-full max-lg:ml-auto max-lg:max-w-20",
         children: [
           /* @__PURE__ */ jsx(Option, { value: String(20), children: "20" }),
           /* @__PURE__ */ jsx(Option, { value: String(40), children: "40" }),

package/dist/src/cms/client/interfaces/components/ui/blocks/list-container/pagination.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 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';
@@ -13,10 +13,9 @@ 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 { Pagination as Pagination$1, PaginationContent, PaginationItem, PaginationPrevious, PaginationLink, PaginationEllipsis, PaginationNext } from '../../../shadcn/pagination.js';
-import 'radix-ui';
+import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../shadcn/sidebar/sidebar.js';
@@ -24,6 +23,7 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
+import { useIsMobile } from '../../../shadcn/sidebar/use-mobile.js';
 
 function Pagination({
   page,
@@ -31,6 +31,7 @@ function Pagination({
   pageSize,
   total = 0
 }) {
+  const isMobile = useIsMobile();
   const totalPages = Math.ceil(total / pageSize);
   const isFirst = page === 1;
   const isLastPage = page === totalPages;
@@ -62,30 +63,39 @@ function Pagination({
   const isAtLastPage = page === totalPages;
   return /* @__PURE__ */ jsx(Pagination$1, { className: "flex-1", children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
     /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, { disabled: isAtFirstPage, onClick: handlePrev }) }),
-    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-      PaginationLink,
-      {
-        isActive: page === 1,
-        disabled: isAtFirstPage,
-        onClick: () => setPage(1),
-        children: "1"
-      }
-    ) }),
-    startPage > 2 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
-    pages.map((p) => {
-      const isThisPage = page === p;
-      return /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { isActive: isThisPage, onClick: () => setPage(p), children: p }) }, p);
-    }),
-    endPage < totalPages - 1 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
-    totalPages > 1 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-      PaginationLink,
-      {
-        isActive: page === totalPages,
-        disabled: isAtLastPage,
-        onClick: () => setPage(totalPages),
-        children: totalPages
-      }
-    ) }),
+    !isMobile ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+        PaginationLink,
+        {
+          isActive: page === 1,
+          disabled: isAtFirstPage,
+          onClick: () => setPage(1),
+          children: "1"
+        }
+      ) }),
+      startPage > 2 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
+      pages.map((p) => {
+        const isThisPage = page === p;
+        return /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+          PaginationLink,
+          {
+            isActive: isThisPage,
+            onClick: () => setPage(p),
+            children: p
+          }
+        ) }, p);
+      }),
+      endPage < totalPages - 1 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
+      totalPages > 1 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+        PaginationLink,
+        {
+          isActive: page === totalPages,
+          disabled: isAtLastPage,
+          onClick: () => setPage(totalPages),
+          children: totalPages
+        }
+      ) })
+    ] }) : /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { isActive: true, disabled: true, children: page }) }),
     /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
       PaginationNext,
       {

package/dist/src/cms/client/interfaces/components/ui/blocks/page-header/page-header-title.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import 'mime-types';
 import '../../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../../../shared/utils/cn.js';
+import 'zod';
 
 function PageHeaderTitle({
   icon,

package/dist/src/cms/client/interfaces/components/ui/blocks/page-header/page-header.js

@@ -5,10 +5,9 @@ import { Files } from 'lucide-react';
 import { usePathname } from 'next/navigation';
 import 'mime-types';
 import '../../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../../../shared/utils/cn.js';
+import 'zod';
 import 'react';
-import '../../../../../../../commerce/taiwan-address/constants.js';
 import { useParentPathname } from '../../../../../applications/ui/use-parent-pathname.js';
 import { CMS_PAGE_HEADER_HEIGHT } from '../../../../styles/constants.js';
 import '@radix-ui/react-avatar';
@@ -18,9 +17,8 @@ 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 '../../../shadcn/sidebar/sidebar.js';
@@ -28,6 +26,7 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
+import { useIsMobile } from '../../../shadcn/sidebar/use-mobile.js';
 import { PageHeaderTitle } from './page-header-title.js';
 import { createIndexPreset } from './presets/index.js';
 import { createCreatePreset } from './presets/create.js';
@@ -51,21 +50,22 @@ function PageHeader(props) {
   const { t } = useTranslator();
   const pathname = usePathname();
   const parentPathname = useParentPathname();
+  const isMobile = useIsMobile();
   const variant = props.variant ?? "default";
   const isDefault = variant === "default";
   const preset = PRESET_BUILDERS[variant]({
-    props: { ...props, pathname, parentPathname },
+    props: { ...props, pathname, parentPathname, isMobile },
     t
   });
   const left = props.leftChildren ?? preset.left;
   const resolvedTitleProps = { ...preset.titleProps, ...props.titleProps };
-  const right = props.rightChildren ?? preset.right;
+  const right = !isMobile ? props.rightChildren ?? preset.right : preset.right;
   return /* @__PURE__ */ jsxs("div", { style: { height: CMS_PAGE_HEADER_HEIGHT }, children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
         className: cn(
-          "relative h-full px-6",
+          "relative h-full px-3",
           "flex items-center justify-between gap-3"
         ),
         children: [

package/dist/src/cms/client/interfaces/components/ui/blocks/page-header/presets/create-many.js

@@ -5,18 +5,17 @@ import '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 '@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 '@radix-ui/react-separator';
 import '../../../../shadcn/sidebar/sidebar.js';

package/dist/src/cms/client/interfaces/components/ui/blocks/page-header/presets/create.js

@@ -5,18 +5,17 @@ import '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 '@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 '@radix-ui/react-separator';
 import '../../../../shadcn/sidebar/sidebar.js';

package/dist/src/cms/client/interfaces/components/ui/blocks/page-header/presets/delete-many.js

@@ -1,30 +1,57 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Files, CopyCheck, CopyX, Trash2 } from 'lucide-react';
+import { CopyCheck, CopyX, Trash2, Files, Ellipsis } from 'lucide-react';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import '../../../../../../../../core/domain/resources/admin/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 } from '../../../../shadcn/dropdown-menu.js';
+import '../../../../shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-radio-group';
+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 { ReturnButton } from '../../../buttons/return-button.js';
 import 'react';
 
 function createBatchPreset(ctx) {
   const { props, t } = ctx;
+  const RightChildren = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", ...props.pickAllButtonProps, children: /* @__PURE__ */ jsx(CopyCheck, {}) }),
+    /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", ...props.cancelAllButtonProps, children: /* @__PURE__ */ jsx(CopyX, {}) }),
+    /* @__PURE__ */ jsx(Button, { ...props.destroyButtonProps, variant: "destructive", icon: Trash2, children: t("ui.destroy.text") })
+  ] });
   return {
     left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps }) }),
     titleProps: {
       icon: Files,
       subtitle: t("ui.delete-many.text")
     },
-    right: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", ...props.pickAllButtonProps, children: /* @__PURE__ */ jsx(CopyCheck, {}) }),
-      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", ...props.cancelAllButtonProps, children: /* @__PURE__ */ jsx(CopyX, {}) }),
+    right: !props.isMobile ? RightChildren : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "icon-lg", children: [
+        /* @__PURE__ */ jsx(Ellipsis, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Select Actions" })
+      ] }) }),
       /* @__PURE__ */ jsx(
-        Button,
+        DropdownMenuContent,
         {
-          ...props.destroyButtonProps,
-          variant: "destructive",
-          icon: Trash2,
-          children: t("ui.destroy.text")
+          className: "flex w-fit min-w-0 flex-col gap-3 p-3",
+          align: "end",
+          children: RightChildren
         }
       )
-    ] })
+    ] }) })
   };
 }
 

package/dist/src/cms/client/interfaces/components/ui/blocks/page-header/presets/edit.js

@@ -5,18 +5,17 @@ import '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 '@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 '@radix-ui/react-separator';
 import '../../../../shadcn/sidebar/sidebar.js';