mtxuilib 0.0.308 → 0.0.310

package/dist/esm/ui/toaster.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 {
   Toast,
   ToastClose,
@@ -38,10 +42,20 @@ import {
 import { useToast } from "./use-toast";
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ React.createElement(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(Toast, __spreadValues({ key: id }, props), /* @__PURE__ */ React.createElement("div", { className: "grid gap-1" }, title && /* @__PURE__ */ React.createElement(ToastTitle, null, title), description && /* @__PURE__ */ React.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ React.createElement(ToastClose, null));
-  }), /* @__PURE__ */ React.createElement(ToastViewport, null));
+  return /* @__PURE__ */ jsxs(ToastProvider, { children: [
+    toasts.map(function(_a) {
+      var _b = _a, { id, title, description, action } = _b, props = __objRest(_b, ["id", "title", "description", "action"]);
+      return /* @__PURE__ */ jsxs(Toast, __spreadProps(__spreadValues({}, props), { children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ jsx(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ jsx(ToastDescription, { children: description })
+        ] }),
+        action,
+        /* @__PURE__ */ jsx(ToastClose, {})
+      ] }), id);
+    }),
+    /* @__PURE__ */ jsx(ToastViewport, {})
+  ] });
 }
 export {
   Toaster

package/dist/esm/ui/toggle.js

@@ -27,6 +27,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva } from "class-variance-authority";
 import * as React from "react";
