@akanjs/ui 0.0.150 → 0.0.152

package/cjs/Model/EditWrapper.js

@@ -0,0 +1,49 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var EditWrapper_exports = {};
+__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");
+function EditWrapper({ children, sliceName, modelId, className, modal, resets }) {
+  const refName = import_store.st.slice[sliceName].refName;
+  const modelName = refName;
+  const names = {
+    editModel: `edit${(0, import_common.capitalize)(modelName)}`
+  };
+  const storeDo = import_store.st.do;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_client.clsx)("cursor-pointer", className),
+      onClick: (e) => {
+        e.stopPropagation();
+        void storeDo[names.editModel](modelId, { modal });
+        resets?.forEach((reset) => {
+          void storeDo[`reset${(0, import_common.capitalize)(reset)}`]();
+        });
+      },
+      children
+    }
+  );
+}

package/cjs/Model/LoadInit.js

@@ -0,0 +1,28 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LoadInit_exports = {};
+__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__ */ (0, import_jsx_runtime.jsx)(import_Load.Load.Units, { init, renderList: () => null, loading: null, renderEmpty: null });
+}

package/cjs/Model/New.js

@@ -0,0 +1,67 @@
+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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 New_exports = {};
+__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");
+var import_EditModal = __toESM(require("./EditModal"));
+var import_NewWrapper = __toESM(require("./NewWrapper"));
+function New({
+  className,
+  wrapperClassName,
+  type = "button",
+  children,
+  sliceName,
+  modal,
+  partial,
+  renderTitle
+}) {
+  const { l } = (0, import_next.usePage)();
+  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

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NewWrapper_exports = {};
+__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__ */ (0, import_jsx_runtime.jsx)(import_NewWrapper_Client.NewWrapper_Client, { ...props, partial: serializedPartial });
+}

package/cjs/Model/NewWrapper_Client.js

@@ -0,0 +1,67 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NewWrapper_Client_exports = {};
+__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");
+var import_store = require("@akanjs/store");
+const NewWrapper_Client = ({
+  children,
+  sliceName,
+  partial,
+  setDefault,
+  className,
+  modal,
+  resets
+}) => {
+  const refName = import_store.st.slice[sliceName].refName;
+  const modelName = refName;
+  const names = {
+    newModel: `new${(0, import_common.capitalize)(modelName)}`,
+    crystalizeModel: `crystalize${(0, import_common.capitalize)(modelName)}`,
+    modelModal: `${modelName}Modal`
+  };
+  const storeDo = import_store.st.do;
+  const storeUse = import_store.st.use;
+  const crystalizeModel = import_signal.fetch[names.crystalizeModel];
+  const modelModal = storeUse[names.modelModal]();
+  const disabled = modelModal === "edit";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_client.clsx)({ "cursor-pointer": !disabled, "pointer-events-none": disabled }, className),
+      onClick: (e) => {
+        e.stopPropagation();
+        if (disabled)
+          return;
+        const crystal = crystalizeModel(partial);
+        void storeDo[names.newModel](crystal, { modal, setDefault, sliceName });
+        resets?.forEach((reset) => {
+          void storeDo[`reset${(0, import_common.capitalize)(reset)}`]();
+        });
+      },
+      children
+    }
+  );
+};

package/cjs/Model/Remove.js

@@ -0,0 +1,92 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Remove_exports = {};
+__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");
+var import_next = require("@akanjs/next");
+var import_store = require("@akanjs/store");
+var import_react = require("react");
+var import_ai = require("react-icons/ai");
+var import_Button = require("../Button");
+var import_Modal = require("../Modal");
+function Remove({ className, name, modelId, sliceName, modal, redirect }) {
+  const { l } = (0, import_next.usePage)();
+  const [modalOpen, setModalOpen] = (0, import_react.useState)(false);
+  const storeDo = import_store.st.do;
+  const refName = import_store.st.slice[sliceName].refName;
+  const modelName = refName;
+  const names = (0, import_react.useMemo)(
+    () => ({
+      removeModel: `remove${(0, import_common.capitalize)(modelName)}`
+    }),
+    []
+  );
+  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__ */ (0, import_jsx_runtime.jsx)(
+      import_Modal.Modal,
+      {
+        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`) }) }),
+        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

@@ -0,0 +1,49 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var RemoveWrapper_exports = {};
+__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");
+var import_store = require("@akanjs/store");
+var import_Popconfirm = require("../Popconfirm");
+function RemoveWrapper({ children, sliceName, name, modelId, className, modal }) {
+  const { l } = (0, import_next.usePage)();
+  const refName = import_store.st.slice[sliceName].refName;
+  const modelName = refName;
+  const names = {
+    removeModel: `remove${(0, import_common.capitalize)(modelName)}`
+  };
+  const storeDo = import_store.st.do;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Popconfirm.Popconfirm,
+    {
+      title: l("shared.removeModel", { model: l(`${modelName}.modelName`) }),
+      description: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: l("shared.sureToRemove", { model: l(`${modelName}.modelName`), name }) }),
+      onConfirm: () => {
+        void storeDo[names.removeModel](modelId, { modal });
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("cursor-pointer", className), children })
+    }
+  );
+}

package/cjs/Model/SureToRemove.js

@@ -0,0 +1,125 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SureToRemove_exports = {};
+__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");
+var import_next = require("@akanjs/next");
+var import_store = require("@akanjs/store");
+var import_react = require("react");
+var import_ai = require("react-icons/ai");
+var import_Modal = require("../Modal");
+function SureToRemove({
+  className,
+  modelId,
+  name,
+  sliceName,
+  redirect,
+  typeNameToRemove
+}) {
+  const { l } = (0, import_next.usePage)();
+  const [repeatName, setRepeatName] = (0, import_react.useState)("");
+  const [modalOpen, setModalOpen] = (0, import_react.useState)(false);
+  const storeDo = import_store.st.do;
+  const refName = import_store.st.slice[sliceName].refName;
+  const modelName = refName;
+  const names = (0, import_react.useMemo)(
+    () => ({
+      removeModel: `remove${(0, import_common.capitalize)(modelName)}`
+    }),
+    []
+  );
+  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);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineDelete, {}),
+          " ",
+          l("shared.remove")
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_Modal.Modal,
+      {
+        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
+        ]
+      }
+    )
+  ] });
+}

package/cjs/Model/View.js

@@ -0,0 +1,54 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var View_exports = {};
+__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({
+  className,
+  model,
+  modelLoading = true,
+  render,
+  loadingWrapper,
+  loading,
+  empty
+}) {
+  const RenderLoadingWrapper = (0, import_react.useMemo)(
+    () => 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__ */ (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__ */ (0, import_jsx_runtime.jsx)(RenderLoadingWrapper, { className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RenderModel, {}) });
+}