mtxuilib 0.0.308 → 0.0.310

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

@@ -52,6 +52,7 @@ __export(SingleUploadForm_exports, {
   default: () => SingleUploadForm_default
 });
 module.exports = __toCommonJS(SingleUploadForm_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_image = __toESM(require("next/image"), 1);
 var import_react = require("react");
 const SingleFileUploadForm = () => {
@@ -111,65 +112,75 @@ const SingleFileUploadForm = () => {
       alert("Sorry! something went wrong.");
     }
   });
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.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(
-      import_image.default,
-      {
-        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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-1.5 md:flex-row md:py-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grow", children: previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto w-80", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_image.default,
+          {
+            alt: "file uploader preview",
+            objectFit: "cover",
+            src: previewUrl,
+            width: 320,
+            height: 218,
+            layout: "fixed"
+          }
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("strong", { className: "text-sm font-medium", children: "Select an image" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              className: "block h-0 w-0",
+              name: "file",
+              type: "file",
+              onChange: onFileUploadChange
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 flex justify-center gap-1.5 md:mt-0 md:flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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/ui/ui-mt/inputField/TextArea.cjs

@@ -57,6 +57,7 @@ __export(TextArea_exports, {
   TextAreaField: () => TextAreaField
 });
 module.exports = __toCommonJS(TextArea_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_context_menu = require("@radix-ui/react-context-menu");
 var import_react = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
@@ -66,22 +67,25 @@ const TextAreaField = import_react.default.forwardRef(
   (_a) => {
     var _b = _a, { name, label, className, type, placeholder } = _b, rest = __objRest(_b, ["name", "label", "className", "type", "placeholder"]);
     const methods = (0, import_react_hook_form.useFormContext)();
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "group relative" }, /* @__PURE__ */ import_react.default.createElement(
-      import_textarea.Textarea,
-      __spreadValues({
-        className: (0, import_utils.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__ */ import_react.default.createElement(import_react_context_menu.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-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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "group relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_textarea.Textarea,
+        __spreadValues({
+          className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)(import_react_context_menu.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-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/ui/ui-mt/inputField/TextFileInput.cjs

@@ -1,13 +1,11 @@
 "use strict";
 "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;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -47,14 +45,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
@@ -81,10 +71,10 @@ __export(TextFileInput_exports, {
   TextFileInput: () => TextFileInput
 });
 module.exports = __toCommonJS(TextFileInput_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_hook_form = require("react-hook-form");
 var import_react_slot = require("@radix-ui/react-slot");
-var import_react2 = __toESM(require("react"), 1);
 const TextFileInput = (_a) => {
   var _b = _a, { onOpenFile, name, asChild } = _b, props = __objRest(_b, ["onOpenFile", "name", "asChild"]);
   const formMethods = (0, import_react_hook_form.useFormContext)();
@@ -112,20 +102,23 @@ const TextFileInput = (_a) => {
       fileReader.readAsText(uploadedFile);
   };
   const Comp = asChild ? import_react_slot.Slot : "input";
-  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(Comp, __spreadProps(__spreadValues({}, props), { onClick: (e) => {
-    var _a2;
-    (_a2 = fileRef.current) == null ? void 0 : _a2.click();
-    e.preventDefault();
-  } })), /* @__PURE__ */ import_react2.default.createElement(
-    "input",
-    {
-      style: { display: "none" },
-      ref: fileRef,
-      accept: "json/*",
-      type: "file",
-      onChange: handleFileChange
-    }
-  ));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, __spreadProps(__spreadValues({}, props), { onClick: (e) => {
+      var _a2;
+      (_a2 = fileRef.current) == null ? void 0 : _a2.click();
+      e.preventDefault();
+    } })),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        style: { display: "none" },
+        ref: fileRef,
+        accept: "json/*",
+        type: "file",
+        onChange: handleFileChange
+      }
+    )
+  ] });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/ui-mt/inputField/select/InputSelect.cjs

@@ -45,6 +45,7 @@ __export(InputSelect_exports, {
   InputSelectField: () => InputSelectField
 });
 module.exports = __toCommonJS(InputSelect_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_context_menu = require("@radix-ui/react-context-menu");
 var import_react_select = require("@radix-ui/react-select");
 var import_react = __toESM(require("react"), 1);
@@ -58,36 +59,43 @@ const InputSelectField = import_react.default.forwardRef(
     const handleValueChange = (value2) => {
       methods.setValue(name, value2);
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_utils.cn)(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.cn)(
       "group relative my-2",
       "flex flex-1 items-center justify-center"
       // "max-w-[fit-content]",
-    ) }, /* @__PURE__ */ import_react.default.createElement(
-      import_react_select.Select,
-      {
-        name,
-        onValueChange: handleValueChange,
-        defaultValue: methods.getValues(name)
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_form.FormControl, { className: (0, import_utils.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__ */ import_react.default.createElement(import_react_select.SelectTrigger, { className: (0, import_utils.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__ */ import_react.default.createElement(import_react_select.SelectValue, { placeholder: " " }))),
-      /* @__PURE__ */ import_react.default.createElement(import_react_select.SelectContent, null)
-    ), /* @__PURE__ */ import_react.default.createElement(import_react_context_menu.Label, { className: (0, import_utils.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__ */ 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 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__ */ import_react.default.createElement("legend", { className: "invisible ml-2 max-w-full whitespace-nowrap px-1 text-sm" }, label))));
+    ), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_react_select.Select,
+        {
+          name,
+          onValueChange: handleValueChange,
+          defaultValue: methods.getValues(name),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormControl, { className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)(import_react_select.SelectTrigger, { className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)(import_react_select.SelectValue, { placeholder: " " }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_select.SelectContent, {})
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_context_menu.Label, { className: (0, import_utils.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__ */ (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 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__ */ (0, import_jsx_runtime.jsx)("legend", { className: "invisible ml-2 max-w-full whitespace-nowrap px-1 text-sm", children: label }) })
+    ] }) });
   }
 );
 InputSelectField.displayName = "InputSelectField";

package/dist/ui/ui-mt/inputs/SearchInput.cjs

@@ -58,12 +58,13 @@ __export(SearchInput_exports, {
   SearchInput: () => SearchInput
 });
 module.exports = __toCommonJS(SearchInput_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"), 1);
 var import_utils = require("../../../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__ */ (0, import_jsx_runtime.jsx)(
       "input",
       __spreadValues({
         type,

package/dist/ui/ui-mt/inputs/searchBar.cjs

@@ -22,18 +22,22 @@ __export(searchBar_exports, {
   SearchBar: () => SearchBar
 });
 module.exports = __toCommonJS(searchBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
 var import_button = require("../../button");
 var import_input = require("../../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(
-    import_input.Input,
-    {
-      type: "search",
-      className: "border-1 w-full rounded",
-      placeholder: "search"
-    }
-  ), /* @__PURE__ */ React.createElement(import_button.Button, { variant: "ghost", className: "" }, /* @__PURE__ */ React.createElement(import_lucide_react.SearchIcon, { className: "h-4 w-4 " })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative mb-1 flex items-center justify-center rounded-md border bg-slate-50", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_input.Input,
+      {
+        type: "search",
+        className: "border-1 w-full rounded",
+        placeholder: "search"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", className: "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.SearchIcon, { className: "h-4 w-4 " }) })
+  ] });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/ui-mt/skeleton/skeleton-card.cjs

@@ -31,15 +31,20 @@ __export(skeleton_card_exports, {
   SkeletonCard: () => SkeletonCard
 });
 module.exports = __toCommonJS(skeleton_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"), 1);
-const SkeletonCard = ({ isLoading }) => /* @__PURE__ */ React.createElement(
+const SkeletonCard = ({ isLoading }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "div",
   {
     className: (0, import_clsx.default)("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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-14 rounded-lg bg-gray-700" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-11/12 rounded-lg bg-gray-700" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-8/12 rounded-lg bg-gray-700" })
+    ] })
+  }
 );
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/ui-mt/skeleton/skeleton2.cjs

@@ -21,8 +21,12 @@ __export(skeleton2_exports, {
   ItemSkeleton: () => ItemSkeleton
 });
 module.exports = __toCommonJS(skeleton2_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 function ItemSkeleton() {
-  return /* @__PURE__ */ React.createElement("div", { className: 'sm:px-6" block p-4 hover:bg-gray-50' }, /* @__PURE__ */ React.createElement("div", { className: "h-4 w-1/2 animate-pulse rounded bg-gray-300" }), /* @__PURE__ */ React.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React.createElement("div", { className: "h-2 w-1/2 animate-pulse rounded bg-gray-300" })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: 'sm:px-6" block p-4 hover:bg-gray-50', children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-1/2 animate-pulse rounded bg-gray-300" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2 w-1/2 animate-pulse rounded bg-gray-300" }) })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/ui-mt/skeleton/skeletons.cjs

@@ -22,9 +22,17 @@ __export(skeletons_exports, {
   SkeletonDemo: () => SkeletonDemo
 });
 module.exports = __toCommonJS(skeletons_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_skeleton = require("../../skeleton");
 const SkeletonDemo = ({ children }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ React.createElement(import_skeleton.Skeleton, { className: "h-12 w-12 rounded-full" }), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(import_skeleton.Skeleton, { className: "h-4 w-[250px]" }), /* @__PURE__ */ React.createElement(import_skeleton.Skeleton, { className: "h-4 w-[200px]" })), children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center space-x-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-12 w-12 rounded-full" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-[250px]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-[200px]" })
+    ] }),
+    children
+  ] });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/ui-vamp/alert.cjs

