@akanjs/ui 0.0.151 → 0.0.152

package/System/Gtag.d.ts

@@ -1,3 +1,3 @@
 export declare const Gtag: ({ trackingId }: {
     trackingId: string;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/System/HealthCheck.d.ts

@@ -1,5 +1,5 @@
 interface HealthCheckProps {
     fetchPing?: () => Promise<any>;
 }
-export declare const HealthCheck: ({ fetchPing }: HealthCheckProps) => import("react").JSX.Element;
+export declare const HealthCheck: ({ fetchPing }: HealthCheckProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/System/Messages.d.ts

@@ -1 +1 @@
-export declare const Messages: () => import("react").JSX.Element | null;
+export declare const Messages: () => import("react/jsx-runtime").JSX.Element | null;

package/System/Reconnect.d.ts

@@ -3,4 +3,4 @@ export interface ReconnectProps {
     dev?: boolean;
     fetchPing?: () => Promise<any>;
 }
-export declare const Reconnect: ({ path, dev, fetchPing, }: ReconnectProps) => import("react").JSX.Element;
+export declare const Reconnect: ({ path, dev, fetchPing, }: ReconnectProps) => import("react/jsx-runtime").JSX.Element;

package/System/Root.d.ts

@@ -2,4 +2,4 @@ export interface RootProps {
     children: any;
     st: any;
 }
-export declare const Root: ({ children, st }: RootProps) => import("react").JSX.Element;
+export declare const Root: ({ children, st }: RootProps) => import("react/jsx-runtime").JSX.Element;

package/System/SSR.d.ts

@@ -1,14 +1,14 @@
 import { ReactNode } from "react";
 import { type ProviderProps } from "./Common";
 export declare const SSR: {
-    (): import("react").JSX.Element;
-    Provider: ({ className, appName, params, head, env, gaTrackingId, fetch, children, theme, prefix, fonts, layoutStyle, of, fetchPing, fetchMe, fetchSelf, }: SSRProviderProps) => import("react").JSX.Element;
-    Wrapper: ({ children, lang, head, fonts, appName, className, prefix, layoutStyle, }: SSRWrapperProps) => import("react").JSX.Element;
+    (): import("react/jsx-runtime").JSX.Element;
+    Provider: ({ className, appName, params, head, env, gaTrackingId, fetch, children, theme, prefix, fonts, layoutStyle, of, fetchPing, fetchMe, fetchSelf, }: SSRProviderProps) => import("react/jsx-runtime").JSX.Element;
+    Wrapper: ({ children, lang, head, fonts, appName, className, prefix, layoutStyle, }: SSRWrapperProps) => import("react/jsx-runtime").JSX.Element;
 };
 export type SSRProviderProps = ProviderProps & {
     fonts?: NextFont[];
 };
-declare const SSRProvider: ({ className, appName, params, head, env, gaTrackingId, fetch, children, theme, prefix, fonts, layoutStyle, of, fetchPing, fetchMe, fetchSelf, }: SSRProviderProps) => import("react").JSX.Element;
+declare const SSRProvider: ({ className, appName, params, head, env, gaTrackingId, fetch, children, theme, prefix, fonts, layoutStyle, of, fetchPing, fetchMe, fetchSelf, }: SSRProviderProps) => import("react/jsx-runtime").JSX.Element;
 export interface NextFont {
     className: string;
     variable: string;

package/System/SelectLanguage.d.ts

@@ -2,4 +2,4 @@ export interface SelectLanguageProps {
     className?: string;
     languages?: string[];
 }
-export declare const SelectLanguage: ({ className, languages }: SelectLanguageProps) => import("react").JSX.Element;
+export declare const SelectLanguage: ({ className, languages }: SelectLanguageProps) => import("react/jsx-runtime").JSX.Element;

package/System/ThemeToggle.d.ts

@@ -1 +1 @@
-export declare const ThemeToggle: () => import("react").JSX.Element | null;
+export declare const ThemeToggle: () => import("react/jsx-runtime").JSX.Element | null;

package/System/index.d.ts

@@ -1,11 +1,11 @@
 import { type CSRProviderProps } from "./CSR";
 import { type SSRProviderProps } from "./SSR";
-export declare const Provider: (props: CSRProviderProps | SSRProviderProps) => import("react").JSX.Element;
+export declare const Provider: (props: CSRProviderProps | SSRProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const System: {
-    Provider: (props: CSRProviderProps | SSRProviderProps) => import("react").JSX.Element;
-    ThemeToggle: () => import("react").JSX.Element | null;
-    Root: ({ children, st }: import("./Root").RootProps) => import("react").JSX.Element;
-    SelectLanguage: ({ className, languages }: import("./SelectLanguage").SelectLanguageProps) => import("react").JSX.Element;
-    Reconnect: ({ path, dev, fetchPing, }: import("./Reconnect").ReconnectProps) => import("react").JSX.Element;
-    DevModeToggle: () => import("react").JSX.Element;
+    Provider: (props: CSRProviderProps | SSRProviderProps) => import("react/jsx-runtime").JSX.Element;
+    ThemeToggle: () => import("react/jsx-runtime").JSX.Element | null;
+    Root: ({ children, st }: import("./Root").RootProps) => import("react/jsx-runtime").JSX.Element;
+    SelectLanguage: ({ className, languages }: import("./SelectLanguage").SelectLanguageProps) => import("react/jsx-runtime").JSX.Element;
+    Reconnect: ({ path, dev, fetchPing, }: import("./Reconnect").ReconnectProps) => import("react/jsx-runtime").JSX.Element;
+    DevModeToggle: () => import("react/jsx-runtime").JSX.Element;
 };

package/Tab/Menu.d.ts

@@ -8,4 +8,4 @@ export interface MenuProps {
     scrollToTop?: boolean;
     tooltip?: string;
 }
-export declare const Menu: ({ className, activeClassName, disabledClassName, disabled, menu, children, scrollToTop, tooltip, }: MenuProps) => import("react").JSX.Element;
+export declare const Menu: ({ className, activeClassName, disabledClassName, disabled, menu, children, scrollToTop, tooltip, }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/Tab/Menus.d.ts

@@ -2,4 +2,4 @@ export interface MenusProps {
     className?: string;
     children: any;
 }
-export declare const Menus: ({ className, children }: MenusProps) => import("react").JSX.Element;
+export declare const Menus: ({ className, children }: MenusProps) => import("react/jsx-runtime").JSX.Element;

package/Tab/Panel.d.ts

@@ -4,4 +4,4 @@ export interface PanelProps {
     children?: any;
     loading?: "eager" | "lazy" | "every";
 }
-export declare const Panel: ({ className, menu, children, loading }: PanelProps) => import("react").JSX.Element | null;
+export declare const Panel: ({ className, menu, children, loading }: PanelProps) => import("react/jsx-runtime").JSX.Element | null;

package/Tab/Provider.d.ts

@@ -3,4 +3,4 @@ export interface ProviderProps {
     defaultMenu?: string | null;
     children?: any;
 }
-export declare const Provider: ({ className, defaultMenu, children }: ProviderProps) => import("react").JSX.Element;
+export declare const Provider: ({ className, defaultMenu, children }: ProviderProps) => import("react/jsx-runtime").JSX.Element;

package/Tab/index.d.ts

@@ -1,7 +1,7 @@
 import { ProviderProps } from "./Provider";
 export declare const Tab: {
-    (props: ProviderProps): import("react").JSX.Element;
-    Menu: ({ className, activeClassName, disabledClassName, disabled, menu, children, scrollToTop, tooltip, }: import("./Menu").MenuProps) => import("react").JSX.Element;
-    Menus: ({ className, children }: import("./Menus").MenusProps) => import("react").JSX.Element;
-    Panel: ({ className, menu, children, loading }: import("./Panel").PanelProps) => import("react").JSX.Element | null;
+    (props: ProviderProps): import("react/jsx-runtime").JSX.Element;
+    Menu: ({ className, activeClassName, disabledClassName, disabled, menu, children, scrollToTop, tooltip, }: import("./Menu").MenuProps) => import("react/jsx-runtime").JSX.Element;
+    Menus: ({ className, children }: import("./Menus").MenusProps) => import("react/jsx-runtime").JSX.Element;
+    Panel: ({ className, menu, children, loading }: import("./Panel").PanelProps) => import("react/jsx-runtime").JSX.Element | null;
 };

package/Table.d.ts

@@ -22,5 +22,5 @@ interface TableProps {
     rowClassName?: string | ((record: any, index: number) => string) | undefined;
     rowKey?: (model: any) => string;
 }
-export declare const Table: ({ columns, dataSource, loading, size, bordered, pagination, showHeader, onRow, rowClassName, rowKey, }: TableProps) => React.JSX.Element;
+export declare const Table: ({ columns, dataSource, loading, size, bordered, pagination, showHeader, onRow, rowClassName, rowKey, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/ToggleSelect.d.ts

@@ -12,8 +12,8 @@ interface ToggleSelectProps {
     disabled?: boolean;
 }
 export declare const ToggleSelect: {
-    ({ className, btnClassName, items, nullable, validate, value, onChange, disabled, }: ToggleSelectProps): import("react").JSX.Element;
-    Multi: ({ className, btnClassName, items, nullable, validate, value, onChange, disabled }: MultiProps) => import("react").JSX.Element;
+    ({ className, btnClassName, items, nullable, validate, value, onChange, disabled, }: ToggleSelectProps): import("react/jsx-runtime").JSX.Element;
+    Multi: ({ className, btnClassName, items, nullable, validate, value, onChange, disabled }: MultiProps) => import("react/jsx-runtime").JSX.Element;
 };
 interface MultiProps {
     className?: string;

package/Unauthorized.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 interface UnauthorizedProps {
     className?: string;
     description?: ReactNode;
     children?: ReactNode;
     minHeight?: number;
 }
-export declare const Unauthorized: ({ className, description, children, minHeight }: UnauthorizedProps) => React.JSX.Element;
+export declare const Unauthorized: ({ className, description, children, minHeight }: UnauthorizedProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/cjs/BottomSheet.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,24 +15,17 @@ 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 BottomSheet_exports = {};
 __export(BottomSheet_exports, {
   BottomSheet: () => BottomSheet
 });
 module.exports = __toCommonJS(BottomSheet_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("@use-gesture/react");
-var import_react2 = __toESM(require("react"));
+var import_react2 = require("react");
 var import_bi = require("react-icons/bi");
 var import_react_spring = require("react-spring");
 const BottomSheet = (0, import_react2.forwardRef)(
@@ -76,38 +67,43 @@ const BottomSheet = (0, import_react2.forwardRef)(
       else
         void closeModal();
     }, [open]);
-    return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(
-      import_react_spring.a.div,
-      {
-        style: {
-          opacity
-        },
-        onClick: () => void closeModal(),
-        className: (0, import_client.clsx)("fixed top-0 left-0 size-full bg-gray-500/50", {
-          "z-50": open,
-          "-z-[1]": !open
-        })
-      }
-    ), /* @__PURE__ */ import_react2.default.createElement(
-      import_react_spring.a.div,
-      {
-        ref,
-        style: { y, paddingTop: type === "full" ? pageState.topSafeArea : 0 },
-        className: (0, import_client.clsx)("bg-base-100 fixed bottom-0 left-0 z-[101] w-full", {
-          "h-[90%] rounded-t-3xl": type === "half",
-          "h-[100vh]": type === "full"
-        })
-      },
-      /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex h-8 w-full items-start justify-center pt-2" }, type === "half" ? /* @__PURE__ */ import_react2.default.createElement(import_react_spring.a.div, { ...bind(), className: "flex h-8 w-full items-start justify-center pt-2" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "h-2 w-32 rounded-full bg-gray-300" })) : /* @__PURE__ */ import_react2.default.createElement(
-        "button",
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_spring.a.div,
         {
+          style: {
+            opacity
+          },
           onClick: () => void closeModal(),
-          className: "absolute top-2 right-2 text-4xl",
-          style: { paddingTop: pageState.topSafeArea }
-        },
-        /* @__PURE__ */ import_react2.default.createElement(import_bi.BiX, null)
-      )),
-      /* @__PURE__ */ import_react2.default.createElement("div", { className: "relative size-full pt-5" }, children)
-    ));
+          className: (0, import_client.clsx)("fixed top-0 left-0 size-full bg-gray-500/50", {
+            "z-50": open,
+            "-z-[1]": !open
+          })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_react_spring.a.div,
+        {
+          ref,
+          style: { y, paddingTop: type === "full" ? pageState.topSafeArea : 0 },
+          className: (0, import_client.clsx)("bg-base-100 fixed bottom-0 left-0 z-[101] w-full", {
+            "h-[90%] rounded-t-3xl": type === "half",
+            "h-[100vh]": type === "full"
+          }),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-8 w-full items-start justify-center pt-2", children: type === "half" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_spring.a.div, { ...bind(), className: "flex h-8 w-full items-start justify-center pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2 w-32 rounded-full bg-gray-300" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                onClick: () => void closeModal(),
+                className: "absolute top-2 right-2 text-4xl",
+                style: { paddingTop: pageState.topSafeArea },
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bi.BiX, {})
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative size-full pt-5", children })
+          ]
+        }
+      )
+    ] });
   }
 );

