@yimingliao/cms 0.0.130 → 0.0.132

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

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@radix-ui/react-avatar';
 import 'react';
 import 'ua-parser-js';
@@ -53,32 +54,40 @@ function Pagination({
   }
   const isAtFirstPage = page === 1;
   const isAtLastPage = page === totalPages;
-  return /* @__PURE__ */ React.createElement(Pagination$1, { className: "flex-1" }, /* @__PURE__ */ React.createElement(PaginationContent, null, /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(PaginationPrevious, { disabled: isAtFirstPage, onClick: handlePrev })), /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(
-    PaginationLink,
-    {
-      isActive: page === 1,
-      disabled: isAtFirstPage,
-      onClick: () => setPage(1)
-    },
-    "1"
-  )), startPage > 2 && /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(PaginationEllipsis, null)), pages.map((p) => {
-    const isThisPage = page === p;
-    return /* @__PURE__ */ React.createElement(PaginationItem, { key: p }, /* @__PURE__ */ React.createElement(PaginationLink, { isActive: isThisPage, onClick: () => setPage(p) }, p));
-  }), endPage < totalPages - 1 && /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(PaginationEllipsis, null)), totalPages > 1 && /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(
-    PaginationLink,
-    {
-      isActive: page === totalPages,
-      disabled: isAtLastPage,
-      onClick: () => setPage(totalPages)
-    },
-    totalPages
-  )), /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(
-    PaginationNext,
-    {
-      disabled: isAtLastPage || totalPages <= 1,
-      onClick: handleNext
-    }
-  ))));
+  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
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+      PaginationNext,
+      {
+        disabled: isAtLastPage || totalPages <= 1,
+        onClick: handleNext
+      }
+    ) })
+  ] }) });
 }
 
 export { Pagination };

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

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import 'ua-parser-js';
 import { cn } from '../../../../../applications/shadcn/utils.js';
@@ -11,7 +12,15 @@ function PageHeaderTitle({
   leftChildren,
   className
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex items-center gap-3", className) }, leftChildren, icon && createElement(icon), /* @__PURE__ */ React.createElement("div", { className: "flex-center w-fit gap-3 whitespace-nowrap" }, subtitle && /* @__PURE__ */ React.createElement("p", { className: "text-muted-foreground" }, subtitle), /* @__PURE__ */ React.createElement("p", { className: "scroll-m-20 text-xl font-semibold tracking-tight" }, title)), children);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", className), children: [
+    leftChildren,
+    icon && createElement(icon),
+    /* @__PURE__ */ jsxs("div", { className: "flex-center w-fit gap-3 whitespace-nowrap", children: [
+      subtitle && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: subtitle }),
+      /* @__PURE__ */ jsx("p", { className: "scroll-m-20 text-xl font-semibold tracking-tight", children: title })
+    ] }),
+    children
+  ] });
 }
 
 export { PageHeaderTitle };

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

@@ -1,3 +1,5 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { Files } from 'lucide-react';
 import 'react';
@@ -43,24 +45,29 @@ function PageHeader(props) {
   const left = props.leftChildren ?? preset.left;
   const resolvedTitleProps = { ...preset.titleProps, ...props.titleProps };
   const right = props.rightChildren ?? preset.right;
-  return /* @__PURE__ */ React.createElement("div", { style: { height: PAGE_HEADER_HEIGHT } }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "relative h-full px-6",
-        "flex items-center justify-between gap-3"
-      )
-    },
-    !isDefault && left && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, left),
-    /* @__PURE__ */ React.createElement(
-      PageHeaderTitle,
+  return /* @__PURE__ */ jsxs("div", { style: { height: PAGE_HEADER_HEIGHT }, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
       {
-        className: cn(!isDefault && "absolute left-1/2 -translate-x-1/2"),
-        ...resolvedTitleProps
+        className: cn(
+          "relative h-full px-6",
+          "flex items-center justify-between gap-3"
+        ),
+        children: [
+          !isDefault && left && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: left }),
+          /* @__PURE__ */ jsx(
+            PageHeaderTitle,
+            {
+              className: cn(!isDefault && "absolute left-1/2 -translate-x-1/2"),
+              ...resolvedTitleProps
+            }
+          ),
+          right && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-3", children: right })
+        ]
       }
     ),