@@ -53,7 +54,7 @@ const toggleVariants = 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__ */ jsx(
     TogglePrimitive.Root,
     __spreadValues({
       ref,

package/dist/esm/ui/tooltip.js

@@ -27,6 +27,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as React from "react";
 import { cn } from "../lib/utils";
@@ -35,7 +36,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__ */ jsx(
     TooltipPrimitive.Content,
     __spreadValues({
       ref,

package/dist/esm/ui/ui-mt/NavTag.js

@@ -1,20 +1,21 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { cn } from "../../lib/utils";
 const dynamic = "force-dynamic";
 const NavTag = ({ children, href }) => {
   const pathName = usePathname();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Link,
     {
       href,
       className: cn(
         "basis-32 content-center justify-center border bg-slate-200 p-1 px-2 text-center",
         pathName == href && "bg-blue-200"
-      )
-    },
-    children
+      ),
+      children
+    }
   );
 };
 export {

package/dist/esm/ui/ui-mt/SimpleModel.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useCallback, useRef, useEffect } from "react";
 import { useRouter } from "next/navigation";
 function SimpleModel({ children }) {
@@ -28,21 +29,21 @@ function SimpleModel({ children }) {
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [onKeyDown]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ 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__ */ 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
+        }
+      )
+    }
   );
 }
 export {

package/dist/esm/ui/ui-mt/inputField/InputField.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { useFormContext } from "react-hook-form";
 import { cn } from "../../../lib/utils";
@@ -40,10 +41,10 @@ const InputField = React.forwardRef(
     var _a2, _b2;
     const formMethods = useFormContext();
     if (!formMethods) {
-      return /* @__PURE__ */ React.createElement("div", { className: "bg-red-100" }, "missing form context");
+      return /* @__PURE__ */ jsx("div", { className: "bg-red-100", children: "missing form context" });
     }
     if (type == "hidden") {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         "input",
         __spreadProps(__spreadValues({}, formMethods.register(name)), {
           type: "hidden",
@@ -51,27 +52,33 @@ const InputField = React.forwardRef(
         })
       );
     } else {
-      return /* @__PURE__ */ React.createElement("div", { className: cn(
+      return /* @__PURE__ */ jsxs("div", { className: cn(
         "group relative my-2",
         // "max-w-[fit-content]",
         className
-      ) }, /* @__PURE__ */ React.createElement(
-        Input,
-        __spreadValues({
-          type,
-          className: cn(
-            "peer p-4 outline-none",
-            "focus-visible:ring-0",
-            "focus-visible:border-none",
-            "border-none ring-0"
-          ),
-          placeholder: " "
-        }, formMethods.register(name))
-      ), /* @__PURE__ */ React.createElement(Label, { className: 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__ */ React.createElement("fieldset", { className: 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__ */ React.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__ */ React.createElement("fieldset", { className: 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__ */ React.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__ */ React.createElement("p", { className: "text-red-700" }, /* @__PURE__ */ React.createElement(React.Fragment, null, (_b2 = formMethods.formState.errors[name]) == null ? void 0 : _b2.message)));
+      ), children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          __spreadValues({
+            type,
+            className: cn(
+              "peer p-4 outline-none",
+              "focus-visible:ring-0",
+              "focus-visible:border-none",
+              "border-none ring-0"
+            ),
+            placeholder: " "
+          }, formMethods.register(name))
+        ),
+        /* @__PURE__ */ jsx(Label, { className: 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__ */ jsx("fieldset", { className: 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__ */ 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__ */ jsx("fieldset", { className: 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__ */ 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__ */ jsx("p", { className: "text-red-700", children: /* @__PURE__ */ jsx(Fragment, { children: (_b2 = formMethods.formState.errors[name]) == null ? void 0 : _b2.message }) })
+      ] });
     }
   }
 );

package/dist/esm/ui/ui-mt/inputField/SingleUploadForm.js

@@ -19,6 +19,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import Image from "next/image";
 import { useState } from "react";
 const SingleFileUploadForm = () => {
@@ -78,65 +79,75 @@ const SingleFileUploadForm = () => {
       alert("Sorry! something went wrong.");
     }
   });
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "form",
     {
       className: "w-full border border-dashed border-gray-500 p-3",
-      onSubmit: (e) => e.preventDefault()
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1.5 md:flex-row md:py-4" }, /* @__PURE__ */ React.createElement("div", { className: "grow" }, previewUrl ? /* @__PURE__ */ React.createElement("div", { className: "mx-auto w-80" }, /* @__PURE__ */ React.createElement(
-      Image,
-      {
-        alt: "file uploader preview",
-        objectFit: "cover",
-        src: previewUrl,
-        width: 320,
-        height: 218,
-        layout: "fixed"
-      }
-    )) : /* @__PURE__ */ React.createElement("label", { className: "flex h-full cursor-pointer flex-col items-center justify-center py-3 transition-colors duration-150 hover:text-gray-600" }, /* @__PURE__ */ React.createElement(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        className: "h-14 w-14",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        stroke: "currentColor",
-        strokeWidth: 2
-      },
-      /* @__PURE__ */ React.createElement(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"
-        }
-      )
-    ), /* @__PURE__ */ React.createElement("strong", { className: "text-sm font-medium" }, "Select an image"), /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        className: "block h-0 w-0",
-        name: "file",
-        type: "file",
-        onChange: onFileUploadChange
-      }
-    ))), /* @__PURE__ */ React.createElement("div", { className: "mt-4 flex justify-center gap-1.5 md:mt-0 md:flex-col" }, /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        disabled: !previewUrl,
-        onClick: onCancelFile,
-        className: "w-1/2 rounded-sm bg-gray-700 px-4 py-3 text-sm font-medium text-white transition-colors duration-300 hover:bg-gray-600 disabled:bg-gray-400 md:w-auto md:text-base"
-      },
-      "Cancel file"
-    ), /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        disabled: !previewUrl,
-        onClick: onUploadFile,
-        className: "w-1/2 rounded-sm bg-gray-700 px-4 py-3 text-sm font-medium text-white transition-colors duration-300 hover:bg-gray-600 disabled:bg-gray-400 md:w-auto md:text-base"
-      },
-      "Upload file"
-    )))
+      onSubmit: (e) => e.preventDefault(),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 md:flex-row md:py-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "grow", children: previewUrl ? /* @__PURE__ */ jsx("div", { className: "mx-auto w-80", children: /* @__PURE__ */ jsx(
+          Image,
+          {
+            alt: "file uploader preview",
+            objectFit: "cover",
+            src: previewUrl,
+            width: 320,
+            height: 218,
+            layout: "fixed"
+          }
+        ) }) : /* @__PURE__ */ jsxs("label", { className: "flex h-full cursor-pointer flex-col items-center justify-center py-3 transition-colors duration-150 hover:text-gray-600", children: [
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "h-14 w-14",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              strokeWidth: 2,
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("strong", { className: "text-sm font-medium", children: "Select an image" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "block h-0 w-0",
+              name: "file",
+              type: "file",
+              onChange: onFileUploadChange
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-center gap-1.5 md:mt-0 md:flex-col", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              disabled: !previewUrl,
+              onClick: onCancelFile,
+              className: "w-1/2 rounded-sm bg-gray-700 px-4 py-3 text-sm font-medium text-white transition-colors duration-300 hover:bg-gray-600 disabled:bg-gray-400 md:w-auto md:text-base",
+              children: "Cancel file"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              disabled: !previewUrl,
+              onClick: onUploadFile,
+              className: "w-1/2 rounded-sm bg-gray-700 px-4 py-3 text-sm font-medium text-white transition-colors duration-300 hover:bg-gray-600 disabled:bg-gray-400 md:w-auto md:text-base",
+              children: "Upload file"
+            }
+          )
+        ] })
+      ] })
+    }
   );
 };
 var SingleUploadForm_default = SingleFileUploadForm;

package/dist/esm/ui/ui-mt/inputField/TextArea.js