package/cjs/Button.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,23 +15,16 @@ 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 Button_exports = {};
 __export(Button_exports, {
   Button: () => Button
 });
 module.exports = __toCommonJS(Button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_next = require("@akanjs/next");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_ai = require("react-icons/ai");
 const Button = ({ className, children, onClick, onSuccess, ...rest }) => {
   const { l } = (0, import_next.usePage)();
@@ -42,28 +33,39 @@ const Button = ({ className, children, onClick, onSuccess, ...rest }) => {
     error: null,
     times: 0
   });
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      className: (0, import_client.clsx)("btn", className),
-      ...rest,
-      disabled: !!rest.disabled || ["loading", "success"].includes(state.mode),
-      onClick: (e) => {
-        setState({ mode: "loading", error: null, times: state.times + 1 });
-        void (async () => {
-          const result = await onClick(e, {
-            onError: (error) => {
-              setState({ mode: "error", error, times: state.times + 1 });
-            }
-          });
-          setState({ mode: "success", error: null, times: state.times + 1 });
-          setTimeout(() => {
-            setState({ mode: "idle", error: null, times: state.times + 1 });
-            onSuccess?.(result);
-          }, 300);
-        })();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        className: (0, import_client.clsx)("btn", className),
+        ...rest,
+        disabled: !!rest.disabled || ["loading", "success"].includes(state.mode),
+        onClick: (e) => {
+          setState({ mode: "loading", error: null, times: state.times + 1 });
+          void (async () => {
+            const result = await onClick(e, {
+              onError: (error) => {
+                setState({ mode: "error", error, times: state.times + 1 });
+              }
+            });
+            setState({ mode: "success", error: null, times: state.times + 1 });
+            setTimeout(() => {
+              setState({ mode: "idle", error: null, times: state.times + 1 });
+              onSuccess?.(result);
+            }, 300);
+          })();
+        },
+        children: state.mode === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "loading loading-bars loading-md" }),
+          " ",
+          l("util.processing")
+        ] }) : state.mode === "success" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineCheckCircle, {}),
+          " ",
+          l("util.processed")
+        ] }) : children
       }
