@akanjs/ui 0.0.151 → 0.0.152

package/cjs/Model/NewWrapper_Client.js

@@ -21,6 +21,7 @@ __export(NewWrapper_Client_exports, {
   NewWrapper_Client: () => NewWrapper_Client
 });
 module.exports = __toCommonJS(NewWrapper_Client_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_common = require("@akanjs/common");
 var import_signal = require("@akanjs/signal");
@@ -46,7 +47,7 @@ const NewWrapper_Client = ({
   const crystalizeModel = import_signal.fetch[names.crystalizeModel];
   const modelModal = storeUse[names.modelModal]();
   const disabled = modelModal === "edit";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       className: (0, import_client.clsx)({ "cursor-pointer": !disabled, "pointer-events-none": disabled }, className),
@@ -59,8 +60,8 @@ const NewWrapper_Client = ({
         resets?.forEach((reset) => {
           void storeDo[`reset${(0, import_common.capitalize)(reset)}`]();
         });
-      }
-    },
-    children
+      },
+      children
+    }
   );
 };

package/cjs/Model/Remove.js

@@ -21,6 +21,7 @@ __export(Remove_exports, {
   default: () => Remove
 });
 module.exports = __toCommonJS(Remove_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_common = require("@akanjs/common");
 var import_dictionary = require("@akanjs/dictionary");
@@ -42,45 +43,50 @@ function Remove({ className, name, modelId, sliceName, modal, redirect }) {
     }),
     []
   );
-  return /* @__PURE__ */ React.createElement("div", { className: "inline size-full" }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      className: (0, import_client.clsx)("btn text-error btn-sm size-full flex-nowrap whitespace-nowrap", className),
-      onClick: (e) => {
-        e.stopPropagation();
-        setModalOpen(true);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "inline size-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        className: (0, import_client.clsx)("btn text-error btn-sm size-full flex-nowrap whitespace-nowrap", className),
+        onClick: (e) => {
+          e.stopPropagation();
+          setModalOpen(true);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineDelete, {}),
+          " ",
+          l("shared.remove")
+        ]
       }
-    },
-    /* @__PURE__ */ React.createElement(import_ai.AiOutlineDelete, null),
-    " ",
-    l("shared.remove")
-  ), /* @__PURE__ */ React.createElement(
-    import_Modal.Modal,
-    {
-      open: modalOpen,
-      onCancel: () => {
-        setModalOpen(false);
-      },
-      title: /* @__PURE__ */ React.createElement("div", { className: "text-error text-lg font-bold" }, l("shared.removeModel", { model: l(`${modelName}.modelName`) })),
-      action: /* @__PURE__ */ React.createElement(
-        import_Button.Button,
-        {
-          className: "btn btn-warning w-full",
-          onClick: async (e, { onError }) => {
-            await storeDo[names.removeModel](modelId, { onError, modal });
-            import_dictionary.msg.success("shared.removeSuccess", { data: { model: l(`${modelName}.modelName`) } });
-            setModalOpen(false);
-            if (!redirect)
-              return;
-            if (redirect === "back")
-              import_client.router.back();
-            else
-              import_client.router.push(redirect);
-          }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Modal.Modal,
+      {
+        open: modalOpen,
+        onCancel: () => {
+          setModalOpen(false);
         },
-        l("shared.yesRemove", { model: l(`${modelName}.modelName`) })
-      )
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center justify-center" }, l("shared.sureToRemove", { model: l(`${modelName}.modelName`), name: name ?? "" }))
-  ));
+        title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-error text-lg font-bold", children: l("shared.removeModel", { model: l(`${modelName}.modelName`) }) }),
+        action: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Button.Button,
+          {
+            className: "btn btn-warning w-full",
+            onClick: async (e, { onError }) => {
+              await storeDo[names.removeModel](modelId, { onError, modal });
+              import_dictionary.msg.success("shared.removeSuccess", { data: { model: l(`${modelName}.modelName`) } });
+              setModalOpen(false);
+              if (!redirect)
+                return;
+              if (redirect === "back")
+                import_client.router.back();
+              else
+                import_client.router.push(redirect);
+            },
+            children: l("shared.yesRemove", { model: l(`${modelName}.modelName`) })
+          }
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex w-full items-center justify-center", children: l("shared.sureToRemove", { model: l(`${modelName}.modelName`), name: name ?? "" }) })
+      }
+    )
+  ] });
 }

