@egose/shadcn-theme 0.0.1 → 0.0.3

package/components/ui/sidebar.js

@@ -3,26 +3,28 @@
 
 
 
-var _chunkZR3EVQAKjs = require('../../chunk-ZR3EVQAK.js');
+var _chunk5T5QQDSPjs = require('../../chunk-5T5QQDSP.js');
 
 
-var _chunkDG6G5KP2js = require('../../chunk-DG6G5KP2.js');
+var _chunkXVEDXQIRjs = require('../../chunk-XVEDXQIR.js');
 
 
 
-var _chunkHPKA6MRMjs = require('../../chunk-HPKA6MRM.js');
 
+var _chunkLUOWYBFHjs = require('../../chunk-LUOWYBFH.js');
 
-var _chunkPEJ7BU4Cjs = require('../../chunk-PEJ7BU4C.js');
 
+var _chunkJ2S6AWOCjs = require('../../chunk-J2S6AWOC.js');
 
-var _chunkPZ6OC36Fjs = require('../../chunk-PZ6OC36F.js');
 
+var _chunkYWS36WKBjs = require('../../chunk-YWS36WKB.js');
+require('../../chunk-MKSF24CS.js');
 
-var _chunkWTTHT7F4js = require('../../chunk-WTTHT7F4.js');
 
+var _chunkFB6MG6BOjs = require('../../chunk-FB6MG6BO.js');
 
-var _chunkJB72ECC3js = require('../../chunk-JB72ECC3.js');
+
+var _chunkGJJM336Njs = require('../../chunk-GJJM336N.js');
 
 
 var _chunkB2G2EZ4Pjs = require('../../chunk-B2G2EZ4P.js');
@@ -50,217 +52,189 @@ function useSidebar() {
   }
   return context;
 }
-var SidebarProvider = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      defaultOpen = true,
-      open: openProp,
-      onOpenChange: setOpenProp,
-      className,
-      style,
+var SidebarProvider = React.forwardRef((_a, ref) => {
+  var _b = _a, { defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["defaultOpen", "open", "onOpenChange", "className", "style", "children"]);
+  const isMobile = _chunkFB6MG6BOjs.useIsMobile.call(void 0, );
+  const [openMobile, setOpenMobile] = React.useState(false);
+  const [_open, _setOpen] = React.useState(defaultOpen);
+  const open = openProp != null ? openProp : _open;
+  const setOpen = React.useCallback(
+    (value) => {
+      const openState = typeof value === "function" ? value(open) : value;
+      if (setOpenProp) {
+        setOpenProp(openState);
+      } else {
+        _setOpen(openState);
+      }
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    },
+    [setOpenProp, open]
+  );
+  const toggleSidebar = React.useCallback(() => {
+    return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
+  }, [isMobile, setOpen, setOpenMobile]);
+  React.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [toggleSidebar]);
+  const state = open ? "expanded" : "collapsed";
+  const contextValue = React.useMemo(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  );
+  return /* @__PURE__ */ React.createElement(SidebarContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(_chunk5T5QQDSPjs.TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      style: _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        "--sidebar-width": SIDEBAR_WIDTH,
+        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON
+      }, style),
+      className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
+        "group/sidebar-wrapper flex min-h-svh w-screen has-[[data-variant=inset]]:bg-sidebar",
+        className
+      ),
+      ref
+    }, props),
+    children
+  )));
+});
+SidebarProvider.displayName = "SidebarProvider";
+var Sidebar = React.forwardRef((_a, ref) => {
+  var _b = _a, { side = "left", variant = "sidebar", collapsible = "offcanvas", className, children } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["side", "variant", "collapsible", "className", "children"]);
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  if (collapsible === "none") {
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className),
+        ref
+      }, props),
       children
