mtxuilib 0.0.308 → 0.0.310

package/dist/App.cjs

@@ -21,11 +21,27 @@ __export(App_exports, {
   default: () => App_default
 });
 module.exports = __toCommonJS(App_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_App = require("./App.css");
 var import_styles = require("./styles/index.css");
 function App() {
   const [count, setCount] = (0, import_react.useState)(0);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_react.Suspense, { fallback: /* @__PURE__ */ React.createElement(React.Fragment, null, "loading") }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("a", { href: "https://vitejs.dev", target: "_blank" }))), /* @__PURE__ */ React.createElement("h1", null, "Vite + React"), /* @__PURE__ */ React.createElement("div", { className: "card" }, /* @__PURE__ */ React.createElement("button", { onClick: () => setCount((count2) => count2 + 1) }, "count is ", count), /* @__PURE__ */ React.createElement("p", null, "Edit ", /* @__PURE__ */ React.createElement("code", null, "src/App.tsx"), " and save to test HMR")), /* @__PURE__ */ React.createElement("p", { className: "read-the-docs" }, "Click on the Vite and React logos to learn more"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: "loading" }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "https://vitejs.dev", target: "_blank" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: "Vite + React" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { onClick: () => setCount((count2) => count2 + 1), children: [
+        "count is ",
+        count
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+        "Edit ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "src/App.tsx" }),
+        " and save to test HMR"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "read-the-docs", children: "Click on the Vite and React logos to learn more" })
+  ] });
 }
 var App_default = App;

package/dist/MtmButton.cjs

@@ -21,8 +21,9 @@ __export(MtmButton_exports, {
   MtmButton: () => MtmButton
 });
 module.exports = __toCommonJS(MtmButton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 const MtmButton = () => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", { className: "bg-green-700 border" }, "MtmButton6"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "border bg-green-700", children: "MtmButton6" }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/NovelEditorLoader.cjs

@@ -21,14 +21,18 @@ __export(NovelEditorLoader_exports, {
   TWEditorLoder: () => TWEditorLoder
 });
 module.exports = __toCommonJS(NovelEditorLoader_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_advanced_editor = require("./ui/novel/tailwind/advanced-editor");
 const TWEditorLoder = () => {
   const [open, setOpen] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", { onClick: () => {
-    console.log("load editor");
-    setOpen(true);
-  } }, " load"), open && /* @__PURE__ */ React.createElement(import_react.Suspense, { fallback: /* @__PURE__ */ React.createElement(React.Fragment, null, "loading") }, /* @__PURE__ */ React.createElement(import_advanced_editor.TailwindAdvancedEditor, null)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => {
+      console.log("load editor");
+      setOpen(true);
+    }, children: " load" }),
+    open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: "loading" }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_advanced_editor.TailwindAdvancedEditor, {}) })
+  ] });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/browser/index.min.js

@@ -1,6 +1,7 @@
 // src/index.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
 var LajiComp = () => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", null, "laji button"));
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("button", { children: "laji button" }) });
 };
 export {
   LajiComp

package/dist/common/FullCenter.cjs

@@ -22,9 +22,10 @@ __export(FullCenter_exports, {
   FullCenter: () => FullCenter
 });
 module.exports = __toCommonJS(FullCenter_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 const FullCenter = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full w-full items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, children));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1", children }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/common/MtImage.cjs

