mtxuilib 0.0.308 → 0.0.310

package/dist/esm/ui/ui-vamp/pagination.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useTransition } from "react";
 import { searchString } from "../../lib/utils";
@@ -23,44 +24,65 @@ function Pagination({
     search || "",
     sort || ""
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "nav",
     {
       className: "border-raised-border bg-appbg flex items-center justify-between border-t px-0 py-3",
-      "aria-label": "Pagination"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "block" }, /* @__PURE__ */ React.createElement("p", { className: "text-brandtext-600 text-sm" }, "Showing", " ", /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, (page - 1) * pageSize + 1), " ", "to ", /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, page * pageSize), " of", " ", itemCount, " results")),
-    /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-1 justify-end gap-4" }, " ", previousPage ? /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        onClick: () => {
-          router.push(`${baseUrl}?${previousPageQueryString}`);
-          startTransition(() => {
-            router.refresh();
-          });
-        },
-        className: "inline-flex gap-2",
-        intent: "secondary",
-        size: "small"
-      },
-      isPending ? /* @__PURE__ */ React.createElement(Icons.spinner, { className: "text-brandtext-600 size-4 animate-spin" }) : /* @__PURE__ */ React.createElement(Icons.arrowLeft, { size: 16 }),
-      "Previous"
-    ) : null, page * pageSize < itemCount && /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        onClick: () => {
-          router.push(`${baseUrl}?${nextPageQueryString}`);
-          startTransition(() => {
-            router.refresh();
-          });
-        },
-        className: "inline-flex gap-2",
-        intent: "secondary",
-        size: "small"
-      },
-      "Next",
-      isPending ? /* @__PURE__ */ React.createElement(Icons.spinner, { className: "text-brandtext-600 size-4 animate-spin" }) : /* @__PURE__ */ React.createElement(Icons.arrowRight, { size: 16 })
-    ))
+      "aria-label": "Pagination",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "block", children: /* @__PURE__ */ jsxs("p", { className: "text-brandtext-600 text-sm", children: [
+          "Showing",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: (page - 1) * pageSize + 1 }),
+          " ",
+          "to ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: page * pageSize }),
+          " of",
+          " ",
+          itemCount,
+          " results"
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-1 justify-end gap-4", children: [
+          " ",
+          previousPage ? /* @__PURE__ */ jsxs(
+            Button,
+            {
+              onClick: () => {
+                router.push(`${baseUrl}?${previousPageQueryString}`);
+                startTransition(() => {
+                  router.refresh();
+                });
+              },
+              className: "inline-flex gap-2",
+              intent: "secondary",
+              size: "small",
+              children: [
+                isPending ? /* @__PURE__ */ jsx(Icons.spinner, { className: "text-brandtext-600 size-4 animate-spin" }) : /* @__PURE__ */ jsx(Icons.arrowLeft, { size: 16 }),
+                "Previous"
+              ]
+            }
+          ) : null,
+          page * pageSize < itemCount && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              onClick: () => {
+                router.push(`${baseUrl}?${nextPageQueryString}`);
+                startTransition(() => {
+                  router.refresh();
+                });
+              },
+              className: "inline-flex gap-2",
+              intent: "secondary",
+              size: "small",
+              children: [
+                "Next",
+                isPending ? /* @__PURE__ */ jsx(Icons.spinner, { className: "text-brandtext-600 size-4 animate-spin" }) : /* @__PURE__ */ jsx(Icons.arrowRight, { size: 16 })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
   );
 }
 export {

package/dist/esm/ui/ui-vamp/scroll-area.js

@@ -29,12 +29,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import React from "react";
 import { cn } from "../../lib/utils";
 function ScrollArea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ScrollAreaPrimitive.Root,
     __spreadValues({
       className: cn("overflow-hidden ", className)
@@ -43,7 +44,7 @@ function ScrollArea(_a) {
 }
 ScrollArea.Viewport = React.forwardRef(function Viewport(_c, ref) {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ScrollAreaPrimitive.ScrollAreaViewport,
     __spreadProps(__spreadValues({
       className: "h-full w-full"
@@ -54,7 +55,7 @@ ScrollArea.Viewport = React.forwardRef(function Viewport(_c, ref) {
 });
 ScrollArea.ScrollBar = React.forwardRef(function Scrollbar(_e, ref) {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ScrollAreaPrimitive.Scrollbar,
     __spreadProps(__spreadValues({
       className: cn("flex w-3 select-none bg-slate-800 p-1", className)
@@ -65,7 +66,7 @@ ScrollArea.ScrollBar = React.forwardRef(function Scrollbar(_e, ref) {
 });
 ScrollArea.Thumb = React.forwardRef(function Thumb(_g, ref) {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ScrollAreaPrimitive.Thumb,
     __spreadProps(__spreadValues({
       className: cn("relative flex-1 rounded-lg bg-slate-700", className)

package/dist/esm/ui/ui-vamp/skeleton.js

@@ -26,11 +26,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "../../lib/utils";
 function Skeleton(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
       className: cn(

package/dist/esm/ui/ui-vamp/stripe-not-connected-modal.js

@@ -14,8 +14,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
-import React, { useState } from "react";
+import { useState } from "react";
 import { Button } from "./button";
 import { Modal } from "./modal";
 function StripeNotConnectedModal(_a) {
@@ -25,7 +26,17 @@ function StripeNotConnectedModal(_a) {
     "children"
   ]);
   const [isOpen, setIsOpen] = useState(false);
-  return /* @__PURE__ */ React.createElement(Modal, { open: isOpen, onOpenChange: setIsOpen }, /* @__PURE__ */ React.createElement(Modal.Trigger, { asChild: true }, /* @__PURE__ */ React.createElement("div", null, children)), /* @__PURE__ */ React.createElement(Modal.Content, null, /* @__PURE__ */ React.createElement(Modal.Title, null, "Your Stripe account is not linked"), /* @__PURE__ */ React.createElement("p", { className: "text-brandtext-600" }, "In order to post a solution to this bounty, your Stripe account must be linked to accept payments from project owners."), /* @__PURE__ */ React.createElement("div", { className: "flex justify-end space-x-2" }, /* @__PURE__ */ React.createElement(Button, { onClick: () => setIsOpen(false), intent: "secondary" }, "Cancel"), /* @__PURE__ */ React.createElement(Link, { href: `/dashboard/settings/billing` }, /* @__PURE__ */ React.createElement(Button, null, "Link Stripe")))));
+  return /* @__PURE__ */ jsxs(Modal, { open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsx(Modal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { children }) }),
+    /* @__PURE__ */ jsxs(Modal.Content, { children: [
+      /* @__PURE__ */ jsx(Modal.Title, { children: "Your Stripe account is not linked" }),
+      /* @__PURE__ */ jsx("p", { className: "text-brandtext-600", children: "In order to post a solution to this bounty, your Stripe account must be linked to accept payments from project owners." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-end space-x-2", children: [
+        /* @__PURE__ */ jsx(Button, { onClick: () => setIsOpen(false), intent: "secondary", children: "Cancel" }),
+        /* @__PURE__ */ jsx(Link, { href: `/dashboard/settings/billing`, children: /* @__PURE__ */ jsx(Button, { children: "Link Stripe" }) })
+      ] })
+    ] })
+  ] });
 }
 export {
   StripeNotConnectedModal

package/dist/esm/ui/ui-vamp/textarea.js

@@ -30,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { useFormContext } from "react-hook-form";
 import { Label } from "./label";
@@ -59,14 +60,17 @@ function TextArea(_a) {
     "label"
   ]);
   const { register } = useFormContext();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, label && /* @__PURE__ */ React.createElement(Label, { htmlFor: id }, label), /* @__PURE__ */ React.createElement(
-    "textarea",
-    __spreadValues(__spreadProps(__spreadValues({
-      id
-    }, register(id)), {
-      className: textAreaStyles({ intent })
-    }), props)
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    label && /* @__PURE__ */ jsx(Label, { htmlFor: id, children: label }),
+    /* @__PURE__ */ jsx(
+      "textarea",
+      __spreadValues(__spreadProps(__spreadValues({
+        id
+      }, register(id)), {
+        className: textAreaStyles({ intent })
+      }), props)
+    )
+  ] });
 }
 export {
   TextArea

package/dist/esm/ui/ui-vamp/toggle-group.js

@@ -27,12 +27,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import * as React from "react";
 import { cn } from "../../lib/utils";
 function ToggleGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Root,
     __spreadValues({
       className: "inline-flex flex-wrap gap-2 overflow-hidden"
@@ -41,7 +42,7 @@ function ToggleGroup(_a) {
 }
 ToggleGroup.Item = React.forwardRef(function ToggleGroupItem(_b, ref) {
   var _c = _b, { className } = _c, props = __objRest(_c, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     __spreadValues({
       ref,

package/dist/icons/icons.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 });
@@ -39,6 +42,7 @@ __export(icons_exports, {
   iconVariants: () => iconVariants
 });
 module.exports = __toCommonJS(icons_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_class_variance_authority = require("class-variance-authority");
 var import_lucide_react = require("lucide-react");
 const iconVariants = (0, import_class_variance_authority.cva)("", {
@@ -54,9 +58,9 @@ const iconVariants = (0, import_class_variance_authority.cva)("", {
   },
   defaultVariants: {}
 });
-const borderAll = (props) => /* @__PURE__ */ React.createElement(
+const borderAll = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
-  __spreadValues({
+  __spreadProps(__spreadValues({
     viewBox: "0 0 24 24",
     height: "48",
     width: "48",
@@ -64,12 +68,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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
   "svg",
-  __spreadValues({
+  __spreadProps(__spreadValues({
     viewBox: "0 0 24 24",
     height: "48",
     width: "48",
@@ -77,12 +82,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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
   "svg",
-  __spreadValues({
+  __spreadProps(__spreadValues({
     viewBox: "0 0 24 24",
     height: "48",
     width: "48",
@@ -90,12 +96,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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
   "svg",
-  __spreadValues({
+  __spreadProps(__spreadValues({
     viewBox: "0 0 24 24",
     height: "48",
     width: "48",
@@ -103,12 +110,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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
   "svg",
-  __spreadValues({
+  __spreadProps(__spreadValues({
     viewBox: "0 0 24 24",
     height: "48",
     width: "48",
@@ -116,12 +124,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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
   "svg",
-  __spreadValues({
+  __spreadProps(__spreadValues({
     viewBox: "0 0 24 24",
     height: "48",
     width: "48",
@@ -129,8 +138,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__ */ (0, import_jsx_runtime.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: import_lucide_react.X,
@@ -243,38 +253,38 @@ const Icons = {
   embed: import_lucide_react.Film,
   highlight: import_lucide_react.Highlighter,
   suggesting: import_lucide_react.PenLine,
-  gitHub: (props) => /* @__PURE__ */ React.createElement("svg", __spreadValues({ viewBox: "0 0 438.549 438.549" }, props), /* @__PURE__ */ React.createElement(
+  gitHub: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", __spreadProps(__spreadValues({ viewBox: "0 0 438.549 438.549" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime.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] || import_lucide_react.SquareIcon;
-    return /* @__PURE__ */ React.createElement(IconComponent, { className });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconComponent, { className });
   } else {
     const IconComponent = Icons[name];
     if (!IconComponent) {
       return null;
     } else {
-      return /* @__PURE__ */ React.createElement(IconComponent, { className });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconComponent, { className });
     }
   }
 };
 const IconByName = ({ name }) => {
   switch (name) {
     default:
-      return /* @__PURE__ */ React.createElement(import_lucide_react.SquareIcon, { className: "mr-2 h-4 w-4" });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.SquareIcon, { className: "mr-2 h-4 w-4" });
   }
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.cjs

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

package/dist/lib/connectquery/use-transport.cjs

@@ -24,6 +24,7 @@ __export(use_transport_exports, {
   useTransport: () => useTransport
 });
 module.exports = __toCommonJS(use_transport_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_connect = require("@connectrpc/connect");
 var import_react = require("react");
 const fallbackTransportError = new import_connect.ConnectError(
@@ -39,7 +40,7 @@ const fallbackTransport = {
 };
 const transportContext = (0, import_react.createContext)(fallbackTransport);
 const useTransport = () => (0, import_react.useContext)(transportContext);
-const TransportProvider = ({ children, transport }) => /* @__PURE__ */ React.createElement(transportContext.Provider, { value: transport }, children);
+const TransportProvider = ({ children, transport }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(transportContext.Provider, { value: transport, children });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   TransportProvider,

package/dist/lib/render copy.cjs

@@ -36,8 +36,9 @@ __export(render_copy_exports, {
   isReactComponent: () => isReactComponent
 });
 module.exports = __toCommonJS(render_copy_exports);
+var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsx)(Comp, __spreadValues({}, props)) : Comp;
 }
 function isReactComponent(component) {
   return isClassComponent(component) || typeof component === "function" || isExoticComponent(component);

package/dist/lib/render.cjs

@@ -36,8 +36,9 @@ __export(render_exports, {
   isReactComponent: () => isReactComponent
 });
 module.exports = __toCommonJS(render_exports);
+var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsx)(Comp, __spreadValues({}, props)) : Comp;
 }
 function isReactComponent(component) {
   return isClassComponent(component) || typeof component === "function" || isExoticComponent(component);

package/dist/store/MtConnectProvider.cjs

@@ -22,6 +22,7 @@ __export(MtConnectProvider_exports, {
   MtConnectProvider: () => MtConnectProvider
 });
 module.exports = __toCommonJS(MtConnectProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_connectquery = require("../lib/connectquery");
 var import_mtmFetcher = require("../lib/mtmFetcher");
@@ -33,7 +34,7 @@ const MtConnectProvider = (props) => {
   const transport = (0, import_react.useMemo)(() => {
     return (0, import_mtmFetcher.createMtConnectTransport)(backendUrl || "", extInfo);
   }, [backendUrl, extInfo]);
-  return /* @__PURE__ */ React.createElement(import_connectquery.TransportProvider, { transport }, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_connectquery.TransportProvider, { transport, children });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/store/ReactQueryProvider.cjs

@@ -46,6 +46,7 @@ __export(ReactQueryProvider_exports, {
   useMtmSuspenseQuery: () => useMtmSuspenseQuery
 });
 module.exports = __toCommonJS(ReactQueryProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_query = require("@tanstack/react-query");
 var import_react_query_next_experimental = require("@tanstack/react-query-next-experimental");
@@ -70,28 +71,35 @@ const MtReactQueryProvider = (props) => {
       }
     }
   }));
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_react_query.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement(RqErrorBoundary, null, /* @__PURE__ */ React.createElement(import_react_query_next_experimental.ReactQueryStreamedHydration, null, children))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RqErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_query_next_experimental.ReactQueryStreamedHydration, { children }) }) }) });
 };
 function RqErrorBoundary(props) {
   const { children } = props;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_react_query.QueryErrorResetBoundary, null, ({ reset }) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_query.QueryErrorResetBoundary, { children: ({ reset }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_error_boundary.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(import_Button.MtButton, { onClick: () => resetErrorBoundary() }, "Retry")))
-    },
-    children
-  )));
+      fallbackRender: ({ resetErrorBoundary, error }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "green-red-100 container prose mx-auto p-8 text-lg dark:prose-invert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: " pb-8 text-center", children: "some thing error" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: error == null ? void 0 : error.toString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.MtButton, { onClick: () => resetErrorBoundary(), children: "Retry" }) })
+      ] }),
+      children
+    }
+  ) }) });
 }
 function RqErrorBoundaryUseHook(props) {
   const { reset } = (0, import_react_query.useQueryErrorResetBoundary)();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_error_boundary.ErrorBoundary,
     {
       onReset: reset,
-      fallbackRender: ({ resetErrorBoundary }) => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, "There was an error\uFF08RqErrorBoundaryUseHook\uFF09!"), /* @__PURE__ */ React.createElement(import_Button.MtButton, { onClick: () => resetErrorBoundary() }, "Try again"))
-    },
-    props.children
+      fallbackRender: ({ resetErrorBoundary }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "There was an error\uFF08RqErrorBoundaryUseHook\uFF09!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.MtButton, { onClick: () => resetErrorBoundary(), children: "Try again" })
+      ] }),
+      children: props.children
+    }
   );
 }
 function useMtmSuspenseQuery(serviceName, methodName, input) {

package/dist/store/StorybookDecorator.cjs

@@ -21,20 +21,21 @@ __export(StorybookDecorator_exports, {
   StorybookDecorator: () => StorybookDecorator
 });
 module.exports = __toCommonJS(StorybookDecorator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_appContext = require("./appContext");
 var import_consts = require("../consts");
 function StorybookDecorator(props) {
   const { children, MTM_BACKEND, MTM_HOSTNAME } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_appContext.MtAppProvider,
     {
       initExtKv: {
         [import_consts.ExtKey_Hostname]: MTM_HOSTNAME || "",
         [import_consts.ExtKey_mtmaccessToken]: "",
         [import_consts.ExtKey_mtmbackend]: MTM_BACKEND || ""
-      }
-    },
-    children
+      },
+      children
+    }
   );
 }
 // Annotate the CommonJS export names for ESM import in node: