mtxuilib 0.0.308 → 0.0.310

package/dist/esm/icons/icons.js

@@ -1,5 +1,7 @@
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -15,6 +17,8 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import {
   AlertTriangle,
@@ -119,9 +123,9 @@ const iconVariants = cva("", {
   },
   defaultVariants: {}
 });
-const borderAll = (props) => /* @__PURE__ */ React.createElement(
+const borderAll = (props) => /* @__PURE__ */ jsx(
   "svg",
-  __spreadValues({
+  __spreadProps(__spreadValues({
     viewBox: "0 0 24 24",
     height: "48",
     width: "48",
@@ -129,12 +133,13 @@ const borderAll = (props) => /* @__PURE__ */ React.createElement(
     role: "img",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props),
-  /* @__PURE__ */ React.createElement("path", { d: "M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6zm10 13h5a1 1 0 0 0 1-1v-5h-6v6zm-2-6H5v5a1 1 0 0 0 1 1h5v-6zm2-2h6V6a1 1 0 0 0-1-1h-5v6zm-2-6H6a1 1 0 0 0-1 1v5h6V5z" })
+  }, props), {
+    children: /* @__PURE__ */ jsx("path", { d: "M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6zm10 13h5a1 1 0 0 0 1-1v-5h-6v6zm-2-6H5v5a1 1 0 0 0 1 1h5v-6zm2-2h6V6a1 1 0 0 0-1-1h-5v6zm-2-6H6a1 1 0 0 0-1 1v5h6V5z" })
+  })
 );
-const borderBottom = (props) => /* @__PURE__ */ React.createElement(
+const borderBottom = (props) => /* @__PURE__ */ jsx(
   "svg",
-  __spreadValues({
+  __spreadProps(__spreadValues({
     viewBox: "0 0 24 24",
     height: "48",
     width: "48",
@@ -142,12 +147,13 @@ const borderBottom = (props) => /* @__PURE__ */ React.createElement(
     role: "img",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props),
-  /* @__PURE__ */ React.createElement("path", { d: "M13 5a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zm-8 6a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm-2 7a1 1 0 1 1 2 0 1 1 0 0 0 1 1h12a1 1 0 0 0 1-1 1 1 0 1 1 2 0 3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm17-8a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0v-2a1 1 0 0 0-1-1zM7 4a1 1 0 0 0-1-1 3 3 0 0 0-3 3 1 1 0 0 0 2 0 1 1 0 0 1 1-1 1 1 0 0 0 1-1zm11-1a1 1 0 1 0 0 2 1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3z" })
+  }, props), {
+    children: /* @__PURE__ */ jsx("path", { d: "M13 5a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zm-8 6a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm-2 7a1 1 0 1 1 2 0 1 1 0 0 0 1 1h12a1 1 0 0 0 1-1 1 1 0 1 1 2 0 3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm17-8a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0v-2a1 1 0 0 0-1-1zM7 4a1 1 0 0 0-1-1 3 3 0 0 0-3 3 1 1 0 0 0 2 0 1 1 0 0 1 1-1 1 1 0 0 0 1-1zm11-1a1 1 0 1 0 0 2 1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3z" })
+  })
 );
-const borderLeft = (props) => /* @__PURE__ */ React.createElement(
+const borderLeft = (props) => /* @__PURE__ */ jsx(
   "svg",
-  __spreadValues({
+  __spreadProps(__spreadValues({
     viewBox: "0 0 24 24",
     height: "48",
     width: "48",
@@ -155,12 +161,13 @@ const borderLeft = (props) => /* @__PURE__ */ React.createElement(
     role: "img",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props),
-  /* @__PURE__ */ React.createElement("path", { d: "M6 21a1 1 0 1 0 0-2 1 1 0 0 1-1-1V6a1 1 0 0 1 1-1 1 1 0 0 0 0-2 3 3 0 0 0-3 3v12a3 3 0 0 0 3 3zm7-16a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zm6 6a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2zm-5 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zm4-17a1 1 0 1 0 0 2 1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3zm-1 17a1 1 0 0 0 1 1 3 3 0 0 0 3-3 1 1 0 1 0-2 0 1 1 0 0 1-1 1 1 1 0 0 0-1 1z" })
+  }, props), {
+    children: /* @__PURE__ */ jsx("path", { d: "M6 21a1 1 0 1 0 0-2 1 1 0 0 1-1-1V6a1 1 0 0 1 1-1 1 1 0 0 0 0-2 3 3 0 0 0-3 3v12a3 3 0 0 0 3 3zm7-16a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zm6 6a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2zm-5 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zm4-17a1 1 0 1 0 0 2 1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3zm-1 17a1 1 0 0 0 1 1 3 3 0 0 0 3-3 1 1 0 1 0-2 0 1 1 0 0 1-1 1 1 1 0 0 0-1 1z" })
+  })
 );
-const borderNone = (props) => /* @__PURE__ */ React.createElement(
+const borderNone = (props) => /* @__PURE__ */ jsx(
   "svg",
-  __spreadValues({
+  __spreadProps(__spreadValues({
     viewBox: "0 0 24 24",
     height: "48",
     width: "48",
@@ -168,12 +175,13 @@ const borderNone = (props) => /* @__PURE__ */ React.createElement(
     role: "img",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props),
-  /* @__PURE__ */ React.createElement("path", { d: "M14 4a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zm-9 7a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm14 0a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2zm-6 10a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zM7 4a1 1 0 0 0-1-1 3 3 0 0 0-3 3 1 1 0 0 0 2 0 1 1 0 0 1 1-1 1 1 0 0 0 1-1zm11-1a1 1 0 1 0 0 2 1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3zM7 20a1 1 0 0 1-1 1 3 3 0 0 1-3-3 1 1 0 1 1 2 0 1 1 0 0 0 1 1 1 1 0 0 1 1 1zm11 1a1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 1 1 2 0 3 3 0 0 1-3 3z" })
+  }, props), {
+    children: /* @__PURE__ */ jsx("path", { d: "M14 4a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zm-9 7a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm14 0a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2zm-6 10a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zM7 4a1 1 0 0 0-1-1 3 3 0 0 0-3 3 1 1 0 0 0 2 0 1 1 0 0 1 1-1 1 1 0 0 0 1-1zm11-1a1 1 0 1 0 0 2 1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3zM7 20a1 1 0 0 1-1 1 3 3 0 0 1-3-3 1 1 0 1 1 2 0 1 1 0 0 0 1 1 1 1 0 0 1 1 1zm11 1a1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 1 1 2 0 3 3 0 0 1-3 3z" })
+  })
 );
-const borderRight = (props) => /* @__PURE__ */ React.createElement(
+const borderRight = (props) => /* @__PURE__ */ jsx(
   "svg",
-  __spreadValues({
+  __spreadProps(__spreadValues({
     viewBox: "0 0 24 24",
     height: "48",
     width: "48",
@@ -181,12 +189,13 @@ const borderRight = (props) => /* @__PURE__ */ React.createElement(
     role: "img",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props),
-  /* @__PURE__ */ React.createElement("path", { d: "M13 5a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zm-8 6a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm9 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zM6 3a1 1 0 0 1 0 2 1 1 0 0 0-1 1 1 1 0 0 1-2 0 3 3 0 0 1 3-3zm1 17a1 1 0 0 1-1 1 3 3 0 0 1-3-3 1 1 0 1 1 2 0 1 1 0 0 0 1 1 1 1 0 0 1 1 1zm11 1a1 1 0 1 1 0-2 1 1 0 0 0 1-1V6a1 1 0 0 0-1-1 1 1 0 1 1 0-2 3 3 0 0 1 3 3v12a3 3 0 0 1-3 3z" })
+  }, props), {
+    children: /* @__PURE__ */ jsx("path", { d: "M13 5a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zm-8 6a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm9 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zM6 3a1 1 0 0 1 0 2 1 1 0 0 0-1 1 1 1 0 0 1-2 0 3 3 0 0 1 3-3zm1 17a1 1 0 0 1-1 1 3 3 0 0 1-3-3 1 1 0 1 1 2 0 1 1 0 0 0 1 1 1 1 0 0 1 1 1zm11 1a1 1 0 1 1 0-2 1 1 0 0 0 1-1V6a1 1 0 0 0-1-1 1 1 0 1 1 0-2 3 3 0 0 1 3 3v12a3 3 0 0 1-3 3z" })
+  })
 );
-const borderTop = (props) => /* @__PURE__ */ React.createElement(
+const borderTop = (props) => /* @__PURE__ */ jsx(
   "svg",
-  __spreadValues({
+  __spreadProps(__spreadValues({
     viewBox: "0 0 24 24",
     height: "48",
     width: "48",
@@ -194,8 +203,9 @@ const borderTop = (props) => /* @__PURE__ */ React.createElement(
     role: "img",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props),
-  /* @__PURE__ */ React.createElement("path", { d: "M3 6a1 1 0 0 0 2 0 1 1 0 0 1 1-1h12a1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3zm2 5a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm14 0a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2zm-5 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zm-8 1a1 1 0 1 0 0-2 1 1 0 0 1-1-1 1 1 0 1 0-2 0 3 3 0 0 0 3 3zm11-1a1 1 0 0 0 1 1 3 3 0 0 0 3-3 1 1 0 1 0-2 0 1 1 0 0 1-1 1 1 1 0 0 0-1 1z" })
+  }, props), {
+    children: /* @__PURE__ */ jsx("path", { d: "M3 6a1 1 0 0 0 2 0 1 1 0 0 1 1-1h12a1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3zm2 5a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm14 0a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2zm-5 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zm-8 1a1 1 0 1 0 0-2 1 1 0 0 1-1-1 1 1 0 1 0-2 0 3 3 0 0 0 3 3zm11-1a1 1 0 0 0 1 1 3 3 0 0 0 3-3 1 1 0 1 0-2 0 1 1 0 0 1-1 1 1 1 0 0 0-1 1z" })
+  })
 );
 const Icons = {
   x: X,
@@ -308,38 +318,38 @@ const Icons = {
   embed: Film,
   highlight: Highlighter,
   suggesting: PenLine,
-  gitHub: (props) => /* @__PURE__ */ React.createElement("svg", __spreadValues({ viewBox: "0 0 438.549 438.549" }, props), /* @__PURE__ */ React.createElement(
+  gitHub: (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ viewBox: "0 0 438.549 438.549" }, props), { children: /* @__PURE__ */ jsx(
     "path",
     {
       fill: "currentColor",
       d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
     }
-  )),
-  logo: (props) => /* @__PURE__ */ React.createElement("svg", __spreadValues({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }, props), /* @__PURE__ */ React.createElement(
+  ) })),
+  logo: (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }, props), { children: /* @__PURE__ */ jsx(
     "path",
     {
       fill: "currentColor",
       d: "M11.572 0c-.176 0-.31.001-.358.007a19.76 19.76 0 0 1-.364.033C7.443.346 4.25 2.185 2.228 5.012a11.875 11.875 0 0 0-2.119 5.243c-.096.659-.108.854-.108 1.747s.012 1.089.108 1.748c.652 4.506 3.86 8.292 8.209 9.695.779.25 1.6.422 2.534.525.363.04 1.935.04 2.299 0 1.611-.178 2.977-.577 4.323-1.264.207-.106.247-.134.219-.158-.02-.013-.9-1.193-1.955-2.62l-1.919-2.592-2.404-3.558a338.739 338.739 0 0 0-2.422-3.556c-.009-.002-.018 1.579-.023 3.51-.007 3.38-.01 3.515-.052 3.595a.426.426 0 0 1-.206.214c-.075.037-.14.044-.495.044H7.81l-.108-.068a.438.438 0 0 1-.157-.171l-.05-.106.006-4.703.007-4.705.072-.092a.645.645 0 0 1 .174-.143c.096-.047.134-.051.54-.051.478 0 .558.018.682.154.035.038 1.337 1.999 2.895 4.361a10760.433 10760.433 0 0 0 4.735 7.17l1.9 2.879.096-.063a12.317 12.317 0 0 0 2.466-2.163 11.944 11.944 0 0 0 2.824-6.134c.096-.66.108-.854.108-1.748 0-.893-.012-1.088-.108-1.747-.652-4.506-3.859-8.292-8.208-9.695a12.597 12.597 0 0 0-2.499-.523A33.119 33.119 0 0 0 11.573 0zm4.069 7.217c.347 0 .408.005.486.047a.473.473 0 0 1 .237.277c.018.06.023 1.365.018 4.304l-.006 4.218-.744-1.14-.746-1.14v-3.066c0-1.982.01-3.097.023-3.15a.478.478 0 0 1 .233-.296c.096-.05.13-.054.5-.054z"
     }
-  ))
+  ) }))
 };
 const IconX = ({ name, className, withDefault }) => {
   if (withDefault) {
     const IconComponent = Icons[name] || SquareIcon;
-    return /* @__PURE__ */ React.createElement(IconComponent, { className });
+    return /* @__PURE__ */ jsx(IconComponent, { className });
   } else {
     const IconComponent = Icons[name];
     if (!IconComponent) {
       return null;
     } else {
-      return /* @__PURE__ */ React.createElement(IconComponent, { className });
+      return /* @__PURE__ */ jsx(IconComponent, { className });
     }
   }
 };
 const IconByName = ({ name }) => {
   switch (name) {
     default:
-      return /* @__PURE__ */ React.createElement(SquareIcon, { className: "mr-2 h-4 w-4" });
+      return /* @__PURE__ */ jsx(SquareIcon, { className: "mr-2 h-4 w-4" });
   }
 };
 export {

package/dist/esm/index.js

@@ -1,5 +1,6 @@
+import { Fragment, jsx } from "react/jsx-runtime";
 const 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/esm/lib/connectquery/use-transport.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { ConnectError } from "@connectrpc/connect";
 import { createContext, useContext } from "react";
 const fallbackTransportError = new ConnectError(
@@ -14,7 +15,7 @@ const fallbackTransport = {
 };
 const transportContext = createContext(fallbackTransport);
 const useTransport = () => useContext(transportContext);
-const TransportProvider = ({ children, transport }) => /* @__PURE__ */ React.createElement(transportContext.Provider, { value: transport }, children);
+const TransportProvider = ({ children, transport }) => /* @__PURE__ */ jsx(transportContext.Provider, { value: transport, children });
 export {
   TransportProvider,
   fallbackTransport,

package/dist/esm/lib/render copy.js

@@ -14,8 +14,9 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+import { jsx } from "react/jsx-runtime";
 function flexRender(Comp, props) {
-  return !Comp ? null : isReactComponent(Comp) ? /* @__PURE__ */ React.createElement(Comp, __spreadValues({}, props)) : Comp;
+  return !Comp ? null : isReactComponent(Comp) ? /* @__PURE__ */ jsx(Comp, __spreadValues({}, props)) : Comp;
 }
 function isReactComponent(component) {
   return isClassComponent(component) || typeof component === "function" || isExoticComponent(component);

package/dist/esm/lib/render.js

@@ -14,8 +14,9 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+import { jsx } from "react/jsx-runtime";
 function flexRender(Comp, props) {
-  return !Comp ? null : isReactComponent(Comp) ? /* @__PURE__ */ React.createElement(Comp, __spreadValues({}, props)) : Comp;
+  return !Comp ? null : isReactComponent(Comp) ? /* @__PURE__ */ jsx(Comp, __spreadValues({}, props)) : Comp;
 }
 function isReactComponent(component) {
   return isClassComponent(component) || typeof component === "function" || isExoticComponent(component);

package/dist/esm/store/MtConnectProvider.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { TransportProvider } from "../lib/connectquery";
 import { createMtConnectTransport } from "../lib/mtmFetcher";
@@ -10,7 +11,7 @@ const MtConnectProvider = (props) => {
   const transport = useMemo(() => {
     return createMtConnectTransport(backendUrl || "", extInfo);
   }, [backendUrl, extInfo]);
-  return /* @__PURE__ */ React.createElement(TransportProvider, { transport }, children);
+  return /* @__PURE__ */ jsx(TransportProvider, { transport, children });
 };
 export {
   MtConnectProvider

package/dist/esm/store/ReactQueryProvider.js

@@ -19,6 +19,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import {
   QueryClient,
@@ -50,28 +51,35 @@ const MtReactQueryProvider = (props) => {
       }
     }
   }));
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement(RqErrorBoundary, null, /* @__PURE__ */ React.createElement(ReactQueryStreamedHydration, null, children))));
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(RqErrorBoundary, { children: /* @__PURE__ */ jsx(ReactQueryStreamedHydration, { children }) }) }) });
 };
 function RqErrorBoundary(props) {
   const { children } = props;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(QueryErrorResetBoundary, null, ({ reset }) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(QueryErrorResetBoundary, { children: ({ reset }) => /* @__PURE__ */ jsx(
     ErrorBoundary,
     {
       onReset: reset,
-      fallbackRender: ({ resetErrorBoundary, error }) => /* @__PURE__ */ React.createElement("div", { className: "green-red-100 container prose mx-auto p-8 text-lg dark:prose-invert" }, /* @__PURE__ */ React.createElement("div", { className: " pb-8 text-center" }, "some thing error"), /* @__PURE__ */ React.createElement("div", null, error == null ? void 0 : error.toString()), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center p-8" }, /* @__PURE__ */ React.createElement(MtButton, { onClick: () => resetErrorBoundary() }, "Retry")))
-    },
-    children
-  )));
+      fallbackRender: ({ resetErrorBoundary, error }) => /* @__PURE__ */ jsxs("div", { className: "green-red-100 container prose mx-auto p-8 text-lg dark:prose-invert", children: [
+        /* @__PURE__ */ jsx("div", { className: " pb-8 text-center", children: "some thing error" }),
+        /* @__PURE__ */ jsx("div", { children: error == null ? void 0 : error.toString() }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx(MtButton, { onClick: () => resetErrorBoundary(), children: "Retry" }) })
+      ] }),
+      children
+    }
+  ) }) });
 }
 function RqErrorBoundaryUseHook(props) {
   const { reset } = useQueryErrorResetBoundary();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ErrorBoundary,
     {
       onReset: reset,
-      fallbackRender: ({ resetErrorBoundary }) => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, "There was an error\uFF08RqErrorBoundaryUseHook\uFF09!"), /* @__PURE__ */ React.createElement(MtButton, { onClick: () => resetErrorBoundary() }, "Try again"))
-    },
-    props.children
+      fallbackRender: ({ resetErrorBoundary }) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { children: "There was an error\uFF08RqErrorBoundaryUseHook\uFF09!" }),
+        /* @__PURE__ */ jsx(MtButton, { onClick: () => resetErrorBoundary(), children: "Try again" })
+      ] }),
+      children: props.children
+    }
   );
 }
 function useMtmSuspenseQuery(serviceName, methodName, input) {

package/dist/esm/store/StorybookDecorator.js

@@ -1,17 +1,18 @@
+import { jsx } from "react/jsx-runtime";
 import { MtAppProvider } from "./appContext";
 import { ExtKey_Hostname, ExtKey_mtmaccessToken, ExtKey_mtmbackend } from "../consts";
 function StorybookDecorator(props) {
   const { children, MTM_BACKEND, MTM_HOSTNAME } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     MtAppProvider,
     {
       initExtKv: {
         [ExtKey_Hostname]: MTM_HOSTNAME || "",
         [ExtKey_mtmaccessToken]: "",
         [ExtKey_mtmbackend]: MTM_BACKEND || ""
-      }
-    },
-    children
+      },
+      children
+    }
   );
 }
 export {

package/dist/esm/store/appContext.js

@@ -1,7 +1,7 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Suspense, createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { Provider } from "jotai";
-import React from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { COOKIE_IS_DEBUG, ExtKey_Hostname, ExtKey_SelfBackend, ExtKey_mtmaccessToken, ExtKey_mtmbackend, MtM_TOKEN_NAME } from "../consts";
 import { isSsr } from "../lib/utils";
@@ -56,7 +56,7 @@ function MtAppProvider(props) {
   useHotkeys("alt+9", () => {
     toggleDebug();
   }, []);
-  return /* @__PURE__ */ React.createElement(Provider, { store: mtmAppStore }, /* @__PURE__ */ React.createElement(AppContext.Provider, { value: {
+  return /* @__PURE__ */ jsx(Provider, { store: mtmAppStore, children: /* @__PURE__ */ jsx(AppContext.Provider, { value: {
     extKv: initExtKv,
     token,
     hostname,
@@ -69,24 +69,34 @@ function MtAppProvider(props) {
     isOpenDebugView,
     setOpenDebugView,
     trpcBackendUrl
-  } }, /* @__PURE__ */ React.createElement(MtReactQueryProvider, null, /* @__PURE__ */ React.createElement(MtConnectProvider, null, /* @__PURE__ */ React.createElement(LoggerProvider, null, /* @__PURE__ */ React.createElement(
-    ThemeProvider,
-    {
-      attribute: "class",
-      defaultTheme: "system",
-      enableSystem: true,
-      disableTransitionOnChange: true
-    },
-    /* @__PURE__ */ React.createElement(TooltipProvider, { delayDuration: 0 }, children, /* @__PURE__ */ React.createElement(
-      ProgressBar,
+  }, children: /* @__PURE__ */ jsx(MtReactQueryProvider, { children: /* @__PURE__ */ jsx(MtConnectProvider, { children: /* @__PURE__ */ jsxs(LoggerProvider, { children: [
+    /* @__PURE__ */ jsx(
+      ThemeProvider,
       {
-        height: "4px",
-        color: "#4934eb",
-        options: { showSpinner: false },
-        shallowRouting: true
+        attribute: "class",
+        defaultTheme: "system",
+        enableSystem: true,
+        disableTransitionOnChange: true,
+        children: /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 0, children: [
+          children,
+          /* @__PURE__ */ jsx(
+            ProgressBar,
+            {
+              height: "4px",
+              color: "#4934eb",
+              options: { showSpinner: false },
+              shallowRouting: true
+            }
+          ),
+          /* @__PURE__ */ jsx(Toaster, {}),
+          /* @__PURE__ */ jsx(ReactQueryDevtools, {}),
+          /* @__PURE__ */ jsx(TailwindIndicator, {}),
+          /* @__PURE__ */ jsx(Suspense, {})
+        ] })
       }
-    ), /* @__PURE__ */ React.createElement(Toaster, null), /* @__PURE__ */ React.createElement(ReactQueryDevtools, null), /* @__PURE__ */ React.createElement(TailwindIndicator, null), /* @__PURE__ */ React.createElement(Suspense, null))
-  ), /* @__PURE__ */ React.createElement(AppMetaRender, null))))));
+    ),
+    /* @__PURE__ */ jsx(AppMetaRender, {})
+  ] }) }) }) }) });
 }
 function useMtmApp() {
   const mtappContext = useContext(AppContext);

package/dist/esm/store/hydrateCore.js

@@ -18,6 +18,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { Fragment, jsx } from "react/jsx-runtime";
 import { ExtKey_Hostname, ExtKey_SelfBackend, ExtKey_mtmaccessToken, ExtKey_mtmbackend } from "../consts";
 import { ExtinfoSS } from "../lib/sscore";
 import { MtAppProvider } from "./appContext";
@@ -26,10 +27,10 @@ function MtAppSS(props) {
     const { children } = props;
     const backend = ExtinfoSS(ExtKey_Hostname);
     if (!backend) {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, "missing backend");
+      return /* @__PURE__ */ jsx(Fragment, { children: "missing backend" });
     }
     console.log("self backend url", ExtinfoSS(ExtKey_SelfBackend));
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       MtAppProvider,
       {
         initExtKv: {
@@ -37,9 +38,9 @@ function MtAppSS(props) {
           [ExtKey_mtmaccessToken]: ExtinfoSS(ExtKey_mtmaccessToken),
           [ExtKey_mtmbackend]: ExtinfoSS(ExtKey_mtmbackend),
           [ExtKey_SelfBackend]: ExtinfoSS(ExtKey_SelfBackend)
-        }
-      },
-      children
+        },
+        children
+      }
     );
   });
 }