package/cjs/Model/RemoveWrapper.js

@@ -21,6 +21,7 @@ __export(RemoveWrapper_exports, {
   default: () => RemoveWrapper
 });
 module.exports = __toCommonJS(RemoveWrapper_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_common = require("@akanjs/common");
 var import_next = require("@akanjs/next");
@@ -34,15 +35,15 @@ function RemoveWrapper({ children, sliceName, name, modelId, className, modal })
     removeModel: `remove${(0, import_common.capitalize)(modelName)}`
   };
   const storeDo = import_store.st.do;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Popconfirm.Popconfirm,
     {
       title: l("shared.removeModel", { model: l(`${modelName}.modelName`) }),
-      description: /* @__PURE__ */ React.createElement("div", null, l("shared.sureToRemove", { model: l(`${modelName}.modelName`), name })),
+      description: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: l("shared.sureToRemove", { model: l(`${modelName}.modelName`), name }) }),
       onConfirm: () => {
         void storeDo[names.removeModel](modelId, { modal });
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: (0, import_client.clsx)("cursor-pointer", className) }, children)
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("cursor-pointer", className), children })
+    }
   );
 }

package/cjs/Model/SureToRemove.js

@@ -21,6 +21,7 @@ __export(SureToRemove_exports, {
   default: () => SureToRemove
 });
 module.exports = __toCommonJS(SureToRemove_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_common = require("@akanjs/common");
 var import_dictionary = require("@akanjs/dictionary");
@@ -49,61 +50,76 @@ function SureToRemove({
     }),
     []
   );
-  return /* @__PURE__ */ React.createElement("div", { className: "inline size-full" }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: (0, import_client.clsx)(
-        "text-error flex size-full cursor-pointer flex-nowrap items-center justify-center gap-2 whitespace-nowrap",
-        className
-      ),
-      onClick: (e) => {
-        e.stopPropagation();
-        setModalOpen(true);
-      }
-    },
-    /* @__PURE__ */ React.createElement(import_ai.AiOutlineDelete, null),
-    " ",
-    l("shared.remove")
-  ), /* @__PURE__ */ React.createElement(
-    import_Modal.Modal,
-    {
-      open: modalOpen,
-      onCancel: () => {
-        setModalOpen(false);
-      },
-      title: /* @__PURE__ */ React.createElement("div", { className: "text-error text-lg font-bold" }, l("shared.removeModel", { model: l(`${modelName}.modelName`) })),
-      bodyClassName: "border-error",
-      action: /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          className: "btn btn-error w-full",
-          disabled: typeNameToRemove && repeatName !== name,
-          onClick: async () => {
-            await storeDo[names.removeModel](modelId);
-            import_dictionary.msg.success("shared.removeSuccess", { data: { model: l(`${modelName}.modelName`) } });
-            setModalOpen(false);
-            if (!redirect)
-              return;
-            if (redirect === "back")
-              import_client.router.back();
-            else
-              import_client.router.push(redirect);
-          }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "inline size-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: (0, import_client.clsx)(
+          "text-error flex size-full cursor-pointer flex-nowrap items-center justify-center gap-2 whitespace-nowrap",
+          className
+        ),
+        onClick: (e) => {
+          e.stopPropagation();
+          setModalOpen(true);
         },
-        l("shared.removeModel", { model: l(`${modelName}.modelName`) })
-      )
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "py-4" }, l("shared.sureToRemove", { model: l(`${modelName}.modelName`), name }), /* @__PURE__ */ React.createElement("br", null), l("shared.irreversibleOps"), typeNameToRemove ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("br", null), l("shared.typeNameToRemove", { model: l(`${modelName}.modelName`), name })) : null),
-    typeNameToRemove ? /* @__PURE__ */ React.createElement(
-      "input",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineDelete, {}),
+          " ",
+          l("shared.remove")
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_Modal.Modal,
       {
-        className: "input w-full text-center",
-        placeholder: `${l(`${modelName}.modelName`)} name`,
-        value: repeatName,
-        onChange: (e) => {
-          setRepeatName(e.target.value);
-        }
+        open: modalOpen,
+        onCancel: () => {
+          setModalOpen(false);
+        },
+        title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-error text-lg font-bold", children: l("shared.removeModel", { model: l(`${modelName}.modelName`) }) }),
+        bodyClassName: "border-error",
+        action: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: "btn btn-error w-full",
+            disabled: typeNameToRemove && repeatName !== name,
+            onClick: async () => {
+              await storeDo[names.removeModel](modelId);
+              import_dictionary.msg.success("shared.removeSuccess", { data: { model: l(`${modelName}.modelName`) } });
+              setModalOpen(false);
+              if (!redirect)
+                return;
+              if (redirect === "back")
+                import_client.router.back();
+              else
+                import_client.router.push(redirect);
+            },
+            children: l("shared.removeModel", { model: l(`${modelName}.modelName`) })
+          }
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "py-4", children: [
+            l("shared.sureToRemove", { model: l(`${modelName}.modelName`), name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+            l("shared.irreversibleOps"),
+            typeNameToRemove ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+              l("shared.typeNameToRemove", { model: l(`${modelName}.modelName`), name })
+            ] }) : null
+          ] }),
+          typeNameToRemove ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              className: "input w-full text-center",
+              placeholder: `${l(`${modelName}.modelName`)} name`,
+              value: repeatName,
+              onChange: (e) => {
+                setRepeatName(e.target.value);
+              }
+            }
+          ) : null
+        ]
       }