-    right && /* @__PURE__ */ React.createElement("div", { className: "ml-auto flex items-center gap-3" }, right)
-  ), /* @__PURE__ */ React.createElement(Separator, null));
+    /* @__PURE__ */ jsx(Separator, {})
+  ] });
 }
 
 export { PageHeader };

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

@@ -1,3 +1,4 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { FilePlus } from 'lucide-react';
 import 'next/navigation';
 import 'react';
@@ -20,7 +21,7 @@ import { ReturnButton } from '../../../buttons/return-button.js';
 function createBatchCreatePreset(ctx) {
   const { props, t } = ctx;
   return {
-    left: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps })),
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps }) }),
     titleProps: {
       icon: FilePlus,
       subtitle: t("ui.page-header.batch-create.subtitle.text")

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

@@ -1,3 +1,4 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { FilePen, CopyCheck, CopyX, FileX, FilePlus } from 'lucide-react';
 import { Button } from '../../../buttons/button.js';
 import { ReturnButton } from '../../../buttons/return-button.js';
@@ -5,29 +6,33 @@ import { ReturnButton } from '../../../buttons/return-button.js';
 function createBatchPreset(ctx) {
   const { props, t } = ctx;
   return {
-    left: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReturnButton, { pushToParent: true, ...props.returnButtonProps }, t("ui.button.exit-batch-mode.text"))),
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps, children: t("ui.button.exit-batch-mode.text") }) }),
     titleProps: {
       icon: FilePen,
       subtitle: t("ui.page-header.batch.subtitle.text"),
-      children: /* @__PURE__ */ React.createElement(
+      children: /* @__PURE__ */ jsx(
         Button,
         {
           variant: "success",
           href: props.batchCreateButtonHref,
-          icon: FilePlus
-        },
-        t("ui.button.batch-create.text")
+          icon: FilePlus,
+          children: t("ui.button.batch-create.text")
+        }
       )
     },
-    right: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { size: "icon", variant: "outline", onClick: props.selectAllFn }, /* @__PURE__ */ React.createElement(CopyCheck, null)), /* @__PURE__ */ React.createElement(Button, { size: "icon", variant: "outline", onClick: props.cancelAllFn }, /* @__PURE__ */ React.createElement(CopyX, null)), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        ...props.destroyButtonProps,
-        variant: "destructive",
-        icon: FileX
-      },
-      t("ui.button.destroy.text")
-    ))
+    right: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", onClick: props.selectAllFn, children: /* @__PURE__ */ jsx(CopyCheck, {}) }),
+      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", onClick: props.cancelAllFn, children: /* @__PURE__ */ jsx(CopyX, {}) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          ...props.destroyButtonProps,
+          variant: "destructive",
+          icon: FileX,
+          children: t("ui.button.destroy.text")
+        }
+      )
+    ] })
   };
 }
 

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

@@ -1,3 +1,4 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { FilePlus } from 'lucide-react';
 import 'next/navigation';
 import 'react';
@@ -20,7 +21,7 @@ import { ReturnButton } from '../../../buttons/return-button.js';
 function createCreatePreset(ctx) {
   const { props, t } = ctx;
   return {
-    left: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps })),
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps }) }),
     titleProps: {
       icon: FilePlus,
       subtitle: t("ui.page-header.create.subtitle.text")

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

@@ -1,3 +1,4 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { FilePen } from 'lucide-react';
 import 'next/navigation';
 import 'react';
@@ -20,7 +21,7 @@ import { ReturnButton } from '../../../buttons/return-button.js';
 function createEditPreset(ctx) {
   const { props, t } = ctx;
   return {
-    left: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps })),
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps }) }),
     titleProps: {
       icon: FilePen,
       subtitle: t("ui.page-header.edit.subtitle.text")

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

@@ -1,3 +1,4 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Files, FileStack, FolderCog, FileSpreadsheet, FilePlus } from 'lucide-react';
 import { Button } from '../../../buttons/button.js';
 import { ReturnButton } from '../../../buttons/return-button.js';
@@ -5,38 +6,42 @@ import { ReturnButton } from '../../../buttons/return-button.js';
 function createIndexPreset(ctx) {
   const { props, t } = ctx;
   return {
-    left: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReturnButton, { pushToParent: true, ...props.returnButtonProps })),
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps }) }),
     titleProps: {
       icon: Files,
-      children: /* @__PURE__ */ React.createElement(React.Fragment, null, props.settingButtonProps && props.showTopicSettingButton && /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          ...props.settingButtonProps,
-          variant: "outline",
-          icon: FolderCog,
-          isDisabled: props.settingButtonProps.isDisabled ?? props.isDisabled
-        },
-        `${t("ui.button.setting.text")} ${t("resources.topic.text")}`
-      ), props.createCategoryButtonProps && /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          ...props.createCategoryButtonProps,
-          variant: "success",
-          icon: FileSpreadsheet,
-          isDisabled: props.createCategoryButtonProps.isDisabled ?? props.isDisabled
-        },
-        t("ui.button.create.text")
-      ), props.createButtonProps && /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "success",
-          icon: FilePlus,
-          ...props.createButtonProps
-        },
-        t("ui.button.create.text")
-      ))
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        props.settingButtonProps && props.showTopicSettingButton && /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...props.settingButtonProps,
+            variant: "outline",
+            icon: FolderCog,
+            isDisabled: props.settingButtonProps.isDisabled ?? props.isDisabled,
+            children: `${t("ui.button.setting.text")} ${t("resources.topic.text")}`
+          }
+        ),
+        props.createCategoryButtonProps && /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...props.createCategoryButtonProps,
+            variant: "success",
+            icon: FileSpreadsheet,
+            isDisabled: props.createCategoryButtonProps.isDisabled ?? props.isDisabled,
+            children: t("ui.button.create.text")
+          }
+        ),
+        props.createButtonProps && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "success",
+            icon: FilePlus,
+            ...props.createButtonProps,
+            children: t("ui.button.create.text")
+          }
+        )
+      ] })
     },
-    right: props.batchButtonProps && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { variant: "outline", icon: FileStack, ...props.batchButtonProps }, /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, t("ui.button.batch.text"))))
+    right: props.batchButtonProps && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Button, { variant: "outline", icon: FileStack, ...props.batchButtonProps, children: /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("ui.button.batch.text") }) }) })
   };
 }
 

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

@@ -1,3 +1,4 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { File, FileStack, FolderSearch, FilePen, FileX, Lock } from 'lucide-react';
 import 'react';
 import 'ua-parser-js';
