@akanjs/ui 0.0.151 → 0.0.152

package/cjs/Loading/Skeleton.js

@@ -20,8 +20,14 @@ __export(Skeleton_exports, {
   Skeleton: () => Skeleton
 });
 module.exports = __toCommonJS(Skeleton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 const Skeleton = ({ className = "", active, style }) => {
   const activeClassName = active ? "animate-pulse" : "";
-  return /* @__PURE__ */ React.createElement("div", { className: (0, import_client.clsx)("w-full", activeClassName, className), style }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-start space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "h-4 w-2/5 rounded-md bg-gray-200" }), /* @__PURE__ */ React.createElement("div", { className: "h-4 w-full rounded-md bg-gray-200" }), /* @__PURE__ */ React.createElement("div", { className: "h-4 w-full rounded-md bg-gray-200" }), /* @__PURE__ */ React.createElement("div", { className: "h-4 w-3/5 rounded-md bg-gray-200" })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("w-full", activeClassName, className), style, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col justify-start space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-2/5 rounded-md bg-gray-200" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-full rounded-md bg-gray-200" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-full rounded-md bg-gray-200" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-3/5 rounded-md bg-gray-200" })
+  ] }) });
 };

package/cjs/Loading/Spin.js

@@ -20,8 +20,9 @@ __export(Spin_exports, {
   Spin: () => Spin
 });
 module.exports = __toCommonJS(Spin_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_ai = require("react-icons/ai");
 const Spin = ({ indicator, isCenter, className }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: (0, import_client.clsx)("inline-block py-1", className) }, /* @__PURE__ */ React.createElement("div", { className: isCenter ? "absolute inset-0 flex size-full flex-none items-center justify-center" : "" }, indicator ? /* @__PURE__ */ React.createElement("div", { className: "[&>svg]:animate-spin" }, indicator) : /* @__PURE__ */ React.createElement(import_ai.AiOutlineLoading, { className: "text-primary/60 animate-spin text-lg" })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("inline-block py-1", className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: isCenter ? "absolute inset-0 flex size-full flex-none items-center justify-center" : "", children: indicator ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "[&>svg]:animate-spin", children: indicator }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineLoading, { className: "text-primary/60 animate-spin text-lg" }) }) });
 };

package/cjs/Menu.js

