mtxuilib 0.0.308 → 0.0.310

package/dist/esm/ui/dialog.js

@@ -1,5 +1,7 @@
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -15,6 +17,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -27,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { Cross2Icon } from "@radix-ui/react-icons";
 import * as React from "react";
@@ -37,7 +41,7 @@ const DialogPortal = DialogPrimitive.Portal;
 const DialogClose = DialogPrimitive.Close;
 const DialogOverlay = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DialogPrimitive.Overlay,
     __spreadValues({
       ref,
@@ -51,18 +55,27 @@ const DialogOverlay = React.forwardRef((_a, ref) => {
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 const DialogContent = React.forwardRef((_c, ref) => {
   var _d = _c, { className, children } = _d, props = __objRest(_d, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(DialogPortal, null, /* @__PURE__ */ React.createElement(DialogOverlay, null), /* @__PURE__ */ React.createElement(
-    DialogPrimitive.Content,
-    __spreadValues({
-      ref,
-      className: cn(
-        "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
-        className
-      )
-    }, props),
-    children,
-    /* @__PURE__ */ React.createElement(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none" }, /* @__PURE__ */ React.createElement(Cross2Icon, { className: "size-4" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
-  ));
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
+          className
+        )
+      }, props), {
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx(Cross2Icon, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      })
+    )
+  ] });
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = (_e) => {
@@ -71,7 +84,7 @@ const DialogHeader = (_e) => {
   } = _f, props = __objRest(_f, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
       className: cn(
@@ -88,7 +101,7 @@ const DialogFooter = (_g) => {
   } = _h, props = __objRest(_h, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
       className: cn(
@@ -101,7 +114,7 @@ const DialogFooter = (_g) => {
 DialogFooter.displayName = "DialogFooter";
 const DialogTitle = React.forwardRef((_i, ref) => {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DialogPrimitive.Title,
     __spreadValues({
       ref,
@@ -115,7 +128,7 @@ const DialogTitle = React.forwardRef((_i, ref) => {
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
 const DialogDescription = React.forwardRef((_k, ref) => {
   var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DialogPrimitive.Description,
     __spreadValues({
       ref,

package/dist/esm/ui/drawer.js

@@ -1,5 +1,7 @@
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -15,6 +17,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -27,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 import { cn } from "../lib/utils";
@@ -36,7 +40,7 @@ const Drawer = (_a) => {
   } = _b, props = __objRest(_b, [
     "shouldScaleBackground"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DrawerPrimitive.Root,
     __spreadValues({
       shouldScaleBackground
@@ -49,7 +53,7 @@ const DrawerPortal = DrawerPrimitive.Portal;
 const DrawerClose = DrawerPrimitive.Close;
 const DrawerOverlay = React.forwardRef((_c, ref) => {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DrawerPrimitive.Overlay,
     __spreadValues({
       ref,
@@ -60,18 +64,24 @@ const DrawerOverlay = React.forwardRef((_c, ref) => {
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
 const DrawerContent = React.forwardRef((_e, ref) => {
   var _f = _e, { className, children } = _f, props = __objRest(_f, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(DrawerPortal, null, /* @__PURE__ */ React.createElement(DrawerOverlay, null), /* @__PURE__ */ React.createElement(
-    DrawerPrimitive.Content,
-    __spreadValues({
-      ref,
-      className: cn(
-        "bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border",
-        className
-      )
-    }, props),
-    /* @__PURE__ */ React.createElement("div", { className: "bg-muted mx-auto mt-4 h-2 w-[100px] rounded-full" }),
-    children
-  ));
+  return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
+    /* @__PURE__ */ jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DrawerPrimitive.Content,
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(
+          "bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border",
+          className
+        )
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-muted mx-auto mt-4 h-2 w-[100px] rounded-full" }),
+          children
+        ]
+      })
+    )
+  ] });
 });
 DrawerContent.displayName = "DrawerContent";
 const DrawerHeader = (_g) => {
@@ -80,7 +90,7 @@ const DrawerHeader = (_g) => {
   } = _h, props = __objRest(_h, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
       className: cn("grid gap-1.5 p-4 text-center sm:text-left", className)
@@ -94,7 +104,7 @@ const DrawerFooter = (_i) => {
   } = _j, props = __objRest(_j, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
       className: cn("mt-auto flex flex-col gap-2 p-4", className)
@@ -104,7 +114,7 @@ const DrawerFooter = (_i) => {
 DrawerFooter.displayName = "DrawerFooter";
 const DrawerTitle = React.forwardRef((_k, ref) => {
   var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DrawerPrimitive.Title,
     __spreadValues({
       ref,
@@ -118,7 +128,7 @@ const DrawerTitle = React.forwardRef((_k, ref) => {
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
 const DrawerDescription = React.forwardRef((_m, ref) => {
   var _n = _m, { className } = _n, props = __objRest(_n, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DrawerPrimitive.Description,
     __spreadValues({
       ref,

package/dist/esm/ui/dropdown-menu.js

@@ -1,5 +1,7 @@
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -15,6 +17,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -27,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import {
   CheckIcon,
@@ -43,24 +47,27 @@ const DropdownMenuSub = DropdownMenuPrimitive.Sub;
 const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 const DropdownMenuSubTrigger = React.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.SubTrigger,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
         inset && "pl-8",
         className
       )
-    }, props),
-    children,
-    /* @__PURE__ */ React.createElement(ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      ]
+    })
   );
 });
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
 const DropdownMenuSubContent = React.forwardRef((_c, ref) => {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -74,7 +81,7 @@ const DropdownMenuSubContent = React.forwardRef((_c, ref) => {
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
 const DropdownMenuContent = React.forwardRef((_e, ref) => {
   var _f = _e, { className, sideOffset = 4 } = _f, props = __objRest(_f, ["className", "sideOffset"]);
-  return /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -85,12 +92,12 @@ const DropdownMenuContent = React.forwardRef((_e, ref) => {
         className
       )
     }, props)
-  ));
+  ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
 const DropdownMenuItem = React.forwardRef((_g, ref) => {
   var _h = _g, { className, inset } = _h, props = __objRest(_h, ["className", "inset"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       ref,
@@ -105,40 +112,46 @@ const DropdownMenuItem = React.forwardRef((_g, ref) => {
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
 const DropdownMenuCheckboxItem = React.forwardRef((_i, ref) => {
   var _j = _i, { className, children, checked } = _j, props = __objRest(_j, ["className", "children", "checked"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.CheckboxItem,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       checked
-    }, props),
-    /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(CheckIcon, { className: "h-4 w-4" }))),
-    children
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) }) }),
+        children
+      ]
+    })
   );
 });
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
 const DropdownMenuRadioItem = React.forwardRef((_k, ref) => {
   var _l = _k, { className, children } = _l, props = __objRest(_l, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.RadioItem,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       )
-    }, props),
-    /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(DotFilledIcon, { className: "h-4 w-4 fill-current" }))),
-    children
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+        children
+      ]
+    })
   );
 });
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
 const DropdownMenuLabel = React.forwardRef((_m, ref) => {
   var _n = _m, { className, inset } = _n, props = __objRest(_n, ["className", "inset"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       ref,
@@ -153,7 +166,7 @@ const DropdownMenuLabel = React.forwardRef((_m, ref) => {
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 const DropdownMenuSeparator = React.forwardRef((_o, ref) => {
   var _p = _o, { className } = _p, props = __objRest(_p, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       ref,
@@ -168,7 +181,7 @@ const DropdownMenuShortcut = (_q) => {
   } = _r, props = __objRest(_r, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "span",
     __spreadValues({
       className: cn("ml-auto text-xs tracking-widest opacity-60", className)

package/dist/esm/ui/form copy.js

@@ -1,4 +1,6 @@
 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;
@@ -14,6 +16,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)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import * as React from "react";
 import {
@@ -41,7 +45,7 @@ const FormFieldContext = React.createContext(
 );
 const FormField = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React.createElement(Controller, __spreadValues({}, props)));
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, __spreadValues({}, props)) });
 };
 const useFormField = () => {
   const fieldContext = React.useContext(FormFieldContext);
@@ -66,13 +70,13 @@ const FormItemContext = React.createContext(
 const FormItem = React.forwardRef((_b, ref) => {
   var _c = _b, { className } = _c, props = __objRest(_c, ["className"]);
   const id = React.useId();
-  return /* @__PURE__ */ React.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)));
+  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
 });
 FormItem.displayName = "FormItem";
 const FormLabel = React.forwardRef((_d, ref) => {
   var _e = _d, { className } = _e, props = __objRest(_e, ["className"]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Label,
     __spreadValues({
       ref,
@@ -85,7 +89,7 @@ FormLabel.displayName = "FormLabel";
 const FormControl = React.forwardRef((_f, ref) => {
   var props = __objRest(_f, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Slot,
     __spreadValues({
       ref,
@@ -99,7 +103,7 @@ FormControl.displayName = "FormControl";
 const FormDescription = React.forwardRef((_g, ref) => {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "p",
     __spreadValues({
       ref,
@@ -116,14 +120,15 @@ const FormMessage = React.forwardRef((_i, ref) => {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "p",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       id: formMessageId,
       className: cn("text-destructive text-[0.8rem] font-medium", className)
-    }, props),
-    body
+    }, props), {
+      children: body
+    })
   );
 });
 FormMessage.displayName = "FormMessage";

package/dist/esm/ui/form.js

@@ -1,4 +1,6 @@
 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;
@@ -14,6 +16,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)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import * as React from "react";
 import {
@@ -41,7 +45,7 @@ const FormFieldContext = React.createContext(
 );
 const FormField = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React.createElement(Controller, __spreadValues({}, props)));
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, __spreadValues({}, props)) });
 };
 const useFormField = () => {
   const fieldContext = React.useContext(FormFieldContext);
@@ -66,13 +70,13 @@ const FormItemContext = React.createContext(
 const FormItem = React.forwardRef((_b, ref) => {
   var _c = _b, { className } = _c, props = __objRest(_c, ["className"]);
   const id = React.useId();
-  return /* @__PURE__ */ React.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)));
+  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
 });
 FormItem.displayName = "FormItem";
 const FormLabel = React.forwardRef((_d, ref) => {
   var _e = _d, { className } = _e, props = __objRest(_e, ["className"]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Label,
     __spreadValues({
       ref,
@@ -85,7 +89,7 @@ FormLabel.displayName = "FormLabel";
 const FormControl = React.forwardRef((_f, ref) => {
   var props = __objRest(_f, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Slot,
     __spreadValues({
       ref,
@@ -99,7 +103,7 @@ FormControl.displayName = "FormControl";
 const FormDescription = React.forwardRef((_g, ref) => {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "p",
     __spreadValues({
       ref,
@@ -116,14 +120,15 @@ const FormMessage = React.forwardRef((_i, ref) => {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "p",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       id: formMessageId,
       className: cn("text-destructive text-[0.8rem] font-medium", className)
-    }, props),
-    body
+    }, props), {
+      children: body
+    })
   );
 });
 FormMessage.displayName = "FormMessage";

package/dist/esm/ui/hover-card.js

@@ -27,6 +27,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import * as React from "react";
 import { cn } from "../lib/utils";
@@ -34,7 +35,7 @@ const HoverCard = HoverCardPrimitive.Root;
 const HoverCardTrigger = HoverCardPrimitive.Trigger;
 const HoverCardContent = React.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     HoverCardPrimitive.Content,
     __spreadValues({
       ref,

package/dist/esm/ui/input.js

@@ -26,12 +26,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../lib/utils";
 const Input = 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/label.js

@@ -27,6 +27,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva } from "class-variance-authority";
 import * as React from "react";
@@ -36,7 +37,7 @@ const labelVariants = cva(
 );
 const Label = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     LabelPrimitive.Root,
     __spreadValues({
       ref,