@@ -9,46 +10,51 @@ import { ReturnButton } from '../../../buttons/return-button.js';
 function createShowPreset(ctx) {
   const { props, t } = ctx;
   return {
-    left: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReturnButton, { pushToParent: true, ...props.returnButtonProps })),
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps }) }),
     titleProps: {
       icon: File,
-      children: !props.isNotFound && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, props.showButtonProps && /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          ...props.showButtonProps,
-          variant: "outline",
-          icon: FolderSearch,
-          isDisabled: props.showButtonProps.isDisabled || props.isDisabled
-        },
-        `${t("ui.button.show.text")} ${t("resources.related.text")}`
-      ), props.editButtonProps && /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          ...props.editButtonProps,
-          variant: "warning",
-          icon: FilePen,
-          isDisabled: props.editButtonProps.isDisabled || props.isDisabled
-        },
-        t("ui.button.edit.text")
-      ), props.destroyButtonProps && /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          ...props.destroyButtonProps,
-          variant: "destructive",
-          icon: FileX,
-          isDisabled: props.destroyButtonProps.isDisabled || props.isDisabled
-        },
-        t("ui.button.destroy.text")
-      ), /* @__PURE__ */ React.createElement(
-        Lock,
-        {
-          className: cn(
-            props.isLocked && !props.isDisabled ? "opacity-100" : "opacity-0"
-          )
-        }
-      ))
+      children: !props.isNotFound && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        props.showButtonProps && /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...props.showButtonProps,
+            variant: "outline",
+            icon: FolderSearch,
+            isDisabled: props.showButtonProps.isDisabled || props.isDisabled,
+            children: `${t("ui.button.show.text")} ${t("resources.related.text")}`
+          }
+        ),
+        props.editButtonProps && /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...props.editButtonProps,
+            variant: "warning",
+            icon: FilePen,
+            isDisabled: props.editButtonProps.isDisabled || props.isDisabled,
+            children: t("ui.button.edit.text")
+          }
+        ),
+        props.destroyButtonProps && /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...props.destroyButtonProps,
+            variant: "destructive",
+            icon: FileX,
+            isDisabled: props.destroyButtonProps.isDisabled || props.isDisabled,
+            children: t("ui.button.destroy.text")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Lock,
+          {
+            className: cn(
+              props.isLocked && !props.isDisabled ? "opacity-100" : "opacity-0"
+            )
+          }
+        )
+      ] })
     },
-    right: props.batchButtonProps && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { variant: "outline", icon: FileStack, ...props.batchButtonProps }, /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, t("ui.button.batch.text"))))
+    right: props.batchButtonProps && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Button, { variant: "outline", icon: FileStack, ...props.batchButtonProps, children: /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("ui.button.batch.text") }) }) })
   };
 }
 

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

@@ -1,3 +1,4 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Trash2, CopyCheck, CopyX, FileSymlink, FileX } from 'lucide-react';
 import { Button } from '../../../buttons/button.js';
 import { ReturnButton } from '../../../buttons/return-button.js';
@@ -5,28 +6,33 @@ import { ReturnButton } from '../../../buttons/return-button.js';
 function createTrashPreset(ctx) {
   const { props, t } = ctx;
   return {
-    left: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReturnButton, { pushToParent: true, ...props.returnButtonProps })),
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps }) }),
     titleProps: {
       icon: Trash2,
       title: t("main.trash.text")
     },
-    right: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { size: "icon", variant: "outline", onClick: props.selectAllFn }, /* @__PURE__ */ React.createElement(CopyCheck, null)), /* @__PURE__ */ React.createElement(Button, { size: "icon", variant: "outline", onClick: props.cancelAllFn }, /* @__PURE__ */ React.createElement(CopyX, null)), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        ...props.restoreButtonProps,
-        variant: "success",
-        icon: FileSymlink
-      },
-      t("ui.button.restore.text")
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        ...props.destroyButtonProps,
-        variant: "destructive",
-        icon: FileX
-      },
-      t("ui.button.destroy.text")
-    ))
+    right: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", onClick: props.selectAllFn, children: /* @__PURE__ */ jsx(CopyCheck, {}) }),
+      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", onClick: props.cancelAllFn, children: /* @__PURE__ */ jsx(CopyX, {}) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          ...props.restoreButtonProps,
+          variant: "success",
+          icon: FileSymlink,
+          children: t("ui.button.restore.text")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          ...props.destroyButtonProps,
+          variant: "destructive",
+          icon: FileX,
+          children: t("ui.button.destroy.text")
+        }
+      )
+    ] })
   };
 }
 

package/dist/src/client/interfaces/components/ui/buttons/button.js

@@ -1,3 +1,5 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRouter } from 'next/navigation';
 import { createElement } from 'react';
 import '@radix-ui/react-avatar';