@@ -21,6 +21,7 @@ __export(Menu_exports, {
   Menu: () => Menu
 });
 module.exports = __toCommonJS(Menu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_store = require("@akanjs/store");
 var import_react = require("react");
@@ -102,76 +103,86 @@ const Menu = ({
       return selectedKeys.includes(key);
     return key === currentKey;
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       ref: menuRef,
       id: "menu",
-      className: (0, import_client.clsx)(mode === "horizontal" ? "w-full shrink overflow-hidden" : "w-fit", className)
-    },
-    /* @__PURE__ */ React.createElement(
-      "ul",
-      {
-        className: (0, import_client.clsx)("menu size-full flex-nowrap overflow-y-auto p-0", modeClassName, ulClassName),
-        style: { ...style },
-        onMouseOver,
-        onMouseLeave
-      },
-      items.filter((item) => !overflowMenuItems.some((overflowItem) => overflowItem.key === item.key)).map((item, idx) => {
-        const isOverflowItem = overflowMenuItems.some((overflowItem) => overflowItem.key === item.key);
-        const overflowClassName = isOverflowItem ? "opacity-50" : "";
-        return /* @__PURE__ */ React.createElement(
-          "li",
-          {
-            ref: (el) => {
-              if (el)
-                LiRefs.current[idx] = el;
-            },
-            id: item.key,
-            key: item.key,
-            className: (0, import_client.clsx)("relative m-0 duration-200 hover:opacity-70", overflowClassName, liClassName, {
-              "bg-base-300": activeStyle === "active" && checkIsActive(item.key),
-              "border-base-100 border-b-2": activeStyle === "bordered" && checkIsActive(item.key)
+      className: (0, import_client.clsx)(mode === "horizontal" ? "w-full shrink overflow-hidden" : "w-fit", className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "ul",
+        {
+          className: (0, import_client.clsx)("menu size-full flex-nowrap overflow-y-auto p-0", modeClassName, ulClassName),
+          style: { ...style },
+          onMouseOver,
+          onMouseLeave,
+          children: [
+            items.filter((item) => !overflowMenuItems.some((overflowItem) => overflowItem.key === item.key)).map((item, idx) => {
+              const isOverflowItem = overflowMenuItems.some((overflowItem) => overflowItem.key === item.key);
+              const overflowClassName = isOverflowItem ? "opacity-50" : "";
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "li",
+                {
+                  ref: (el) => {
+                    if (el)
+                      LiRefs.current[idx] = el;
+                  },
+                  id: item.key,
+                  className: (0, import_client.clsx)("relative m-0 duration-200 hover:opacity-70", overflowClassName, liClassName, {
+                    "bg-base-300": activeStyle === "active" && checkIsActive(item.key),
+                    "border-base-100 border-b-2": activeStyle === "bordered" && checkIsActive(item.key)
+                  }),
+                  onClick: () => {
+                    if (!isOverflowItem)
+                      handleOnClick(item);
+                  },
+                  onMouseEnter: () => {
+                    if (mode === "horizontal" && !isOverflowItem && item.children && expandedKey !== item.key)
+                      setExpandedKey(item.key);
+                  },
+                  onMouseLeave: () => {
+                    if (mode === "horizontal" && !isOverflowItem)
+                      setExpandedKey(void 0);
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex h-full justify-between rounded-none", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_client.clsx)("flex items-center gap-1", labelClassName?.(checkIsActive(item.key))), children: [
+                        item.icon,
+                        !inlineCollapsed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-base-content whitespace-nowrap", children: item.label })
+                      ] }),
+                      item.children && mode === "inline" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_ai.AiFillCaretDown,
+                        {
+                          className: (0, import_client.clsx)(
+                            "text-xs transition-transform duration-400",
+                            expandedKey === item.key ? "rotate-180" : ""
+                          )
+                        }
+                      )
+                    ] }),
+                    item.children && expandedKey === item.key && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: subMenuClassName, children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "div",
+                      {
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          onClick?.(child);
+                          setExpandedKey(void 0);
+                        },
+                        className: subMenuItemClassName,
+                        children: child.label
+                      },
+                      child.key
+                    )) })
+                  ]
+                },
+                item.key
+              );
             }),
-            onClick: () => {
-              if (!isOverflowItem)
-                handleOnClick(item);
-            },
-            onMouseEnter: () => {
-              if (mode === "horizontal" && !isOverflowItem && item.children && expandedKey !== item.key)
-                setExpandedKey(item.key);
-            },
-            onMouseLeave: () => {
-              if (mode === "horizontal" && !isOverflowItem)
-                setExpandedKey(void 0);
-            }
-          },
-          /* @__PURE__ */ React.createElement("div", { className: "flex h-full justify-between rounded-none" }, /* @__PURE__ */ React.createElement("div", { className: (0, import_client.clsx)("flex items-center gap-1", labelClassName?.(checkIsActive(item.key))) }, item.icon, !inlineCollapsed && /* @__PURE__ */ React.createElement("div", { className: "text-base-content whitespace-nowrap" }, item.label)), item.children && mode === "inline" && /* @__PURE__ */ React.createElement(
-            import_ai.AiFillCaretDown,
-            {
-              className: (0, import_client.clsx)(
-                "text-xs transition-transform duration-400",
-                expandedKey === item.key ? "rotate-180" : ""
-              )
-            }
-          )),
-          item.children && expandedKey === item.key && /* @__PURE__ */ React.createElement("div", { className: subMenuClassName }, item.children.map((child) => /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                onClick?.(child);
-                setExpandedKey(void 0);
-              },
-              key: child.key,
-              className: subMenuItemClassName
-            },
-            child.label
-          )))
-        );
-      }),
-      overflowMenuItems.length > 0 && mode === "horizontal" && /* @__PURE__ */ React.createElement(OverflowMenu, { overflowItems: overflowMenuItems, onClick })
-    )
+            overflowMenuItems.length > 0 && mode === "horizontal" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OverflowMenu, { overflowItems: overflowMenuItems, onClick })
+          ]
+        }
+      )
+    }
   );
 };
 const OverflowMenu = ({ overflowItems, onClick }) => {
@@ -183,33 +194,38 @@ const OverflowMenu = ({ overflowItems, onClick }) => {
   const handleMouseLeave = () => {
     setIsOpen(false);
   };
-  return /* @__PURE__ */ React.createElement("li", { className: "relative h-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, /* @__PURE__ */ React.createElement("div", { className: "flex h-full items-center justify-center rounded-none" }, /* @__PURE__ */ React.createElement(import_ai.AiOutlineEllipsis, null)), isOpen && /* @__PURE__ */ React.createElement("div", { className: "bg-base-100 hover:bg-base-100 fixed -bottom-0 flex translate-y-[98%] flex-col rounded-xs border-0 p-2 shadow-lg" }, overflowItems.map((item) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      key: item.key,
-      onClick: () => onClick?.(item),
-      className: "btn btn-ghost text-primary-focus relative font-normal whitespace-nowrap",
-      onMouseEnter: () => {
-        if (item.children && expandedKey !== item.key)
-          setExpandedKey(item.key);
-      },
-      onMouseLeave: () => {
-        setExpandedKey(void 0);
-      }
-    },
-    item.label,
-    item.children && expandedKey === item.key && /* @__PURE__ */ React.createElement("div", { className: "bg-base-100 absolute top-0 left-0 -translate-x-full p-4 drop-shadow-sm" }, item.children.map((child) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "relative h-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-full items-center justify-center rounded-none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineEllipsis, {}) }),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-base-100 hover:bg-base-100 fixed -bottom-0 flex translate-y-[98%] flex-col rounded-xs border-0 p-2 shadow-lg", children: overflowItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {
-        onClick: (e) => {
-          e.stopPropagation();
-          onClick?.(child);
+        onClick: () => onClick?.(item),
+        className: "btn btn-ghost text-primary-focus relative font-normal whitespace-nowrap",
+        onMouseEnter: () => {
+          if (item.children && expandedKey !== item.key)
+            setExpandedKey(item.key);
+        },
+        onMouseLeave: () => {
           setExpandedKey(void 0);
         },
-        key: child.key,
-        className: "btn btn-ghost text-primary-focus flex items-center justify-center text-center font-normal"
+        children: [
+          item.label,
+          item.children && expandedKey === item.key && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-base-100 absolute top-0 left-0 -translate-x-full p-4 drop-shadow-sm", children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onClick?.(child);
+                setExpandedKey(void 0);
+              },
+              className: "btn btn-ghost text-primary-focus flex items-center justify-center text-center font-normal",
+              children: child.label
+            },
+            child.key
+          )) })
+        ]
       },
-      child.label
-    )))
-  ))));
+      item.key
+    )) })
+  ] });
 };

package/cjs/Modal.js