-    ) : null
-  ));
+    )
+  ] });
 }

package/cjs/Model/View.js

@@ -21,6 +21,7 @@ __export(View_exports, {
   default: () => View
 });
 module.exports = __toCommonJS(View_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ai = require("react-icons/ai");
 function View({
@@ -33,12 +34,21 @@ function View({
   empty
 }) {
   const RenderLoadingWrapper = (0, import_react.useMemo)(
-    () => loadingWrapper === null ? ({ children, className: className2 }) => children : loadingWrapper ?? (({ children, className: className2 }) => /* @__PURE__ */ React.createElement(React.Fragment, null, children, modelLoading ? /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 animate-pulse" }) : null)),
+    () => loadingWrapper === null ? ({ children, className: className2 }) => children : loadingWrapper ?? (({ children, className: className2 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      children,
+      modelLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 animate-pulse" }) : null
+    ] })),
     [modelLoading]
   );
   const RenderModel = (0, import_react.useMemo)(
-    () => modelLoading ? loading === null ? () => null : loading ?? (() => /* @__PURE__ */ React.createElement("div", { className: "flex size-full flex-col items-center justify-center gap-3 pt-6 pb-3" }, /* @__PURE__ */ React.createElement("span", { className: "loading loading-dots loading-lg" }), "Loading")) : model ? () => render(model) : empty === null ? () => null : empty ?? (() => /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col items-center justify-center gap-3 pt-6 pb-3" }, /* @__PURE__ */ React.createElement(import_ai.AiOutlineMeh, { className: "scale-150 text-4xl" }), " Empty")),
+    () => modelLoading ? loading === null ? () => null : loading ?? (() => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex size-full flex-col items-center justify-center gap-3 pt-6 pb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "loading loading-dots loading-lg" }),
+      "Loading"
+    ] })) : model ? () => render(model) : empty === null ? () => null : empty ?? (() => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full flex-col items-center justify-center gap-3 pt-6 pb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineMeh, { className: "scale-150 text-4xl" }),
+      " Empty"
+    ] })),
     [model, modelLoading]
   );
-  return /* @__PURE__ */ React.createElement(RenderLoadingWrapper, { className }, /* @__PURE__ */ React.createElement(RenderModel, null));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RenderLoadingWrapper, { className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RenderModel, {}) });
 }

package/cjs/Model/ViewEditModal.js

