mtxuilib 0.0.308 → 0.0.310

package/dist/ui/context-menu.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)
@@ -72,6 +75,7 @@ __export(context_menu_exports, {
   ContextMenuTrigger: () => ContextMenuTrigger
 });
 module.exports = __toCommonJS(context_menu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"), 1);
 var import_react_icons = require("@radix-ui/react-icons");
 var React = __toESM(require("react"), 1);
@@ -84,24 +88,27 @@ const ContextMenuSub = ContextMenuPrimitive.Sub;
 const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
 const ContextMenuSubTrigger = React.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     ContextMenuPrimitive.SubTrigger,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.cn)(
         "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground 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(import_react_icons.ChevronRightIcon, { className: "ml-auto size-4" })
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    })
   );
 });
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
 const ContextMenuSubContent = React.forwardRef((_c, ref) => {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ContextMenuPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -115,7 +122,7 @@ const ContextMenuSubContent = React.forwardRef((_c, ref) => {
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
 const ContextMenuContent = React.forwardRef((_e, ref) => {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement(ContextMenuPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ContextMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -124,12 +131,12 @@ const ContextMenuContent = React.forwardRef((_e, ref) => {
         className
       )
     }, props)
-  ));
+  ) });
 });
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
 const ContextMenuItem = React.forwardRef((_g, ref) => {
   var _h = _g, { className, inset } = _h, props = __objRest(_h, ["className", "inset"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ContextMenuPrimitive.Item,
     __spreadValues({
       ref,
@@ -144,40 +151,46 @@ const ContextMenuItem = React.forwardRef((_g, ref) => {
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
 const ContextMenuCheckboxItem = React.forwardRef((_i, ref) => {
   var _j = _i, { className, children, checked } = _j, props = __objRest(_j, ["className", "children", "checked"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     ContextMenuPrimitive.CheckboxItem,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.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 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       checked
-    }, props),
-    /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(import_react_icons.CheckIcon, { className: "size-4" }))),
-    children
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    })
   );
 });
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
 const ContextMenuRadioItem = React.forwardRef((_k, ref) => {
   var _l = _k, { className, children } = _l, props = __objRest(_l, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     ContextMenuPrimitive.RadioItem,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.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 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       )
-    }, props),
-    /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(import_react_icons.DotFilledIcon, { className: "size-4 fill-current" }))),
-    children
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.DotFilledIcon, { className: "size-4 fill-current" }) }) }),
+        children
+      ]
+    })
   );
 });
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
 const ContextMenuLabel = React.forwardRef((_m, ref) => {
   var _n = _m, { className, inset } = _n, props = __objRest(_n, ["className", "inset"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ContextMenuPrimitive.Label,
     __spreadValues({
       ref,
@@ -192,7 +205,7 @@ const ContextMenuLabel = React.forwardRef((_m, ref) => {
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
 const ContextMenuSeparator = React.forwardRef((_o, ref) => {
   var _p = _o, { className } = _p, props = __objRest(_p, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ContextMenuPrimitive.Separator,
     __spreadValues({
       ref,
@@ -207,7 +220,7 @@ const ContextMenuShortcut = (_q) => {
   } = _r, props = __objRest(_r, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     __spreadValues({
       className: (0, import_utils.cn)(

package/dist/ui/dialog.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)
@@ -67,6 +70,7 @@ __export(dialog_exports, {
   DialogTrigger: () => DialogTrigger
 });
 module.exports = __toCommonJS(dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_react_icons = require("@radix-ui/react-icons");
 var React = __toESM(require("react"), 1);
@@ -77,7 +81,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__ */ (0, import_jsx_runtime.jsx)(
     DialogPrimitive.Overlay,
     __spreadValues({
       ref,
@@ -91,18 +95,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: (0, import_utils.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(import_react_icons.Cross2Icon, { className: "size-4" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
-  ));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      DialogPrimitive.Content,
+      __spreadProps(__spreadValues({
+        ref,
+        className: (0, import_utils.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_react_icons.Cross2Icon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      })
+    )
+  ] });
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = (_e) => {
@@ -111,7 +124,7 @@ const DialogHeader = (_e) => {
   } = _f, props = __objRest(_f, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
       className: (0, import_utils.cn)(
@@ -128,7 +141,7 @@ const DialogFooter = (_g) => {
   } = _h, props = __objRest(_h, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
       className: (0, import_utils.cn)(
@@ -141,7 +154,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__ */ (0, import_jsx_runtime.jsx)(
     DialogPrimitive.Title,
     __spreadValues({
       ref,
@@ -155,7 +168,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__ */ (0, import_jsx_runtime.jsx)(
     DialogPrimitive.Description,
     __spreadValues({
       ref,

package/dist/ui/drawer.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)
@@ -67,6 +70,7 @@ __export(drawer_exports, {
   DrawerTrigger: () => DrawerTrigger
 });
 module.exports = __toCommonJS(drawer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"), 1);
 var import_vaul = require("vaul");
 var import_utils = require("../lib/utils");
@@ -76,7 +80,7 @@ const Drawer = (_a) => {
   } = _b, props = __objRest(_b, [
     "shouldScaleBackground"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_vaul.Drawer.Root,
     __spreadValues({
       shouldScaleBackground
@@ -89,7 +93,7 @@ const DrawerPortal = import_vaul.Drawer.Portal;
 const DrawerClose = import_vaul.Drawer.Close;
 const DrawerOverlay = React.forwardRef((_c, ref) => {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_vaul.Drawer.Overlay,
     __spreadValues({
       ref,
@@ -100,18 +104,24 @@ const DrawerOverlay = React.forwardRef((_c, ref) => {
 DrawerOverlay.displayName = import_vaul.Drawer.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(
-    import_vaul.Drawer.Content,
-    __spreadValues({
-      ref,
-      className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsxs)(DrawerPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_vaul.Drawer.Content,
+      __spreadProps(__spreadValues({
+        ref,
+        className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-muted mx-auto mt-4 h-2 w-[100px] rounded-full" }),
+          children
+        ]
+      })
+    )
+  ] });
 });
 DrawerContent.displayName = "DrawerContent";
 const DrawerHeader = (_g) => {
@@ -120,7 +130,7 @@ const DrawerHeader = (_g) => {
   } = _h, props = __objRest(_h, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
       className: (0, import_utils.cn)("grid gap-1.5 p-4 text-center sm:text-left", className)
@@ -134,7 +144,7 @@ const DrawerFooter = (_i) => {
   } = _j, props = __objRest(_j, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
       className: (0, import_utils.cn)("mt-auto flex flex-col gap-2 p-4", className)
@@ -144,7 +154,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__ */ (0, import_jsx_runtime.jsx)(
     import_vaul.Drawer.Title,
     __spreadValues({
       ref,
@@ -158,7 +168,7 @@ const DrawerTitle = React.forwardRef((_k, ref) => {
 DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
 const DrawerDescription = React.forwardRef((_m, ref) => {
   var _n = _m, { className } = _n, props = __objRest(_n, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_vaul.Drawer.Description,
     __spreadValues({
       ref,

package/dist/ui/dropdown-menu.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)
@@ -72,6 +75,7 @@ __export(dropdown_menu_exports, {
   DropdownMenuTrigger: () => DropdownMenuTrigger
 });
 module.exports = __toCommonJS(dropdown_menu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_react_icons = require("@radix-ui/react-icons");
 var React = __toESM(require("react"), 1);
@@ -84,24 +88,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__ */ (0, import_jsx_runtime.jsxs)(
     DropdownMenuPrimitive.SubTrigger,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.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(import_react_icons.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.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__ */ (0, import_jsx_runtime.jsx)(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -115,7 +122,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__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -126,12 +133,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__ */ (0, import_jsx_runtime.jsx)(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       ref,
@@ -146,40 +153,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__ */ (0, import_jsx_runtime.jsxs)(
     DropdownMenuPrimitive.CheckboxItem,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.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(import_react_icons.CheckIcon, { className: "h-4 w-4" }))),
-    children
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.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__ */ (0, import_jsx_runtime.jsxs)(
     DropdownMenuPrimitive.RadioItem,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_utils.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(import_react_icons.DotFilledIcon, { className: "h-4 w-4 fill-current" }))),
-    children
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.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__ */ (0, import_jsx_runtime.jsx)(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       ref,
@@ -194,7 +207,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__ */ (0, import_jsx_runtime.jsx)(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       ref,
@@ -209,7 +222,7 @@ const DropdownMenuShortcut = (_q) => {
   } = _r, props = __objRest(_r, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     __spreadValues({
       className: (0, import_utils.cn)("ml-auto text-xs tracking-widest opacity-60", className)

package/dist/ui/form copy.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)
@@ -64,6 +67,7 @@ __export(form_copy_exports, {
   useFormField: () => useFormField
 });
 module.exports = __toCommonJS(form_copy_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_slot = require("@radix-ui/react-slot");
 var React = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
@@ -75,7 +79,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(import_react_hook_form.Controller, __spreadValues({}, props)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, __spreadValues({}, props)) });
 };
 const useFormField = () => {
   const fieldContext = React.useContext(FormFieldContext);
@@ -100,13 +104,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: (0, import_utils.cn)("space-y-2", className) }, props)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", __spreadValues({ ref, className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)(
     import_label.Label,
     __spreadValues({
       ref,
@@ -119,7 +123,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__ */ (0, import_jsx_runtime.jsx)(
     import_react_slot.Slot,
     __spreadValues({
       ref,
@@ -133,7 +137,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__ */ (0, import_jsx_runtime.jsx)(
     "p",
     __spreadValues({
       ref,
@@ -150,14 +154,15 @@ const FormMessage = React.forwardRef((_i, ref) => {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "p",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       id: formMessageId,
       className: (0, import_utils.cn)("text-destructive text-[0.8rem] font-medium", className)
-    }, props),
-    body
+    }, props), {
+      children: body
+    })
   );
 });
 FormMessage.displayName = "FormMessage";