@@ -32,6 +32,7 @@ __export(Modal_exports, {
   Window: () => Window
 });
 module.exports = __toCommonJS(Modal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var RadixDialog = __toESM(require("@radix-ui/react-dialog"));
 var import_bi = require("react-icons/bi");
 var import_Dialog = require("./Dialog");
@@ -45,31 +46,43 @@ const Modal = ({
   children,
   confirmClose = false
 }) => {
-  return /* @__PURE__ */ React.createElement(import_Dialog.Dialog, { open }, /* @__PURE__ */ React.createElement(import_Dialog.Dialog.Modal, { className, onCancel, bodyClassName, confirmClose }, title ? /* @__PURE__ */ React.createElement(import_Dialog.Dialog.Title, null, title) : null, /* @__PURE__ */ React.createElement(import_Dialog.Dialog.Content, null, children), action ? /* @__PURE__ */ React.createElement(import_Dialog.Dialog.Action, null, action) : null));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.Dialog, { open, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dialog.Dialog.Modal, { className, onCancel, bodyClassName, confirmClose, children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Title, { children: title }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Content, { children }),
+    action ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Action, { children: action }) : null
+  ] }) });
 };
 const Window = ({ open, onCancel, title, children }) => {
   if (!open)
     return null;
-  return /* @__PURE__ */ React.createElement(RadixDialog.Root, { open }, /* @__PURE__ */ React.createElement(RadixDialog.Portal, null, /* @__PURE__ */ React.createElement(RadixDialog.Overlay, { className: "fixed inset-0 bg-black/40" }), /* @__PURE__ */ React.createElement(
-    RadixDialog.Content,
-    {
-      className: "animate-fadeIn fixed top-1/2 left-1/2 z-[2] w-[90%] min-w-auto -translate-x-1/2 -translate-y-1/2 rounded-[10px] border-[3px] border-black text-black backdrop-blur-lg md:w-fit",
-      style: {
-        background: `rgba(255, 255, 255, 0.3)`,
-        width: "406px"
-      }
-    },
-    /* @__PURE__ */ React.createElement(RadixDialog.Title, { className: "height-[36px] relative overflow-hidden rounded-t-[6px] border-b-2 border-black bg-white/60 text-center" }, /* @__PURE__ */ React.createElement("div", { className: "m-0 text-[22px]" }, title), /* @__PURE__ */ React.createElement(
-      RadixDialog.Close,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixDialog.Root, { open, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(RadixDialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixDialog.Overlay, { className: "fixed inset-0 bg-black/40" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      RadixDialog.Content,
       {
-        onClick: () => {
-          onCancel();
+        className: "animate-fadeIn fixed top-1/2 left-1/2 z-[2] w-[90%] min-w-auto -translate-x-1/2 -translate-y-1/2 rounded-[10px] border-[3px] border-black text-black backdrop-blur-lg md:w-fit",
+        style: {
+          background: `rgba(255, 255, 255, 0.3)`,
+          width: "406px"
         },
-        className: "absolute top-0 right-0 flex h-[34px] w-[40px] cursor-pointer items-center justify-center border-l-2 border-black"
-      },
-      /* @__PURE__ */ React.createElement(import_bi.BiX, { className: "text-[32px]" })
-    )),
-    /* @__PURE__ */ React.createElement(RadixDialog.Description, { className: "overflow-y-hidden rounded-b-[10px] p-2" }, children)
-  )));
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(RadixDialog.Title, { className: "height-[36px] relative overflow-hidden rounded-t-[6px] border-b-2 border-black bg-white/60 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "m-0 text-[22px]", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              RadixDialog.Close,
+              {
+                onClick: () => {
+                  onCancel();
+                },
+                className: "absolute top-0 right-0 flex h-[34px] w-[40px] cursor-pointer items-center justify-center border-l-2 border-black",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bi.BiX, { className: "text-[32px]" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixDialog.Description, { className: "overflow-y-hidden rounded-b-[10px] p-2", children })
+        ]
+      }
+    )
+  ] }) });
 };
 Modal.Window = Window;

package/cjs/Model/Edit.js

@@ -30,6 +30,7 @@ __export(Edit_exports, {
   default: () => Edit
 });
 module.exports = __toCommonJS(Edit_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_next = require("@akanjs/next");
 var import_ai = require("react-icons/ai");
@@ -46,16 +47,21 @@ function Edit({
   renderTitle
 }) {
   const { l } = (0, import_next.usePage)();
-  return /* @__PURE__ */ React.createElement("div", { className: (0, import_client.clsx)("inline", wrapperClassName) }, /* @__PURE__ */ React.createElement(
-    import_EditWrapper.default,
-    {
-      className: (0, import_client.clsx)("flex w-full items-center justify-center gap-2", className),
-      sliceName,
-      modelId,
-      modal
-    },
-    /* @__PURE__ */ React.createElement(import_ai.AiOutlineEdit, null),
-    " ",
-    type === "button" ? l("shared.edit") : null
-  ), /* @__PURE__ */ React.createElement(import_EditModal.default, { renderTitle, sliceName, id: modelId }, children));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_client.clsx)("inline", wrapperClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_EditWrapper.default,
+      {
+        className: (0, import_client.clsx)("flex w-full items-center justify-center gap-2", className),
+        sliceName,
+        modelId,
+        modal,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineEdit, {}),
+          " ",
+          type === "button" ? l("shared.edit") : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EditModal.default, { renderTitle, sliceName, id: modelId, children })
+  ] });
 }

package/cjs/Model/EditModal.js