-    },
-    state.mode === "loading" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: "loading loading-bars loading-md" }), " ", l("util.processing")) : state.mode === "success" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_ai.AiOutlineCheckCircle, null), " ", l("util.processed")) : children
-  ), state.error ? /* @__PURE__ */ import_react.default.createElement("div", { className: "text-error h-10 w-full p-2 text-center text-sm" }, state.error ? l(state.error) : "  ") : null);
+    ),
+    state.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-error h-10 w-full p-2 text-center text-sm", children: state.error ? l(state.error) : "  " }) : null
+  ] });
 };

package/cjs/ClientSide.js

@@ -20,7 +20,8 @@ __export(ClientSide_exports, {
   ClientSide: () => ClientSide
 });
 module.exports = __toCommonJS(ClientSide_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 const ClientSide = ({ children, loading }) => {
-  return /* @__PURE__ */ React.createElement(import_react.Suspense, { fallback: loading }, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: loading, children });
 };

package/cjs/Copy.js

@@ -21,17 +21,18 @@ __export(Copy_exports, {
   Copy: () => Copy
 });
 module.exports = __toCommonJS(Copy_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_store = require("@akanjs/store");
 var import_react_copy_to_clipboard = require("react-copy-to-clipboard");
 const Copy = ({ text, copyMessage, children }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_copy_to_clipboard.CopyToClipboard,
     {
       text: text ?? "",
       onCopy: () => {
         import_store.st.do.showMessage({ content: copyMessage ?? "Copied", type: "success" });
-      }
-    },
-    children
+      },
+      children
+    }
   );
 };