@@ -31,6 +31,7 @@ __export(ViewEditModal_exports, {
   default: () => ViewEditModal
 });
 module.exports = __toCommonJS(ViewEditModal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_common = require("@akanjs/common");
 var import_next = require("@akanjs/next");
 var import_store = require("@akanjs/store");
@@ -71,15 +72,15 @@ function ViewEditModal({
   const isModalOpen = modelModal === "view" || modelModal === "edit" && !!modelFormId;
   const Title = () => {
     if (!model || modelLoading || !renderTitle)
-      return /* @__PURE__ */ React.createElement(React.Fragment, null);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
     const render = renderTitle(model);
     if (typeof render === "string")
-      return /* @__PURE__ */ React.createElement("h2", { className: "flex items-center text-sm md:text-base lg:text-lg xl:text-2xl" }, render);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "flex items-center text-sm md:text-base lg:text-lg xl:text-2xl", children: render });
     else
       return render;
   };
   const Template = renderTemplate;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Modal.Modal,
     {
       open: isModalOpen,
@@ -87,32 +88,42 @@ function ViewEditModal({
         storeDo[names.resetModel]();
       },
       className: modalClassName,
-      title: /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center justify-between" }, /* @__PURE__ */ React.createElement(Title, null), /* @__PURE__ */ React.createElement("div", { className: "dropdown dropdown-end" }, /* @__PURE__ */ React.createElement("label", { tabIndex: 0, className: "btn btn-square m-1" }, /* @__PURE__ */ React.createElement(import_bi.BiDotsVertical, null)), /* @__PURE__ */ React.createElement("ul", { tabIndex: 0, className: "dropdown-content menu bg-base-100 rounded-box z-[1] p-2 shadow-sm" }, model ? /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(import_Remove.default, { sliceName, modelId: model.id, modal: null })) : null))),
-      action: modelModal === "view" ? /* @__PURE__ */ React.createElement(
+      title: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dropdown dropdown-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { tabIndex: 0, className: "btn btn-square m-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bi.BiDotsVertical, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { tabIndex: 0, className: "dropdown-content menu bg-base-100 rounded-box z-[1] p-2 shadow-sm", children: model ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Remove.default, { sliceName, modelId: model.id, modal: null }) }) : null })
+        ] })
+      ] }),
+      action: modelModal === "view" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "button",
         {
           className: "btn btn-primary w-full",
           onClick: () => {
             if (model)
               storeDo[names.editModel](model.id);
-          }
-        },
-        /* @__PURE__ */ React.createElement(import_ai.AiOutlineEdit, null),
-        " ",
-        l("shared.edit")
-      ) : /* @__PURE__ */ React.createElement(
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineEdit, {}),
+            " ",
+            l("shared.edit")
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "button",
         {
           className: "btn btn-primary w-full",
           onClick: () => {
             storeDo[names.submitModel]({ sliceName, modal: "view" });
-          }
-        },
-        /* @__PURE__ */ React.createElement(import_ai.AiOutlineSave, null),
-        " ",
-        l("shared.save")
-      )
-    },
-    modelModal === "view" ? /* @__PURE__ */ React.createElement(import_View.default, { className: viewClassName, model, modelLoading, render: renderView }) : modelModal === "edit" ? /* @__PURE__ */ React.createElement(Template, null) : null
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineSave, {}),
+            " ",
+            l("shared.save")
+          ]
+        }
+      ),
+      children: modelModal === "view" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_View.default, { className: viewClassName, model, modelLoading, render: renderView }) : modelModal === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Template, {}) : null
+    }
   );
 }

package/cjs/Model/ViewModal.js