@@ -48,6 +48,7 @@ __export(MtImage_exports, {
   MtImage: () => MtImage
 });
 module.exports = __toCommonJS(MtImage_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_image = __toESM(require("next/image"), 1);
 var import_utils = require("../lib/utils");
 const normalizeSrc = (src) => {
@@ -72,7 +73,7 @@ function getImageLoader() {
   }
 }
 const MtImage = (props) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_image.default,
     __spreadProps(__spreadValues({}, props), {
       loader: getImageLoader()

package/dist/common/mtlink.cjs

@@ -58,6 +58,7 @@ __export(mtlink_exports, {
   MtLink: () => MtLink
 });
 module.exports = __toCommonJS(mtlink_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_slot = require("@radix-ui/react-slot");
 var import_link = __toESM(require("next/link"), 1);
 var import_react = __toESM(require("react"), 1);
@@ -67,7 +68,7 @@ const MtLink = import_react.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
     const Comp = asChild ? import_react_slot.Slot : import_link.default;
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Comp,
       __spreadValues({
         className: (0, import_utils.cn)(

package/dist/common/table/cells/ExpenderCell.cjs

@@ -1,7 +1,9 @@
 "use strict";
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -18,6 +20,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -36,17 +39,19 @@ __export(ExpenderCell_exports, {
   ExpenderCell: () => ExpenderCell
 });
 module.exports = __toCommonJS(ExpenderCell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
 var import_utils = require("../../../lib/utils");
 const ExpenderCell = (info) => {
-  return info.row.getCanExpand() ? /* @__PURE__ */ React.createElement(
+  return info.row.getCanExpand() ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: "pointer"
     }, {
       onClick: info.row.getToggleExpandedHandler()
-    }),
-    /* @__PURE__ */ React.createElement(import_lucide_react.ChevronRight, { className: (0, import_utils.cn)(info.row.getIsExpanded() && "rotate-90") })
+    }), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { className: (0, import_utils.cn)(info.row.getIsExpanded() && "rotate-90") })
+    })
   ) : "\u{1F535}";
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/common/table/cells/SelectCell.cjs

@@ -33,6 +33,7 @@ __export(SelectCell_exports, {
   SelectCell: () => SelectCell
 });
 module.exports = __toCommonJS(SelectCell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"), 1);
 var import_select = require("../../../ui/select");
 const SelectCell = (info) => {
@@ -40,13 +41,16 @@ const SelectCell = (info) => {
   const onBlur = () => {
     const numValue = parseInt(value);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "flex w-full" }, /* @__PURE__ */ import_react.default.createElement("input", { type: "number", value, onChange: (e) => setValue(e.target.value), onBlur, className: "grow" }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex w-full", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "number", value, onChange: (e) => setValue(e.target.value), onBlur, className: "grow" }) });
 };
 const NewSelectCell = ({ placeholder, items }) => {
   const component = (_info) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_select.Select, null, /* @__PURE__ */ import_react.default.createElement(import_select.SelectTrigger, { className: "w-[180px]" }, /* @__PURE__ */ import_react.default.createElement(import_select.SelectValue, { placeholder: placeholder || "--" })), /* @__PURE__ */ import_react.default.createElement(import_select.SelectContent, null, /* @__PURE__ */ import_react.default.createElement(import_select.SelectGroup, null, items == null ? void 0 : items.map((item, i) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_select.SelectItem, { value: item.value, key: i }, item.label);
-    })))));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, { placeholder: placeholder || "--" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectGroup, { children: items == null ? void 0 : items.map((item, i) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: item.value, children: item.label }, i);
+      }) }) })
+    ] }) });
   };
   return component;
 };

package/dist/common/table/cells/Text.cjs

@@ -32,6 +32,7 @@ __export(Text_exports, {
   NewTextCell: () => NewTextCell
 });
 module.exports = __toCommonJS(Text_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"), 1);
 const NewTextCell = ({ enableEdit, placeholder, popup }) => (info) => {
   const initialValue = info.cell.getValue();
@@ -41,7 +42,7 @@ const NewTextCell = ({ enableEdit, placeholder, popup }) => (info) => {
   }, [initialValue]);
   const onBlur = () => {
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, value);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: value });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/common/table/cells/ViewLink.cjs

@@ -33,6 +33,7 @@ __export(ViewLink_exports, {
   ViewLinkCell: () => ViewLinkCell
 });
 module.exports = __toCommonJS(ViewLink_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_link = __toESM(require("next/link"), 1);
 var import_react = __toESM(require("react"), 1);
 var import_select = require("../../../ui/select");
@@ -41,13 +42,16 @@ const ViewLinkCell = (info) => {
   const onBlur = () => {
     const numValue = parseInt(value);
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_link.default, { href: "#" }, "res link"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "#", children: "res link" }) });
 };
 const NewSelectCell = ({ placeholder, items }) => {
   return (info) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_select.Select, null, /* @__PURE__ */ import_react.default.createElement(import_select.SelectTrigger, { className: "w-[180px]" }, /* @__PURE__ */ import_react.default.createElement(import_select.SelectValue, { placeholder: placeholder || "--" })), /* @__PURE__ */ import_react.default.createElement(import_select.SelectContent, null, /* @__PURE__ */ import_react.default.createElement(import_select.SelectGroup, null, items == null ? void 0 : items.map((item, i) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_select.SelectItem, { value: item.value, key: i }, item.label);
-    })))));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, { placeholder: placeholder || "--" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectGroup, { children: items == null ? void 0 : items.map((item, i) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: item.value, children: item.label }, i);
+      }) }) })
+    ] }) });
   };
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/common/table/cells/container/cellWrapper.cjs

