lecom-ui 4.3.6 → 4.3.7

package/dist/components/ScrollArea/ScrollArea.js

@@ -1,23 +1,20 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { Root, Viewport, Corner, ScrollAreaScrollbar, ScrollAreaThumb } from '../../node_modules/@radix-ui/react-scroll-area/dist/index.js';
 
-const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
   Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx(ScrollBar, {}),
-      /* @__PURE__ */ jsx(Corner, {})
-    ]
-  }
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(Viewport, { className: "h-full w-full rounded-[inherit]" }, children),
+  /* @__PURE__ */ React.createElement(ScrollBar, null),
+  /* @__PURE__ */ React.createElement(Corner, null)
 ));
 ScrollArea.displayName = Root.displayName;
-const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
   ScrollAreaScrollbar,
   {
     ref,
@@ -28,9 +25,9 @@ const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...pr
       orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
       className
     ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-  }
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
 ));
 ScrollBar.displayName = ScrollAreaScrollbar.displayName;
 

package/dist/components/Select/Select.js

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { Trigger, Icon, ScrollUpButton, ScrollDownButton, Portal, Content as Content2, Viewport, Label, Item, ItemIndicator, ItemText, Separator, Root as Root2, Value } from '../../node_modules/@radix-ui/react-select/dist/index.js';
@@ -8,7 +7,7 @@ import Check from '../../node_modules/lucide-react/dist/esm/icons/check.js';
 
 const Select = Root2;
 const SelectValue = Value;
-const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
   Trigger,
   {
     ref,
@@ -16,15 +15,13 @@ const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref)
       "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       className
     ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React.createElement(Icon, { asChild: true }, /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-4 w-4 opacity-50" }))
 ));
 SelectTrigger.displayName = Trigger.displayName;
-const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   ScrollUpButton,
   {
     ref,
@@ -32,12 +29,12 @@ const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) =>
       "flex cursor-default items-center justify-center py-1",
       className
     ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
-  }
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(ChevronUp, { className: "h-4 w-4" })
 ));
 SelectScrollUpButton.displayName = ScrollUpButton.displayName;
-const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   ScrollDownButton,
   {
     ref,
@@ -45,12 +42,12 @@ const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) =
       "flex cursor-default items-center justify-center py-1",
       className
     ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
-  }
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-4 w-4" })
 ));
 SelectScrollDownButton.displayName = ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ React.createElement(Portal, null, /* @__PURE__ */ React.createElement(
   Content2,
   {
     ref,
@@ -60,25 +57,23 @@ const SelectContent = React.forwardRef(({ className, children, position = "poppe
       className
     ),
     position,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx(
-        Viewport,
-        {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-    ]
-  }
-) }));
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(SelectScrollUpButton, null),
+  /* @__PURE__ */ React.createElement(
+    Viewport,
+    {
+      className: cn(
+        "p-1",
+        position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+      )
+    },
+    children
+  ),
+  /* @__PURE__ */ React.createElement(SelectScrollDownButton, null)
+)));
 SelectContent.displayName = Content2.displayName;
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   Label,
   {
     ref,
@@ -87,7 +82,7 @@ const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = Label.displayName;
-const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
   Item,
   {
     ref,
@@ -95,15 +90,13 @@ const SelectItem = React.forwardRef(({ className, children, ...props }, ref) =>
       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx(ItemText, { children })
-    ]
-  }
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(ItemIndicator, null, /* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" }))),
+  /* @__PURE__ */ React.createElement(ItemText, null, children)
 ));
 SelectItem.displayName = Item.displayName;