package/dist/esm/store/logger.context.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useMemo, useState } from "react";
 import { mtlogger } from "../lib/mt-logger";
 import { useMtmApp } from "./appContext";
@@ -6,9 +7,9 @@ const LoggerContext = createContext(void 0);
 function LoggerProvider(props) {
   const { children } = props;
   const [_logger, setLogger] = useState(mtlogger);
-  return /* @__PURE__ */ React.createElement(LoggerContext.Provider, { value: {
+  return /* @__PURE__ */ jsx(LoggerContext.Provider, { value: {
     logger: _logger
-  } }, children);
+  }, children });
 }
 const nonLogFn = () => {
 };

package/dist/esm/store/pageMeta.js

@@ -1,8 +1,12 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { atom, useAtom, useSetAtom } from "jotai";
 const metaTitleAtom = atom("site-title-1");
 const AppMetaRender = () => {
   const [title] = useAtom(metaTitleAtom);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, title && /* @__PURE__ */ React.createElement("title", null, title), /* @__PURE__ */ React.createElement("meta", { name: "somemtm", content: "mark123" }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    title && /* @__PURE__ */ jsx("title", { children: title }),
+    /* @__PURE__ */ jsx("meta", { name: "somemtm", content: "mark123" })
+  ] });
 };
 const usePageTitle = (title) => {
   const setTitle = useSetAtom(metaTitleAtom);

package/dist/esm/tailwind.d.cts

@@ -1,4 +1,91 @@
 export let content: string[];
+export let darkMode: string[];
 export namespace theme {
-    let extend: {};
+    namespace container {
+        let center: boolean;
+        let padding: string;
+        let screens: {
+            "2xl": string;
+        };
+    }
+    namespace extend {
+        namespace colors {
+            let border: string;
+            let input: string;
+            let ring: string;
+            let background: string;
+            let foreground: string;
+            namespace primary {
+                export let DEFAULT: string;
+                let foreground_1: string;
+                export { foreground_1 as foreground };
+            }
+            namespace secondary {
+                let DEFAULT_1: string;
+                export { DEFAULT_1 as DEFAULT };
+                let foreground_2: string;
+                export { foreground_2 as foreground };
+            }
+            namespace destructive {
+                let DEFAULT_2: string;
+                export { DEFAULT_2 as DEFAULT };
+                let foreground_3: string;
+                export { foreground_3 as foreground };
+            }
+            namespace muted {
+                let DEFAULT_3: string;
+                export { DEFAULT_3 as DEFAULT };
+                let foreground_4: string;
+                export { foreground_4 as foreground };
+            }
+            namespace accent {
+                let DEFAULT_4: string;
+                export { DEFAULT_4 as DEFAULT };
+                let foreground_5: string;
+                export { foreground_5 as foreground };
+            }
+            namespace popover {
+                let DEFAULT_5: string;
+                export { DEFAULT_5 as DEFAULT };
+                let foreground_6: string;
+                export { foreground_6 as foreground };
+            }
+            namespace card {
+                let DEFAULT_6: string;
+                export { DEFAULT_6 as DEFAULT };
+                let foreground_7: string;
+                export { foreground_7 as foreground };
+            }
+        }
+        namespace borderRadius {
+            let lg: string;
+            let md: string;
+            let sm: string;
+        }
+        let keyframes: {
+            "accordion-down": {
+                from: {
+                    height: number;
+                };
+                to: {
+                    height: string;
+                };
+            };
+            "accordion-up": {
+                from: {
+                    height: string;
+                };
+                to: {
+                    height: number;
+                };
+            };
+        };
+        let animation: {
+            "accordion-down": string;
+            "accordion-up": string;
+        };
+    }
 }
+export let plugins: ({
+    handler: () => void;
+} | typeof import("@tailwindcss/typography"))[];

package/dist/esm/ui/accordion.js

@@ -1,5 +1,7 @@
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -15,6 +17,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -27,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDownIcon } from "@radix-ui/react-icons";
 import * as React from "react";