@@ -22,8 +22,9 @@ __export(cellWrapper_exports, {
   CellWrapper: () => CellWrapper
 });
 module.exports = __toCommonJS(cellWrapper_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 const CellWrapper = ({ children }) => {
-  return /* @__PURE__ */ React.createElement("div", null, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/common/table/cells/number.cjs

@@ -32,13 +32,14 @@ __export(number_exports, {
   NumberCell: () => NumberCell
 });
 module.exports = __toCommonJS(number_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"), 1);
 const NumberCell = (info) => {
   const [value, setValue] = import_react.default.useState(info.cell.getValue());
   const onBlur = () => {
     const numValue = parseInt(value);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "flex w-full" }, /* @__PURE__ */ import_react.default.createElement("input", { type: "number", value, onChange: (e) => setValue(e.target.value), onBlur, className: "grow" }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex w-full", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "number", value, onChange: (e) => setValue(e.target.value), onBlur, className: "grow" }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/common/table/cells/string.cjs

@@ -32,6 +32,7 @@ __export(string_exports, {
   StringCell: () => StringCell
 });
 module.exports = __toCommonJS(string_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"), 1);
 var import_cellWrapper = require("./container/cellWrapper");
 const StringCell = (info) => {
@@ -43,7 +44,7 @@ const StringCell = (info) => {
   import_react.default.useEffect(() => {
     setValue(initialValue);
   }, [initialValue]);
-  return /* @__PURE__ */ import_react.default.createElement(import_cellWrapper.CellWrapper, null, value);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_cellWrapper.CellWrapper, { children: value });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/common/table/data-table-pagination.cjs

@@ -22,63 +22,101 @@ __export(data_table_pagination_exports, {
   DataTablePagination: () => DataTablePagination
 });
 module.exports = __toCommonJS(data_table_pagination_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_icons = require("@radix-ui/react-icons");
 var import_select = require("../../ui/select");
 var import_Button = require("../../ui/ui-mt/Button");
 function DataTablePagination({
   table
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between px-2" }, /* @__PURE__ */ React.createElement("div", { className: "text-muted-foreground flex-1 text-sm" }, table.getFilteredSelectedRowModel().rows.length, " of", " ", table.getFilteredRowModel().rows.length, " row(s) selected."), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-6 lg:space-x-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium" }, "Rows per page"), /* @__PURE__ */ React.createElement(
-    import_select.Select,
-    {
-      value: `${table.getState().pagination.pageSize}`,
-      onValueChange: (value) => {
-        table.setPageSize(Number(value));
-      }
-    },
-    /* @__PURE__ */ React.createElement(import_select.SelectTrigger, { className: "h-8 w-[70px]" }, /* @__PURE__ */ React.createElement(import_select.SelectValue, { placeholder: table.getState().pagination.pageSize })),
-    /* @__PURE__ */ React.createElement(import_select.SelectContent, { side: "top" }, [10, 20, 30, 40, 50].map((pageSize) => /* @__PURE__ */ React.createElement(import_select.SelectItem, { key: pageSize, value: `${pageSize}` }, pageSize)))
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium" }, "Page ", table.getState().pagination.pageIndex + 1, " of", " ", table.getPageCount()), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement(
-    import_Button.MtButton,
-    {
-      variant: "outline",
-      className: "hidden h-8 w-8 p-0 lg:flex",
-      onClick: () => table.setPageIndex(0),
-      disabled: !table.getCanPreviousPage()
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Go to first page"),
-    /* @__PURE__ */ React.createElement(import_react_icons.DoubleArrowLeftIcon, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React.createElement(
-    import_Button.MtButton,
-    {
-      variant: "outline",
-      className: "h-8 w-8 p-0",
-      onClick: () => table.previousPage(),
-      disabled: !table.getCanPreviousPage()
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Go to previous page"),
-    /* @__PURE__ */ React.createElement(import_react_icons.ChevronLeftIcon, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React.createElement(
-    import_Button.MtButton,
-    {
-      variant: "outline",
-      className: "h-8 w-8 p-0",
-      onClick: () => table.nextPage(),
-      disabled: !table.getCanNextPage()
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Go to next page"),
-    /* @__PURE__ */ React.createElement(import_react_icons.ChevronRightIcon, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React.createElement(
-    import_Button.MtButton,
-    {
-      variant: "outline",
-      className: "hidden h-8 w-8 p-0 lg:flex",
-      onClick: () => table.setPageIndex(table.getPageCount() - 1),
-      disabled: !table.getCanNextPage()
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Go to last page"),
-    /* @__PURE__ */ React.createElement(import_react_icons.DoubleArrowRightIcon, { className: "h-4 w-4" })
-  ))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between px-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-muted-foreground flex-1 text-sm", children: [
+      table.getFilteredSelectedRowModel().rows.length,
+      " of",
+      " ",
+      table.getFilteredRowModel().rows.length,
+      " row(s) selected."
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: "Rows per page" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_select.Select,
+          {
+            value: `${table.getState().pagination.pageSize}`,
+            onValueChange: (value) => {
+              table.setPageSize(Number(value));
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, { placeholder: table.getState().pagination.pageSize }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+        "Page ",
+        table.getState().pagination.pageIndex + 1,
+        " of",
+        " ",
+        table.getPageCount()
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_Button.MtButton,
+          {
+            variant: "outline",
+            className: "hidden h-8 w-8 p-0 lg:flex",
+            onClick: () => table.setPageIndex(0),
+            disabled: !table.getCanPreviousPage(),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Go to first page" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.DoubleArrowLeftIcon, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_Button.MtButton,
+          {
+            variant: "outline",
+            className: "h-8 w-8 p-0",
+            onClick: () => table.previousPage(),
+            disabled: !table.getCanPreviousPage(),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Go to previous page" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.ChevronLeftIcon, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_Button.MtButton,
+          {
+            variant: "outline",
+            className: "h-8 w-8 p-0",
+            onClick: () => table.nextPage(),
+            disabled: !table.getCanNextPage(),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Go to next page" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.ChevronRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_Button.MtButton,
+          {
+            variant: "outline",
+            className: "hidden h-8 w-8 p-0 lg:flex",
+            onClick: () => table.setPageIndex(table.getPageCount() - 1),
+            disabled: !table.getCanNextPage(),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Go to last page" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.DoubleArrowRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/common/table/data-table-view-options.cjs

@@ -22,35 +22,45 @@ __export(data_table_view_options_exports, {
   DataTableViewOptions: () => DataTableViewOptions
 });
 module.exports = __toCommonJS(data_table_view_options_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_icons = require("@radix-ui/react-icons");
 var import_dropdown_menu = require("../../ui/dropdown-menu");
 var import_Button = require("../../ui/ui-mt/Button");
 function DataTableViewOptions({
   table
 }) {
-  return /* @__PURE__ */ React.createElement(import_dropdown_menu.DropdownMenu, null, /* @__PURE__ */ React.createElement(import_dropdown_menu.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    import_Button.MtButton,
-    {
-      variant: "outline",
-      size: "sm",
-      className: "ml-auto hidden h-8 lg:flex"
-    },
-    /* @__PURE__ */ React.createElement(import_react_icons.MixerHorizontalIcon, { className: "mr-2 h-4 w-4" }),
-    "View"
-  )), /* @__PURE__ */ React.createElement(import_dropdown_menu.DropdownMenuContent, { align: "end", className: "w-[150px]" }, /* @__PURE__ */ React.createElement(import_dropdown_menu.DropdownMenuLabel, null, "Toggle columns"), /* @__PURE__ */ React.createElement(import_dropdown_menu.DropdownMenuSeparator, null), table.getAllColumns().filter(
-    (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
-  ).map((column) => {
-    return /* @__PURE__ */ React.createElement(
-      import_dropdown_menu.DropdownMenuCheckboxItem,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_Button.MtButton,
       {
-        key: column.id,
-        className: "capitalize",
-        checked: column.getIsVisible(),
-        onCheckedChange: (value) => column.toggleVisibility(!!value)
-      },
-      column.id
-    );
-  })));
+        variant: "outline",
+        size: "sm",
+        className: "ml-auto hidden h-8 lg:flex",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.MixerHorizontalIcon, { className: "mr-2 h-4 w-4" }),
+          "View"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuContent, { align: "end", className: "w-[150px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuSeparator, {}),
+      table.getAllColumns().filter(
+        (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
+      ).map((column) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_dropdown_menu.DropdownMenuCheckboxItem,
+          {
+            className: "capitalize",
+            checked: column.getIsVisible(),
+            onCheckedChange: (value) => column.toggleVisibility(!!value),
+            children: column.id
+          },
+          column.id
+        );
+      })
+    ] })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/common/tailwind-indicator.cjs

@@ -22,10 +22,18 @@ __export(tailwind_indicator_exports, {
   TailwindIndicator: () => TailwindIndicator
 });
 module.exports = __toCommonJS(tailwind_indicator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 const TailwindIndicator = () => {
   if (process.env.NODE_ENV === "production")
     return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white" }, /* @__PURE__ */ React.createElement("div", { className: "block sm:hidden" }, "xs"), /* @__PURE__ */ React.createElement("div", { className: "hidden sm:block md:hidden" }, "sm"), /* @__PURE__ */ React.createElement("div", { className: "hidden md:block lg:hidden" }, "md"), /* @__PURE__ */ React.createElement("div", { className: "hidden lg:block xl:hidden" }, "lg"), /* @__PURE__ */ React.createElement("div", { className: "hidden xl:block 2xl:hidden" }, "xl"), /* @__PURE__ */ React.createElement("div", { className: "hidden 2xl:block" }, "2xl"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block sm:hidden", children: "xs" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden sm:block md:hidden", children: "sm" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden md:block lg:hidden", children: "md" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden lg:block xl:hidden", children: "lg" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden xl:block 2xl:hidden", children: "xl" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden 2xl:block", children: "2xl" })
+  ] });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/entry-client.cjs

@@ -21,11 +21,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_index = require("./index.css");
 var import_react = __toESM(require("react"), 1);
 var import_client = __toESM(require("react-dom/client"), 1);
 var import_App = __toESM(require("./App"), 1);
 import_client.default.hydrateRoot(
   document.getElementById("root"),
-  /* @__PURE__ */ import_react.default.createElement(import_react.default.StrictMode, null, /* @__PURE__ */ import_react.default.createElement(import_App.default, null))
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_App.default, {}) })
 );

package/dist/entry-server.cjs

@@ -31,12 +31,13 @@ __export(entry_server_exports, {
   render: () => render
 });
 module.exports = __toCommonJS(entry_server_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"), 1);
 var import_server = __toESM(require("react-dom/server"), 1);
 var import_App = __toESM(require("./App"), 1);
 function render() {
   const html = import_server.default.renderToString(
-    /* @__PURE__ */ import_react.default.createElement(import_react.default.StrictMode, null, /* @__PURE__ */ import_react.default.createElement(import_App.default, null))
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_App.default, {}) })
   );
   console.log("html", html);
   return { html };

package/dist/esm/App.js

@@ -1,9 +1,25 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Suspense, useState } from "react";
 import "./App.css";
 import "./styles/index.css";
 function App() {
   const [count, setCount] = useState(0);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement(React.Fragment, null, "loading") }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("a", { href: "https://vitejs.dev", target: "_blank" }))), /* @__PURE__ */ React.createElement("h1", null, "Vite + React"), /* @__PURE__ */ React.createElement("div", { className: "card" }, /* @__PURE__ */ React.createElement("button", { onClick: () => setCount((count2) => count2 + 1) }, "count is ", count), /* @__PURE__ */ React.createElement("p", null, "Edit ", /* @__PURE__ */ React.createElement("code", null, "src/App.tsx"), " and save to test HMR")), /* @__PURE__ */ React.createElement("p", { className: "read-the-docs" }, "Click on the Vite and React logos to learn more"));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Fragment, { children: "loading" }), children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("a", { href: "https://vitejs.dev", target: "_blank" }) }) }),
+    /* @__PURE__ */ jsx("h1", { children: "Vite + React" }),
+    /* @__PURE__ */ jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ jsxs("button", { onClick: () => setCount((count2) => count2 + 1), children: [
+        "count is ",
+        count
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        "Edit ",
+        /* @__PURE__ */ jsx("code", { children: "src/App.tsx" }),
+        " and save to test HMR"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "read-the-docs", children: "Click on the Vite and React logos to learn more" })
+  ] });
 }
 var App_default = App;
 export {

package/dist/esm/MtmButton.js

@@ -1,5 +1,6 @@
+import { Fragment, jsx } from "react/jsx-runtime";
 const MtmButton = () => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", { className: "bg-green-700 border" }, "MtmButton6"));
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("button", { className: "border bg-green-700", children: "MtmButton6" }) });
 };
 export {
   MtmButton