@@ -1,9 +1,7 @@
 "use client";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,27 +15,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var EditModal_exports = {};
 __export(EditModal_exports, {
   default: () => EditModal
 });
 module.exports = __toCommonJS(EditModal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_common = require("@akanjs/common");
 var import_constant = require("@akanjs/constant");
 var import_next = require("@akanjs/next");
 var import_signal = require("@akanjs/signal");
 var import_store2 = require("@akanjs/store");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_ai = require("react-icons/ai");
 var import_Button = require("../Button");
 var import_Modal = require("../Modal");
@@ -78,10 +69,13 @@ const EditModel = ({
   const LoadingWrapper = (0, import_react.useMemo)(() => {
     return loadingWrapper === false ? ({ children: children2, className: className2 }) => children2 : typeof loadingWrapper === "function" ? loadingWrapper : ({ children: children2, className: className2 }) => {
       const modelFormLoading = storeUse[names.modelFormLoading]();
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_client.clsx)("", className2) }, children2, modelFormLoading ? /* @__PURE__ */ import_react.default.createElement("div", { className: "bg-base-100/50 absolute inset-0 animate-pulse" }) : null);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_client.clsx)("", className2), children: [
+        children2,
+        modelFormLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-base-100/50 absolute inset-0 animate-pulse" }) : null
+      ] });
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(LoadingWrapper, { className: (0, import_client.clsx)("w-full", className) }, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingWrapper, { className: (0, import_client.clsx)("w-full", className), children });
 };
 function EditModal({
   type = "modal",
@@ -172,10 +166,10 @@ function EditModal({
   const Title = () => {
     const modelFormLoading2 = storeUse[names.modelFormLoading]();
     const modelForm = storeUse[names.modelForm]();
-    return modelFormLoading2 ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null) : renderTitle ? typeof renderTitle === "string" ? `${l(`${modelName}.modelName`)}${renderTitle === "default" ? "" : ` - ${modelForm[renderTitle]}`}` : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderTitle(modelForm)) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
+    return modelFormLoading2 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : renderTitle ? typeof renderTitle === "string" ? `${l(`${modelName}.modelName`)}${renderTitle === "default" ? "" : ` - ${modelForm[renderTitle]}`}` : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: renderTitle(modelForm) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
   };
   const Submit = (0, import_react.useMemo)(
-    () => renderSubmit === false ? () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null) : typeof renderSubmit === "function" ? () => renderSubmit(storeUse[names.modelForm]()) : () => {
+    () => renderSubmit === false ? () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : typeof renderSubmit === "function" ? () => renderSubmit(storeUse[names.modelForm]()) : () => {
       const modelSubmit = storeUse[names.modelSubmit]();
       const handleSubmit = (0, import_react.useCallback)(async ({ onError } = {}) => {
         await storeDo[names.submitModel]({
@@ -191,7 +185,7 @@ function EditModal({
         else if (typeof onSubmit === "string")
           import_client.router.replace(onSubmit);
       }, []);
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         import_Button.Button,
         {
           className: "btn btn-primary w-full gap-2 rounded-2xl",
@@ -200,18 +194,20 @@ function EditModal({
             await handleSubmit({ onError });
           },
           onSuccess: () => {
-          }
-        },
-        modelFormId ? /* @__PURE__ */ import_react.default.createElement(import_ai.AiOutlineSave, null) : /* @__PURE__ */ import_react.default.createElement(import_ai.AiOutlinePlus, null),
-        l(modelFormId ? "shared.updateModel" : "shared.createModel", {
-          model: l.field(names.model, "modelName")
-        })
+          },
+          children: [
+            modelFormId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineSave, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlinePlus, {}),
+            l(modelFormId ? "shared.updateModel" : "shared.createModel", {
+              model: l.field(names.model, "modelName")
+            })
+          ]
+        }
       );
     },
     [disabled, modelFormId]
   );
   if (type === "modal")
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Modal.Modal,
       {
         open: isModalOpen,
@@ -219,25 +215,25 @@ function EditModal({
           handleCancel();
         },
         className: modalClassName,
-        title: /* @__PURE__ */ import_react.default.createElement(Title, null),
-        action: /* @__PURE__ */ import_react.default.createElement(Submit, null)
-      },
-      isModalOpen ? /* @__PURE__ */ import_react.default.createElement(
-        EditModel,
-        {
-          type,
-          sliceName,
-          className,
-          checkSubmit,
-          edit,
-          modal,
-          loadingWrapper
-        },
-        children
-      ) : null
+        title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, {}),
+        action: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Submit, {}),
+        children: isModalOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          EditModel,
+          {
+            type,
+            sliceName,
+            className,
+            checkSubmit,
+            edit,
+            modal,
+            loadingWrapper,
+            children
+          }
+        ) : null
+      }
     );
   else if (isModalOpen)
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       EditModel,
       {
         type,
@@ -246,10 +242,12 @@ function EditModal({
         checkSubmit,
         edit,
         modal,
-        loadingWrapper
-      },
-      /* @__PURE__ */ import_react.default.createElement(Title, null),
-      children,
-      type === "form" ? /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-4" }, /* @__PURE__ */ import_react.default.createElement(Submit, null)) : null
+        loadingWrapper,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, {}),
+          children,
+          type === "form" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Submit, {}) }) : null
+        ]
+      }
     );
 }