@@ -34,7 +38,7 @@ import { cn } from "../lib/utils";
 const Accordion = AccordionPrimitive.Root;
 const AccordionItem = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AccordionPrimitive.Item,
     __spreadValues({
       ref,
@@ -45,32 +49,36 @@ const AccordionItem = React.forwardRef((_a, ref) => {
 AccordionItem.displayName = "AccordionItem";
 const AccordionTrigger = React.forwardRef((_c, ref) => {
   var _d = _c, { className, children } = _d, props = __objRest(_d, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(AccordionPrimitive.Header, { className: "flex" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
     AccordionPrimitive.Trigger,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
         className
       )
-    }, props),
-    children,
-    /* @__PURE__ */ React.createElement(ChevronDownIcon, { className: "text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200" })
-  ));
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200" })
+      ]
+    })
+  ) });
 });
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 const AccordionContent = React.forwardRef((_e, ref) => {
   var _f = _e, { className, children } = _f, props = __objRest(_f, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AccordionPrimitive.Content,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
         className
       )
-    }, props),
-    /* @__PURE__ */ React.createElement("div", { className: "pb-4 pt-0" }, children)
+    }, props), {
+      children: /* @__PURE__ */ jsx("div", { className: "pb-4 pt-0", children })
+    })
   );
 });
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;