@@ -61,39 +61,43 @@ __export(alert_exports, {
   Alert: () => Alert
 });
 module.exports = __toCommonJS(alert_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var AlertDialogPrimitives = __toESM(require("@radix-ui/react-alert-dialog"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../../lib/utils");
 var import_button = require("./button");
 function Alert(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React.createElement(AlertDialogPrimitives.Root, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitives.Root, __spreadValues({}, props));
 }
 Alert.Trigger = React.forwardRef(function AlertTrigger(_b, ref) {
   var props = __objRest(_b, []);
-  return /* @__PURE__ */ React.createElement(AlertDialogPrimitives.Trigger, __spreadProps(__spreadValues({}, props), { ref }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitives.Trigger, __spreadProps(__spreadValues({}, props), { ref }));
 });
 Alert.Portal = AlertDialogPrimitives.Portal;
 Alert.Content = React.forwardRef(function AlertContent(_c, ref) {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(Alert.Portal, null, /* @__PURE__ */ React.createElement(AlertDialogPrimitives.Overlay, { className: "animate-in fade-in fixed inset-0 z-40 opacity-100 backdrop-blur-sm transition-opacity	" }), /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 z-40 flex items-center justify-center" }, /* @__PURE__ */ React.createElement(
-    AlertDialogPrimitives.Content,
-    __spreadValues({
-      ref,
-      className: (0, import_utils.cn)(
-        "dropdown animate-in fade-in-90 zoom-in-90 focus-visible:ring-opacity-/75 fixed z-50 grid w-[95vw] max-w-md scale-100 gap-4 rounded-lg p-6 opacity-100 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 md:w-full",
-        className
-      )
-    }, props)
-  )));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitives.Overlay, { className: "animate-in fade-in fixed inset-0 z-40 opacity-100 backdrop-blur-sm transition-opacity	" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "fixed inset-0 z-40 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      AlertDialogPrimitives.Content,
+      __spreadValues({
+        ref,
+        className: (0, import_utils.cn)(
+          "dropdown animate-in fade-in-90 zoom-in-90 focus-visible:ring-opacity-/75 fixed z-50 grid w-[95vw] max-w-md scale-100 gap-4 rounded-lg p-6 opacity-100 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 md:w-full",
+          className
+        )
+      }, props)
+    ) })
+  ] });
 });
 Alert.Header = function AlertHeader(_e) {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: (0, import_utils.cn)("grid gap-1", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", __spreadValues({ className: (0, import_utils.cn)("grid gap-1", className) }, props));
 };
 Alert.Title = React.forwardRef(function AlertTitle(_g, ref) {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     AlertDialogPrimitives.Title,
     __spreadValues({
       ref,
@@ -106,7 +110,7 @@ Alert.Title = React.forwardRef(function AlertTitle(_g, ref) {
 });
 Alert.Description = React.forwardRef(function AlertDescription(_i, ref) {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     AlertDialogPrimitives.Description,
     __spreadValues({
       ref,
@@ -116,7 +120,7 @@ Alert.Description = React.forwardRef(function AlertDescription(_i, ref) {
 });
 Alert.Footer = function AlertFooter(_k) {
   var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
       className: (0, import_utils.cn)("flex justify-end space-x-2", className)
@@ -125,28 +129,30 @@ Alert.Footer = function AlertFooter(_k) {
 };
 Alert.Cancel = React.forwardRef(function AlertCancel(_m, ref) {
   var _n = _m, { className, children } = _n, props = __objRest(_n, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     AlertDialogPrimitives.Cancel,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       onClick: (e) => {
         e.stopPropagation();
         e.nativeEvent.stopImmediatePropagation();
       },
       className,
       ref
-    }, props),
-    /* @__PURE__ */ React.createElement(import_button.Button, { intent: "secondary" }, children)
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { intent: "secondary", children })
+    })
   );
 });
 Alert.Action = React.forwardRef(function AlertAction(_o, ref) {
   var _p = _o, { className, children } = _p, props = __objRest(_p, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     AlertDialogPrimitives.Action,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.cn)(className)
-    }, props),
-    /* @__PURE__ */ React.createElement(import_button.Button, { intent: "danger" }, children)
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { intent: "danger", children })
+    })
   );
 });
 // Annotate the CommonJS export names for ESM import in node: