@arolariu/components 1.0.0 → 2.0.0

package/dist/components/ui/sidebar.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PanelLeft } from "lucide-react";
-import { cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { createPortal } from "react-dom";
 import { Button } from "./button.js";
 import { Input } from "./input.js";
@@ -11,24 +10,25 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tool
 import { useIsMobile } from "../../hooks/useIsMobile.js";
 import { cn } from "../../lib/utilities.js";
 import sidebar_module from "./sidebar.module.js";
+import * as __rspack_external_react from "react";
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 604800;
 const SIDEBAR_WIDTH = "16rem";
 const SIDEBAR_WIDTH_MOBILE = "18rem";
 const SIDEBAR_WIDTH_ICON = "3rem";
 const SIDEBAR_KEYBOARD_SHORTCUT = "b";
-const SidebarContext = /*#__PURE__*/ createContext(null);
+const SidebarContext = /*#__PURE__*/ __rspack_external_react.createContext(null);
 function useSidebar() {
-    const context = useContext(SidebarContext);
+    const context = __rspack_external_react.useContext(SidebarContext);
     if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
     return context;
 }
-const SidebarProvider = /*#__PURE__*/ forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref)=>{
+const SidebarProvider = /*#__PURE__*/ __rspack_external_react.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref)=>{
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = useState(false);
-    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const [openMobile, setOpenMobile] = __rspack_external_react.useState(false);
+    const [internalOpen, setInternalOpen] = __rspack_external_react.useState(defaultOpen);
     const open = openProp ?? internalOpen;
-    const setOpen = useCallback((value)=>{
+    const setOpen = __rspack_external_react.useCallback((value)=>{
         const nextValue = "function" == typeof value ? value(open) : value;
         if (setOpenProp) setOpenProp(nextValue);
         else setInternalOpen(nextValue);
@@ -37,14 +37,14 @@ const SidebarProvider = /*#__PURE__*/ forwardRef(({ defaultOpen = true, open: op
         open,
         setOpenProp
     ]);
-    const toggleSidebar = useCallback(()=>{
+    const toggleSidebar = __rspack_external_react.useCallback(()=>{
         if (isMobile) return void setOpenMobile((currentOpen)=>!currentOpen);
         setOpen((currentOpen)=>!currentOpen);
     }, [
         isMobile,
         setOpen
     ]);
-    useEffect(()=>{
+    __rspack_external_react.useEffect(()=>{
         const handleKeyDown = (event)=>{
             if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
                 event.preventDefault();
@@ -59,7 +59,7 @@ const SidebarProvider = /*#__PURE__*/ forwardRef(({ defaultOpen = true, open: op
         toggleSidebar
     ]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = useMemo(()=>({
+    const contextValue = __rspack_external_react.useMemo(()=>({
             isMobile,
             open,
             openMobile,
@@ -93,7 +93,7 @@ const SidebarProvider = /*#__PURE__*/ forwardRef(({ defaultOpen = true, open: op
     });
 });
 SidebarProvider.displayName = "SidebarProvider";
-const Sidebar = /*#__PURE__*/ forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref)=>{
+const Sidebar = /*#__PURE__*/ __rspack_external_react.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref)=>{
     const { isMobile, openMobile, setOpenMobile, state } = useSidebar();
     if ("none" === collapsible) return /*#__PURE__*/ jsx("div", {
         ref: ref,
@@ -134,7 +134,7 @@ const Sidebar = /*#__PURE__*/ forwardRef(({ side = "left", variant = "sidebar",
 });
 Sidebar.displayName = "Sidebar";
 function MobileSidebarPortal({ open, side, onOpenChange, className, children, ...props }) {
-    useEffect(()=>{
+    __rspack_external_react.useEffect(()=>{
         if (!open) return;
         const previousOverflow = document.body.style.overflow;
         const handleKeyDown = (event)=>{
@@ -191,7 +191,7 @@ function MobileSidebarPortal({ open, side, onOpenChange, className, children, ..
         ]
     }), document.body);
 }
-const SidebarTrigger = /*#__PURE__*/ forwardRef(({ className, onClick, ...props }, ref)=>{
+const SidebarTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, onClick, ...props }, ref)=>{
     const { toggleSidebar } = useSidebar();
     return /*#__PURE__*/ jsxs(Button, {
         ref: ref,
@@ -216,7 +216,7 @@ const SidebarTrigger = /*#__PURE__*/ forwardRef(({ className, onClick, ...props
     });
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-const SidebarRail = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+const SidebarRail = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>{
     const { toggleSidebar } = useSidebar();
     return /*#__PURE__*/ jsx("button", {
         ref: ref,
@@ -231,48 +231,48 @@ const SidebarRail = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
     });
 });
 SidebarRail.displayName = "SidebarRail";
-const SidebarInset = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("main", {
+const SidebarInset = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("main", {
         ref: ref,
         className: cn(sidebar_module.inset, className),
         ...props
     }));
 SidebarInset.displayName = "SidebarInset";
-const SidebarInput = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Input, {
+const SidebarInput = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Input, {
         ref: ref,
         "data-sidebar": "input",
         className: cn(sidebar_module.input, className),
         ...props
     }));
 SidebarInput.displayName = "SidebarInput";
-const SidebarHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const SidebarHeader = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-sidebar": "header",
         className: cn(sidebar_module.header, className),
         ...props
     }));
 SidebarHeader.displayName = "SidebarHeader";
-const SidebarFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const SidebarFooter = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-sidebar": "footer",
         className: cn(sidebar_module.footer, className),
         ...props
     }));
 SidebarFooter.displayName = "SidebarFooter";
-const SidebarSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
+const SidebarSeparator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
         ref: ref,
         "data-sidebar": "separator",
         className: cn(sidebar_module.separator, className),
         ...props
     }));
 SidebarSeparator.displayName = "SidebarSeparator";
-const SidebarContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const SidebarContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-sidebar": "content",
         className: cn(sidebar_module.content, className),
         ...props
     }));
 SidebarContent.displayName = "SidebarContent";
-const SidebarGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const SidebarGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-sidebar": "group",
         className: cn(sidebar_module.group, className),
@@ -280,14 +280,14 @@ const SidebarGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*
     }));
 SidebarGroup.displayName = "SidebarGroup";
 function cloneSidebarChild(children, mergedProps) {
-    if (!/*#__PURE__*/ isValidElement(children)) return null;
+    if (!/*#__PURE__*/ __rspack_external_react.isValidElement(children)) return null;
     const child = children;
-    return /*#__PURE__*/ cloneElement(child, {
+    return /*#__PURE__*/ __rspack_external_react.cloneElement(child, {
         ...mergedProps,
         className: cn(mergedProps.className, child.props.className)
     });
 }
-const SidebarGroupLabel = /*#__PURE__*/ forwardRef(({ className, asChild = false, children, ...props }, ref)=>{
+const SidebarGroupLabel = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, asChild = false, children, ...props }, ref)=>{
     const mergedProps = {
         ...props,
         children,
@@ -304,7 +304,7 @@ const SidebarGroupLabel = /*#__PURE__*/ forwardRef(({ className, asChild = false
     });
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-const SidebarGroupAction = /*#__PURE__*/ forwardRef(({ className, asChild = false, children, ...props }, ref)=>{
+const SidebarGroupAction = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, asChild = false, children, ...props }, ref)=>{
     const mergedProps = {
         ...props,
         children,
@@ -323,21 +323,21 @@ const SidebarGroupAction = /*#__PURE__*/ forwardRef(({ className, asChild = fals
     });
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-const SidebarGroupContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const SidebarGroupContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-sidebar": "group-content",
         className: cn(sidebar_module.groupContent, className),
         ...props
     }));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-const SidebarMenu = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ul", {
+const SidebarMenu = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ul", {
         ref: ref,
         "data-sidebar": "menu",
         className: cn(sidebar_module.menu, className),
         ...props
     }));
 SidebarMenu.displayName = "SidebarMenu";
-const SidebarMenuItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("li", {
+const SidebarMenuItem = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("li", {
         ref: ref,
         "data-sidebar": "menu-item",
         className: cn(sidebar_module.menuItem, className),
@@ -353,7 +353,7 @@ const sidebarMenuButtonSizeStyles = {
     sm: sidebar_module.menuButtonSizeSm,
     lg: sidebar_module.menuButtonSizeLg
 };
-const SidebarMenuButton = /*#__PURE__*/ forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, children, ...props }, ref)=>{
+const SidebarMenuButton = /*#__PURE__*/ __rspack_external_react.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, children, ...props }, ref)=>{
     const { isMobile, state } = useSidebar();
     const mergedProps = {
         ...props,
@@ -387,7 +387,7 @@ const SidebarMenuButton = /*#__PURE__*/ forwardRef(({ asChild = false, isActive
     });
 });
 SidebarMenuButton.displayName = "SidebarMenuButton";
-const SidebarMenuAction = /*#__PURE__*/ forwardRef(({ className, asChild = false, showOnHover = false, children, ...props }, ref)=>{
+const SidebarMenuAction = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, asChild = false, showOnHover = false, children, ...props }, ref)=>{
     const mergedProps = {
         ...props,
         children,
@@ -406,15 +406,15 @@ const SidebarMenuAction = /*#__PURE__*/ forwardRef(({ className, asChild = false
     });
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-const SidebarMenuBadge = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const SidebarMenuBadge = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-sidebar": "menu-badge",
         className: cn(sidebar_module.menuBadge, className),
         ...props
     }));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-const SidebarMenuSkeleton = /*#__PURE__*/ forwardRef(({ className, showIcon = false, ...props }, ref)=>{
-    const width = useMemo(()=>`${Math.floor(40 * Math.random()) + 50}%`, []);
+const SidebarMenuSkeleton = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, showIcon = false, ...props }, ref)=>{
+    const width = __rspack_external_react.useMemo(()=>`${Math.floor(40 * Math.random()) + 50}%`, []);
     return /*#__PURE__*/ jsxs("div", {
         ref: ref,
         "data-sidebar": "menu-skeleton",
@@ -436,19 +436,19 @@ const SidebarMenuSkeleton = /*#__PURE__*/ forwardRef(({ className, showIcon = fa
     });
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-const SidebarMenuSub = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ul", {
+const SidebarMenuSub = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ul", {
         ref: ref,
         "data-sidebar": "menu-sub",
         className: cn(sidebar_module.menuSub, className),
         ...props
     }));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-const SidebarMenuSubItem = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx("li", {
+const SidebarMenuSubItem = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>/*#__PURE__*/ jsx("li", {
         ref: ref,
         ...props
     }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-const SidebarMenuSubButton = /*#__PURE__*/ forwardRef(({ asChild = false, size = "md", isActive, className, children, ...props }, ref)=>{
+const SidebarMenuSubButton = /*#__PURE__*/ __rspack_external_react.forwardRef(({ asChild = false, size = "md", isActive, className, children, ...props }, ref)=>{
     const mergedProps = {
         ...props,
         children,

package/dist/components/ui/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/sidebar.js","sources":["../../../src/components/ui/sidebar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {PanelLeft} from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport {createPortal} from \"react-dom\";\r\n\r\nimport {Button} from \"@/components/ui/button\";\r\nimport {Input} from \"@/components/ui/input\";\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {Skeleton} from \"@/components/ui/skeleton\";\r\nimport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from \"@/components/ui/tooltip\";\r\nimport {useIsMobile} from \"@/hooks/useIsMobile\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./sidebar.module.css\";\r\n\r\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\r\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\r\nconst SIDEBAR_WIDTH = \"16rem\";\r\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\r\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\r\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\r\n\r\ntype SidebarDataAttributes = Record<`data-${string}`, string | boolean | undefined>;\r\ntype SidebarCloneableDivProps = React.ComponentProps<\"div\"> & SidebarDataAttributes & {ref?: React.Ref<HTMLDivElement>};\r\ntype SidebarCloneableButtonProps = React.ComponentProps<\"button\"> & SidebarDataAttributes & {ref?: React.Ref<HTMLButtonElement>};\r\ntype SidebarCloneableAnchorProps = React.ComponentProps<\"a\"> & SidebarDataAttributes & {ref?: React.Ref<HTMLAnchorElement>};\r\n\r\ntype SidebarContextProps = {\r\n  state: \"expanded\" | \"collapsed\";\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  openMobile: boolean;\r\n  setOpenMobile: (open: boolean) => void;\r\n  isMobile: boolean;\r\n  toggleSidebar: () => void;\r\n};\r\n\r\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\r\n\r\n/**\r\n * Returns the active sidebar context and enforces provider usage.\r\n *\r\n * @remarks\r\n * Must be called from within {@link SidebarProvider}. Exposes desktop and mobile\r\n * open state along with the shared toggle helper used by sidebar primitives.\r\n *\r\n * @example\r\n * ```tsx\r\n * const {open, toggleSidebar} = useSidebar();\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/useContext | React useContext Docs}\r\n */\r\nfunction useSidebar(): SidebarContextProps {\r\n  const context = React.useContext(SidebarContext);\r\n\r\n  if (!context) {\r\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\");\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\n/**\r\n * Props for the sidebar provider.\r\n */\r\ninterface SidebarProviderProps extends React.ComponentProps<\"div\"> {\r\n  /**\r\n   * Initial uncontrolled open state for desktop layouts.\r\n   * @default true\r\n   */\r\n  defaultOpen?: boolean;\r\n  /**\r\n   * Controlled open state for desktop layouts.\r\n   * @default undefined\r\n   */\r\n  open?: boolean;\r\n  /**\r\n   * Callback invoked when the desktop open state changes.\r\n   * @default undefined\r\n   */\r\n  onOpenChange?: (open: boolean) => void;\r\n}\r\n\r\n/**\r\n * Provides shared sidebar state, keyboard shortcuts, and responsive behavior.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built on shared React context and tooltip primitives\r\n * - Persists desktop collapse state to a cookie for cross-page continuity\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarProvider>\r\n *   <Sidebar />\r\n * </SidebarProvider>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/useContext | React Context Docs}\r\n */\r\nconst SidebarProvider = React.forwardRef<HTMLDivElement, SidebarProviderProps>(\r\n  ({defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props}, ref) => {\r\n    const isMobile = useIsMobile();\r\n    const [openMobile, setOpenMobile] = React.useState(false);\r\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\r\n    const open = openProp ?? internalOpen;\r\n\r\n    const setOpen = React.useCallback(\r\n      (value: boolean | ((value: boolean) => boolean)) => {\r\n        const nextValue = typeof value === \"function\" ? value(open) : value;\r\n\r\n        if (setOpenProp) {\r\n          setOpenProp(nextValue);\r\n        } else {\r\n          setInternalOpen(nextValue);\r\n        }\r\n\r\n        // eslint-disable-next-line unicorn/no-document-cookie -- persistent sidebar state matches V1 behavior\r\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${nextValue}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\r\n      },\r\n      [open, setOpenProp],\r\n    );\r\n\r\n    const toggleSidebar = React.useCallback(() => {\r\n      if (isMobile) {\r\n        setOpenMobile((currentOpen) => !currentOpen);\r\n        return;\r\n      }\r\n\r\n      setOpen((currentOpen) => !currentOpen);\r\n    }, [isMobile, setOpen]);\r\n\r\n    React.useEffect(() => {\r\n      const handleKeyDown = (event: KeyboardEvent) => {\r\n        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\r\n          event.preventDefault();\r\n          toggleSidebar();\r\n        }\r\n      };\r\n\r\n      globalThis.window.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n      return () => {\r\n        globalThis.window.removeEventListener(\"keydown\", handleKeyDown);\r\n      };\r\n    }, [toggleSidebar]);\r\n\r\n    const state = open ? \"expanded\" : \"collapsed\";\r\n\r\n    const contextValue = React.useMemo<SidebarContextProps>(\r\n      () => ({\r\n        isMobile,\r\n        open,\r\n        openMobile,\r\n        setOpen,\r\n        setOpenMobile,\r\n        state,\r\n        toggleSidebar,\r\n      }),\r\n      [isMobile, open, openMobile, setOpen, state, toggleSidebar],\r\n    );\r\n\r\n    return (\r\n      <SidebarContext.Provider value={contextValue}>\r\n        <TooltipProvider>\r\n          <div\r\n            ref={ref}\r\n            style={\r\n              {\r\n                \"--ac-sidebar-width\": SIDEBAR_WIDTH,\r\n                \"--ac-sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\r\n                ...style,\r\n              } as React.CSSProperties\r\n            }\r\n            className={cn(styles.wrapper, className)}\r\n            {...props}>\r\n            {children}\r\n          </div>\r\n        </TooltipProvider>\r\n      </SidebarContext.Provider>\r\n    );\r\n  },\r\n);\r\nSidebarProvider.displayName = \"SidebarProvider\";\r\n\r\n/**\r\n * Props for the root sidebar panel.\r\n */\r\ntype SidebarProps = React.ComponentProps<\"div\"> & {\r\n  /**\r\n   * Edge of the screen where the sidebar is rendered.\r\n   * @default \"left\"\r\n   */\r\n  side?: \"left\" | \"right\";\r\n  /**\r\n   * Visual presentation style used for desktop rendering.\r\n   * @default \"sidebar\"\r\n   */\r\n  variant?: \"sidebar\" | \"floating\" | \"inset\";\r\n  /**\r\n   * Desktop collapse behavior for the sidebar.\r\n   * @default \"offcanvas\"\r\n   */\r\n  collapsible?: \"offcanvas\" | \"icon\" | \"none\";\r\n};\r\n\r\n/**\r\n * Renders the responsive sidebar panel for desktop and mobile layouts.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element on desktop and a dialog portal on mobile\r\n * - Built on the shared sidebar context\r\n *\r\n * @example\r\n * ```tsx\r\n * <Sidebar>\r\n *   <SidebarContent />\r\n * </Sidebar>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/dialog_role | ARIA Dialog Role}\r\n */\r\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\r\n  ({side = \"left\", variant = \"sidebar\", collapsible = \"offcanvas\", className, children, ...props}, ref) => {\r\n    const {isMobile, openMobile, setOpenMobile, state} = useSidebar();\r\n\r\n    if (collapsible === \"none\") {\r\n      return (\r\n        <div\r\n          ref={ref}\r\n          className={cn(styles.staticSidebar, className)}\r\n          {...props}>\r\n          {children}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (isMobile) {\r\n      return (\r\n        <MobileSidebarPortal\r\n          className={className}\r\n          open={openMobile}\r\n          side={side}\r\n          onOpenChange={setOpenMobile}\r\n          {...props}>\r\n          {children}\r\n        </MobileSidebarPortal>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={styles.desktopRoot}\r\n        data-state={state}\r\n        data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\r\n        data-variant={variant}\r\n        data-side={side}>\r\n        <div className={styles.gap} />\r\n        <div\r\n          className={cn(styles.panelWrap, className)}\r\n          {...props}>\r\n          <div\r\n            data-sidebar='sidebar'\r\n            className={styles.panel}>\r\n            {children}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\nSidebar.displayName = \"Sidebar\";\r\n\r\ntype MobileSidebarPortalProps = React.ComponentProps<\"div\"> & {\r\n  open: boolean;\r\n  side: \"left\" | \"right\";\r\n  onOpenChange: (open: boolean) => void;\r\n};\r\n\r\nfunction MobileSidebarPortal({\r\n  open,\r\n  side,\r\n  onOpenChange,\r\n  className,\r\n  children,\r\n  ...props\r\n}: Readonly<MobileSidebarPortalProps>): React.ReactPortal | null {\r\n  React.useEffect(() => {\r\n    if (!open) {\r\n      return;\r\n    }\r\n\r\n    const previousOverflow = document.body.style.overflow;\r\n    const handleKeyDown = (event: KeyboardEvent) => {\r\n      if (event.key === \"Escape\") {\r\n        onOpenChange(false);\r\n      }\r\n    };\r\n\r\n    document.body.style.overflow = \"hidden\";\r\n    globalThis.window.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n    return () => {\r\n      document.body.style.overflow = previousOverflow;\r\n      globalThis.window.removeEventListener(\"keydown\", handleKeyDown);\r\n    };\r\n  }, [onOpenChange, open]);\r\n\r\n  if (!open || typeof document === \"undefined\") {\r\n    return null;\r\n  }\r\n\r\n  return createPortal(\r\n    <div className={styles.mobilePortal}>\r\n      <button\r\n        type='button'\r\n        aria-label='Close sidebar'\r\n        className={styles.mobileOverlay}\r\n        onClick={() => onOpenChange(false)}\r\n      />\r\n      <div\r\n        role='dialog'\r\n        aria-modal='true'\r\n        aria-label='Sidebar'\r\n        data-sidebar='sidebar'\r\n        className={cn(styles.mobilePanel, side === \"right\" ? styles.mobilePanelRight : styles.mobilePanelLeft, className)}\r\n        style={{\"--ac-sidebar-width\": SIDEBAR_WIDTH_MOBILE} as React.CSSProperties}\r\n        {...props}>\r\n        <div className={styles.srOnly}>\r\n          <h2>Sidebar</h2>\r\n          <p>Displays the mobile sidebar.</p>\r\n        </div>\r\n        <div className={styles.mobileContent}>{children}</div>\r\n      </div>\r\n    </div>,\r\n    document.body,\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the primary button used to toggle the sidebar.\r\n *\r\n * @remarks\r\n * - Renders the shared `Button` component\r\n * - Built on the shared sidebar context\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarTrigger />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/button | HTML button element}\r\n */\r\nconst SidebarTrigger = React.forwardRef<React.ComponentRef<typeof Button>, React.ComponentProps<typeof Button>>(\r\n  ({className, onClick, ...props}, ref) => {\r\n    const {toggleSidebar} = useSidebar();\r\n\r\n    return (\r\n      <Button\r\n        ref={ref}\r\n        data-sidebar='trigger'\r\n        variant='ghost'\r\n        size='icon'\r\n        className={cn(styles.trigger, className)}\r\n        onClick={(event) => {\r\n          onClick?.(event);\r\n          toggleSidebar();\r\n        }}\r\n        {...props}>\r\n        <PanelLeft className={styles.triggerIcon} />\r\n        <span className={styles.srOnly}>Toggle Sidebar</span>\r\n      </Button>\r\n    );\r\n  },\r\n);\r\nSidebarTrigger.displayName = \"SidebarTrigger\";\r\n\r\n/**\r\n * Renders a slim rail button used to toggle the sidebar collapsed state.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element\r\n * - Built on the shared sidebar context\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarRail />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/button | HTML button element}\r\n */\r\nconst SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\">>(({className, ...props}, ref) => {\r\n  const {toggleSidebar} = useSidebar();\r\n\r\n  return (\r\n    <button\r\n      ref={ref}\r\n      data-sidebar='rail'\r\n      aria-label='Toggle Sidebar'\r\n      tabIndex={-1}\r\n      title='Toggle Sidebar'\r\n      type='button'\r\n      className={cn(styles.rail, className)}\r\n      onClick={toggleSidebar}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarRail.displayName = \"SidebarRail\";\r\n\r\n/**\r\n * Renders the inset main content region adjacent to the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<main>` element\r\n * - Built as a layout helper for inset sidebar variants\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarInset>Main content</SidebarInset>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/main | HTML main element}\r\n */\r\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(({className, ...props}, ref) => (\r\n  <main\r\n    ref={ref}\r\n    className={cn(styles.inset, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarInset.displayName = \"SidebarInset\";\r\n\r\n/**\r\n * Renders a styled input inside sidebar layouts.\r\n *\r\n * @remarks\r\n * - Renders the shared `Input` component\r\n * - Built for sidebar search and filtering affordances\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarInput placeholder='Search...' />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/input | HTML input element}\r\n */\r\nconst SidebarInput = React.forwardRef<React.ComponentRef<typeof Input>, React.ComponentProps<typeof Input>>(\r\n  ({className, ...props}, ref) => (\r\n    <Input\r\n      ref={ref}\r\n      data-sidebar='input'\r\n      className={cn(styles.input, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nSidebarInput.displayName = \"SidebarInput\";\r\n\r\n/**\r\n * Renders the header region of the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for branding or primary controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarHeader>Workspace</SidebarHeader>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='header'\r\n    className={cn(styles.header, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarHeader.displayName = \"SidebarHeader\";\r\n\r\n/**\r\n * Renders the footer region of the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for actions or account controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarFooter>Footer content</SidebarFooter>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='footer'\r\n    className={cn(styles.footer, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarFooter.displayName = \"SidebarFooter\";\r\n\r\n/**\r\n * Renders a separator between sidebar regions or menu groups.\r\n *\r\n * @remarks\r\n * - Renders the shared `Separator` component\r\n * - Built as a lightweight structural divider\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarSeparator />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/hr | HTML thematic break}\r\n */\r\nconst SidebarSeparator = React.forwardRef<React.ComponentRef<typeof Separator>, React.ComponentProps<typeof Separator>>(\r\n  ({className, ...props}, ref) => (\r\n    <Separator\r\n      ref={ref}\r\n      data-sidebar='separator'\r\n      className={cn(styles.separator, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nSidebarSeparator.displayName = \"SidebarSeparator\";\r\n\r\n/**\r\n * Renders the scrollable content region of the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for menu groups and custom content\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarContent>\r\n *   <SidebarMenu />\r\n * </SidebarContent>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='content'\r\n    className={cn(styles.content, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarContent.displayName = \"SidebarContent\";\r\n\r\n/**\r\n * Renders a logical grouping container inside the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for related navigation sections\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroup>\r\n *   <SidebarGroupLabel>Projects</SidebarGroupLabel>\r\n * </SidebarGroup>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='group'\r\n    className={cn(styles.group, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarGroup.displayName = \"SidebarGroup\";\r\n\r\nfunction cloneSidebarChild<TProps extends {className?: string}>(children: React.ReactNode, mergedProps: TProps): React.JSX.Element | null {\r\n  if (!React.isValidElement(children)) {\r\n    return null;\r\n  }\r\n\r\n  const child = children as React.ReactElement<TProps>;\r\n\r\n  // eslint-disable-next-line react-x/no-clone-element -- replaces Radix Slot while preserving asChild prop merging\r\n  return React.cloneElement(child, {\r\n    ...mergedProps,\r\n    className: cn(mergedProps.className, child.props.className),\r\n  });\r\n}\r\n\r\n/**\r\n * Props for the sidebar group label.\r\n */\r\ninterface SidebarGroupLabelProps extends React.ComponentProps<\"div\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<div>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Renders the heading label for a sidebar group.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Supports `asChild` composition for custom markup\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroupLabel>Projects</SidebarGroupLabel>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, SidebarGroupLabelProps>(\r\n  ({className, asChild = false, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableDivProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.groupLabel, className),\r\n      \"data-sidebar\": \"group-label\",\r\n      ref,\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return <div {...mergedProps} />;\r\n  },\r\n);\r\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\r\n\r\n/**\r\n * Props for the sidebar group action button.\r\n */\r\ninterface SidebarGroupActionProps extends React.ComponentProps<\"button\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<button>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a secondary action aligned with a sidebar group heading.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Supports `asChild` composition for custom controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroupAction aria-label='Add project'>+</SidebarGroupAction>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarGroupAction = React.forwardRef<HTMLButtonElement, SidebarGroupActionProps>(\r\n  ({className, asChild = false, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableButtonProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.groupAction, className),\r\n      \"data-sidebar\": \"group-action\",\r\n      ref,\r\n      type: props.type ?? \"button\",\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <button\r\n        type={props.type === \"submit\" ? \"submit\" : props.type === \"reset\" ? \"reset\" : \"button\"}\r\n        {...mergedProps}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\r\n\r\n/**\r\n * Renders the content container for a sidebar group.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a structural wrapper for nested menu items or custom content\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroupContent>\r\n *   <SidebarMenu />\r\n * </SidebarGroupContent>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='group-content'\r\n    className={cn(styles.groupContent, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\r\n\r\n/**\r\n * Renders the root sidebar navigation list.\r\n *\r\n * @remarks\r\n * - Renders a `<ul>` element\r\n * - Built as the primary menu container for sidebar navigation\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenu>\r\n *   <SidebarMenuItem />\r\n * </SidebarMenu>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/ul | HTML ul element}\r\n */\r\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    data-sidebar='menu'\r\n    className={cn(styles.menu, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenu.displayName = \"SidebarMenu\";\r\n\r\n/**\r\n * Renders a single list item within the sidebar menu.\r\n *\r\n * @remarks\r\n * - Renders an `<li>` element\r\n * - Built as a structural wrapper for menu buttons and actions\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuItem>\r\n *   <SidebarMenuButton>Dashboard</SidebarMenuButton>\r\n * </SidebarMenuItem>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/li | HTML li element}\r\n */\r\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({className, ...props}, ref) => (\r\n  <li\r\n    ref={ref}\r\n    data-sidebar='menu-item'\r\n    className={cn(styles.menuItem, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\r\n\r\nconst sidebarMenuButtonVariantStyles = {\r\n  default: styles.menuButtonDefault,\r\n  outline: styles.menuButtonOutline,\r\n} as const;\r\n\r\nconst sidebarMenuButtonSizeStyles = {\r\n  default: styles.menuButtonSizeDefault,\r\n  sm: styles.menuButtonSizeSm,\r\n  lg: styles.menuButtonSizeLg,\r\n} as const;\r\n\r\n/**\r\n * Props for the sidebar menu button.\r\n */\r\ninterface SidebarMenuButtonProps extends React.ComponentProps<\"button\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<button>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Whether the menu item should be styled as active.\r\n   * @default false\r\n   */\r\n  isActive?: boolean;\r\n  /**\r\n   * Tooltip content displayed when the sidebar is collapsed on desktop.\r\n   * @default undefined\r\n   */\r\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\r\n  /**\r\n   * Visual style variant for the menu button.\r\n   * @default \"default\"\r\n   */\r\n  variant?: keyof typeof sidebarMenuButtonVariantStyles;\r\n  /**\r\n   * Size preset for the menu button.\r\n   * @default \"default\"\r\n   */\r\n  size?: keyof typeof sidebarMenuButtonSizeStyles;\r\n}\r\n\r\n/**\r\n * Renders the primary interactive element for a sidebar menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Supports `asChild` composition and contextual tooltips when collapsed\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuButton isActive>Dashboard</SidebarMenuButton>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\r\n  ({asChild = false, isActive = false, variant = \"default\", size = \"default\", tooltip, className, children, ...props}, ref) => {\r\n    const {isMobile, state} = useSidebar();\r\n    const mergedProps: SidebarCloneableButtonProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.menuButton, sidebarMenuButtonVariantStyles[variant], sidebarMenuButtonSizeStyles[size], className),\r\n      \"data-active\": isActive,\r\n      \"data-sidebar\": \"menu-button\",\r\n      \"data-size\": size,\r\n      ref,\r\n      type: props.type ?? \"button\",\r\n    };\r\n    const clonedChild = asChild ? cloneSidebarChild(children, mergedProps) : null;\r\n\r\n    const button = clonedChild ?? (\r\n      <button\r\n        type={props.type === \"submit\" ? \"submit\" : props.type === \"reset\" ? \"reset\" : \"button\"}\r\n        {...mergedProps}\r\n      />\r\n    );\r\n\r\n    if (!tooltip) {\r\n      return button;\r\n    }\r\n\r\n    const resolvedTooltip = typeof tooltip === \"string\" ? {children: tooltip} : tooltip;\r\n\r\n    return (\r\n      <Tooltip>\r\n        <TooltipTrigger render={button as React.ReactElement} />\r\n        <TooltipContent\r\n          hidden={state !== \"collapsed\" || isMobile}\r\n          {...resolvedTooltip}\r\n        />\r\n      </Tooltip>\r\n    );\r\n  },\r\n);\r\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\r\n\r\n/**\r\n * Props for the sidebar menu action button.\r\n */\r\ninterface SidebarMenuActionProps extends React.ComponentProps<\"button\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<button>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Whether the action should remain hidden until its parent item is hovered.\r\n   * @default false\r\n   */\r\n  showOnHover?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a secondary action button aligned within a sidebar menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Supports `asChild` composition for custom controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuAction showOnHover>⋯</SidebarMenuAction>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarMenuAction = React.forwardRef<HTMLButtonElement, SidebarMenuActionProps>(\r\n  ({className, asChild = false, showOnHover = false, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableButtonProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.menuAction, showOnHover && styles.menuActionShowOnHover, className),\r\n      \"data-sidebar\": \"menu-action\",\r\n      ref,\r\n      type: props.type ?? \"button\",\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <button\r\n        type={props.type === \"submit\" ? \"submit\" : props.type === \"reset\" ? \"reset\" : \"button\"}\r\n        {...mergedProps}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\r\n\r\n/**\r\n * Renders a badge alongside a sidebar menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a lightweight presentational helper for counts and statuses\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuBadge>3</SidebarMenuBadge>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='menu-badge'\r\n    className={cn(styles.menuBadge, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\r\n\r\n/**\r\n * Props for the sidebar menu skeleton.\r\n */\r\ninterface SidebarMenuSkeletonProps extends React.ComponentProps<\"div\"> {\r\n  /**\r\n   * Whether to render a leading skeleton icon placeholder.\r\n   * @default false\r\n   */\r\n  showIcon?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a loading placeholder for sidebar menu items.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built from shared `Skeleton` primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSkeleton showIcon />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarMenuSkeleton = React.forwardRef<HTMLDivElement, SidebarMenuSkeletonProps>(({className, showIcon = false, ...props}, ref) => {\r\n  const width = React.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='menu-skeleton'\r\n      className={cn(styles.menuSkeleton, className)}\r\n      {...props}>\r\n      {Boolean(showIcon) && (\r\n        <Skeleton\r\n          className={styles.menuSkeletonIcon}\r\n          data-sidebar='menu-skeleton-icon'\r\n        />\r\n      )}\r\n      <Skeleton\r\n        className={styles.menuSkeletonText}\r\n        data-sidebar='menu-skeleton-text'\r\n        style={{\"--ac-skeleton-width\": width} as React.CSSProperties}\r\n      />\r\n    </div>\r\n  );\r\n});\r\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\r\n\r\n/**\r\n * Renders a nested menu list within the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<ul>` element\r\n * - Built for multi-level navigation structures\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSub>\r\n *   <SidebarMenuSubItem />\r\n * </SidebarMenuSub>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/ul | HTML ul element}\r\n */\r\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    data-sidebar='menu-sub'\r\n    className={cn(styles.menuSub, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\r\n\r\n/**\r\n * Renders a single nested sidebar menu list item.\r\n *\r\n * @remarks\r\n * - Renders an `<li>` element\r\n * - Built as a structural wrapper for nested menu links\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSubItem />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/li | HTML li element}\r\n */\r\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>((props, ref) => (\r\n  <li\r\n    ref={ref}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\r\n\r\n/**\r\n * Props for the sidebar nested menu button.\r\n */\r\ninterface SidebarMenuSubButtonProps extends React.ComponentProps<\"a\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<a>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Size preset for the nested menu link.\r\n   * @default \"md\"\r\n   */\r\n  size?: \"sm\" | \"md\";\r\n  /**\r\n   * Whether the nested menu item should be styled as active.\r\n   * @default undefined\r\n   */\r\n  isActive?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a nested sidebar menu link.\r\n *\r\n * @remarks\r\n * - Renders an `<a>` element by default\r\n * - Supports `asChild` composition for custom link components\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSubButton href='/settings/profile'>Profile</SidebarMenuSubButton>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarMenuSubButton = React.forwardRef<HTMLAnchorElement, SidebarMenuSubButtonProps>(\r\n  ({asChild = false, size = \"md\", isActive, className, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableAnchorProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.menuSubButton, size === \"sm\" ? styles.menuSubButtonSm : styles.menuSubButtonMd, className),\r\n      \"data-active\": isActive,\r\n      \"data-sidebar\": \"menu-sub-button\",\r\n      \"data-size\": size,\r\n      ref,\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return <a {...mergedProps}>{children}</a>;\r\n  },\r\n);\r\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\r\n\r\nexport {\r\n  Sidebar,\r\n  SidebarContent,\r\n  SidebarFooter,\r\n  SidebarGroup,\r\n  SidebarGroupAction,\r\n  SidebarGroupContent,\r\n  SidebarGroupLabel,\r\n  SidebarHeader,\r\n  SidebarInput,\r\n  SidebarInset,\r\n  SidebarMenu,\r\n  SidebarMenuAction,\r\n  SidebarMenuBadge,\r\n  SidebarMenuButton,\r\n  SidebarMenuItem,\r\n  SidebarMenuSkeleton,\r\n  SidebarMenuSub,\r\n  SidebarMenuSubButton,\r\n  SidebarMenuSubItem,\r\n  SidebarProvider,\r\n  SidebarRail,\r\n  SidebarSeparator,\r\n  SidebarTrigger,\r\n  useSidebar,\r\n};\r\n"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","Error","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","internalOpen","setInternalOpen","open","setOpen","value","nextValue","document","toggleSidebar","currentOpen","handleKeyDown","event","globalThis","state","contextValue","TooltipProvider","cn","styles","Sidebar","side","variant","collapsible","MobileSidebarPortal","onOpenChange","previousOverflow","createPortal","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","cloneSidebarChild","mergedProps","child","SidebarGroupLabel","asChild","clonedChild","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariantStyles","sidebarMenuButtonSizeStyles","SidebarMenuButton","isActive","size","tooltip","button","resolvedTooltip","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Math","Boolean","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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"}
+{"version":3,"file":"components/ui/sidebar.js","sources":["../../../src/components/ui/sidebar.tsx"],"sourcesContent":["/* eslint-disable max-lines */\r\n\"use client\";\r\n\r\nimport {PanelLeft} from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport {createPortal} from \"react-dom\";\r\n\r\nimport {Button} from \"@/components/ui/button\";\r\nimport {Input} from \"@/components/ui/input\";\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {Skeleton} from \"@/components/ui/skeleton\";\r\nimport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from \"@/components/ui/tooltip\";\r\nimport {useIsMobile} from \"@/hooks/useIsMobile\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./sidebar.module.css\";\r\n\r\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\r\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\r\nconst SIDEBAR_WIDTH = \"16rem\";\r\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\r\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\r\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\r\n\r\ntype SidebarDataAttributes = Record<`data-${string}`, string | boolean | undefined>;\r\ntype SidebarCloneableDivProps = React.ComponentProps<\"div\"> & SidebarDataAttributes & {ref?: React.Ref<HTMLDivElement>};\r\ntype SidebarCloneableButtonProps = React.ComponentProps<\"button\"> & SidebarDataAttributes & {ref?: React.Ref<HTMLButtonElement>};\r\ntype SidebarCloneableAnchorProps = React.ComponentProps<\"a\"> & SidebarDataAttributes & {ref?: React.Ref<HTMLAnchorElement>};\r\n\r\ntype SidebarContextProps = {\r\n  state: \"expanded\" | \"collapsed\";\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  openMobile: boolean;\r\n  setOpenMobile: (open: boolean) => void;\r\n  isMobile: boolean;\r\n  toggleSidebar: () => void;\r\n};\r\n\r\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\r\n\r\n/**\r\n * Returns the active sidebar context and enforces provider usage.\r\n *\r\n * @remarks\r\n * Must be called from within {@link SidebarProvider}. Exposes desktop and mobile\r\n * open state along with the shared toggle helper used by sidebar primitives.\r\n *\r\n * @example\r\n * ```tsx\r\n * const {open, toggleSidebar} = useSidebar();\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/useContext | React useContext Docs}\r\n */\r\nfunction useSidebar(): SidebarContextProps {\r\n  const context = React.useContext(SidebarContext);\r\n\r\n  if (!context) {\r\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\");\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\n/**\r\n * Props for the sidebar provider.\r\n */\r\ninterface SidebarProviderProps extends React.ComponentProps<\"div\"> {\r\n  /**\r\n   * Initial uncontrolled open state for desktop layouts.\r\n   * @default true\r\n   */\r\n  defaultOpen?: boolean;\r\n  /**\r\n   * Controlled open state for desktop layouts.\r\n   * @default undefined\r\n   */\r\n  open?: boolean;\r\n  /**\r\n   * Callback invoked when the desktop open state changes.\r\n   * @default undefined\r\n   */\r\n  onOpenChange?: (open: boolean) => void;\r\n}\r\n\r\n/**\r\n * Provides shared sidebar state, keyboard shortcuts, and responsive behavior.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built on shared React context and tooltip primitives\r\n * - Persists desktop collapse state to a cookie for cross-page continuity\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarProvider>\r\n *   <Sidebar />\r\n * </SidebarProvider>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/useContext | React Context Docs}\r\n */\r\nconst SidebarProvider = React.forwardRef<HTMLDivElement, SidebarProviderProps>(\r\n  ({defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props}, ref) => {\r\n    const isMobile = useIsMobile();\r\n    const [openMobile, setOpenMobile] = React.useState(false);\r\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\r\n    const open = openProp ?? internalOpen;\r\n\r\n    const setOpen = React.useCallback(\r\n      (value: boolean | ((value: boolean) => boolean)) => {\r\n        const nextValue = typeof value === \"function\" ? value(open) : value;\r\n\r\n        if (setOpenProp) {\r\n          setOpenProp(nextValue);\r\n        } else {\r\n          setInternalOpen(nextValue);\r\n        }\r\n\r\n        // eslint-disable-next-line unicorn/no-document-cookie -- persistent sidebar state matches V1 behavior\r\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${nextValue}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\r\n      },\r\n      [open, setOpenProp],\r\n    );\r\n\r\n    const toggleSidebar = React.useCallback(() => {\r\n      if (isMobile) {\r\n        setOpenMobile((currentOpen) => !currentOpen);\r\n        return;\r\n      }\r\n\r\n      setOpen((currentOpen) => !currentOpen);\r\n    }, [isMobile, setOpen]);\r\n\r\n    React.useEffect(() => {\r\n      const handleKeyDown = (event: KeyboardEvent) => {\r\n        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\r\n          event.preventDefault();\r\n          toggleSidebar();\r\n        }\r\n      };\r\n\r\n      globalThis.window.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n      return () => {\r\n        globalThis.window.removeEventListener(\"keydown\", handleKeyDown);\r\n      };\r\n    }, [toggleSidebar]);\r\n\r\n    const state = open ? \"expanded\" : \"collapsed\";\r\n\r\n    const contextValue = React.useMemo<SidebarContextProps>(\r\n      () => ({\r\n        isMobile,\r\n        open,\r\n        openMobile,\r\n        setOpen,\r\n        setOpenMobile,\r\n        state,\r\n        toggleSidebar,\r\n      }),\r\n      [isMobile, open, openMobile, setOpen, state, toggleSidebar],\r\n    );\r\n\r\n    return (\r\n      <SidebarContext.Provider value={contextValue}>\r\n        <TooltipProvider>\r\n          <div\r\n            ref={ref}\r\n            style={\r\n              {\r\n                \"--ac-sidebar-width\": SIDEBAR_WIDTH,\r\n                \"--ac-sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\r\n                ...style,\r\n              } as React.CSSProperties\r\n            }\r\n            className={cn(styles.wrapper, className)}\r\n            {...props}>\r\n            {children}\r\n          </div>\r\n        </TooltipProvider>\r\n      </SidebarContext.Provider>\r\n    );\r\n  },\r\n);\r\nSidebarProvider.displayName = \"SidebarProvider\";\r\n\r\n/**\r\n * Props for the root sidebar panel.\r\n */\r\ntype SidebarProps = React.ComponentProps<\"div\"> & {\r\n  /**\r\n   * Edge of the screen where the sidebar is rendered.\r\n   * @default \"left\"\r\n   */\r\n  side?: \"left\" | \"right\";\r\n  /**\r\n   * Visual presentation style used for desktop rendering.\r\n   * @default \"sidebar\"\r\n   */\r\n  variant?: \"sidebar\" | \"floating\" | \"inset\";\r\n  /**\r\n   * Desktop collapse behavior for the sidebar.\r\n   * @default \"offcanvas\"\r\n   */\r\n  collapsible?: \"offcanvas\" | \"icon\" | \"none\";\r\n};\r\n\r\n/**\r\n * Renders the responsive sidebar panel for desktop and mobile layouts.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element on desktop and a dialog portal on mobile\r\n * - Built on the shared sidebar context\r\n *\r\n * @example\r\n * ```tsx\r\n * <Sidebar>\r\n *   <SidebarContent />\r\n * </Sidebar>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/dialog_role | ARIA Dialog Role}\r\n */\r\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\r\n  ({side = \"left\", variant = \"sidebar\", collapsible = \"offcanvas\", className, children, ...props}, ref) => {\r\n    const {isMobile, openMobile, setOpenMobile, state} = useSidebar();\r\n\r\n    if (collapsible === \"none\") {\r\n      return (\r\n        <div\r\n          ref={ref}\r\n          className={cn(styles.staticSidebar, className)}\r\n          {...props}>\r\n          {children}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (isMobile) {\r\n      return (\r\n        <MobileSidebarPortal\r\n          className={className}\r\n          open={openMobile}\r\n          side={side}\r\n          onOpenChange={setOpenMobile}\r\n          {...props}>\r\n          {children}\r\n        </MobileSidebarPortal>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={styles.desktopRoot}\r\n        data-state={state}\r\n        data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\r\n        data-variant={variant}\r\n        data-side={side}>\r\n        <div className={styles.gap} />\r\n        <div\r\n          className={cn(styles.panelWrap, className)}\r\n          {...props}>\r\n          <div\r\n            data-sidebar='sidebar'\r\n            className={styles.panel}>\r\n            {children}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\nSidebar.displayName = \"Sidebar\";\r\n\r\ntype MobileSidebarPortalProps = React.ComponentProps<\"div\"> & {\r\n  open: boolean;\r\n  side: \"left\" | \"right\";\r\n  onOpenChange: (open: boolean) => void;\r\n};\r\n\r\nfunction MobileSidebarPortal({\r\n  open,\r\n  side,\r\n  onOpenChange,\r\n  className,\r\n  children,\r\n  ...props\r\n}: Readonly<MobileSidebarPortalProps>): React.ReactPortal | null {\r\n  React.useEffect(() => {\r\n    if (!open) {\r\n      return;\r\n    }\r\n\r\n    const previousOverflow = document.body.style.overflow;\r\n    const handleKeyDown = (event: KeyboardEvent) => {\r\n      if (event.key === \"Escape\") {\r\n        onOpenChange(false);\r\n      }\r\n    };\r\n\r\n    document.body.style.overflow = \"hidden\";\r\n    globalThis.window.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n    return () => {\r\n      document.body.style.overflow = previousOverflow;\r\n      globalThis.window.removeEventListener(\"keydown\", handleKeyDown);\r\n    };\r\n  }, [onOpenChange, open]);\r\n\r\n  if (!open || typeof document === \"undefined\") {\r\n    return null;\r\n  }\r\n\r\n  return createPortal(\r\n    <div className={styles.mobilePortal}>\r\n      <button\r\n        type='button'\r\n        aria-label='Close sidebar'\r\n        className={styles.mobileOverlay}\r\n        onClick={() => onOpenChange(false)}\r\n      />\r\n      <div\r\n        role='dialog'\r\n        aria-modal='true'\r\n        aria-label='Sidebar'\r\n        data-sidebar='sidebar'\r\n        className={cn(styles.mobilePanel, side === \"right\" ? styles.mobilePanelRight : styles.mobilePanelLeft, className)}\r\n        style={{\"--ac-sidebar-width\": SIDEBAR_WIDTH_MOBILE} as React.CSSProperties}\r\n        {...props}>\r\n        <div className={styles.srOnly}>\r\n          <h2>Sidebar</h2>\r\n          <p>Displays the mobile sidebar.</p>\r\n        </div>\r\n        <div className={styles.mobileContent}>{children}</div>\r\n      </div>\r\n    </div>,\r\n    document.body,\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the primary button used to toggle the sidebar.\r\n *\r\n * @remarks\r\n * - Renders the shared `Button` component\r\n * - Built on the shared sidebar context\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarTrigger />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/button | HTML button element}\r\n */\r\nconst SidebarTrigger = React.forwardRef<React.ComponentRef<typeof Button>, React.ComponentProps<typeof Button>>(\r\n  ({className, onClick, ...props}, ref) => {\r\n    const {toggleSidebar} = useSidebar();\r\n\r\n    return (\r\n      <Button\r\n        ref={ref}\r\n        data-sidebar='trigger'\r\n        variant='ghost'\r\n        size='icon'\r\n        className={cn(styles.trigger, className)}\r\n        onClick={(event) => {\r\n          onClick?.(event);\r\n          toggleSidebar();\r\n        }}\r\n        {...props}>\r\n        <PanelLeft className={styles.triggerIcon} />\r\n        <span className={styles.srOnly}>Toggle Sidebar</span>\r\n      </Button>\r\n    );\r\n  },\r\n);\r\nSidebarTrigger.displayName = \"SidebarTrigger\";\r\n\r\n/**\r\n * Renders a slim rail button used to toggle the sidebar collapsed state.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element\r\n * - Built on the shared sidebar context\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarRail />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/button | HTML button element}\r\n */\r\nconst SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\">>(({className, ...props}, ref) => {\r\n  const {toggleSidebar} = useSidebar();\r\n\r\n  return (\r\n    <button\r\n      ref={ref}\r\n      data-sidebar='rail'\r\n      aria-label='Toggle Sidebar'\r\n      tabIndex={-1}\r\n      title='Toggle Sidebar'\r\n      type='button'\r\n      className={cn(styles.rail, className)}\r\n      onClick={toggleSidebar}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarRail.displayName = \"SidebarRail\";\r\n\r\n/**\r\n * Renders the inset main content region adjacent to the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<main>` element\r\n * - Built as a layout helper for inset sidebar variants\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarInset>Main content</SidebarInset>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/main | HTML main element}\r\n */\r\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(({className, ...props}, ref) => (\r\n  <main\r\n    ref={ref}\r\n    className={cn(styles.inset, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarInset.displayName = \"SidebarInset\";\r\n\r\n/**\r\n * Renders a styled input inside sidebar layouts.\r\n *\r\n * @remarks\r\n * - Renders the shared `Input` component\r\n * - Built for sidebar search and filtering affordances\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarInput placeholder='Search...' />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/input | HTML input element}\r\n */\r\nconst SidebarInput = React.forwardRef<React.ComponentRef<typeof Input>, React.ComponentProps<typeof Input>>(\r\n  ({className, ...props}, ref) => (\r\n    <Input\r\n      ref={ref}\r\n      data-sidebar='input'\r\n      className={cn(styles.input, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nSidebarInput.displayName = \"SidebarInput\";\r\n\r\n/**\r\n * Renders the header region of the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for branding or primary controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarHeader>Workspace</SidebarHeader>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='header'\r\n    className={cn(styles.header, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarHeader.displayName = \"SidebarHeader\";\r\n\r\n/**\r\n * Renders the footer region of the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for actions or account controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarFooter>Footer content</SidebarFooter>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='footer'\r\n    className={cn(styles.footer, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarFooter.displayName = \"SidebarFooter\";\r\n\r\n/**\r\n * Renders a separator between sidebar regions or menu groups.\r\n *\r\n * @remarks\r\n * - Renders the shared `Separator` component\r\n * - Built as a lightweight structural divider\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarSeparator />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/hr | HTML thematic break}\r\n */\r\nconst SidebarSeparator = React.forwardRef<React.ComponentRef<typeof Separator>, React.ComponentProps<typeof Separator>>(\r\n  ({className, ...props}, ref) => (\r\n    <Separator\r\n      ref={ref}\r\n      data-sidebar='separator'\r\n      className={cn(styles.separator, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nSidebarSeparator.displayName = \"SidebarSeparator\";\r\n\r\n/**\r\n * Renders the scrollable content region of the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for menu groups and custom content\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarContent>\r\n *   <SidebarMenu />\r\n * </SidebarContent>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='content'\r\n    className={cn(styles.content, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarContent.displayName = \"SidebarContent\";\r\n\r\n/**\r\n * Renders a logical grouping container inside the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for related navigation sections\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroup>\r\n *   <SidebarGroupLabel>Projects</SidebarGroupLabel>\r\n * </SidebarGroup>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='group'\r\n    className={cn(styles.group, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarGroup.displayName = \"SidebarGroup\";\r\n\r\nfunction cloneSidebarChild<TProps extends {className?: string}>(children: React.ReactNode, mergedProps: TProps): React.JSX.Element | null {\r\n  if (!React.isValidElement(children)) {\r\n    return null;\r\n  }\r\n\r\n  const child = children as React.ReactElement<TProps>;\r\n\r\n  // eslint-disable-next-line react-x/no-clone-element -- replaces Radix Slot while preserving asChild prop merging\r\n  return React.cloneElement(child, {\r\n    ...mergedProps,\r\n    className: cn(mergedProps.className, child.props.className),\r\n  });\r\n}\r\n\r\n/**\r\n * Props for the sidebar group label.\r\n */\r\ninterface SidebarGroupLabelProps extends React.ComponentProps<\"div\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<div>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Renders the heading label for a sidebar group.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Supports `asChild` composition for custom markup\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroupLabel>Projects</SidebarGroupLabel>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, SidebarGroupLabelProps>(\r\n  ({className, asChild = false, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableDivProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.groupLabel, className),\r\n      \"data-sidebar\": \"group-label\",\r\n      ref,\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return <div {...mergedProps} />;\r\n  },\r\n);\r\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\r\n\r\n/**\r\n * Props for the sidebar group action button.\r\n */\r\ninterface SidebarGroupActionProps extends React.ComponentProps<\"button\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<button>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a secondary action aligned with a sidebar group heading.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Supports `asChild` composition for custom controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroupAction aria-label='Add project'>+</SidebarGroupAction>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarGroupAction = React.forwardRef<HTMLButtonElement, SidebarGroupActionProps>(\r\n  ({className, asChild = false, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableButtonProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.groupAction, className),\r\n      \"data-sidebar\": \"group-action\",\r\n      ref,\r\n      type: props.type ?? \"button\",\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <button\r\n        type={props.type === \"submit\" ? \"submit\" : props.type === \"reset\" ? \"reset\" : \"button\"}\r\n        {...mergedProps}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\r\n\r\n/**\r\n * Renders the content container for a sidebar group.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a structural wrapper for nested menu items or custom content\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroupContent>\r\n *   <SidebarMenu />\r\n * </SidebarGroupContent>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='group-content'\r\n    className={cn(styles.groupContent, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\r\n\r\n/**\r\n * Renders the root sidebar navigation list.\r\n *\r\n * @remarks\r\n * - Renders a `<ul>` element\r\n * - Built as the primary menu container for sidebar navigation\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenu>\r\n *   <SidebarMenuItem />\r\n * </SidebarMenu>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/ul | HTML ul element}\r\n */\r\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    data-sidebar='menu'\r\n    className={cn(styles.menu, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenu.displayName = \"SidebarMenu\";\r\n\r\n/**\r\n * Renders a single list item within the sidebar menu.\r\n *\r\n * @remarks\r\n * - Renders an `<li>` element\r\n * - Built as a structural wrapper for menu buttons and actions\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuItem>\r\n *   <SidebarMenuButton>Dashboard</SidebarMenuButton>\r\n * </SidebarMenuItem>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/li | HTML li element}\r\n */\r\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({className, ...props}, ref) => (\r\n  <li\r\n    ref={ref}\r\n    data-sidebar='menu-item'\r\n    className={cn(styles.menuItem, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\r\n\r\nconst sidebarMenuButtonVariantStyles = {\r\n  default: styles.menuButtonDefault,\r\n  outline: styles.menuButtonOutline,\r\n} as const;\r\n\r\nconst sidebarMenuButtonSizeStyles = {\r\n  default: styles.menuButtonSizeDefault,\r\n  sm: styles.menuButtonSizeSm,\r\n  lg: styles.menuButtonSizeLg,\r\n} as const;\r\n\r\n/**\r\n * Props for the sidebar menu button.\r\n */\r\ninterface SidebarMenuButtonProps extends React.ComponentProps<\"button\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<button>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Whether the menu item should be styled as active.\r\n   * @default false\r\n   */\r\n  isActive?: boolean;\r\n  /**\r\n   * Tooltip content displayed when the sidebar is collapsed on desktop.\r\n   * @default undefined\r\n   */\r\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\r\n  /**\r\n   * Visual style variant for the menu button.\r\n   * @default \"default\"\r\n   */\r\n  variant?: keyof typeof sidebarMenuButtonVariantStyles;\r\n  /**\r\n   * Size preset for the menu button.\r\n   * @default \"default\"\r\n   */\r\n  size?: keyof typeof sidebarMenuButtonSizeStyles;\r\n}\r\n\r\n/**\r\n * Renders the primary interactive element for a sidebar menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Supports `asChild` composition and contextual tooltips when collapsed\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuButton isActive>Dashboard</SidebarMenuButton>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\r\n  ({asChild = false, isActive = false, variant = \"default\", size = \"default\", tooltip, className, children, ...props}, ref) => {\r\n    const {isMobile, state} = useSidebar();\r\n    const mergedProps: SidebarCloneableButtonProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.menuButton, sidebarMenuButtonVariantStyles[variant], sidebarMenuButtonSizeStyles[size], className),\r\n      \"data-active\": isActive,\r\n      \"data-sidebar\": \"menu-button\",\r\n      \"data-size\": size,\r\n      ref,\r\n      type: props.type ?? \"button\",\r\n    };\r\n    const clonedChild = asChild ? cloneSidebarChild(children, mergedProps) : null;\r\n\r\n    const button = clonedChild ?? (\r\n      <button\r\n        type={props.type === \"submit\" ? \"submit\" : props.type === \"reset\" ? \"reset\" : \"button\"}\r\n        {...mergedProps}\r\n      />\r\n    );\r\n\r\n    if (!tooltip) {\r\n      return button;\r\n    }\r\n\r\n    const resolvedTooltip = typeof tooltip === \"string\" ? {children: tooltip} : tooltip;\r\n\r\n    return (\r\n      <Tooltip>\r\n        <TooltipTrigger render={button as React.ReactElement} />\r\n        <TooltipContent\r\n          hidden={state !== \"collapsed\" || isMobile}\r\n          {...resolvedTooltip}\r\n        />\r\n      </Tooltip>\r\n    );\r\n  },\r\n);\r\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\r\n\r\n/**\r\n * Props for the sidebar menu action button.\r\n */\r\ninterface SidebarMenuActionProps extends React.ComponentProps<\"button\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<button>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Whether the action should remain hidden until its parent item is hovered.\r\n   * @default false\r\n   */\r\n  showOnHover?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a secondary action button aligned within a sidebar menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Supports `asChild` composition for custom controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuAction showOnHover>⋯</SidebarMenuAction>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarMenuAction = React.forwardRef<HTMLButtonElement, SidebarMenuActionProps>(\r\n  ({className, asChild = false, showOnHover = false, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableButtonProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.menuAction, showOnHover && styles.menuActionShowOnHover, className),\r\n      \"data-sidebar\": \"menu-action\",\r\n      ref,\r\n      type: props.type ?? \"button\",\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <button\r\n        type={props.type === \"submit\" ? \"submit\" : props.type === \"reset\" ? \"reset\" : \"button\"}\r\n        {...mergedProps}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\r\n\r\n/**\r\n * Renders a badge alongside a sidebar menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a lightweight presentational helper for counts and statuses\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuBadge>3</SidebarMenuBadge>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='menu-badge'\r\n    className={cn(styles.menuBadge, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\r\n\r\n/**\r\n * Props for the sidebar menu skeleton.\r\n */\r\ninterface SidebarMenuSkeletonProps extends React.ComponentProps<\"div\"> {\r\n  /**\r\n   * Whether to render a leading skeleton icon placeholder.\r\n   * @default false\r\n   */\r\n  showIcon?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a loading placeholder for sidebar menu items.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built from shared `Skeleton` primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSkeleton showIcon />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarMenuSkeleton = React.forwardRef<HTMLDivElement, SidebarMenuSkeletonProps>(({className, showIcon = false, ...props}, ref) => {\r\n  const width = React.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='menu-skeleton'\r\n      className={cn(styles.menuSkeleton, className)}\r\n      {...props}>\r\n      {Boolean(showIcon) && (\r\n        <Skeleton\r\n          className={styles.menuSkeletonIcon}\r\n          data-sidebar='menu-skeleton-icon'\r\n        />\r\n      )}\r\n      <Skeleton\r\n        className={styles.menuSkeletonText}\r\n        data-sidebar='menu-skeleton-text'\r\n        style={{\"--ac-skeleton-width\": width} as React.CSSProperties}\r\n      />\r\n    </div>\r\n  );\r\n});\r\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\r\n\r\n/**\r\n * Renders a nested menu list within the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<ul>` element\r\n * - Built for multi-level navigation structures\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSub>\r\n *   <SidebarMenuSubItem />\r\n * </SidebarMenuSub>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/ul | HTML ul element}\r\n */\r\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    data-sidebar='menu-sub'\r\n    className={cn(styles.menuSub, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\r\n\r\n/**\r\n * Renders a single nested sidebar menu list item.\r\n *\r\n * @remarks\r\n * - Renders an `<li>` element\r\n * - Built as a structural wrapper for nested menu links\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSubItem />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/li | HTML li element}\r\n */\r\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>((props, ref) => (\r\n  <li\r\n    ref={ref}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\r\n\r\n/**\r\n * Props for the sidebar nested menu button.\r\n */\r\ninterface SidebarMenuSubButtonProps extends React.ComponentProps<\"a\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<a>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Size preset for the nested menu link.\r\n   * @default \"md\"\r\n   */\r\n  size?: \"sm\" | \"md\";\r\n  /**\r\n   * Whether the nested menu item should be styled as active.\r\n   * @default undefined\r\n   */\r\n  isActive?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a nested sidebar menu link.\r\n *\r\n * @remarks\r\n * - Renders an `<a>` element by default\r\n * - Supports `asChild` composition for custom link components\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSubButton href='/settings/profile'>Profile</SidebarMenuSubButton>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarMenuSubButton = React.forwardRef<HTMLAnchorElement, SidebarMenuSubButtonProps>(\r\n  ({asChild = false, size = \"md\", isActive, className, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableAnchorProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.menuSubButton, size === \"sm\" ? styles.menuSubButtonSm : styles.menuSubButtonMd, className),\r\n      \"data-active\": isActive,\r\n      \"data-sidebar\": \"menu-sub-button\",\r\n      \"data-size\": size,\r\n      ref,\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return <a {...mergedProps}>{children}</a>;\r\n  },\r\n);\r\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\r\n\r\nexport {\r\n  Sidebar,\r\n  SidebarContent,\r\n  SidebarFooter,\r\n  SidebarGroup,\r\n  SidebarGroupAction,\r\n  SidebarGroupContent,\r\n  SidebarGroupLabel,\r\n  SidebarHeader,\r\n  SidebarInput,\r\n  SidebarInset,\r\n  SidebarMenu,\r\n  SidebarMenuAction,\r\n  SidebarMenuBadge,\r\n  SidebarMenuButton,\r\n  SidebarMenuItem,\r\n  SidebarMenuSkeleton,\r\n  SidebarMenuSub,\r\n  SidebarMenuSubButton,\r\n  SidebarMenuSubItem,\r\n  SidebarProvider,\r\n  SidebarRail,\r\n  SidebarSeparator,\r\n  SidebarTrigger,\r\n  useSidebar,\r\n};\r\n"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","Error","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","internalOpen","setInternalOpen","open","setOpen","value","nextValue","document","toggleSidebar","currentOpen","handleKeyDown","event","globalThis","state","contextValue","TooltipProvider","cn","styles","Sidebar","side","variant","collapsible","MobileSidebarPortal","onOpenChange","previousOverflow","createPortal","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","cloneSidebarChild","mergedProps","child","SidebarGroupLabel","asChild","clonedChild","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariantStyles","sidebarMenuButtonSizeStyles","SidebarMenuButton","isActive","size","tooltip","button","resolvedTooltip","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Math","Boolean","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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"}