@zimyo/ui 1.0.0 → 1.0.2

package/dist/components/ui/sidebar.d.ts

@@ -1,4 +1,5 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import { Button } from './button.js';
@@ -21,30 +22,30 @@ declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: se
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-}): React.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
-}): React.JSX.Element;
-declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
-declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
-declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
-declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
-declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
-declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
     asChild?: boolean;
-}): React.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
     asChild?: boolean;
-}): React.JSX.Element;
-declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
-declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
@@ -53,21 +54,21 @@ declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip,
     asChild?: boolean;
     isActive?: boolean;
     tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): React.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
 declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
     asChild?: boolean;
     showOnHover?: boolean;
-}): React.JSX.Element;
-declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
     showIcon?: boolean;
-}): React.JSX.Element;
-declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
-declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
 declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
     asChild?: boolean;
     size?: "sm" | "md";
     isActive?: boolean;
-}): React.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/components/ui/sidebar.js

@@ -1,5 +1,5 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
 import { PanelLeftIcon } from 'lucide-react';
 import { Slot } from 'radix-ui';
@@ -79,18 +79,22 @@ function SidebarProvider(_a) {
     setOpenMobile,
     toggleSidebar
   }), [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
-  return /*#__PURE__*/React.createElement(SidebarContext.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement(TooltipProvider, {
-    delayDuration: 0
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    "data-slot": "sidebar-wrapper",
-    style: Object.assign({
-      "--sidebar-width": SIDEBAR_WIDTH,
-      "--sidebar-width-icon": SIDEBAR_WIDTH_ICON
-    }, style),
-    className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className)
-  }, props), children)));
+  return jsx(SidebarContext.Provider, {
+    value: contextValue,
+    children: jsx(TooltipProvider, {
+      delayDuration: 0,
+      children: jsx("div", Object.assign({
+        "data-slot": "sidebar-wrapper",
+        style: Object.assign({
+          "--sidebar-width": SIDEBAR_WIDTH,
+          "--sidebar-width-icon": SIDEBAR_WIDTH_ICON
+        }, style),
+        className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className)
+      }, props, {
+        children: children
+      }))
+    })
+  });
 }
 function Sidebar(_a) {
   var {
@@ -108,50 +112,65 @@ function Sidebar(_a) {
     setOpenMobile
   } = useSidebar();
   if (collapsible === "none") {
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return jsx("div", Object.assign({
       "data-slot": "sidebar",
       className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className)
-    }, props), children);
+    }, props, {
+      children: children
+    }));
   }
   if (isMobile) {
-    return /*#__PURE__*/React.createElement(Sheet, _extends({
+    return jsx(Sheet, Object.assign({
       open: openMobile,
       onOpenChange: setOpenMobile
-    }, props), /*#__PURE__*/React.createElement(SheetContent, {
-      "data-sidebar": "sidebar",
-      "data-slot": "sidebar",
-      "data-mobile": "true",
-      className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
-      style: {
-        "--sidebar-width": SIDEBAR_WIDTH_MOBILE
-      },
-      side: side
-    }, /*#__PURE__*/React.createElement(SheetHeader, {
-      className: "sr-only"
-    }, /*#__PURE__*/React.createElement(SheetTitle, null, "Sidebar"), /*#__PURE__*/React.createElement(SheetDescription, null, "Displays the mobile sidebar.")), /*#__PURE__*/React.createElement("div", {
-      className: "flex h-full w-full flex-col"
-    }, children)));
+    }, props, {
+      children: jsxs(SheetContent, {
+        "data-sidebar": "sidebar",
+        "data-slot": "sidebar",
+        "data-mobile": "true",
+        className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+        },
+        side: side,
+        children: [jsxs(SheetHeader, {
+          className: "sr-only",
+          children: [jsx(SheetTitle, {
+            children: "Sidebar"
+          }), jsx(SheetDescription, {
+            children: "Displays the mobile sidebar."
+          })]
+        }), jsx("div", {
+          className: "flex h-full w-full flex-col",
+          children: children
+        })]
+      })
+    }));
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxs("div", {
     className: "group peer text-sidebar-foreground hidden md:block",
     "data-state": state,
     "data-collapsible": state === "collapsed" ? collapsible : "",
     "data-variant": variant,
     "data-side": side,
-    "data-slot": "sidebar"
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-slot": "sidebar-gap",
-    className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
-  }), /*#__PURE__*/React.createElement("div", _extends({
-    "data-slot": "sidebar-container",
-    className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", 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)+(--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", {
-    "data-sidebar": "sidebar",
-    "data-slot": "sidebar-inner",
-    className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
-  }, children)));
+    "data-slot": "sidebar",
+    children: [jsx("div", {
+      "data-slot": "sidebar-gap",
+      className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
+    }), jsx("div", Object.assign({
+      "data-slot": "sidebar-container",
+      className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", 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)+(--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: jsx("div", {
+        "data-sidebar": "sidebar",
+        "data-slot": "sidebar-inner",
+        className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
+        children: children
+      })
+    }))]
+  });
 }
 function SidebarTrigger(_a) {
   var {
@@ -162,7 +181,7 @@ function SidebarTrigger(_a) {
   const {
     toggleSidebar
   } = useSidebar();
-  return /*#__PURE__*/React.createElement(Button, _extends({
+  return jsxs(Button, Object.assign({
     "data-sidebar": "trigger",
     "data-slot": "sidebar-trigger",
     variant: "ghost",
@@ -172,9 +191,12 @@ function SidebarTrigger(_a) {
       onClick === null || onClick === void 0 ? void 0 : onClick(event);
       toggleSidebar();
     }
-  }, props), /*#__PURE__*/React.createElement(PanelLeftIcon, null), /*#__PURE__*/React.createElement("span", {
-    className: "sr-only"
-  }, "Toggle Sidebar"));
+  }, props, {
+    children: [jsx(PanelLeftIcon, {}), jsx("span", {
+      className: "sr-only",
+      children: "Toggle Sidebar"
+    })]
+  }));
 }
 function SidebarRail(_a) {
   var {
@@ -184,7 +206,7 @@ function SidebarRail(_a) {
   const {
     toggleSidebar
   } = useSidebar();
-  return /*#__PURE__*/React.createElement("button", _extends({
+  return jsx("button", Object.assign({
     "data-sidebar": "rail",
     "data-slot": "sidebar-rail",
     "aria-label": "Toggle Sidebar",
@@ -199,7 +221,7 @@ function SidebarInset(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("main", _extends({
+  return jsx("main", Object.assign({
     "data-slot": "sidebar-inset",
     className: cn("bg-background relative flex w-full flex-1 flex-col", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className)
   }, props));
@@ -209,7 +231,7 @@ function SidebarInput(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Input, _extends({
+  return jsx(Input, Object.assign({
     "data-slot": "sidebar-input",
     "data-sidebar": "input",
     className: cn("bg-background h-8 w-full shadow-none", className)
@@ -220,7 +242,7 @@ function SidebarHeader(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "sidebar-header",
     "data-sidebar": "header",
     className: cn("flex flex-col gap-2 p-2", className)
@@ -231,7 +253,7 @@ function SidebarFooter(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "sidebar-footer",
     "data-sidebar": "footer",
     className: cn("flex flex-col gap-2 p-2", className)
@@ -242,7 +264,7 @@ function SidebarSeparator(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Separator, _extends({
+  return jsx(Separator, Object.assign({
     "data-slot": "sidebar-separator",
     "data-sidebar": "separator",
     className: cn("bg-sidebar-border mx-2 w-auto", className)
@@ -253,7 +275,7 @@ function SidebarContent(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "sidebar-content",
     "data-sidebar": "content",
     className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className)
@@ -264,7 +286,7 @@ function SidebarGroup(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "sidebar-group",
     "data-sidebar": "group",
     className: cn("relative flex w-full min-w-0 flex-col p-2", className)
@@ -277,7 +299,7 @@ function SidebarGroupLabel(_a) {
     } = _a,
     props = __rest(_a, ["className", "asChild"]);
   const Comp = asChild ? Slot.Slot : "div";
-  return /*#__PURE__*/React.createElement(Comp, _extends({
+  return jsx(Comp, Object.assign({
     "data-slot": "sidebar-group-label",
     "data-sidebar": "group-label",
     className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className)
@@ -290,7 +312,7 @@ function SidebarGroupAction(_a) {
     } = _a,
     props = __rest(_a, ["className", "asChild"]);
   const Comp = asChild ? Slot.Slot : "button";
-  return /*#__PURE__*/React.createElement(Comp, _extends({
+  return jsx(Comp, Object.assign({
     "data-slot": "sidebar-group-action",
     "data-sidebar": "group-action",
     className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
@@ -303,7 +325,7 @@ function SidebarGroupContent(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "sidebar-group-content",
     "data-sidebar": "group-content",
     className: cn("w-full text-sm", className)
@@ -314,7 +336,7 @@ function SidebarMenu(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("ul", _extends({
+  return jsx("ul", Object.assign({
     "data-slot": "sidebar-menu",
     "data-sidebar": "menu",
     className: cn("flex w-full min-w-0 flex-col gap-1", className)
@@ -325,7 +347,7 @@ function SidebarMenuItem(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("li", _extends({
+  return jsx("li", Object.assign({
     "data-slot": "sidebar-menu-item",
     "data-sidebar": "menu-item",
     className: cn("group/menu-item relative", className)
@@ -363,7 +385,7 @@ function SidebarMenuButton(_a) {
     isMobile,
     state
   } = useSidebar();
-  const button = /*#__PURE__*/React.createElement(Comp, _extends({
+  const button = jsx(Comp, Object.assign({
     "data-slot": "sidebar-menu-button",
     "data-sidebar": "menu-button",
     "data-size": size,
@@ -381,13 +403,16 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, {
-    asChild: true
-  }, button), /*#__PURE__*/React.createElement(TooltipContent, _extends({
-    side: "right",
-    align: "center",
-    hidden: state !== "collapsed" || isMobile
-  }, tooltip)));
+  return jsxs(Tooltip, {
+    children: [jsx(TooltipTrigger, {
+      asChild: true,
+      children: button
+    }), jsx(TooltipContent, Object.assign({
+      side: "right",
+      align: "center",
+      hidden: state !== "collapsed" || isMobile
+    }, tooltip))]
+  });
 }
 function SidebarMenuAction(_a) {
   var {
@@ -397,7 +422,7 @@ function SidebarMenuAction(_a) {
     } = _a,
     props = __rest(_a, ["className", "asChild", "showOnHover"]);
   const Comp = asChild ? Slot.Slot : "button";
-  return /*#__PURE__*/React.createElement(Comp, _extends({
+  return jsx(Comp, Object.assign({
     "data-slot": "sidebar-menu-action",
     "data-sidebar": "menu-action",
     className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
@@ -410,7 +435,7 @@ function SidebarMenuBadge(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "sidebar-menu-badge",
     "data-sidebar": "menu-badge",
     className: cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className)
@@ -426,19 +451,21 @@ function SidebarMenuSkeleton(_a) {
   const width = React.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsxs("div", Object.assign({
     "data-slot": "sidebar-menu-skeleton",
     "data-sidebar": "menu-skeleton",
     className: cn("flex h-8 items-center gap-2 rounded-md px-2", className)
-  }, props), showIcon && /*#__PURE__*/React.createElement(Skeleton, {
-    className: "size-4 rounded-md",
-    "data-sidebar": "menu-skeleton-icon"
-  }), /*#__PURE__*/React.createElement(Skeleton, {
-    className: "h-4 max-w-(--skeleton-width) flex-1",
-    "data-sidebar": "menu-skeleton-text",
-    style: {
-      "--skeleton-width": width
-    }
+  }, props, {
+    children: [showIcon && jsx(Skeleton, {
+      className: "size-4 rounded-md",
+      "data-sidebar": "menu-skeleton-icon"
+    }), jsx(Skeleton, {
+      className: "h-4 max-w-(--skeleton-width) flex-1",
+      "data-sidebar": "menu-skeleton-text",
+      style: {
+        "--skeleton-width": width
+      }
+    })]
   }));
 }
 function SidebarMenuSub(_a) {
@@ -446,7 +473,7 @@ function SidebarMenuSub(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("ul", _extends({
+  return jsx("ul", Object.assign({
     "data-slot": "sidebar-menu-sub",
     "data-sidebar": "menu-sub",
     className: cn("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", className)
@@ -457,7 +484,7 @@ function SidebarMenuSubItem(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("li", _extends({
+  return jsx("li", Object.assign({
     "data-slot": "sidebar-menu-sub-item",
     "data-sidebar": "menu-sub-item",
     className: cn("group/menu-sub-item relative", className)
@@ -472,7 +499,7 @@ function SidebarMenuSubButton(_a) {
     } = _a,
     props = __rest(_a, ["asChild", "size", "isActive", "className"]);
   const Comp = asChild ? Slot.Slot : "a";
-  return /*#__PURE__*/React.createElement(Comp, _extends({
+  return jsx(Comp, Object.assign({
     "data-slot": "sidebar-menu-sub-button",
     "data-sidebar": "menu-sub-button",
     "data-size": size,

package/dist/components/ui/skeleton.d.ts

@@ -1,5 +1,5 @@
-import * as React$1 from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
 export { Skeleton };

package/dist/components/ui/skeleton.js

@@ -1,5 +1,5 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
 import { cn } from '../../lib/utils.js';
 
 function Skeleton(_a) {
@@ -7,7 +7,7 @@ function Skeleton(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "skeleton",
     className: cn("bg-accent animate-pulse rounded-md", className)
   }, props));

package/dist/components/ui/slider.d.ts

@@ -1,6 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Slider as Slider$1 } from 'radix-ui';
 import * as React from 'react';
 
-declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof Slider$1.Root>): React.JSX.Element;
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof Slider$1.Root>): react_jsx_runtime.JSX.Element;
 
 export { Slider };

package/dist/components/ui/slider.js

@@ -1,5 +1,5 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Slider as Slider$1 } from 'radix-ui';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
@@ -14,26 +14,28 @@ function Slider(_a) {
     } = _a,
     props = __rest(_a, ["className", "defaultValue", "value", "min", "max"]);
   const _values = React.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max], [value, defaultValue, min, max]);
-  return /*#__PURE__*/React.createElement(Slider$1.Root, _extends({
+  return jsxs(Slider$1.Root, Object.assign({
     "data-slot": "slider",
     defaultValue: defaultValue,
     value: value,
     min: min,
     max: max,
     className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className)
-  }, props), /*#__PURE__*/React.createElement(Slider$1.Track, {
-    "data-slot": "slider-track",
-    className: cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5")
-  }, /*#__PURE__*/React.createElement(Slider$1.Range, {
-    "data-slot": "slider-range",
-    className: cn("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
-  })), Array.from({
-    length: _values.length
-  }, (_, index) => /*#__PURE__*/React.createElement(Slider$1.Thumb, {
-    "data-slot": "slider-thumb",
-    key: index,
-    className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
-  })));
+  }, props, {
+    children: [jsx(Slider$1.Track, {
+      "data-slot": "slider-track",
+      className: cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),
+      children: jsx(Slider$1.Range, {
+        "data-slot": "slider-range",
+        className: cn("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
+      })
+    }), Array.from({
+      length: _values.length
+    }, (_, index) => jsx(Slider$1.Thumb, {
+      "data-slot": "slider-thumb",
+      className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+    }, index))]
+  }));
 }
 
 export { Slider };

package/dist/components/ui/sonner.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToasterProps } from 'sonner';
 
-declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
 export { Toaster };

package/dist/components/ui/sonner.js

@@ -1,10 +1,10 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
 import { Toaster as Toaster$1 } from '../../node_modules/sonner/dist/index.js';
 
 const Toaster = _a => {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Toaster$1, _extends({
+  return jsx(Toaster$1, Object.assign({
     theme: "light",
     className: "toaster group",
     style: {

package/dist/components/ui/switch.d.ts

@@ -1,6 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Switch as Switch$1 } from 'radix-ui';
 import * as React from 'react';
 
-declare function Switch({ className, ...props }: React.ComponentProps<typeof Switch$1.Root>): React.JSX.Element;
+declare function Switch({ className, ...props }: React.ComponentProps<typeof Switch$1.Root>): react_jsx_runtime.JSX.Element;
 
 export { Switch };

package/dist/components/ui/switch.js

@@ -1,7 +1,6 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
 import { Switch as Switch$1 } from 'radix-ui';
-import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 
 function Switch(_a) {
@@ -9,12 +8,14 @@ function Switch(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Switch$1.Root, _extends({
+  return jsx(Switch$1.Root, Object.assign({
     "data-slot": "switch",
     className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className)
-  }, props), /*#__PURE__*/React.createElement(Switch$1.Thumb, {
-    "data-slot": "switch-thumb",
-    className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
+  }, props, {
+    children: jsx(Switch$1.Thumb, {
+      "data-slot": "switch-thumb",
+      className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
+    })
   }));
 }