mtxuilib 0.0.308 → 0.0.310

package/dist/esm/NovelEditorLoader.js

@@ -1,11 +1,15 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Suspense, useState } from "react";
 import { TailwindAdvancedEditor } from "./ui/novel/tailwind/advanced-editor";
 const TWEditorLoder = () => {
   const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", { onClick: () => {
-    console.log("load editor");
-    setOpen(true);
-  } }, " load"), open && /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement(React.Fragment, null, "loading") }, /* @__PURE__ */ React.createElement(TailwindAdvancedEditor, null)));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("button", { onClick: () => {
+      console.log("load editor");
+      setOpen(true);
+    }, children: " load" }),
+    open && /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Fragment, { children: "loading" }), children: /* @__PURE__ */ jsx(TailwindAdvancedEditor, {}) })
+  ] });
 };
 export {
   TWEditorLoder

package/dist/esm/common/FullCenter.js

@@ -1,7 +1,8 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 const FullCenter = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full w-full items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, children));
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "flex-1", children }) });
 };
 export {
   FullCenter

package/dist/esm/common/MtImage.js

@@ -17,6 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
 import Image from "next/image";
 import { isCloudflarePage } from "../lib/utils";
 const normalizeSrc = (src) => {
@@ -41,7 +42,7 @@ function getImageLoader() {
   }
 }
 const MtImage = (props) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Image,
     __spreadProps(__spreadValues({}, props), {
       loader: getImageLoader()

package/dist/esm/common/mtlink.js

@@ -27,6 +27,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import Link from "next/link";
 import React from "react";
@@ -36,7 +37,7 @@ const MtLink = React.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
     const Comp = asChild ? Slot : Link;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Comp,
       __spreadValues({
         className: cn(

package/dist/esm/common/table/cells/ExpenderCell.js

@@ -1,5 +1,7 @@
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -15,17 +17,20 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
 import { cn } from "../../../lib/utils";
 const ExpenderCell = (info) => {
-  return info.row.getCanExpand() ? /* @__PURE__ */ React.createElement(
+  return info.row.getCanExpand() ? /* @__PURE__ */ jsx(
     "button",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: "pointer"
     }, {
       onClick: info.row.getToggleExpandedHandler()
-    }),
-    /* @__PURE__ */ React.createElement(ChevronRight, { className: cn(info.row.getIsExpanded() && "rotate-90") })
+    }), {
+      children: /* @__PURE__ */ jsx(ChevronRight, { className: cn(info.row.getIsExpanded() && "rotate-90") })
+    })
   ) : "\u{1F535}";
 };
 export {

package/dist/esm/common/table/cells/SelectCell.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "../../../ui/select";
 const SelectCell = (info) => {
@@ -6,13 +7,16 @@ const SelectCell = (info) => {
   const onBlur = () => {
     const numValue = parseInt(value);
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "flex w-full" }, /* @__PURE__ */ React.createElement("input", { type: "number", value, onChange: (e) => setValue(e.target.value), onBlur, className: "grow" }));
+  return /* @__PURE__ */ jsx("div", { className: "flex w-full", children: /* @__PURE__ */ jsx("input", { type: "number", value, onChange: (e) => setValue(e.target.value), onBlur, className: "grow" }) });
 };
 const NewSelectCell = ({ placeholder, items }) => {
   const component = (_info) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Select, null, /* @__PURE__ */ React.createElement(SelectTrigger, { className: "w-[180px]" }, /* @__PURE__ */ React.createElement(SelectValue, { placeholder: placeholder || "--" })), /* @__PURE__ */ React.createElement(SelectContent, null, /* @__PURE__ */ React.createElement(SelectGroup, null, items == null ? void 0 : items.map((item, i) => {
-      return /* @__PURE__ */ React.createElement(SelectItem, { value: item.value, key: i }, item.label);
-    })))));
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Select, { children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: placeholder || "--" }) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx(SelectGroup, { children: items == null ? void 0 : items.map((item, i) => {
+        return /* @__PURE__ */ jsx(SelectItem, { value: item.value, children: item.label }, i);
+      }) }) })
+    ] }) });
   };
   return component;
 };

