mtxuilib 0.0.308 → 0.0.310

package/dist/ui/slider.cjs

@@ -2,7 +2,9 @@
 "use client";
 var __create = Object.create;
 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 __getProtoOf = Object.getPrototypeOf;
@@ -20,6 +22,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)
@@ -58,22 +61,26 @@ __export(slider_exports, {
   Slider: () => Slider
 });
 module.exports = __toCommonJS(slider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
 const Slider = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     SliderPrimitive.Root,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.cn)(
         "relative flex w-full touch-none select-none items-center",
         className
       )
-    }, props),
-    /* @__PURE__ */ React.createElement(SliderPrimitive.Track, { className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full" }, /* @__PURE__ */ React.createElement(SliderPrimitive.Range, { className: "bg-primary absolute h-full" })),
-    /* @__PURE__ */ React.createElement(SliderPrimitive.Thumb, { className: "border-primary/50 bg-background focus-visible:ring-ring block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50" })
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Track, { className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Range, { className: "bg-primary absolute h-full" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Thumb, { className: "border-primary/50 bg-background focus-visible:ring-ring block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50" })
+      ]
+    })
   );
 });
 Slider.displayName = SliderPrimitive.Root.displayName;

package/dist/ui/sonner.cjs

@@ -48,12 +48,13 @@ __export(sonner_exports, {
   Toaster: () => Toaster
 });
 module.exports = __toCommonJS(sonner_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_next_themes = require("next-themes");
 var import_sonner = require("sonner");
 const Toaster = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = (0, import_next_themes.useTheme)();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_sonner.Toaster,
     __spreadValues({
       theme,

package/dist/ui/switch.cjs

@@ -61,12 +61,13 @@ __export(switch_exports, {
   Switch: () => Switch
 });
 module.exports = __toCommonJS(switch_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
 const Switch = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     SwitchPrimitives.Root,
     __spreadProps(__spreadValues({
       className: (0, import_utils.cn)(
@@ -74,16 +75,16 @@ const Switch = React.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      ref
-    }),
-    /* @__PURE__ */ React.createElement(
-      SwitchPrimitives.Thumb,
-      {
-        className: (0, import_utils.cn)(
-          "bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-        )
-      }
-    )
+      ref,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        SwitchPrimitives.Thumb,
+        {
+          className: (0, import_utils.cn)(
+            "bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    })
   );
 });
 Switch.displayName = SwitchPrimitives.Root.displayName;

package/dist/ui/table.cjs

@@ -64,27 +64,28 @@ __export(table_exports, {
   TableRow: () => TableRow
 });
 module.exports = __toCommonJS(table_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
 const Table = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement("div", { className: "relative w-full overflow-auto" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "table",
     __spreadValues({
       ref,
       className: (0, import_utils.cn)("w-full caption-bottom text-sm", className)
     }, props)
-  ));
+  ) });
 });
 Table.displayName = "Table";
 const TableHeader = React.forwardRef((_c, ref) => {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement("thead", __spreadValues({ ref, className: (0, import_utils.cn)("[&_tr]:border-b", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", __spreadValues({ ref, className: (0, import_utils.cn)("[&_tr]:border-b", className) }, props));
 });
 TableHeader.displayName = "TableHeader";
 const TableBody = React.forwardRef((_e, ref) => {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "tbody",
     __spreadValues({
       ref,
@@ -95,7 +96,7 @@ const TableBody = React.forwardRef((_e, ref) => {
 TableBody.displayName = "TableBody";
 const TableFooter = React.forwardRef((_g, ref) => {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "tfoot",
     __spreadValues({
       ref,
@@ -106,7 +107,7 @@ const TableFooter = React.forwardRef((_g, ref) => {
 TableFooter.displayName = "TableFooter";
 const TableRow = React.forwardRef((_i, ref) => {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "tr",
     __spreadValues({
       ref,
@@ -120,7 +121,7 @@ const TableRow = React.forwardRef((_i, ref) => {
 TableRow.displayName = "TableRow";
 const TableHead = React.forwardRef((_k, ref) => {
   var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "th",
     __spreadValues({
       ref,
@@ -134,7 +135,7 @@ const TableHead = React.forwardRef((_k, ref) => {
 TableHead.displayName = "TableHead";
 const TableCell = React.forwardRef((_m, ref) => {
   var _n = _m, { className } = _n, props = __objRest(_n, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "td",
     __spreadValues({
       ref,
@@ -148,7 +149,7 @@ const TableCell = React.forwardRef((_m, ref) => {
 TableCell.displayName = "TableCell";
 const TableCaption = React.forwardRef((_o, ref) => {
   var _p = _o, { className } = _p, props = __objRest(_p, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "caption",
     __spreadValues({
       ref,

package/dist/ui/tabs.cjs

@@ -61,13 +61,14 @@ __export(tabs_exports, {
   TabsTrigger: () => TabsTrigger
 });
 module.exports = __toCommonJS(tabs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
 const Tabs = TabsPrimitive.Root;
 const TabsList = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     TabsPrimitive.List,
     __spreadValues({
       ref,
@@ -81,7 +82,7 @@ const TabsList = React.forwardRef((_a, ref) => {
 TabsList.displayName = TabsPrimitive.List.displayName;
 const TabsTrigger = React.forwardRef((_c, ref) => {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     TabsPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -95,7 +96,7 @@ const TabsTrigger = React.forwardRef((_c, ref) => {
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 const TabsContent = React.forwardRef((_e, ref) => {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     TabsPrimitive.Content,
     __spreadValues({
       ref,

package/dist/ui/textarea.cjs

@@ -57,12 +57,13 @@ __export(textarea_exports, {
   Textarea: () => Textarea
 });
 module.exports = __toCommonJS(textarea_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
 const Textarea = React.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "textarea",
       __spreadValues({
         className: (0, import_utils.cn)(

package/dist/ui/toast.cjs

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 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 __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,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)
@@ -63,6 +66,7 @@ __export(toast_exports, {
   ToastViewport: () => ToastViewport
 });
 module.exports = __toCommonJS(toast_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_icons = require("@radix-ui/react-icons");
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"), 1);
 var import_class_variance_authority = require("class-variance-authority");
@@ -71,7 +75,7 @@ var import_utils = require("../lib/utils");
 const ToastProvider = ToastPrimitives.Provider;
 const ToastViewport = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ToastPrimitives.Viewport,
     __spreadValues({
       ref,
@@ -99,7 +103,7 @@ const toastVariants = (0, import_class_variance_authority.cva)(
 );
 const Toast = React.forwardRef((_c, ref) => {
   var _d = _c, { className, variant } = _d, props = __objRest(_d, ["className", "variant"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ToastPrimitives.Root,
     __spreadValues({
       ref,
@@ -110,7 +114,7 @@ const Toast = React.forwardRef((_c, ref) => {
 Toast.displayName = ToastPrimitives.Root.displayName;
 const ToastAction = React.forwardRef((_e, ref) => {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ToastPrimitives.Action,
     __spreadValues({
       ref,
@@ -124,23 +128,24 @@ const ToastAction = React.forwardRef((_e, ref) => {
 ToastAction.displayName = ToastPrimitives.Action.displayName;
 const ToastClose = React.forwardRef((_g, ref) => {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ToastPrimitives.Close,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.cn)(
         "text-foreground/50 hover:text-foreground absolute right-1 top-1 rounded-md p-1 opacity-0 transition-opacity focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
         className
       ),
       "toast-close": ""
-    }, props),
-    /* @__PURE__ */ React.createElement(import_react_icons.Cross2Icon, { className: "size-4" })
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.Cross2Icon, { className: "size-4" })
+    })
   );
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
 const ToastTitle = React.forwardRef((_i, ref) => {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ToastPrimitives.Title,
     __spreadValues({
       ref,
@@ -151,7 +156,7 @@ const ToastTitle = React.forwardRef((_i, ref) => {
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
 const ToastDescription = React.forwardRef((_k, ref) => {
   var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ToastPrimitives.Description,
     __spreadValues({
       ref,

package/dist/ui/toaster.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 __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -48,14 +51,25 @@ __export(toaster_exports, {
   Toaster: () => Toaster
 });
 module.exports = __toCommonJS(toaster_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_toast = require("./toast");
 var import_use_toast = require("./use-toast");
 function Toaster() {
   const { toasts } = (0, import_use_toast.useToast)();
-  return /* @__PURE__ */ React.createElement(import_toast.ToastProvider, null, toasts.map(function(_a) {
-    var _b = _a, { id, title, description, action } = _b, props = __objRest(_b, ["id", "title", "description", "action"]);
-    return /* @__PURE__ */ React.createElement(import_toast.Toast, __spreadValues({ key: id }, props), /* @__PURE__ */ React.createElement("div", { className: "grid gap-1" }, title && /* @__PURE__ */ React.createElement(import_toast.ToastTitle, null, title), description && /* @__PURE__ */ React.createElement(import_toast.ToastDescription, null, description)), action, /* @__PURE__ */ React.createElement(import_toast.ToastClose, null));
-  }), /* @__PURE__ */ React.createElement(import_toast.ToastViewport, null));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_toast.ToastProvider, { children: [
+    toasts.map(function(_a) {
+      var _b = _a, { id, title, description, action } = _b, props = __objRest(_b, ["id", "title", "description", "action"]);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_toast.Toast, __spreadProps(__spreadValues({}, props), { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.ToastTitle, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.ToastDescription, { children: description })
+        ] }),
+        action,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.ToastClose, {})
+      ] }), id);
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.ToastViewport, {})
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/toggle.cjs

@@ -59,6 +59,7 @@ __export(toggle_exports, {
   toggleVariants: () => toggleVariants
 });
 module.exports = __toCommonJS(toggle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
 var import_class_variance_authority = require("class-variance-authority");
 var React = __toESM(require("react"), 1);
@@ -85,7 +86,7 @@ const toggleVariants = (0, import_class_variance_authority.cva)(
 );
 const Toggle = React.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     TogglePrimitive.Root,
     __spreadValues({
       ref,

package/dist/ui/tooltip.cjs

@@ -61,6 +61,7 @@ __export(tooltip_exports, {
   TooltipTrigger: () => TooltipTrigger
 });
 module.exports = __toCommonJS(tooltip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../lib/utils");
@@ -69,7 +70,7 @@ const Tooltip = TooltipPrimitive.Root;
 const TooltipTrigger = TooltipPrimitive.Trigger;
 const TooltipContent = React.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     TooltipPrimitive.Content,
     __spreadValues({
       ref,

package/dist/ui/ui-mt/NavTag.cjs

@@ -33,22 +33,23 @@ __export(NavTag_exports, {
   dynamic: () => dynamic
 });
 module.exports = __toCommonJS(NavTag_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_link = __toESM(require("next/link"), 1);
 var import_navigation = require("next/navigation");
 var import_utils = require("../../lib/utils");
 const dynamic = "force-dynamic";
 const NavTag = ({ children, href }) => {
   const pathName = (0, import_navigation.usePathname)();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_link.default,
     {
       href,
       className: (0, import_utils.cn)(
         "basis-32 content-center justify-center border bg-slate-200 p-1 px-2 text-center",
         pathName == href && "bg-blue-200"
-      )
-    },
-    children
+      ),
+      children
+    }
   );
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/ui/ui-mt/SimpleModel.cjs

@@ -22,6 +22,7 @@ __export(SimpleModel_exports, {
   default: () => SimpleModel
 });
 module.exports = __toCommonJS(SimpleModel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_navigation = require("next/navigation");
 function SimpleModel({ children }) {
@@ -51,20 +52,20 @@ function SimpleModel({ children }) {
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [onKeyDown]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       ref: overlay,
       className: "fixed inset-0 z-10 mx-auto bg-black/60",
-      onClick
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref: wrapper,
-        className: "absolute left-1/2 top-1/2 w-full -translate-x-1/2 -translate-y-1/2 p-6 sm:w-10/12 md:w-8/12 lg:w-1/2"
-      },
-      children
-    )
+      onClick,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ref: wrapper,
+          className: "absolute left-1/2 top-1/2 w-full -translate-x-1/2 -translate-y-1/2 p-6 sm:w-10/12 md:w-8/12 lg:w-1/2",
+          children
+        }
+      )
+    }
   );
 }

package/dist/ui/ui-mt/inputField/InputField.cjs

@@ -60,6 +60,7 @@ __export(InputField_exports, {
   InputField: () => InputField
 });
 module.exports = __toCommonJS(InputField_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
 var import_utils = require("../../../lib/utils");
@@ -71,10 +72,10 @@ const InputField = import_react.default.forwardRef(
     var _a2, _b2;
     const formMethods = (0, import_react_hook_form.useFormContext)();
     if (!formMethods) {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "bg-red-100" }, "missing form context");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-red-100", children: "missing form context" });
     }
     if (type == "hidden") {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "input",
         __spreadProps(__spreadValues({}, formMethods.register(name)), {
           type: "hidden",
@@ -82,27 +83,33 @@ const InputField = import_react.default.forwardRef(
         })
       );
     } else {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_utils.cn)(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.cn)(
         "group relative my-2",
         // "max-w-[fit-content]",
         className
-      ) }, /* @__PURE__ */ import_react.default.createElement(
-        import_input.Input,
-        __spreadValues({
-          type,
-          className: (0, import_utils.cn)(
-            "peer p-4 outline-none",
-            "focus-visible:ring-0",
-            "focus-visible:border-none",
-            "border-none ring-0"
-          ),
-          placeholder: " "
-        }, formMethods.register(name))
-      ), /* @__PURE__ */ import_react.default.createElement(import_label.Label, { className: (0, import_utils.cn)(
-        "pointer-events-none absolute left-[9px] top-px -translate-y-1/2 px-1 text-sm text-gray-500 transition-all duration-300 group-focus-within:!top-px group-focus-within:!text-sm group-focus-within:!text-blue-500 peer-placeholder-shown:top-1/2 peer-placeholder-shown:text-xl"
-      ) }, label), /* @__PURE__ */ import_react.default.createElement("fieldset", { className: (0, import_utils.cn)(
-        "pointer-events-none invisible absolute inset-0 mt-[-9px] rounded border border-gray-400 group-focus-within:border-2  group-focus-within:!border-blue-500 group-hover:border-gray-700 peer-placeholder-shown:visible"
-      ) }, /* @__PURE__ */ import_react.default.createElement("legend", { className: "invisible ml-2 max-w-[0.01px] whitespace-nowrap px-0 text-sm transition-all duration-300 group-focus-within:max-w-full group-focus-within:px-1" }, label)), /* @__PURE__ */ import_react.default.createElement("fieldset", { className: (0, import_utils.cn)("pointer-events-none visible absolute inset-0 mt-[-9px] rounded border border-gray-400 group-focus-within:border-2 group-focus-within:!border-blue-500 group-hover:border-gray-700 peer-placeholder-shown:invisible") }, /* @__PURE__ */ import_react.default.createElement("legend", { className: "invisible ml-2 max-w-full whitespace-nowrap px-1 text-sm" }, label)), ((_a2 = formMethods.formState.errors[name]) == null ? void 0 : _a2.message) && /* @__PURE__ */ import_react.default.createElement("p", { className: "text-red-700" }, /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (_b2 = formMethods.formState.errors[name]) == null ? void 0 : _b2.message)));
+      ), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          __spreadValues({
+            type,
+            className: (0, import_utils.cn)(
+              "peer p-4 outline-none",
+              "focus-visible:ring-0",
+              "focus-visible:border-none",
+              "border-none ring-0"
+            ),
+            placeholder: " "
+          }, formMethods.register(name))
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { className: (0, import_utils.cn)(
+          "pointer-events-none absolute left-[9px] top-px -translate-y-1/2 px-1 text-sm text-gray-500 transition-all duration-300 group-focus-within:!top-px group-focus-within:!text-sm group-focus-within:!text-blue-500 peer-placeholder-shown:top-1/2 peer-placeholder-shown:text-xl"
+        ), children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("fieldset", { className: (0, import_utils.cn)(
+          "pointer-events-none invisible absolute inset-0 mt-[-9px] rounded border border-gray-400 group-focus-within:border-2  group-focus-within:!border-blue-500 group-hover:border-gray-700 peer-placeholder-shown:visible"
+        ), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("legend", { className: "invisible ml-2 max-w-[0.01px] whitespace-nowrap px-0 text-sm transition-all duration-300 group-focus-within:max-w-full group-focus-within:px-1", children: label }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("fieldset", { className: (0, import_utils.cn)("pointer-events-none visible absolute inset-0 mt-[-9px] rounded border border-gray-400 group-focus-within:border-2 group-focus-within:!border-blue-500 group-hover:border-gray-700 peer-placeholder-shown:invisible"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("legend", { className: "invisible ml-2 max-w-full whitespace-nowrap px-1 text-sm", children: label }) }),
+        ((_a2 = formMethods.formState.errors[name]) == null ? void 0 : _a2.message) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-red-700", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (_b2 = formMethods.formState.errors[name]) == null ? void 0 : _b2.message }) })
+      ] });
     }
   }
 );