@@ -31,6 +31,7 @@ __export(ViewModal_exports, {
   default: () => ViewModal
 });
 module.exports = __toCommonJS(ViewModal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_common = require("@akanjs/common");
 var import_store = require("@akanjs/store");
 var import_Modal = require("../Modal");
@@ -63,20 +64,20 @@ function ViewModal({
   const isModalOpen = modelModal === (modal ?? "view") && (modelLoading === id || model?.id === id);
   const Title = () => {
     if (!model || modelLoading || !renderTitle)
-      return /* @__PURE__ */ React.createElement(React.Fragment, null);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
     const render = renderTitle(model);
     if (typeof render === "string")
-      return /* @__PURE__ */ React.createElement("h2", { className: "flex items-center text-2xl" }, render);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "flex items-center text-2xl", children: render });
     else
       return render;
   };
   const Action = () => {
     if (!model || modelLoading || !renderAction)
-      return /* @__PURE__ */ React.createElement(React.Fragment, null);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
     const render = renderAction(model);
     return render;
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Modal.Modal,
     {
       open: isModalOpen,
@@ -84,9 +85,9 @@ function ViewModal({
         storeDo[names.resetModel]();
       },
       className: modalClassName,
-      title: /* @__PURE__ */ React.createElement(Title, null),
-      action: /* @__PURE__ */ React.createElement(Action, null)
-    },
-    /* @__PURE__ */ React.createElement(import_View.default, { className: viewClassName, model, modelLoading, render: renderView })
+      title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, {}),
+      action: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Action, {}),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_View.default, { className: viewClassName, model, modelLoading, render: renderView })
+    }
   );
 }

package/cjs/Model/ViewWrapper.js

@@ -21,6 +21,7 @@ __export(ViewWrapper_exports, {
   default: () => ViewWrapper
 });
 module.exports = __toCommonJS(ViewWrapper_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_common = require("@akanjs/common");
 var import_store = require("@akanjs/store");
@@ -31,7 +32,7 @@ function ViewWrapper({ children, sliceName, modelId, className, modal, resets })
     viewModel: `view${(0, import_common.capitalize)(modelName)}`
   };
   const storeDo = import_store.st.do;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       className: (0, import_client.clsx)("cursor-pointer", className),
@@ -41,8 +42,8 @@ function ViewWrapper({ children, sliceName, modelId, className, modal, resets })
         resets?.forEach((reset) => {
           void storeDo[`reset${(0, import_common.capitalize)(reset)}`]();
         });
-      }
-    },
-    children
+      },
+      children
+    }
   );
 }

package/cjs/More.js

@@ -31,6 +31,7 @@ __export(More_exports, {
   More: () => More
 });
 module.exports = __toCommonJS(More_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_dynamic = __toESM(require("next/dynamic"));
 var import_react_device_detect = require("react-device-detect");
@@ -47,10 +48,10 @@ const More = ({
   reverse
 }) => {
   if (total <= itemsPerPage) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
   }
   if (import_react_device_detect.isMobile) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       InfiniteScroll,
       {
         total,
@@ -58,10 +59,13 @@ const More = ({
         itemsPerPage,
         onAddPage,
         onPageSelect,
-        reverse
-      },
-      children
+        reverse,
+        children
+      }
     );
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, children, /* @__PURE__ */ React.createElement("div", { className: (0, import_client.clsx)("mt-4 flex w-full flex-wrap justify-center", className) }, /* @__PURE__ */ React.createElement(import_Pagination.Pagination, { currentPage, total, itemsPerPage, onPageSelect })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("mt-4 flex w-full flex-wrap justify-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.Pagination, { currentPage, total, itemsPerPage, onPageSelect }) })
+  ] });
 };

package/cjs/ObjectId.js

@@ -21,6 +21,7 @@ __export(ObjectId_exports, {
   ObjectId: () => ObjectId
 });
 module.exports = __toCommonJS(ObjectId_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ai = require("react-icons/ai");
 const ObjectId = ({ id }) => {
@@ -33,5 +34,8 @@ const ObjectId = ({ id }) => {
       setIsCopied(false);
     }, 2e3);
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "tooltip tooltip-primary", "data-tip": id }, /* @__PURE__ */ React.createElement("div", { className: "text-xs font-semibold" }, shortenedId)), /* @__PURE__ */ React.createElement("button", { className: "btn btn-circle btn-xs", onClick: handleCopyClick }, isCopied ? /* @__PURE__ */ React.createElement(import_ai.AiOutlineCheck, null) : /* @__PURE__ */ React.createElement(import_ai.AiOutlineCopy, null)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tooltip tooltip-primary", "data-tip": id, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs font-semibold", children: shortenedId }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "btn btn-circle btn-xs", onClick: handleCopyClick, children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineCheck, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineCopy, {}) })
+  ] });
 };