@yimingliao/cms 0.0.130 → 0.0.132

package/dist/export/client/index.js

@@ -10,12 +10,13 @@ export { createAdminInitializer } from '../../src/client/interfaces/components/a
 export { ContentContainer } from '../../src/client/interfaces/components/ui/layouts/content-container.js';
 export { LayoutSkeleton } from '../../src/client/interfaces/components/ui/layouts/layout-skeleton.js';
 export { NavMain } from '../../src/client/interfaces/components/ui/layouts/sidebar/nav-main.js';
+import 'react/jsx-runtime';
 import '@radix-ui/react-avatar';
-import 'react';
 export { useDeviceInfo } from '../../src/client/applications/auth/sign-in/use-device-info.js';
 export { usePickItems } from '../../src/client/applications/form/use-pick-items.js';
 export { getControlMeta } from '../../src/client/applications/form/get-control-meta.js';
 export { cn } from '../../src/client/applications/shadcn/utils.js';
+import 'react';
 import 'next/navigation';
 export { isConfirm } from '../../src/client/applications/ui/is-confirm.js';
 import '../../src/client/interfaces/components/shadcn/button.js';
@@ -52,10 +53,10 @@ export { PasswordInput } from '../../src/client/interfaces/components/ui/inputs/
 export { SearchInput } from '../../src/client/interfaces/components/ui/inputs/search-input.js';
 export { Option, Select } from '../../src/client/interfaces/components/ui/inputs/select.js';
 export { Textarea } from '../../src/client/interfaces/components/ui/inputs/textarea.js';
-export { createSignInPage } from '../../src/client/interfaces/pages/auth/sign-in.js';
-export { createVerifyEmailPage } from '../../src/client/interfaces/pages/auth/verify-email.js';
-export { createEmailUnverifiedPage } from '../../src/client/interfaces/pages/auth/email-unverified.js';
-export { createForgotPasswordPage } from '../../src/client/interfaces/pages/auth/forgot-password.js';
-export { createResetPasswordPage } from '../../src/client/interfaces/pages/auth/reset-password.js';
-export { createChangePasswordPage } from '../../src/client/interfaces/pages/auth/change-password.js';
+export { createSignInPage } from '../../src/client/interfaces/pages/auth/sign-in/page.js';
+export { createVerifyEmailPage } from '../../src/client/interfaces/pages/auth/verify-email/page.js';
+export { createEmailUnverifiedPage } from '../../src/client/interfaces/pages/auth/email-unverified/page.js';
+export { createForgotPasswordPage } from '../../src/client/interfaces/pages/auth/forgot-password/page.js';
+export { createResetPasswordPage } from '../../src/client/interfaces/pages/auth/reset-password/page.js';
+export { createChangePasswordPage } from '../../src/client/interfaces/pages/auth/change-password/page.js';
 export { NAVBAR_HEIGHT, PAGE_HEADER_HEIGHT, SIDEBAR_WIDTH } from '../../src/client/interfaces/styles/constants.js';

package/dist/src/client/infrastructure/contexts/admin.js

@@ -1,11 +1,12 @@
 "use client";
+import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useContext } from 'react';
 
 const AdminContext = createContext(null);
 function AdminProvider({ children }) {
   const [admin, setAdmin] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AdminContext.Provider,
     {
       value: {
@@ -13,9 +14,9 @@ function AdminProvider({ children }) {
         setAdmin,
         isLoading,
         setIsLoading
-      }
-    },
-    children
+      },
+      children
+    }
   );
 }
 function useAdmin() {

package/dist/src/client/infrastructure/contexts/theme.js

@@ -1,21 +1,21 @@
 "use client";
+import { jsx } from 'react/jsx-runtime';
 import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
-import * as React from 'react';
 
 function ThemeProvider({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ThemeProvider$1,
     {
       attribute: "class",
       defaultTheme: "system",
       enableSystem: true,
       disableTransitionOnChange: true,
-      ...props
-    },
-    children
+      ...props,
+      children
+    }
   );
 }
 

package/dist/src/client/infrastructure/toast/error-display.js