-const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   Separator,
   {
     ref,

package/dist/components/Separator/Separator.js

@@ -1,10 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { Root } from '../../node_modules/@radix-ui/react-separator/dist/index.js';
 
 const Separator = React.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React.createElement(
     Root,
     {
       ref,

package/dist/components/Sheet/Sheet.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { Overlay, Portal, Content, DialogTitle, Close, Title, Description, Root } from '../../node_modules/@radix-ui/react-dialog/dist/index.js';
@@ -7,7 +6,7 @@ import X from '../../node_modules/lucide-react/dist/esm/icons/x.js';
 
 const Sheet = Root;
 const SheetPortal = Portal;
-const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   Overlay,
   {
     className: cn(
@@ -35,27 +34,19 @@ const sheetVariants = cva(
     }
   }
 );
-const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
-  /* @__PURE__ */ jsx(SheetOverlay, {}),
-  /* @__PURE__ */ jsxs(
-    Content,
-    {
-      ref,
-      className: cn(sheetVariants({ side }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(DialogTitle, {}),
-        children,
-        /* @__PURE__ */ jsxs(Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
+const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(SheetPortal, null, /* @__PURE__ */ React.createElement(SheetOverlay, null), /* @__PURE__ */ React.createElement(
+  Content,
+  {
+    ref,
+    className: cn(sheetVariants({ side }), className),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(DialogTitle, null),
+  children,
+  /* @__PURE__ */ React.createElement(Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" }, /* @__PURE__ */ React.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
+)));
 SheetContent.displayName = Content.displayName;
-const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   Title,
   {
     ref,
@@ -64,7 +55,7 @@ const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = Title.displayName;
-const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   Description,
   {
     ref,

package/dist/components/Sidebar/Sidebar.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Button } from '../Button/Button.js';
 import { Input } from '../Input/Input.js';
@@ -80,7 +79,7 @@ const SidebarProvider = React.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ React.createElement(SidebarContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React.createElement(
       "div",
       {
         style: {
@@ -93,10 +92,10 @@ const SidebarProvider = React.forwardRef(
           className
         ),
         ref,
-        ...props,
-        children
-      }
-    ) }) });
+        ...props
+      },
+      children
+    )));
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
@@ -111,7 +110,7 @@ const Sidebar = React.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ React.createElement(
         "div",
         {
           className: cn(
@@ -119,13 +118,13 @@ const Sidebar = React.forwardRef(
             className
           ),
           ref,
-          ...props,
-          children
-        }
+          ...props
+        },
+        children
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ React.createElement(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props }, /* @__PURE__ */ React.createElement(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -134,18 +133,12 @@ const Sidebar = React.forwardRef(
           style: {
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
-          side,
-          children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col", children: [
-            /* @__PURE__ */ jsx("div", { className: "p-3 pb-0", children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: true, children: /* @__PURE__ */ jsxs("div", { onClick: () => setOpenMobile(false), children: [
-              /* @__PURE__ */ jsx(X, {}),
-              /* @__PURE__ */ jsx("span", { children: "Fechar menu" })
-            ] }) }) }),
-            children
-          ] })
-        }
-      ) });
+          side
+        },
+        /* @__PURE__ */ React.createElement("div", { className: "flex h-full w-full flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "p-3 pb-0" }, /* @__PURE__ */ React.createElement(SidebarMenuButton, { asChild: true }, /* @__PURE__ */ React.createElement("div", { onClick: () => setOpenMobile(false) }, /* @__PURE__ */ React.createElement(X, null), /* @__PURE__ */ React.createElement("span", null, "Fechar menu")))), children)
+      ));
     }
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
         ref,
@@ -153,36 +146,36 @@ const Sidebar = React.forwardRef(
         "data-state": state,
         "data-collapsible": state === "collapsed" ? collapsible : "",
         "data-variant": variant,
-        "data-side": side,
-        children: /* @__PURE__ */ jsx(
+        "data-side": side
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: cn(
+            "duration-200 relative inset-y-0 z-10 hidden h-full w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex border-grey-400",
+            side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+            // Adjust the padding for floating and inset variants.
+            variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+            className
+          ),
+          ...props
+        },
+        /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: cn(
-              "duration-200 relative inset-y-0 z-10 hidden h-full w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex border-grey-400",
-              side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-              // Adjust the padding for floating and inset variants.
-              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
-              className
-            ),
-            ...props,
-            children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                "data-sidebar": "sidebar",
-                className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
-                children
-              }
-            )
-          }
+            "data-sidebar": "sidebar",
+            className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
+          },
+          children
         )