package/cjs/Model/EditWrapper.js

@@ -21,6 +21,7 @@ __export(EditWrapper_exports, {
   default: () => EditWrapper
 });
 module.exports = __toCommonJS(EditWrapper_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 EditWrapper({ children, sliceName, modelId, className, modal, resets })
     editModel: `edit${(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 EditWrapper({ children, sliceName, modelId, className, modal, resets })
         resets?.forEach((reset) => {
           void storeDo[`reset${(0, import_common.capitalize)(reset)}`]();
         });
-      }
-    },
-    children
+      },
+      children
+    }
   );
 }

package/cjs/Model/LoadInit.js

@@ -21,7 +21,8 @@ __export(LoadInit_exports, {
   default: () => LoadInit
 });
 module.exports = __toCommonJS(LoadInit_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_Load = require("../Load");
 function LoadInit({ init }) {
-  return /* @__PURE__ */ React.createElement(import_Load.Load.Units, { init, renderList: () => null, loading: null, renderEmpty: null });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Load.Load.Units, { init, renderList: () => null, loading: null, renderEmpty: null });
 }

package/cjs/Model/New.js

@@ -30,6 +30,7 @@ __export(New_exports, {
   default: () => New
 });
 module.exports = __toCommonJS(New_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_next = require("@akanjs/next");
 var import_ai = require("react-icons/ai");
@@ -46,16 +47,21 @@ function New({
   renderTitle
 }) {
   const { l } = (0, import_next.usePage)();
-  return /* @__PURE__ */ React.createElement("div", { className: (0, import_client.clsx)("inline", wrapperClassName) }, /* @__PURE__ */ React.createElement(
-    import_NewWrapper.default,
-    {
-      className: (0, import_client.clsx)("flex w-full items-center justify-center gap-2", className),
-      sliceName,
-      modal,
-      partial
-    },
-    /* @__PURE__ */ React.createElement(import_ai.AiOutlinePlus, null),
-    " ",
-    type === "button" ? l("shared.new") : null
-  ), /* @__PURE__ */ React.createElement(import_EditModal.default, { renderTitle, sliceName }, children));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_client.clsx)("inline", wrapperClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_NewWrapper.default,
+      {
+        className: (0, import_client.clsx)("flex w-full items-center justify-center gap-2", className),
+        sliceName,
+        modal,
+        partial,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlinePlus, {}),
+          " ",
+          type === "button" ? l("shared.new") : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EditModal.default, { renderTitle, sliceName, children })
+  ] });
 }

package/cjs/Model/NewWrapper.js

@@ -20,9 +20,10 @@ __export(NewWrapper_exports, {
   default: () => NewWrapper
 });
 module.exports = __toCommonJS(NewWrapper_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_common = require("@akanjs/common");
 var import_NewWrapper_Client = require("./NewWrapper_Client");
 function NewWrapper({ partial = {}, ...props }) {
   const serializedPartial = (0, import_common.deepObjectify)(typeof partial === "function" ? partial() : partial, { serializable: true });
-  return /* @__PURE__ */ React.createElement(import_NewWrapper_Client.NewWrapper_Client, { ...props, partial: serializedPartial });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NewWrapper_Client.NewWrapper_Client, { ...props, partial: serializedPartial });
 }