@@ -1,13 +1,25 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
 function ErrorDisplay({ errors }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2" }, errors.map((error, index) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: errors.map((error, index) => {
     let field = error.field ?? "";
     if (field.startsWith("translations")) field = field.slice(15);
     if (field.includes(".") && !Number.isNaN(Number(field.at(-1)))) {
       const [f, i] = field.split(".");
       field = `${f} ${Number(i) + 1}`;
     }
-    return /* @__PURE__ */ React.createElement("p", { key: index }, /* @__PURE__ */ React.createElement("span", { className: "font-bold" }, "(", index + 1, ")"), "\xA0", /* @__PURE__ */ React.createElement("span", { className: "font-bold underline underline-offset-2" }, field), "\xA0", /* @__PURE__ */ React.createElement("span", null, error.message));
-  }));
+    return /* @__PURE__ */ jsxs("p", { children: [
+      /* @__PURE__ */ jsxs("span", { className: "font-bold", children: [
+        "(",
+        index + 1,
+        ")"
+      ] }),
+      "\xA0",
+      /* @__PURE__ */ jsx("span", { className: "font-bold underline underline-offset-2", children: field }),
+      "\xA0",
+      /* @__PURE__ */ jsx("span", { children: error.message })
+    ] }, index);
+  }) });
 }
 const createErrorDisplay = (errors) => ErrorDisplay({ errors });
 

package/dist/src/client/interfaces/components/admin-initializer.js

@@ -1,3 +1,4 @@
+"use client";
 import { useEffect } from 'react';
 import { VERIFY_CACHE_KEY } from '../../constants.js';
 

package/dist/src/client/interfaces/components/shadcn/avatar.js

@@ -1,6 +1,7 @@
 "use client";
+import { jsx } from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import * as React from 'react';
+import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../applications/shadcn/utils.js';
 import 'next/navigation';