-      }
+      )
     );
   }
 );
 Sidebar.displayName = "Sidebar";
 const SidebarTrigger = React.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(
     Button,
     {
       ref,
@@ -193,18 +186,16 @@ const SidebarTrigger = React.forwardRef(({ className, onClick, ...props }, ref)
         onClick?.(event);
         toggleSidebar();
       },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(PanelLeft, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
-      ]
-    }
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(PanelLeft, null),
+    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Toggle Sidebar")
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
 const SidebarRail = React.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     "button",
     {
       ref,
@@ -227,7 +218,7 @@ const SidebarRail = React.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-const SidebarInset = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SidebarInset = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "main",
   {
     ref,
@@ -240,7 +231,7 @@ const SidebarInset = React.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarInset.displayName = "SidebarInset";
-const SidebarInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SidebarInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   Input,
   {
     ref,
@@ -253,7 +244,7 @@ const SidebarInput = React.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarInput.displayName = "SidebarInput";
-const SidebarHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SidebarHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "div",
   {
     ref,
@@ -263,7 +254,7 @@ const SidebarHeader = React.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 SidebarHeader.displayName = "SidebarHeader";
-const SidebarFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SidebarFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "div",
   {
     ref,
@@ -276,7 +267,7 @@ const SidebarFooter = React.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 SidebarFooter.displayName = "SidebarFooter";
-const SidebarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SidebarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   Separator,
   {
     ref,
@@ -286,7 +277,7 @@ const SidebarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarSeparator.displayName = "SidebarSeparator";
-const SidebarContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SidebarContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "div",
   {
     ref,
@@ -299,7 +290,7 @@ const SidebarContent = React.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarContent.displayName = "SidebarContent";
-const SidebarGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SidebarGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "div",
   {
     ref,
@@ -311,7 +302,7 @@ const SidebarGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 SidebarGroup.displayName = "SidebarGroup";
 const SidebarGroupLabel = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     Comp,
     {
       ref,
@@ -328,7 +319,7 @@ const SidebarGroupLabel = React.forwardRef(({ className, asChild = false, ...pro
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
 const SidebarGroupAction = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     Comp,
     {
       ref,
@@ -345,7 +336,7 @@ const SidebarGroupAction = React.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-const SidebarGroupContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SidebarGroupContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "div",
   {
     ref,
@@ -355,7 +346,7 @@ const SidebarGroupContent = React.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-const SidebarMenu = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SidebarMenu = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "ul",
   {
     ref,
@@ -365,7 +356,7 @@ const SidebarMenu = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-const SidebarMenuItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SidebarMenuItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "li",
   {
     ref,
@@ -416,7 +407,7 @@ const SidebarMenuButton = React.forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot : "button";
     const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ jsx(
+    const button = /* @__PURE__ */ React.createElement(
       Comp,
       {
         ref,
@@ -435,26 +426,23 @@ const SidebarMenuButton = React.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx(
-        TooltipContent,
-        {
-          sideOffset: 16,
-          side: "right",
-          align: "center",
-          color: "black",
-          hidden: state !== "collapsed" || isMobile,
-          ...tooltip
-        }
-      )
-    ] });
+    return /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, button), /* @__PURE__ */ React.createElement(
+      TooltipContent,
+      {
+        sideOffset: 16,
+        side: "right",
+        align: "center",
+        color: "black",
+        hidden: state !== "collapsed" || isMobile,
+        ...tooltip
+      }
+    ));
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
 const SidebarMenuAction = React.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     Comp,
     {
       ref,
@@ -475,7 +463,7 @@ const SidebarMenuAction = React.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-const SidebarMenuBadge = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SidebarMenuBadge = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "div",
   {
     ref,
@@ -498,37 +486,35 @@ const SidebarMenuSkeleton = React.forwardRef(({ className, showIcon = false, ...
     () => `${Math.floor(Math.random() * 40) + 50}%`,
     []
   );
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       ref,
       "data-sidebar": "menu-skeleton",
       className: cn("rounded-md h-8 flex gap-2 px-2 items-center", className),
-      ...props,
-      children: [
-        showIcon && /* @__PURE__ */ jsx(
-          Skeleton,
-          {
-            className: "size-4 rounded-md",
-            "data-sidebar": "menu-skeleton-icon"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Skeleton,
-          {
-            className: "h-4 flex-1 max-w-[--skeleton-width]",
-            "data-sidebar": "menu-skeleton-text",
-            style: {
-              "--skeleton-width": width
-            }
-          }
-        )
-      ]
-    }
+      ...props
+    },
+    showIcon && /* @__PURE__ */ React.createElement(
+      Skeleton,
+      {
+        className: "size-4 rounded-md",
+        "data-sidebar": "menu-skeleton-icon"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      Skeleton,
+      {
+        className: "h-4 flex-1 max-w-[--skeleton-width]",
+        "data-sidebar": "menu-skeleton-text",
+        style: {
+          "--skeleton-width": width
+        }
+      }
+    )
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-const SidebarMenuSub = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const SidebarMenuSub = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "ul",
   {
     ref,
@@ -542,11 +528,11 @@ const SidebarMenuSub = React.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-const SidebarMenuSubItem = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
+const SidebarMenuSubItem = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React.createElement("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 const SidebarMenuSubButton = React.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     Comp,
     {
       ref,