@@ -26,6 +26,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Label } from "@radix-ui/react-context-menu";
 import React from "react";
 import { useFormContext } from "react-hook-form";
@@ -35,22 +36,25 @@ const TextAreaField = React.forwardRef(
   (_a) => {
     var _b = _a, { name, label, className, type, placeholder } = _b, rest = __objRest(_b, ["name", "label", "className", "type", "placeholder"]);
     const methods = useFormContext();
-    return /* @__PURE__ */ React.createElement("div", { className: "group relative" }, /* @__PURE__ */ React.createElement(
-      Textarea,
-      __spreadValues({
-        className: cn(
-          "mt-2",
-          "peer p-4 outline-none"
-          // "focus-visible:ring-0",
-          // "focus-visible:border-none",
-          // "border-none ring-0"
-        ),
-        placeholder: " "
-      }, methods.register(name))
-    ), /* @__PURE__ */ React.createElement(Label, { className: 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-2 group-focus-within:!text-sm group-focus-within:!text-blue-500 peer-placeholder-shown:top-1/2 peer-placeholder-shown:text-xl"
-    ) }, label));
+    return /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
+      /* @__PURE__ */ jsx(
+        Textarea,
+        __spreadValues({
+          className: cn(
+            "mt-2",
+            "peer p-4 outline-none"
+            // "focus-visible:ring-0",
+            // "focus-visible:border-none",
+            // "border-none ring-0"
+          ),
+          placeholder: " "
+        }, methods.register(name))
+      ),
+      /* @__PURE__ */ jsx(Label, { className: 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-2 group-focus-within:!text-sm group-focus-within:!text-blue-500 peer-placeholder-shown:top-1/2 peer-placeholder-shown:text-xl"
+      ), children: label })
+    ] });
   }
 );
 TextAreaField.displayName = "TextAreaField";

package/dist/esm/ui/ui-mt/inputField/TextFileInput.js

@@ -50,10 +50,10 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { useFormContext } from "react-hook-form";
 import { Slot } from "@radix-ui/react-slot";
-import React from "react";
 const TextFileInput = (_a) => {
   var _b = _a, { onOpenFile, name, asChild } = _b, props = __objRest(_b, ["onOpenFile", "name", "asChild"]);
   const formMethods = useFormContext();
@@ -81,20 +81,23 @@ const TextFileInput = (_a) => {
       fileReader.readAsText(uploadedFile);
   };
   const Comp = asChild ? Slot : "input";
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Comp, __spreadProps(__spreadValues({}, props), { onClick: (e) => {
-    var _a2;
-    (_a2 = fileRef.current) == null ? void 0 : _a2.click();
-    e.preventDefault();
-  } })), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      style: { display: "none" },
-      ref: fileRef,
-      accept: "json/*",
-      type: "file",
-      onChange: handleFileChange
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Comp, __spreadProps(__spreadValues({}, props), { onClick: (e) => {
+      var _a2;
+      (_a2 = fileRef.current) == null ? void 0 : _a2.click();
+      e.preventDefault();
+    } })),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        style: { display: "none" },
+        ref: fileRef,
+        accept: "json/*",
+        type: "file",
+        onChange: handleFileChange
+      }
+    )
+  ] });
 };
 export {
   TextFileInput

package/dist/esm/ui/ui-mt/inputField/select/InputSelect.js

@@ -13,6 +13,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Label } from "@radix-ui/react-context-menu";
 import { Select, SelectContent, SelectTrigger, SelectValue } from "@radix-ui/react-select";
 import React from "react";
@@ -26,36 +27,43 @@ const InputSelectField = React.forwardRef(
     const handleValueChange = (value2) => {
       methods.setValue(name, value2);
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: cn(
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: cn(
       "group relative my-2",
       "flex flex-1 items-center justify-center"
       // "max-w-[fit-content]",
-    ) }, /* @__PURE__ */ React.createElement(
-      Select,
-      {
-        name,
-        onValueChange: handleValueChange,
-        defaultValue: methods.getValues(name)
-      },
-      /* @__PURE__ */ React.createElement(FormControl, { className: cn(
-        " border-input-none peer px-4 outline-none focus-visible:ring-0",
-        "focus-visible:border-none",
-        "focus:ring-none border-none ring-0"
-      ) }, /* @__PURE__ */ React.createElement(SelectTrigger, { className: cn(
-        " border-input-none peer px-4 outline-none focus-visible:ring-0",
-        "focus:ring-0 focus-visible:border-none",
-        "focus:ring-none border-none ring-0"
-      ) }, /* @__PURE__ */ React.createElement(SelectValue, { placeholder: " " }))),
-      /* @__PURE__ */ React.createElement(SelectContent, null)
-    ), /* @__PURE__ */ React.createElement(Label, { className: cn(
-      "absolute left-[9px] top-px px-1 text-sm text-gray-500 transition-all duration-300 ",
-      "pointer-events-none -translate-y-1/2 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__ */ React.createElement("fieldset", { className: 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__ */ React.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__ */ React.createElement("fieldset", { className: cn(
-      "pointer-events-none absolute inset-0 rounded border border-gray-400 ",
-      "visible mt-[-10px] group-focus-within:border-2 group-focus-within:!border-blue-500 group-hover:border-gray-700 peer-placeholder-shown:invisible"
-    ) }, /* @__PURE__ */ React.createElement("legend", { className: "invisible ml-2 max-w-full whitespace-nowrap px-1 text-sm" }, label))));
+    ), children: [
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          name,
+          onValueChange: handleValueChange,
+          defaultValue: methods.getValues(name),
+          children: [
+            /* @__PURE__ */ jsx(FormControl, { className: cn(
+              " border-input-none peer px-4 outline-none focus-visible:ring-0",
+              "focus-visible:border-none",
+              "focus:ring-none border-none ring-0"
+            ), children: /* @__PURE__ */ jsx(SelectTrigger, { className: cn(
+              " border-input-none peer px-4 outline-none focus-visible:ring-0",
+              "focus:ring-0 focus-visible:border-none",
+              "focus:ring-none border-none ring-0"
+            ), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: " " }) }) }),
+            /* @__PURE__ */ jsx(SelectContent, {})
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Label, { className: cn(
+        "absolute left-[9px] top-px px-1 text-sm text-gray-500 transition-all duration-300 ",
+        "pointer-events-none -translate-y-1/2 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__ */ jsx("fieldset", { className: 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__ */ 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__ */ jsx("fieldset", { className: cn(
+        "pointer-events-none absolute inset-0 rounded border border-gray-400 ",
+        "visible mt-[-10px] group-focus-within:border-2 group-focus-within:!border-blue-500 group-hover:border-gray-700 peer-placeholder-shown:invisible"
+      ), children: /* @__PURE__ */ jsx("legend", { className: "invisible ml-2 max-w-full whitespace-nowrap px-1 text-sm", children: label }) })
+    ] }) });
   }
 );
 InputSelectField.displayName = "InputSelectField";

package/dist/esm/ui/ui-mt/inputs/SearchInput.js

@@ -27,12 +27,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../../lib/utils";
 const SearchInput = React.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "input",
       __spreadValues({
         type,

package/dist/esm/ui/ui-mt/inputs/searchBar.js

@@ -1,16 +1,20 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { SearchIcon } from "lucide-react";
 import { Button } from "../../button";
 import { Input } from "../../input";
 const SearchBar = () => {
-  return /* @__PURE__ */ React.createElement("div", { className: "relative mb-1 flex items-center justify-center rounded-md border bg-slate-50" }, /* @__PURE__ */ React.createElement(
-    Input,
-    {
-      type: "search",
-      className: "border-1 w-full rounded",
-      placeholder: "search"
-    }
-  ), /* @__PURE__ */ React.createElement(Button, { variant: "ghost", className: "" }, /* @__PURE__ */ React.createElement(SearchIcon, { className: "h-4 w-4 " })));
+  return /* @__PURE__ */ jsxs("div", { className: "relative mb-1 flex items-center justify-center rounded-md border bg-slate-50", children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "search",
+        className: "border-1 w-full rounded",
+        placeholder: "search"
+      }
+    ),
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "", children: /* @__PURE__ */ jsx(SearchIcon, { className: "h-4 w-4 " }) })
+  ] });
 };
 export {
   SearchBar

package/dist/esm/ui/ui-mt/skeleton/skeleton-card.js

@@ -1,12 +1,17 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-const SkeletonCard = ({ isLoading }) => /* @__PURE__ */ React.createElement(
+const SkeletonCard = ({ isLoading }) => /* @__PURE__ */ jsx(
   "div",
   {
     className: clsx("rounded-2xl bg-gray-900/80 p-4", {
       "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_1.5s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/10 before:to-transparent": isLoading
-    })
-  },
-  /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "h-14 rounded-lg bg-gray-700" }), /* @__PURE__ */ React.createElement("div", { className: "h-3 w-11/12 rounded-lg bg-gray-700" }), /* @__PURE__ */ React.createElement("div", { className: "h-3 w-8/12 rounded-lg bg-gray-700" }))
+    }),
+    children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-14 rounded-lg bg-gray-700" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-11/12 rounded-lg bg-gray-700" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-8/12 rounded-lg bg-gray-700" })
+    ] })
+  }
 );
 export {
   SkeletonCard