@@ -9,7 +10,7 @@ function Avatar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AvatarPrimitive.Root,
     {
       "data-slot": "avatar",
@@ -25,7 +26,7 @@ function AvatarImage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AvatarPrimitive.Image,
     {
       "data-slot": "avatar-image",
@@ -38,7 +39,7 @@ function AvatarFallback({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AvatarPrimitive.Fallback,
     {
       "data-slot": "avatar-fallback",

package/dist/src/client/interfaces/components/shadcn/button.js

@@ -1,6 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
-import * as React from 'react';
+import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../applications/shadcn/utils.js';
 import 'next/navigation';
@@ -43,7 +44,7 @@ function Button({
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Comp,
     {
       "data-slot": "button",

package/dist/src/client/interfaces/components/shadcn/card.js

@@ -1,10 +1,11 @@
-import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../applications/shadcn/utils.js';
 import 'next/navigation';
 
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card",
@@ -17,7 +18,7 @@ function Card({ className, ...props }) {
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-header",
@@ -30,7 +31,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-title",
@@ -40,7 +41,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-description",
@@ -50,7 +51,7 @@ function CardDescription({ className, ...props }) {
   );
 }
 function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-action",
@@ -63,7 +64,7 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-content",
@@ -73,7 +74,7 @@ function CardContent({ className, ...props }) {
   );
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-footer",

package/dist/src/client/interfaces/components/shadcn/collapsible.js

@@ -1,15 +1,16 @@
 "use client";
+import { jsx } from 'react/jsx-runtime';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 
 function Collapsible({
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
 }
 function CollapsibleTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     CollapsiblePrimitive.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
@@ -20,7 +21,7 @@ function CollapsibleTrigger({
 function CollapsibleContent({
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     CollapsiblePrimitive.CollapsibleContent,
     {
       "data-slot": "collapsible-content",

package/dist/src/client/interfaces/components/shadcn/dropdown-menu.js

@@ -1,7 +1,8 @@
 "use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CheckIcon, CircleIcon, ChevronRightIcon } from 'lucide-react';
-import * as React from 'react';
+import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../applications/shadcn/utils.js';
 import 'next/navigation';
@@ -9,17 +10,17 @@ import 'next/navigation';
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -32,7 +33,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -43,12 +44,12 @@ function DropdownMenuContent({
       ),
       ...props
     }
-  ));
+  ) });
 }
 function DropdownMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuItem({
   className,
@@ -56,7 +57,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -78,7 +79,7 @@ function DropdownMenuCheckboxItem({
 }) {
   return (
     // @ts-expect-error types too strict
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ jsxs(
       DropdownMenuPrimitive.CheckboxItem,
       {
         "data-slot": "dropdown-menu-checkbox-item",
@@ -87,17 +88,19 @@ function DropdownMenuCheckboxItem({
           className
         ),
         checked,
-        ...props
-      },
-      /* @__PURE__ */ React.createElement("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(CheckIcon, { className: "size-4" }))),
-      children
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+          children
+        ]
+      }
     )
   );
 }
 function DropdownMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.RadioGroup,
     {
       "data-slot": "dropdown-menu-radio-group",
@@ -110,7 +113,7 @@ function DropdownMenuRadioItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
@@ -118,10 +121,12 @@ function DropdownMenuRadioItem({
         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
-      ...props
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(CircleIcon, { className: "size-2 fill-current" }))),
-    children
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
   );
 }
 function DropdownMenuLabel({
@@ -129,7 +134,7 @@ function DropdownMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Label,
     {
       "data-slot": "dropdown-menu-label",
@@ -146,7 +151,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -159,7 +164,7 @@ function DropdownMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -174,7 +179,7 @@ function DropdownMenuShortcut({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -182,7 +187,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -191,17 +196,19 @@ function DropdownMenuSubTrigger({
         "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
-      ...props
-    },
-    children,
-    /* @__PURE__ */ React.createElement(ChevronRightIcon, { className: "ml-auto size-4" })
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    }
   );
 }
 function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",

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

@@ -1,6 +1,7 @@
 "use client";
+import { jsx } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
-import * as React from 'react';
+import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../applications/shadcn/utils.js';
 import 'next/navigation';
@@ -9,7 +10,7 @@ import { Input } from './input.js';
 import { Textarea } from './textarea.js';
 
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "input-group",
@@ -53,7 +54,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       role: "group",
@@ -93,7 +94,7 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Button,
     {
       type,
@@ -105,7 +106,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "span",
     {
       className: cn(
@@ -120,7 +121,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Input,
     {
       "data-slot": "input-group-control",
@@ -136,7 +137,7 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Textarea,
     {
       "data-slot": "input-group-control",

package/dist/src/client/interfaces/components/shadcn/input.js

@@ -1,10 +1,11 @@
-import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../applications/shadcn/utils.js';
 import 'next/navigation';
 
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "input",
     {
       type,

package/dist/src/client/interfaces/components/shadcn/label.js

@@ -1,11 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import * as React from 'react';
+import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../applications/shadcn/utils.js';
 import 'next/navigation';
 
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     LabelPrimitive.Root,
     {
       "data-slot": "label",

package/dist/src/client/interfaces/components/shadcn/pagination.js

@@ -1,12 +1,13 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { MoreHorizontalIcon, ChevronRightIcon, ChevronLeftIcon } from 'lucide-react';
-import * as React from 'react';
+import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../applications/shadcn/utils.js';
 import 'next/navigation';
 import { Button, buttonVariants } from './button.js';
 
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "nav",
     {
       role: "navigation",
@@ -21,7 +22,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -31,7 +32,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ React.createElement("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -39,7 +40,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Button,
     {
       variant: "ghost",
@@ -61,46 +62,48 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
       size: "default",
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(ChevronLeftIcon, null)
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+    }
   );
 }
 function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     PaginationLink,
     {
       "aria-label": "Go to next page",
       size: "default",
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(ChevronRightIcon, null)
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+    }
   );
 }
 function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "span",
     {
       "aria-hidden": true,
       "data-slot": "pagination-ellipsis",
       className: cn("flex size-9 items-center justify-center", className),
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(MoreHorizontalIcon, { className: "size-4" }),
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "More pages")
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
   );
 }