package/cjs/CsrImage.js

@@ -21,6 +21,7 @@ __export(CsrImage_exports, {
   CsrImage: () => CsrImage
 });
 module.exports = __toCommonJS(CsrImage_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 const getNewImage = () => new Image();
 const CsrImage = ({
   src,
@@ -34,7 +35,7 @@ const CsrImage = ({
   const defaultAbstractData = "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFklEQVR42mN8//HLfwYiAOOoQvoqBABbWyZJf74GZgAAAABJRU5ErkJggg==";
   const blurDataURL = abstractData ?? file?.abstractData ?? defaultAbstractData;
   const { priority, ...csrProps } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "img",
     {
       src: url,

package/cjs/Data/CardList.js

@@ -31,6 +31,7 @@ __export(CardList_exports, {
   default: () => CardList
 });
 module.exports = __toCommonJS(CardList_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");
@@ -81,39 +82,46 @@ function CardList({
   }, []);
   const RenderTemplate = ({ id }) => {
     const Edit = renderTemplate;
-    return Edit ? /* @__PURE__ */ React.createElement(Edit, { ...{ [names.modelId]: id } }) : null;
+    return Edit ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Edit, { ...{ [names.modelId]: id } }) : null;
   };
-  return /* @__PURE__ */ React.createElement("div", { className }, modelListLoading ? /* @__PURE__ */ React.createElement("div", { className: (0, import_client.clsx)("grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5", cardListClassName) }, new Array(limitOfModel || 20).fill(0).map((_, idx) => renderLoading ? renderLoading() : /* @__PURE__ */ React.createElement(import_Loading.Loading.Skeleton, { key: idx, active: true }))) : /* @__PURE__ */ React.createElement("div", { className: (0, import_client.clsx)("grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5", cardListClassName) }, modelList.map((model, idx) => {
-    return /* @__PURE__ */ React.createElement(
-      import_Item.default,
-      {
-        key: model.id,
-        model,
-        sliceName,
-        actions: typeof actions === "function" ? actions(model, idx) : actions,
-        columns
-      },
-      /* @__PURE__ */ React.createElement(
-        RenderItem,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className, children: [
+    modelListLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5", cardListClassName), children: new Array(limitOfModel || 20).fill(0).map((_, idx) => renderLoading ? renderLoading() : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Loading.Loading.Skeleton, { active: true }, idx)) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5", cardListClassName), children: modelList.map((model, idx) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Item.default,
         {
-          ...{
-            [sliceName]: model,
-            sliceName,
-            actions: typeof actions === "function" ? actions(model, idx) : actions,
-            columns,
-            idx
-          }
-        }
-      )
-    );
-  })), /* @__PURE__ */ React.createElement(import_Pagination.default, { sliceName }), !modelListLoading ? modelList.map((model) => /* @__PURE__ */ React.createElement("div", { key: model.id }, /* @__PURE__ */ React.createElement(import_Model.Model.EditModal, { key: model.id, id: model.id, sliceName, renderTitle }, /* @__PURE__ */ React.createElement(RenderTemplate, { id: model.id })), renderView ? /* @__PURE__ */ React.createElement(
-    import_Model.Model.ViewModal,
-    {
-      key: `${model.id}-view`,
-      id: model.id,
-      sliceName,
-      renderTitle,
-      renderView
-    }
-  ) : null)) : null);
+          model,
+          sliceName,
+          actions: typeof actions === "function" ? actions(model, idx) : actions,
+          columns,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            RenderItem,
+            {
+              ...{
+                [sliceName]: model,
+                sliceName,
+                actions: typeof actions === "function" ? actions(model, idx) : actions,
+                columns,
+                idx
+              }
+            }
+          )
+        },
+        model.id
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.default, { sliceName }),
+    !modelListLoading ? modelList.map((model) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Model.Model.EditModal, { id: model.id, sliceName, renderTitle, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RenderTemplate, { id: model.id }) }, model.id),
+      renderView ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Model.Model.ViewModal,
+        {
+          id: model.id,
+          sliceName,
+          renderTitle,
+          renderView
+        },
+        `${model.id}-view`
+      ) : null
+    ] }, model.id)) : null
+  ] });
 }

package/cjs/Data/Dashboard.js

@@ -21,6 +21,7 @@ __export(Dashboard_exports, {
   default: () => Dashboard
 });
 module.exports = __toCommonJS(Dashboard_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");
@@ -39,16 +40,25 @@ function Dashboard({
   const { filter } = import_store.st.use.searchParams();
   const refName = import_store.st.slice[sliceName].refName;
   const [modelName, modelClassName] = [refName, (0, import_common.capitalize)(refName)];
-  return /* @__PURE__ */ React.createElement("div", { className: (0, import_client.clsx)("stats my-2 flex w-full flex-wrap justify-center py-0 shadow-sm", className) }, /* @__PURE__ */ React.createElement("div", { className: "stats" }, columns?.map(
-    (column) => summary[column] !== void 0 && queryMap[column] !== void 0 && /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        key: column,
-        className: `btn btn-ghost mx-1 h-32 w-48 rounded-none pt-3 hover:border ${filter === column ? "border" : "border-0"}`
-      },
-      /* @__PURE__ */ React.createElement(import_Link.Link, { key: column, className: "stat", href: `/admin?topMenu=data&subMenu=${modelName}&filter=${column}` }, /* @__PURE__ */ React.createElement("div", { className: "stat-title" }, l(`summary.${column}`)), /* @__PURE__ */ React.createElement("div", { className: "stat-value text-primary" }, summary[column].toLocaleString()))
-    )
-  ), !hidePresents ? presents?.map(
-    (column) => summary[column] !== void 0 && queryMap[column] !== void 0 && /* @__PURE__ */ React.createElement("button", { key: column, className: `btn btn-ghost mx-1 h-32 w-48 rounded-none border-none pt-3` }, /* @__PURE__ */ React.createElement("div", { className: "stat" }, /* @__PURE__ */ React.createElement("div", { className: "stat-title" }, l(`summary.${column}`)), /* @__PURE__ */ React.createElement("div", { className: "stat-value text-primary" }, summary[column])))
-  ) : null));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("stats my-2 flex w-full flex-wrap justify-center py-0 shadow-sm", className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "stats", children: [
+    columns?.map(
+      (column) => summary[column] !== void 0 && queryMap[column] !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          className: `btn btn-ghost mx-1 h-32 w-48 rounded-none pt-3 hover:border ${filter === column ? "border" : "border-0"}`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Link.Link, { className: "stat", href: `/admin?topMenu=data&subMenu=${modelName}&filter=${column}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "stat-title", children: l(`summary.${column}`) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "stat-value text-primary", children: summary[column].toLocaleString() })
+          ] }, column)
+        },
+        column
+      )
+    ),
+    !hidePresents ? presents?.map(
+      (column) => summary[column] !== void 0 && queryMap[column] !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: `btn btn-ghost mx-1 h-32 w-48 rounded-none border-none pt-3`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "stat", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "stat-title", children: l(`summary.${column}`) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "stat-value text-primary", children: summary[column] })
+      ] }) }, column)
+    ) : null
+  ] }) });
 }

package/cjs/Data/Insight.js

@@ -21,6 +21,7 @@ __export(Insight_exports, {
   default: () => Insight
 });
 module.exports = __toCommonJS(Insight_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_next = require("@akanjs/next");
 var import_store = require("@akanjs/store");
@@ -32,7 +33,10 @@ function Insight({
 }) {
   const { l } = (0, import_next.usePage)();
   const refName = import_store.st.slice[sliceName].refName;
-  return /* @__PURE__ */ React.createElement("div", { className: (0, import_client.clsx)("stats my-2 flex w-full flex-wrap justify-center py-2 shadow-sm", className) }, /* @__PURE__ */ React.createElement("div", { className: "stats" }, columns?.map(
-    (column, idx) => insight[column] !== void 0 && /* @__PURE__ */ React.createElement("div", { key: idx, className: "stat mx-1 flex items-center rounded-none" }, /* @__PURE__ */ React.createElement("div", { className: "stat-title" }, l.field(refName, column)), /* @__PURE__ */ React.createElement("div", { className: "stat-value text-xl" }, insight[column].toLocaleString()))
-  )));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("stats my-2 flex w-full flex-wrap justify-center py-2 shadow-sm", className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "stats", children: columns?.map(
+    (column, idx) => insight[column] !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "stat mx-1 flex items-center rounded-none", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "stat-title", children: l.field(refName, column) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "stat-value text-xl", children: insight[column].toLocaleString() })
+    ] }, idx)
+  ) }) });
 }