package/dist/esm/common/table/cells/Text.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx } from "react/jsx-runtime";
 import React from "react";
 const NewTextCell = ({ enableEdit, placeholder, popup }) => (info) => {
   const initialValue = info.cell.getValue();
@@ -8,7 +9,7 @@ const NewTextCell = ({ enableEdit, placeholder, popup }) => (info) => {
   }, [initialValue]);
   const onBlur = () => {
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, value);
+  return /* @__PURE__ */ jsx(Fragment, { children: value });
 };
 export {
   NewTextCell

package/dist/esm/common/table/cells/ViewLink.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import React from "react";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "../../../ui/select";
@@ -7,13 +8,16 @@ const ViewLinkCell = (info) => {
   const onBlur = () => {
     const numValue = parseInt(value);
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Link, { href: "#" }, "res link"));
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Link, { href: "#", children: "res link" }) });
 };
 const NewSelectCell = ({ placeholder, items }) => {
   return (info) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Select, null, /* @__PURE__ */ React.createElement(SelectTrigger, { className: "w-[180px]" }, /* @__PURE__ */ React.createElement(SelectValue, { placeholder: placeholder || "--" })), /* @__PURE__ */ React.createElement(SelectContent, null, /* @__PURE__ */ React.createElement(SelectGroup, null, items == null ? void 0 : items.map((item, i) => {
-      return /* @__PURE__ */ React.createElement(SelectItem, { value: item.value, key: i }, item.label);
-    })))));
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Select, { children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: placeholder || "--" }) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx(SelectGroup, { children: items == null ? void 0 : items.map((item, i) => {
+        return /* @__PURE__ */ jsx(SelectItem, { value: item.value, children: item.label }, i);
+      }) }) })
+    ] }) });
   };
 };
 export {

package/dist/esm/common/table/cells/container/cellWrapper.js

@@ -1,6 +1,7 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 const CellWrapper = ({ children }) => {
-  return /* @__PURE__ */ React.createElement("div", null, children);
+  return /* @__PURE__ */ jsx("div", { children });
 };
 export {
   CellWrapper

package/dist/esm/common/table/cells/number.js

@@ -1,11 +1,12 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import React from "react";
 const NumberCell = (info) => {
   const [value, setValue] = React.useState(info.cell.getValue());
   const onBlur = () => {
     const numValue = parseInt(value);
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "flex w-full" }, /* @__PURE__ */ React.createElement("input", { type: "number", value, onChange: (e) => setValue(e.target.value), onBlur, className: "grow" }));
+  return /* @__PURE__ */ jsx("div", { className: "flex w-full", children: /* @__PURE__ */ jsx("input", { type: "number", value, onChange: (e) => setValue(e.target.value), onBlur, className: "grow" }) });
 };
 export {
   NumberCell

package/dist/esm/common/table/cells/string.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { CellWrapper } from "./container/cellWrapper";
 const StringCell = (info) => {
@@ -10,7 +11,7 @@ const StringCell = (info) => {
   React.useEffect(() => {
     setValue(initialValue);
   }, [initialValue]);
-  return /* @__PURE__ */ React.createElement(CellWrapper, null, value);
+  return /* @__PURE__ */ jsx(CellWrapper, { children: value });
 };
 export {
   StringCell

package/dist/esm/common/table/data-table-pagination.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   ChevronLeftIcon,
   ChevronRightIcon,
@@ -10,57 +11,94 @@ import { MtButton } from "../../ui/ui-mt/Button";
 function DataTablePagination({
   table
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between px-2" }, /* @__PURE__ */ React.createElement("div", { className: "text-muted-foreground flex-1 text-sm" }, table.getFilteredSelectedRowModel().rows.length, " of", " ", table.getFilteredRowModel().rows.length, " row(s) selected."), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-6 lg:space-x-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium" }, "Rows per page"), /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      value: `${table.getState().pagination.pageSize}`,
-      onValueChange: (value) => {
-        table.setPageSize(Number(value));
-      }
-    },
-    /* @__PURE__ */ React.createElement(SelectTrigger, { className: "h-8 w-[70px]" }, /* @__PURE__ */ React.createElement(SelectValue, { placeholder: table.getState().pagination.pageSize })),
-    /* @__PURE__ */ React.createElement(SelectContent, { side: "top" }, [10, 20, 30, 40, 50].map((pageSize) => /* @__PURE__ */ React.createElement(SelectItem, { key: pageSize, value: `${pageSize}` }, pageSize)))
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium" }, "Page ", table.getState().pagination.pageIndex + 1, " of", " ", table.getPageCount()), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement(
-    MtButton,
-    {
-      variant: "outline",
-      className: "hidden h-8 w-8 p-0 lg:flex",
-      onClick: () => table.setPageIndex(0),
-      disabled: !table.getCanPreviousPage()
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Go to first page"),
-    /* @__PURE__ */ React.createElement(DoubleArrowLeftIcon, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React.createElement(
-    MtButton,
-    {
-      variant: "outline",
-      className: "h-8 w-8 p-0",
-      onClick: () => table.previousPage(),
-      disabled: !table.getCanPreviousPage()
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Go to previous page"),
-    /* @__PURE__ */ React.createElement(ChevronLeftIcon, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React.createElement(
-    MtButton,
-    {
-      variant: "outline",
-      className: "h-8 w-8 p-0",
-      onClick: () => table.nextPage(),
-      disabled: !table.getCanNextPage()
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Go to next page"),
-    /* @__PURE__ */ React.createElement(ChevronRightIcon, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React.createElement(
-    MtButton,
-    {
-      variant: "outline",
-      className: "hidden h-8 w-8 p-0 lg:flex",
-      onClick: () => table.setPageIndex(table.getPageCount() - 1),
-      disabled: !table.getCanNextPage()
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Go to last page"),
-    /* @__PURE__ */ React.createElement(DoubleArrowRightIcon, { className: "h-4 w-4" })
-  ))));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex-1 text-sm", children: [
+      table.getFilteredSelectedRowModel().rows.length,
+      " of",
+      " ",
+      table.getFilteredRowModel().rows.length,
+      " row(s) selected."
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Rows per page" }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: `${table.getState().pagination.pageSize}`,
+            onValueChange: (value) => {
+              table.setPageSize(Number(value));
+            },
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }),
+              /* @__PURE__ */ jsx(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => /* @__PURE__ */ jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+        "Page ",
+        table.getState().pagination.pageIndex + 1,
+        " of",
+        " ",
+        table.getPageCount()
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsxs(
+          MtButton,
+          {
+            variant: "outline",
+            className: "hidden h-8 w-8 p-0 lg:flex",
+            onClick: () => table.setPageIndex(0),
+            disabled: !table.getCanPreviousPage(),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Go to first page" }),
+              /* @__PURE__ */ jsx(DoubleArrowLeftIcon, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          MtButton,
+          {
+            variant: "outline",
+            className: "h-8 w-8 p-0",
+            onClick: () => table.previousPage(),
+            disabled: !table.getCanPreviousPage(),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Go to previous page" }),
+              /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          MtButton,
+          {
+            variant: "outline",
+            className: "h-8 w-8 p-0",
+            onClick: () => table.nextPage(),
+            disabled: !table.getCanNextPage(),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Go to next page" }),
+              /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          MtButton,
+          {
+            variant: "outline",
+            className: "hidden h-8 w-8 p-0 lg:flex",
+            onClick: () => table.setPageIndex(table.getPageCount() - 1),
+            disabled: !table.getCanNextPage(),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Go to last page" }),
+              /* @__PURE__ */ jsx(DoubleArrowRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
 export {
   DataTablePagination

package/dist/esm/common/table/data-table-view-options.js

@@ -1,33 +1,43 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { MixerHorizontalIcon } from "@radix-ui/react-icons";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "../../ui/dropdown-menu";
 import { MtButton } from "../../ui/ui-mt/Button";
 function DataTableViewOptions({
   table
 }) {
-  return /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    MtButton,
-    {
-      variant: "outline",
-      size: "sm",
-      className: "ml-auto hidden h-8 lg:flex"
-    },
-    /* @__PURE__ */ React.createElement(MixerHorizontalIcon, { className: "mr-2 h-4 w-4" }),
-    "View"
-  )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", className: "w-[150px]" }, /* @__PURE__ */ React.createElement(DropdownMenuLabel, null, "Toggle columns"), /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null), table.getAllColumns().filter(
-    (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
-  ).map((column) => {
-    return /* @__PURE__ */ React.createElement(
-      DropdownMenuCheckboxItem,
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      MtButton,
       {
-        key: column.id,
-        className: "capitalize",
-        checked: column.getIsVisible(),
-        onCheckedChange: (value) => column.toggleVisibility(!!value)
-      },
-      column.id
-    );
-  })));
+        variant: "outline",
+        size: "sm",
+        className: "ml-auto hidden h-8 lg:flex",
+        children: [
+          /* @__PURE__ */ jsx(MixerHorizontalIcon, { className: "mr-2 h-4 w-4" }),
+          "View"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-[150px]", children: [
+      /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      table.getAllColumns().filter(
+        (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
+      ).map((column) => {
+        return /* @__PURE__ */ jsx(
+          DropdownMenuCheckboxItem,
+          {
+            className: "capitalize",
+            checked: column.getIsVisible(),
+            onCheckedChange: (value) => column.toggleVisibility(!!value),
+            children: column.id
+          },
+          column.id
+        );
+      })
+    ] })
+  ] });
 }
 export {
   DataTableViewOptions

package/dist/esm/common/tailwind-indicator.js

@@ -1,8 +1,16 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 const TailwindIndicator = () => {
   if (true)
     return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white" }, /* @__PURE__ */ React.createElement("div", { className: "block sm:hidden" }, "xs"), /* @__PURE__ */ React.createElement("div", { className: "hidden sm:block md:hidden" }, "sm"), /* @__PURE__ */ React.createElement("div", { className: "hidden md:block lg:hidden" }, "md"), /* @__PURE__ */ React.createElement("div", { className: "hidden lg:block xl:hidden" }, "lg"), /* @__PURE__ */ React.createElement("div", { className: "hidden xl:block 2xl:hidden" }, "xl"), /* @__PURE__ */ React.createElement("div", { className: "hidden 2xl:block" }, "2xl"));
+  return /* @__PURE__ */ jsxs("div", { className: "fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white", children: [
+    /* @__PURE__ */ jsx("div", { className: "block sm:hidden", children: "xs" }),
+    /* @__PURE__ */ jsx("div", { className: "hidden sm:block md:hidden", children: "sm" }),
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block lg:hidden", children: "md" }),
+    /* @__PURE__ */ jsx("div", { className: "hidden lg:block xl:hidden", children: "lg" }),
+    /* @__PURE__ */ jsx("div", { className: "hidden xl:block 2xl:hidden", children: "xl" }),
+    /* @__PURE__ */ jsx("div", { className: "hidden 2xl:block", children: "2xl" })
+  ] });
 };
 export {
   TailwindIndicator

package/dist/esm/entry-client.js

@@ -1,8 +1,9 @@
+import { jsx } from "react/jsx-runtime";
 import "./index.css";
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
 ReactDOM.hydrateRoot(
   document.getElementById("root"),
-  /* @__PURE__ */ React.createElement(React.StrictMode, null, /* @__PURE__ */ React.createElement(App, null))
+  /* @__PURE__ */ jsx(React.StrictMode, { children: /* @__PURE__ */ jsx(App, {}) })
 );

package/dist/esm/entry-server.js

@@ -1,9 +1,10 @@
+import { jsx } from "react/jsx-runtime";
 import React from "react";
 import ReactDOMServer from "react-dom/server";
 import App from "./App";
 function render() {
   const html = ReactDOMServer.renderToString(
-    /* @__PURE__ */ React.createElement(React.StrictMode, null, /* @__PURE__ */ React.createElement(App, null))
+    /* @__PURE__ */ jsx(React.StrictMode, { children: /* @__PURE__ */ jsx(App, {}) })
   );
   console.log("html", html);
   return { html };