@@ -37,15 +39,18 @@ function Button({
       router.push(href);
     }
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Button$1,
     {
       type: props.type ?? "button",
       disabled: isDisabled || isLoading,
       onClick: props.onClick ?? handleClick,
-      ...props
-    },
-    isLoading ? /* @__PURE__ */ React.createElement(Spinner, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, icon && createElement(icon), children)
+      ...props,
+      children: isLoading ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        icon && createElement(icon),
+        children
+      ] })
+    }
   );
 }
 

package/dist/src/client/interfaces/components/ui/buttons/return-button.js

@@ -1,3 +1,5 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { Undo2 } from 'lucide-react';
 import { useRouter } from 'next/navigation';
@@ -42,7 +44,7 @@ function ReturnButton({
     }
     router.back();
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Button,
     {
       variant: "outline",
@@ -50,9 +52,9 @@ function ReturnButton({
       icon: useIcon ? icon || Undo2 : void 0,
       onClick: handelClick,
       className,
-      ...props
-    },
-    children ?? t("ui.button.return.text")
+      ...props,
+      children: children ?? t("ui.button.return.text")
+    }
   );
 }
 

package/dist/src/client/interfaces/components/ui/features/expandable-list/expand-bar.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { CirclePlus, CircleMinus } from 'lucide-react';
 import 'react';
 import 'ua-parser-js';
@@ -16,7 +17,7 @@ import '../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 
 function ExpandBar({ isExpand }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
@@ -24,11 +25,13 @@ function ExpandBar({ isExpand }) {
         "flex-center gap-1",
         "opacity-50 group-hover:opacity-100",
         "transition"
-      )
-    },
-    /* @__PURE__ */ React.createElement(Separator, { className: "my-3 flex-1" }),
-    !isExpand ? /* @__PURE__ */ React.createElement(CirclePlus, { className: "text-base-content size-5 min-w-5" }) : /* @__PURE__ */ React.createElement(CircleMinus, { className: "text-base-content size-5 min-w-5" }),
-    /* @__PURE__ */ React.createElement(Separator, { className: "my-3 flex-1" })
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Separator, { className: "my-3 flex-1" }),
+        !isExpand ? /* @__PURE__ */ jsx(CirclePlus, { className: "text-base-content size-5 min-w-5" }) : /* @__PURE__ */ jsx(CircleMinus, { className: "text-base-content size-5 min-w-5" }),
+        /* @__PURE__ */ jsx(Separator, { className: "my-3 flex-1" })
+      ]
+    }
   );
 }
 

package/dist/src/client/interfaces/components/ui/features/expandable-list/expandable-list-content.js

@@ -1,3 +1,5 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import 'ua-parser-js';
 import { cn } from '../../../../../applications/shadcn/utils.js';
@@ -25,17 +27,22 @@ function ExpandableListContent({
     }
     el.style.maxHeight = isExpand ? `${height}px` : `${COLLAPSED_HEIGHT}px`;
   }, [isExpand, isDisabled, items.length, children, onOverflowChange]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: containerRef,
-      className: cn("overflow-hidden", "flex flex-wrap gap-1", "duration-150")
-    },
-    children,
-    items.map((eachItem, idx) => {
-      const matched = isUnique && eachItem === item;
-      return /* @__PURE__ */ React.createElement("span", { key: `${eachItem}-${idx}` }, /* @__PURE__ */ React.createElement("span", { className: cn(matched && "text-error") }, eachItem), idx !== items.length - 1 && ",");
-    })
+      className: cn("overflow-hidden", "flex flex-wrap gap-1", "duration-150"),
+      children: [
+        children,
+        items.map((eachItem, idx) => {
+          const matched = isUnique && eachItem === item;
+          return /* @__PURE__ */ jsxs("span", { children: [
+            /* @__PURE__ */ jsx("span", { className: cn(matched && "text-error"), children: eachItem }),
+            idx !== items.length - 1 && ","
+          ] }, `${eachItem}-${idx}`);
+        })
+      ]
+    }
   );
 }