-    } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
-      "defaultOpen",
-      "open",
-      "onOpenChange",
-      "className",
-      "style",
-      "children"
-    ]);
-    const isMobile = _chunkWTTHT7F4js.useIsMobile.call(void 0, );
-    const [openMobile, setOpenMobile] = React.useState(false);
-    const [_open, _setOpen] = React.useState(defaultOpen);
-    const open = openProp != null ? openProp : _open;
-    const setOpen = React.useCallback(
-      (value) => {
-        const openState = typeof value === "function" ? value(open) : value;
-        if (setOpenProp) {
-          setOpenProp(openState);
-        } else {
-          _setOpen(openState);
-        }
-        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
-      },
-      [setOpenProp, open]
-    );
-    const toggleSidebar = React.useCallback(() => {
-      return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
-    }, [isMobile, setOpen, setOpenMobile]);
-    React.useEffect(() => {
-      const handleKeyDown = (event) => {
-        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
-          event.preventDefault();
-          toggleSidebar();
-        }
-      };
-      window.addEventListener("keydown", handleKeyDown);
-      return () => window.removeEventListener("keydown", handleKeyDown);
-    }, [toggleSidebar]);
-    const state = open ? "expanded" : "collapsed";
-    const contextValue = React.useMemo(
-      () => ({
-        state,
-        open,
-        setOpen,
-        isMobile,
-        openMobile,
-        setOpenMobile,
-        toggleSidebar
-      }),
-      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ React.createElement(SidebarContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(_chunkZR3EVQAKjs.TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React.createElement(
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ React.createElement(_chunkLUOWYBFHjs.Sheet, _chunk2NMEKWO5js.__spreadValues.call(void 0, { open: openMobile, onOpenChange: setOpenMobile }, props), /* @__PURE__ */ React.createElement(_chunkLUOWYBFHjs.SheetTitle, { className: "hidden" }), /* @__PURE__ */ React.createElement(
+      _chunkLUOWYBFHjs.SheetContent,
+      {
+        "data-sidebar": "sidebar",
+        "data-mobile": "true",
+        "aria-describedby": "",
+        className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+        },
+        side
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "flex h-full w-full flex-col" }, children)
+    ));
+  }
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: "group peer hidden text-sidebar-foreground md:block",
+      "data-state": state,
+      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-variant": variant,
+      "data-side": side
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
+          "relative h-svh 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)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+        )
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
       "div",
       _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-        style: _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-          "--sidebar-width": SIDEBAR_WIDTH,
-          "--sidebar-width-icon": SIDEBAR_WIDTH_ICON
-        }, style),
         className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
-          "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
+          "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)_+_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
-        ),
-        ref
+        )
       }, props),
-      children
-    )));
-  }
-);
-SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      side = "left",
-      variant = "sidebar",
-      collapsible = "offcanvas",
-      className,
-      children
-    } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
-      "side",
-      "variant",
-      "collapsible",
-      "className",
-      "children"
-    ]);
-    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
-    if (collapsible === "none") {
-      return /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(
         "div",
-        _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-          className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
-            "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
-            className
-          ),
-          ref
-        }, props),
-        children
-      );
-    }
-    if (isMobile) {
-      return /* @__PURE__ */ React.createElement(_chunkHPKA6MRMjs.Sheet, _chunk2NMEKWO5js.__spreadValues.call(void 0, { open: openMobile, onOpenChange: setOpenMobile }, props), /* @__PURE__ */ React.createElement(
-        _chunkHPKA6MRMjs.SheetContent,
         {
           "data-sidebar": "sidebar",
-          "data-mobile": "true",
-          className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
-          style: {
-            "--sidebar-width": SIDEBAR_WIDTH_MOBILE
-          },
-          side
+          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"
         },
-        /* @__PURE__ */ React.createElement("div", { className: "flex h-full w-full flex-col" }, children)
-      ));
-    }
+        children
+      )
+    )
+  );
+});
+Sidebar.displayName = "Sidebar";
+var SidebarTrigger = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, onClick } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "onClick"]);
+    const { toggleSidebar } = useSidebar();
     return /* @__PURE__ */ React.createElement(
-      "div",
-      {
+      _chunkYWS36WKBjs.Button,
+      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
         ref,
-        className: "group peer hidden text-sidebar-foreground md:block",
-        "data-state": state,
-        "data-collapsible": state === "collapsed" ? collapsible : "",
-        "data-variant": variant,
-        "data-side": side
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
-            "relative h-svh 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)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
-          )
+        "data-sidebar": "trigger",
+        variant: "light",
+        size: "icon",
+        className: _chunkB2G2EZ4Pjs.cn.call(void 0, "h-7 w-7", className),
+        onClick: (event) => {
+          onClick == null ? void 0 : onClick(event);
+          toggleSidebar();
         }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "div",
-        _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-          className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
-            "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)_+_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",
-          {
-            "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
-        )
-      )
+      }, props),
+      /* @__PURE__ */ React.createElement(_lucidereact.PanelLeft, null),
+      /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Toggle Sidebar")
     );
   }
 );
-Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, onClick } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "onClick"]);
-  const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ React.createElement(
-    _chunkJB72ECC3js.Button,
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "trigger",
-      variant: "ghost",
-      size: "icon",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, "h-7 w-7", className),
-      onClick: (event) => {
-        onClick == null ? void 0 : onClick(event);
-        toggleSidebar();
-      }
-    }, props),
-    /* @__PURE__ */ React.createElement(_lucidereact.PanelLeft, null),
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Toggle Sidebar")
-  );
-});
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-  const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ React.createElement(
-    "button",
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "rail",
-      "aria-label": "Toggle Sidebar",
-      tabIndex: -1,
-      onClick: toggleSidebar,
-      title: "Toggle Sidebar",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
-        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
-        "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
-        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
-        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
-        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
-        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
-        className
-      )
-    }, props)
-  );
-});
+var SidebarRail = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+    const { toggleSidebar } = useSidebar();
+    return /* @__PURE__ */ React.createElement(
+      "button",
+      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        ref,
+        "data-sidebar": "rail",
+        "aria-label": "Toggle Sidebar",
+        tabIndex: -1,
+        onClick: toggleSidebar,
+        title: "Toggle Sidebar",
+        className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
+          "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
+          "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
+          "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+          "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
+          "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+          "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+          className
+        )
+      }, props)
+    );
+  }
+);
 SidebarRail.displayName = "SidebarRail";
 var SidebarInset = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
@@ -277,56 +251,46 @@ var SidebarInset = React.forwardRef((_a, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    _chunkPZ6OC36Fjs.Input,
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "input",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
-        "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
-        className
-      )
-    }, props)
-  );
-});
+var SidebarInput = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+    return /* @__PURE__ */ React.createElement(
+      _chunkGJJM336Njs.Input,
+      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        ref,
+        "data-sidebar": "input",
+        className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
+          "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+          className
+        )
+      }, props)
+    );
+  }
+);
 SidebarInput.displayName = "SidebarInput";
 var SidebarHeader = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "header",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex flex-col gap-2 p-2", className)
-    }, props)
-  );
+  return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, "data-sidebar": "header", className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex flex-col gap-2 p-2", className) }, props));
 });
 SidebarHeader.displayName = "SidebarHeader";
 var SidebarFooter = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "footer",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex flex-col gap-2 p-2", className)
-    }, props)
-  );
+  return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, "data-sidebar": "footer", className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex flex-col gap-2 p-2", className) }, props));
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    _chunkDG6G5KP2js.Separator,
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "separator",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, "mx-2 w-auto bg-sidebar-border", className)
-    }, props)
-  );
-});
+var SidebarSeparator = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+    return /* @__PURE__ */ React.createElement(
+      _chunkXVEDXQIRjs.Separator,
+      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        ref,
+        "data-sidebar": "separator",
+        className: _chunkB2G2EZ4Pjs.cn.call(void 0, "mx-2 w-auto bg-sidebar-border", className)
+      }, props)
+    );
+  }
+);
 SidebarSeparator.displayName = "SidebarSeparator";
 var SidebarContent = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
@@ -355,76 +319,61 @@ var SidebarGroup = React.forwardRef((_a, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, asChild = false } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "asChild"]);
-  const Comp = asChild ? _reactslot.Slot : "div";
-  return /* @__PURE__ */ React.createElement(
-    Comp,
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "group-label",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
-        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring 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
-      )
-    }, props)
-  );
-});
+var SidebarGroupLabel = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, asChild = false } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "asChild"]);
+    const Comp = asChild ? _reactslot.Slot : "div";
+    return /* @__PURE__ */ React.createElement(
+      Comp,
+      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        ref,
+        "data-sidebar": "group-label",
+        className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
+          "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring 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
+        )
+      }, props)
+    );
+  }
+);
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, asChild = false } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "asChild"]);
-  const Comp = asChild ? _reactslot.Slot : "button";
-  return /* @__PURE__ */ React.createElement(
-    Comp,
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "group-action",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
-        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 after:md:hidden",
-        "group-data-[collapsible=icon]:hidden",
-        className
-      )
-    }, props)
-  );
-});
+var SidebarGroupAction = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, asChild = false } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "asChild"]);
+    const Comp = asChild ? _reactslot.Slot : "button";
+    return /* @__PURE__ */ React.createElement(
+      Comp,
+      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        ref,
+        "data-sidebar": "group-action",
+        className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
+          "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+          // Increases the hit area of the button on mobile.
+          "after:absolute after:-inset-2 after:md:hidden",
+          "group-data-[collapsible=icon]:hidden",
+          className
+        )
+      }, props)
+    );
+  }
+);
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "group-content",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, "w-full text-sm", className)
-    }, props)
-  );
-});
+var SidebarGroupContent = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+    return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, "data-sidebar": "group-content", className: _chunkB2G2EZ4Pjs.cn.call(void 0, "w-full text-sm", className) }, props));
+  }
+);
 SidebarGroupContent.displayName = "SidebarGroupContent";
 var SidebarMenu = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    "ul",
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "menu",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex w-full min-w-0 flex-col gap-1", className)
-    }, props)
-  );
+  return /* @__PURE__ */ React.createElement("ul", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, "data-sidebar": "menu", className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex w-full min-w-0 flex-col gap-1", className) }, props));
 });
 SidebarMenu.displayName = "SidebarMenu";
 var SidebarMenuItem = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    "li",
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "menu-item",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, "group/menu-item relative", className)
-    }, props)
-  );
+  return /* @__PURE__ */ React.createElement("li", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, "data-sidebar": "menu-item", className: _chunkB2G2EZ4Pjs.cn.call(void 0, "group/menu-item relative", className) }, props));
 });
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = _classvarianceauthority.cva.call(void 0, 
@@ -447,53 +396,30 @@ var sidebarMenuButtonVariants = _classvarianceauthority.cva.call(void 0,
     }
   }
 );
-var SidebarMenuButton = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      asChild = false,
-      isActive = false,
-      variant = "default",
-      size = "default",
-      tooltip,
-      className
-    } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
-      "asChild",
-      "isActive",
-      "variant",
-      "size",
-      "tooltip",
-      "className"
-    ]);
-    const Comp = asChild ? _reactslot.Slot : "button";
-    const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ React.createElement(
-      Comp,
-      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-        ref,
-        "data-sidebar": "menu-button",
-        "data-size": size,
-        "data-active": isActive,
-        className: _chunkB2G2EZ4Pjs.cn.call(void 0, sidebarMenuButtonVariants({ variant, size }), className)
-      }, props)
-    );
-    if (!tooltip) {
-      return button;
-    }
-    if (typeof tooltip === "string") {
-      tooltip = {
-        children: tooltip
-      };
-    }
-    return /* @__PURE__ */ React.createElement(_chunkZR3EVQAKjs.Tooltip, null, /* @__PURE__ */ React.createElement(_chunkZR3EVQAKjs.TooltipTrigger, { asChild: true }, button), /* @__PURE__ */ React.createElement(
-      _chunkZR3EVQAKjs.TooltipContent,
-      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-        side: "right",
-        align: "center",
-        hidden: state !== "collapsed" || isMobile
-      }, tooltip)
-    ));
+var SidebarMenuButton = React.forwardRef((_a, ref) => {
+  var _b = _a, { asChild = false, isActive = false, variant = "default", size = "default", tooltip, className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["asChild", "isActive", "variant", "size", "tooltip", "className"]);
+  const Comp = asChild ? _reactslot.Slot : "button";
+  const { isMobile, state } = useSidebar();
+  const button = /* @__PURE__ */ React.createElement(
+    Comp,
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      ref,
+      "data-sidebar": "menu-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: _chunkB2G2EZ4Pjs.cn.call(void 0, sidebarMenuButtonVariants({ variant, size }), className)
+    }, props)
+  );
+  if (!tooltip) {
+    return button;
   }
-);
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip
+    };
+  }
+  return /* @__PURE__ */ React.createElement(_chunk5T5QQDSPjs.Tooltip, null, /* @__PURE__ */ React.createElement(_chunk5T5QQDSPjs.TooltipTrigger, { asChild: true }, button), /* @__PURE__ */ React.createElement(_chunk5T5QQDSPjs.TooltipContent, _chunk2NMEKWO5js.__spreadValues.call(void 0, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile }, tooltip)));
+});
 SidebarMenuButton.displayName = "SidebarMenuButton";
 var SidebarMenuAction = React.forwardRef((_a, ref) => {
   var _b = _a, { className, asChild = false, showOnHover = false } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "asChild", "showOnHover"]);
@@ -518,25 +444,27 @@ var SidebarMenuAction = React.forwardRef((_a, ref) => {
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "menu-badge",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
-        "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
-        "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
-      )
-    }, props)
-  );
-});
+var SidebarMenuBadge = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        ref,
+        "data-sidebar": "menu-badge",
+        className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
+          "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
+          "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
+        )
+      }, props)
+    );
+  }
+);
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
 var SidebarMenuSkeleton = React.forwardRef((_a, ref) => {
   var _b = _a, { className, showIcon = false } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "showIcon"]);
@@ -550,15 +478,9 @@ var SidebarMenuSkeleton = React.forwardRef((_a, ref) => {
       "data-sidebar": "menu-skeleton",
       className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex h-8 items-center gap-2 rounded-md px-2", className)
     }, props),
-    showIcon && /* @__PURE__ */ React.createElement(
-      _chunkPEJ7BU4Cjs.Skeleton,
-      {
-        className: "size-4 rounded-md",
-        "data-sidebar": "menu-skeleton-icon"
-      }
-    ),
+    showIcon && /* @__PURE__ */ React.createElement(_chunkJ2S6AWOCjs.Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
     /* @__PURE__ */ React.createElement(
-      _chunkPEJ7BU4Cjs.Skeleton,
+      _chunkJ2S6AWOCjs.Skeleton,
       {
         className: "h-4 max-w-[--skeleton-width] flex-1",
         "data-sidebar": "menu-skeleton-text",
@@ -570,21 +492,23 @@ var SidebarMenuSkeleton = React.forwardRef((_a, ref) => {
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    "ul",
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      "data-sidebar": "menu-sub",
-      className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
-        "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
-        "group-data-[collapsible=icon]:hidden",
-        className
-      )
-    }, props)
-  );
-});
+var SidebarMenuSub = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+    return /* @__PURE__ */ React.createElement(
+      "ul",
+      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        ref,
+        "data-sidebar": "menu-sub",
+        className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
+          "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
+          "group-data-[collapsible=icon]:hidden",
+          className
+        )
+      }, props)
+    );
+  }
+);
 SidebarMenuSub.displayName = "SidebarMenuSub";
 var SidebarMenuSubItem = React.forwardRef((_a, ref) => {
   var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);