@codefast/ui 0.3.9 → 0.3.10

package/dist/components/sidebar.cjs

@@ -1,2 +1,507 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SidebarFooter:()=>SidebarFooter,SidebarMenuSub:()=>SidebarMenuSub,SidebarMenuSubButton:()=>SidebarMenuSubButton,SidebarProvider:()=>SidebarProvider,SidebarContent:()=>SidebarContent,SidebarGroupAction:()=>SidebarGroupAction,SidebarHeader:()=>SidebarHeader,SidebarMenuBadge:()=>SidebarMenuBadge,SidebarMenuSkeleton:()=>SidebarMenuSkeleton,SidebarMenu:()=>SidebarMenu,Sidebar:()=>Sidebar,SidebarSeparator:()=>SidebarSeparator,SidebarTrigger:()=>SidebarTrigger,SidebarGroupContent:()=>SidebarGroupContent,SidebarMenuItem:()=>SidebarMenuItem,SidebarGroupLabel:()=>SidebarGroupLabel,sidebarMenuButtonVariants:()=>sidebarMenuButtonVariants,useSidebar:()=>useSidebar,SidebarInput:()=>SidebarInput,SidebarMenuButton:()=>SidebarMenuButton,SidebarInset:()=>SidebarInset,SidebarMenuAction:()=>SidebarMenuAction,SidebarMenuSubItem:()=>SidebarMenuSubItem,SidebarRail:()=>SidebarRail,SidebarGroup:()=>SidebarGroup});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("./button.cjs"),external_input_cjs_namespaceObject=require("./input.cjs"),external_separator_cjs_namespaceObject=require("./separator.cjs"),external_sheet_cjs_namespaceObject=require("./sheet.cjs"),external_skeleton_cjs_namespaceObject=require("./skeleton.cjs"),external_tooltip_cjs_namespaceObject=require("./tooltip.cjs"),use_is_mobile_cjs_namespaceObject=require("../hooks/use-is-mobile.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_context_namespaceObject=require("@radix-ui/react-context"),react_slot_namespaceObject=require("@radix-ui/react-slot"),sidebarMenuButtonVariants=(0,tailwind_variants_namespaceObject.tv)({base:"peer/menu-button outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground group-has-data-[sidebar=menu-action]/menu-item:pr-8 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-3 flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm transition-[width,height,padding] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",defaultVariants:{size:"md",variant:"default"},variants:{size:{sm:"h-7 text-xs",md:"h-8 text-sm",lg:"group-data-[collapsible=icon]:p-0! h-12 text-sm"},variant:{default:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"}}}),SIDEBAR_COOKIE_NAME="sidebar_state",SIDEBAR_COOKIE_MAX_AGE=604800,SIDEBAR_WIDTH="16rem",SIDEBAR_WIDTH_MOBILE="18rem",SIDEBAR_WIDTH_ICON="3.0625rem",SIDEBAR_KEYBOARD_SHORTCUT="b",SIDEBAR_PROVIDER_NAME="SidebarProvider",[SidebarContextProvider,useSidebar]=(0,react_context_namespaceObject.createContext)("SidebarProvider");function SidebarProvider({children:e,className:a,defaultOpen:t=!0,onOpenChange:r,open:i,style:n,...s}){let d=(0,use_is_mobile_cjs_namespaceObject.useIsMobile)(),[o,c]=(0,external_react_namespaceObject.useState)(!1),[b,l]=(0,external_react_namespaceObject.useState)(t),u=i??b,_=(0,external_react_namespaceObject.useCallback)(e=>{let a="function"==typeof e?e(u):e;r?r(a):l(a),document.cookie=`sidebar_state=${a.toString()}; path=/; max-age=604800`},[r,u]),p=(0,external_react_namespaceObject.useCallback)(()=>{d?c(e=>!e):_(e=>!e)},[d,_]);(0,external_react_namespaceObject.useEffect)(()=>{let e=e=>{"b"===e.key&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),p())};return globalThis.addEventListener("keydown",e),()=>{globalThis.removeEventListener("keydown",e)}},[p]);let m=u?"expanded":"collapsed";return(0,jsx_runtime_namespaceObject.jsx)(SidebarContextProvider,{isMobile:d,open:u,openMobile:o,setOpen:_,setOpenMobile:c,state:m,toggleSidebar:p,children:(0,jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipProvider,{delayDuration:0,children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",a),"data-slot":"sidebar-wrapper",style:{"--sidebar-width":"16rem","--sidebar-width-icon":"3.0625rem",...n},...s,children:e})})})}const SIDEBAR_NAME="Sidebar";function Sidebar({children:e,className:a,collapsible:t="offcanvas",side:r="left",variant:i="sidebar",...n}){let{isMobile:s,openMobile:d,setOpenMobile:o,state:c}=useSidebar("Sidebar");return"none"===t?(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",a),"data-slot":"sidebar",...n,children:e}):s?(0,jsx_runtime_namespaceObject.jsx)(external_sheet_cjs_namespaceObject.Sheet,{open:d,onOpenChange:o,...n,children:(0,jsx_runtime_namespaceObject.jsxs)(external_sheet_cjs_namespaceObject.SheetContent,{className:"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden","data-mobile":"true","data-sidebar":"sidebar","data-slot":"sidebar",side:r,style:{"--sidebar-width":"18rem"},children:[(0,jsx_runtime_namespaceObject.jsxs)(external_sheet_cjs_namespaceObject.SheetHeader,{className:"sr-only",children:[(0,jsx_runtime_namespaceObject.jsx)(external_sheet_cjs_namespaceObject.SheetTitle,{children:"Sidebar"}),(0,jsx_runtime_namespaceObject.jsx)(external_sheet_cjs_namespaceObject.SheetDescription,{children:"Displays the mobile sidebar."})]}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex h-full w-full flex-col",children:e})]})}):(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,tailwind_variants_namespaceObject.cn)("text-sidebar-foreground group peer hidden md:block",a),"data-collapsible":"collapsed"===c?t:"","data-side":r,"data-slot":"sidebar","data-state":c,"data-variant":i,children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180","floating"===i||"inset"===i?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)"),"data-slot":"sidebar-gap"}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex","left"===r?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]","floating"===i||"inset"===i?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",a),"data-slot":"sidebar-container",...n,children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm","data-sidebar":"sidebar","data-slot":"sidebar-inner",children:e})})]})}const SIDEBAR_TRIGGER_NAME="SidebarTrigger";function SidebarTrigger({className:e,onClick:a,...t}){let{toggleSidebar:r}=useSidebar("SidebarTrigger");return(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{className:(0,tailwind_variants_namespaceObject.cn)("size-7",e),"data-sidebar":"trigger","data-slot":"sidebar-trigger",size:"icon",variant:"ghost",onClick:e=>{a?.(e),r()},...t,children:[(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.PanelLeftIcon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"sr-only",children:"Toggle Sidebar"})]})}const SIDEBAR_RAIL_NAME="SidebarRail";function SidebarRail({className:e,...a}){let{toggleSidebar:t}=useSidebar("SidebarRail");return(0,jsx_runtime_namespaceObject.jsx)("button",{className:(0,tailwind_variants_namespaceObject.cn)("hover:after:bg-sidebar-border hover:group-data-[collapsible=offcanvas]:bg-sidebar absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[collapsible=offcanvas]:translate-x-0 group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] group-data-[collapsible=offcanvas]:after:left-full in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize sm:flex [[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-collapsible=offcanvas]_&]:-left-2 [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",e),"data-sidebar":"rail","data-slot":"sidebar-rail",title:"Toggle Sidebar",type:"button",onClick:t,...a})}function SidebarInset({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("main",{className:(0,tailwind_variants_namespaceObject.cn)("bg-background relative flex w-full min-w-0 flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",e),"data-slot":"sidebar-inset",...a})}function SidebarInput({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{className:(0,tailwind_variants_namespaceObject.cn)("bg-background h-8 w-full shadow-none",e),"data-sidebar":"input","data-slot":"sidebar-input",...a})}function SidebarHeader({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex flex-col gap-2 p-2",e),"data-sidebar":"header","data-slot":"sidebar-header",...a})}function SidebarFooter({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex flex-col gap-2 p-2",e),"data-sidebar":"footer","data-slot":"sidebar-footer",...a})}function SidebarSeparator({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{className:(0,tailwind_variants_namespaceObject.cn)("bg-sidebar-border mx-2 w-auto",e),"data-sidebar":"separator","data-slot":"sidebar-separator",...a})}function SidebarContent({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",e),"data-sidebar":"content","data-slot":"sidebar-content",...a})}function SidebarGroup({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("relative flex w-full min-w-0 flex-col p-2",e),"data-sidebar":"group","data-slot":"sidebar-group",...a})}function SidebarGroupLabel({asChild:e=!1,className:a,...t}){let r=e?react_slot_namespaceObject.Slot:"div";return(0,jsx_runtime_namespaceObject.jsx)(r,{className:(0,tailwind_variants_namespaceObject.cn)("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center truncate rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-3 [&>svg]:size-4 [&>svg]:shrink-0",a),"data-sidebar":"group-label","data-slot":"sidebar-group-label",...t})}function SidebarGroupAction({asChild:e=!1,className:a,...t}){let r=e?react_slot_namespaceObject.Slot:"button";return(0,jsx_runtime_namespaceObject.jsx)(r,{className:(0,tailwind_variants_namespaceObject.cn)("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 focus-visible:ring-3 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",a),"data-sidebar":"group-action","data-slot":"sidebar-group-action",...t})}function SidebarGroupContent({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("w-full text-sm",e),"data-sidebar":"group-content","data-slot":"sidebar-group-content",...a})}function SidebarMenu({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("ul",{className:(0,tailwind_variants_namespaceObject.cn)("flex w-full min-w-0 flex-col gap-1",e),"data-sidebar":"menu","data-slot":"sidebar-menu",...a})}function SidebarMenuItem({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("li",{className:(0,tailwind_variants_namespaceObject.cn)("group/menu-item relative",e),"data-sidebar":"menu-item","data-slot":"sidebar-menu-item",...a})}const SIDEBAR_MENU_BUTTON_NAME="SidebarMenuButton";function SidebarMenuButton({asChild:e=!1,className:a,isActive:t=!1,size:r="md",tooltip:i,variant:n="default",...s}){let d=e?react_slot_namespaceObject.Slot:"button",{isMobile:o,state:c}=useSidebar("SidebarMenuButton"),b=(0,jsx_runtime_namespaceObject.jsx)(d,{className:(0,tailwind_variants_namespaceObject.cn)(sidebarMenuButtonVariants({size:r,variant:n}),a),"data-active":t,"data-sidebar":"menu-button","data-size":r,"data-slot":"sidebar-menu-button",...s});return i?("string"==typeof i&&(i={children:i}),(0,jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger,{asChild:!0,children:b}),(0,jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent,{align:"center",hidden:"collapsed"!==c||o,side:"right",...i})]})):b}function SidebarMenuAction({asChild:e=!1,className:a,showOnHover:t=!1,...r}){let i=e?react_slot_namespaceObject.Slot:"button";return(0,jsx_runtime_namespaceObject.jsx)(i,{className:(0,tailwind_variants_namespaceObject.cn)("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 focus-visible:ring-3 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",t&&"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",a),"data-sidebar":"menu-action","data-slot":"sidebar-menu-action",...r})}function SidebarMenuBadge({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1",e),"data-sidebar":"menu-badge","data-slot":"sidebar-menu-badge",...a})}function SidebarMenuSkeleton({className:e,showIcon:a=!1,...t}){let[r]=(0,external_react_namespaceObject.useState)(()=>`${String(Math.floor(40*Math.random())+50)}%`);return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex h-8 items-center gap-2 rounded-md px-2",e),"data-sidebar":"menu-skeleton","data-slot":"sidebar-menu-skeleton",...t,children:[a?(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}):null,(0,jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton,{className:"h-4 max-w-(--skeleton-width) flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":r}})]})}function SidebarMenuSub({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("ul",{className:(0,tailwind_variants_namespaceObject.cn)("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden",e),"data-sidebar":"menu-sub","data-slot":"sidebar-menu-sub",...a})}function SidebarMenuSubItem({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("li",{className:(0,tailwind_variants_namespaceObject.cn)("group/menu-sub-item relative",e),"data-sidebar":"menu-sub-item","data-slot":"sidebar-menu-sub-item",...a})}function SidebarMenuSubButton({asChild:e=!1,className:a,isActive:t=!1,size:r="md",...i}){let n=e?react_slot_namespaceObject.Slot:"a";return(0,jsx_runtime_namespaceObject.jsx)(n,{className:(0,tailwind_variants_namespaceObject.cn)("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0","sm"===r&&"text-xs","md"===r&&"text-sm","group-data-[collapsible=icon]:hidden",a),"data-active":t,"data-sidebar":"menu-sub-button","data-size":r,"data-slot":"sidebar-menu-sub-button",...i})}for(var __webpack_i__ in exports.Sidebar=__webpack_exports__.Sidebar,exports.SidebarContent=__webpack_exports__.SidebarContent,exports.SidebarFooter=__webpack_exports__.SidebarFooter,exports.SidebarGroup=__webpack_exports__.SidebarGroup,exports.SidebarGroupAction=__webpack_exports__.SidebarGroupAction,exports.SidebarGroupContent=__webpack_exports__.SidebarGroupContent,exports.SidebarGroupLabel=__webpack_exports__.SidebarGroupLabel,exports.SidebarHeader=__webpack_exports__.SidebarHeader,exports.SidebarInput=__webpack_exports__.SidebarInput,exports.SidebarInset=__webpack_exports__.SidebarInset,exports.SidebarMenu=__webpack_exports__.SidebarMenu,exports.SidebarMenuAction=__webpack_exports__.SidebarMenuAction,exports.SidebarMenuBadge=__webpack_exports__.SidebarMenuBadge,exports.SidebarMenuButton=__webpack_exports__.SidebarMenuButton,exports.SidebarMenuItem=__webpack_exports__.SidebarMenuItem,exports.SidebarMenuSkeleton=__webpack_exports__.SidebarMenuSkeleton,exports.SidebarMenuSub=__webpack_exports__.SidebarMenuSub,exports.SidebarMenuSubButton=__webpack_exports__.SidebarMenuSubButton,exports.SidebarMenuSubItem=__webpack_exports__.SidebarMenuSubItem,exports.SidebarProvider=__webpack_exports__.SidebarProvider,exports.SidebarRail=__webpack_exports__.SidebarRail,exports.SidebarSeparator=__webpack_exports__.SidebarSeparator,exports.SidebarTrigger=__webpack_exports__.SidebarTrigger,exports.sidebarMenuButtonVariants=__webpack_exports__.sidebarMenuButtonVariants,exports.useSidebar=__webpack_exports__.useSidebar,__webpack_exports__)-1===["Sidebar","SidebarContent","SidebarFooter","SidebarGroup","SidebarGroupAction","SidebarGroupContent","SidebarGroupLabel","SidebarHeader","SidebarInput","SidebarInset","SidebarMenu","SidebarMenuAction","SidebarMenuBadge","SidebarMenuButton","SidebarMenuItem","SidebarMenuSkeleton","SidebarMenuSub","SidebarMenuSubButton","SidebarMenuSubItem","SidebarProvider","SidebarRail","SidebarSeparator","SidebarTrigger","sidebarMenuButtonVariants","useSidebar"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    SidebarFooter: ()=>SidebarFooter,
+    SidebarMenuSub: ()=>SidebarMenuSub,
+    SidebarMenuSubButton: ()=>SidebarMenuSubButton,
+    SidebarProvider: ()=>SidebarProvider,
+    SidebarContent: ()=>SidebarContent,
+    SidebarGroupAction: ()=>SidebarGroupAction,
+    SidebarHeader: ()=>SidebarHeader,
+    SidebarMenuBadge: ()=>SidebarMenuBadge,
+    SidebarMenuSkeleton: ()=>SidebarMenuSkeleton,
+    SidebarMenu: ()=>SidebarMenu,
+    Sidebar: ()=>Sidebar,
+    SidebarSeparator: ()=>SidebarSeparator,
+    SidebarTrigger: ()=>SidebarTrigger,
+    SidebarGroupContent: ()=>SidebarGroupContent,
+    SidebarMenuItem: ()=>SidebarMenuItem,
+    SidebarGroupLabel: ()=>SidebarGroupLabel,
+    sidebarMenuButtonVariants: ()=>sidebarMenuButtonVariants,
+    useSidebar: ()=>useSidebar,
+    SidebarInput: ()=>SidebarInput,
+    SidebarMenuButton: ()=>SidebarMenuButton,
+    SidebarInset: ()=>SidebarInset,
+    SidebarMenuAction: ()=>SidebarMenuAction,
+    SidebarMenuSubItem: ()=>SidebarMenuSubItem,
+    SidebarRail: ()=>SidebarRail,
+    SidebarGroup: ()=>SidebarGroup
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_context_namespaceObject = require("@radix-ui/react-context");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_input_cjs_namespaceObject = require("./input.cjs");
+const external_separator_cjs_namespaceObject = require("./separator.cjs");
+const external_sheet_cjs_namespaceObject = require("./sheet.cjs");
+const external_skeleton_cjs_namespaceObject = require("./skeleton.cjs");
+const external_tooltip_cjs_namespaceObject = require("./tooltip.cjs");
+const use_is_mobile_cjs_namespaceObject = require("../hooks/use-is-mobile.cjs");
+const sidebarMenuButtonVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: 'peer/menu-button outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground group-has-data-[sidebar=menu-action]/menu-item:pr-8 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-3 flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm transition-[width,height,padding] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',
+    defaultVariants: {
+        size: 'md',
+        variant: 'default'
+    },
+    variants: {
+        size: {
+            sm: 'h-7 text-xs',
+            md: 'h-8 text-sm',
+            lg: 'group-data-[collapsible=icon]:p-0! h-12 text-sm'
+        },
+        variant: {
+            default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',
+            outline: 'bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]'
+        }
+    }
+});
+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 = '3.0625rem';
+const SIDEBAR_KEYBOARD_SHORTCUT = 'b';
+const SIDEBAR_PROVIDER_NAME = 'SidebarProvider';
+const [SidebarContextProvider, useSidebar] = (0, react_context_namespaceObject.createContext)(SIDEBAR_PROVIDER_NAME);
+function SidebarProvider({ children, className, defaultOpen = true, onOpenChange: setOpenProperty, open: openProperty, style, ...props }) {
+    const isMobile = (0, use_is_mobile_cjs_namespaceObject.useIsMobile)();
+    const [openMobile, setOpenMobile] = (0, external_react_namespaceObject.useState)(false);
+    const [isOpen, setIsOpen] = (0, external_react_namespaceObject.useState)(defaultOpen);
+    const open = openProperty ?? isOpen;
+    const setOpen = (0, external_react_namespaceObject.useCallback)((value)=>{
+        const openState = 'function' == typeof value ? value(open) : value;
+        if (setOpenProperty) setOpenProperty(openState);
+        else setIsOpen(openState);
+        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState.toString()}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE.toString()}`;
+    }, [
+        setOpenProperty,
+        open
+    ]);
+    const toggleSidebar = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (isMobile) setOpenMobile((currentValue)=>!currentValue);
+        else setOpen((currentValue)=>!currentValue);
+    }, [
+        isMobile,
+        setOpen
+    ]);
+    (0, external_react_namespaceObject.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';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SidebarContextProvider, {
+        isMobile: isMobile,
+        open: open,
+        openMobile: openMobile,
+        setOpen: setOpen,
+        setOpenMobile: setOpenMobile,
+        state: state,
+        toggleSidebar: toggleSidebar,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipProvider, {
+            delayDuration: 0,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: (0, tailwind_variants_namespaceObject.cn)('group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full', className),
+                "data-slot": "sidebar-wrapper",
+                style: {
+                    '--sidebar-width': SIDEBAR_WIDTH,
+                    '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
+                    ...style
+                },
+                ...props,
+                children: children
+            })
+        })
+    });
+}
+const SIDEBAR_NAME = 'Sidebar';
+function Sidebar({ children, className, collapsible = 'offcanvas', side = 'left', variant = 'sidebar', ...props }) {
+    const { isMobile, openMobile, setOpenMobile, state } = useSidebar(SIDEBAR_NAME);
+    if ('none' === collapsible) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col', className),
+        "data-slot": "sidebar",
+        ...props,
+        children: children
+    });
+    if (isMobile) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_sheet_cjs_namespaceObject.Sheet, {
+        open: openMobile,
+        onOpenChange: setOpenMobile,
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_sheet_cjs_namespaceObject.SheetContent, {
+            className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+            "data-mobile": "true",
+            "data-sidebar": "sidebar",
+            "data-slot": "sidebar",
+            side: side,
+            style: {
+                '--sidebar-width': SIDEBAR_WIDTH_MOBILE
+            },
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_sheet_cjs_namespaceObject.SheetHeader, {
+                    className: "sr-only",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_sheet_cjs_namespaceObject.SheetTitle, {
+                            children: "Sidebar"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_sheet_cjs_namespaceObject.SheetDescription, {
+                            children: "Displays the mobile sidebar."
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "flex h-full w-full flex-col",
+                    children: children
+                })
+            ]
+        })
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-sidebar-foreground group peer hidden md:block', className),
+        "data-collapsible": 'collapsed' === state ? collapsible : '',
+        "data-side": side,
+        "data-slot": "sidebar",
+        "data-state": state,
+        "data-variant": variant,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: (0, tailwind_variants_namespaceObject.cn)('relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180', 'floating' === variant || 'inset' === variant ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]' : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)'),
+                "data-slot": "sidebar-gap"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: (0, tailwind_variants_namespaceObject.cn)('fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex', 'left' === side ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]' : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]', 'floating' === variant || 'inset' === variant ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]' : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l', className),
+                "data-slot": "sidebar-container",
+                ...props,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
+                    "data-sidebar": "sidebar",
+                    "data-slot": "sidebar-inner",
+                    children: children
+                })
+            })
+        ]
+    });
+}
+const SIDEBAR_TRIGGER_NAME = 'SidebarTrigger';
+function SidebarTrigger({ className, onClick, ...props }) {
+    const { toggleSidebar } = useSidebar(SIDEBAR_TRIGGER_NAME);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+        className: (0, tailwind_variants_namespaceObject.cn)('size-7', className),
+        "data-sidebar": "trigger",
+        "data-slot": "sidebar-trigger",
+        size: "icon",
+        variant: "ghost",
+        onClick: (event)=>{
+            onClick?.(event);
+            toggleSidebar();
+        },
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.PanelLeftIcon, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "sr-only",
+                children: "Toggle Sidebar"
+            })
+        ]
+    });
+}
+const SIDEBAR_RAIL_NAME = 'SidebarRail';
+function SidebarRail({ className, ...props }) {
+    const { toggleSidebar } = useSidebar(SIDEBAR_RAIL_NAME);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        className: (0, tailwind_variants_namespaceObject.cn)('hover:after:bg-sidebar-border hover:group-data-[collapsible=offcanvas]:bg-sidebar absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[collapsible=offcanvas]:translate-x-0 group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-0.5 group-data-[collapsible=offcanvas]:after:left-full in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize sm:flex [[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-collapsible=offcanvas]_&]:-left-2 [[data-side=right][data-state=collapsed]_&]:cursor-w-resize', className),
+        "data-sidebar": "rail",
+        "data-slot": "sidebar-rail",
+        title: "Toggle Sidebar",
+        type: "button",
+        onClick: toggleSidebar,
+        ...props
+    });
+}
+function SidebarInset({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-background relative flex w-full min-w-0 flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2', className),
+        "data-slot": "sidebar-inset",
+        ...props
+    });
+}
+function SidebarInput({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-background h-8 w-full shadow-none', className),
+        "data-sidebar": "input",
+        "data-slot": "sidebar-input",
+        ...props
+    });
+}
+function SidebarHeader({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex flex-col gap-2 p-2', className),
+        "data-sidebar": "header",
+        "data-slot": "sidebar-header",
+        ...props
+    });
+}
+function SidebarFooter({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex flex-col gap-2 p-2', className),
+        "data-sidebar": "footer",
+        "data-slot": "sidebar-footer",
+        ...props
+    });
+}
+function SidebarSeparator({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator, {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-sidebar-border mx-2 w-auto', className),
+        "data-sidebar": "separator",
+        "data-slot": "sidebar-separator",
+        ...props
+    });
+}
+function SidebarContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', className),
+        "data-sidebar": "content",
+        "data-slot": "sidebar-content",
+        ...props
+    });
+}
+function SidebarGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('relative flex w-full min-w-0 flex-col p-2', className),
+        "data-sidebar": "group",
+        "data-slot": "sidebar-group",
+        ...props
+    });
+}
+function SidebarGroupLabel({ asChild = false, className, ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : 'div';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center truncate rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-3 [&>svg]:size-4 [&>svg]:shrink-0', className),
+        "data-sidebar": "group-label",
+        "data-slot": "sidebar-group-label",
+        ...props
+    });
+}
+function SidebarGroupAction({ asChild = false, className, ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : 'button';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 focus-visible:ring-3 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0', className),
+        "data-sidebar": "group-action",
+        "data-slot": "sidebar-group-action",
+        ...props
+    });
+}
+function SidebarGroupContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('w-full text-sm', className),
+        "data-sidebar": "group-content",
+        "data-slot": "sidebar-group-content",
+        ...props
+    });
+}
+function SidebarMenu({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex w-full min-w-0 flex-col gap-1', className),
+        "data-sidebar": "menu",
+        "data-slot": "sidebar-menu",
+        ...props
+    });
+}
+function SidebarMenuItem({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+        className: (0, tailwind_variants_namespaceObject.cn)('group/menu-item relative', className),
+        "data-sidebar": "menu-item",
+        "data-slot": "sidebar-menu-item",
+        ...props
+    });
+}
+const SIDEBAR_MENU_BUTTON_NAME = 'SidebarMenuButton';
+function SidebarMenuButton({ asChild = false, className, isActive = false, size = 'md', tooltip, variant = 'default', ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : 'button';
+    const { isMobile, state } = useSidebar(SIDEBAR_MENU_BUTTON_NAME);
+    const button = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: (0, tailwind_variants_namespaceObject.cn)(sidebarMenuButtonVariants({
+            size,
+            variant
+        }), className),
+        "data-active": isActive,
+        "data-sidebar": "menu-button",
+        "data-size": size,
+        "data-slot": "sidebar-menu-button",
+        ...props
+    });
+    if (!tooltip) return button;
+    if ('string' == typeof tooltip) tooltip = {
+        children: tooltip
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
+                asChild: true,
+                children: button
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
+                align: "center",
+                hidden: 'collapsed' !== state || isMobile,
+                side: "right",
+                ...tooltip
+            })
+        ]
+    });
+}
+function SidebarMenuAction({ asChild = false, className, showOnHover = false, ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : 'button';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 focus-visible:ring-3 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0', showOnHover && 'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0', className),
+        "data-sidebar": "menu-action",
+        "data-slot": "sidebar-menu-action",
+        ...props
+    });
+}
+function SidebarMenuBadge({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1', className),
+        "data-sidebar": "menu-badge",
+        "data-slot": "sidebar-menu-badge",
+        ...props
+    });
+}
+function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
+    const [width] = (0, external_react_namespaceObject.useState)(()=>`${String(Math.floor(40 * Math.random()) + 50)}%`);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex h-8 items-center gap-2 rounded-md px-2', className),
+        "data-sidebar": "menu-skeleton",
+        "data-slot": "sidebar-menu-skeleton",
+        ...props,
+        children: [
+            showIcon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton, {
+                className: "size-4 rounded-md",
+                "data-sidebar": "menu-skeleton-icon"
+            }) : null,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton, {
+                className: "h-4 max-w-(--skeleton-width) flex-1",
+                "data-sidebar": "menu-skeleton-text",
+                style: {
+                    '--skeleton-width': width
+                }
+            })
+        ]
+    });
+}
+function SidebarMenuSub({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
+        className: (0, tailwind_variants_namespaceObject.cn)('border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden', className),
+        "data-sidebar": "menu-sub",
+        "data-slot": "sidebar-menu-sub",
+        ...props
+    });
+}
+function SidebarMenuSubItem({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+        className: (0, tailwind_variants_namespaceObject.cn)('group/menu-sub-item relative', className),
+        "data-sidebar": "menu-sub-item",
+        "data-slot": "sidebar-menu-sub-item",
+        ...props
+    });
+}
+function SidebarMenuSubButton({ asChild = false, className, isActive = false, size = 'md', ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : 'a';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', 'sm' === size && 'text-xs', 'md' === size && 'text-sm', 'group-data-[collapsible=icon]:hidden', className),
+        "data-active": isActive,
+        "data-sidebar": "menu-sub-button",
+        "data-size": size,
+        "data-slot": "sidebar-menu-sub-button",
+        ...props
+    });
+}
+exports.Sidebar = __webpack_exports__.Sidebar;
+exports.SidebarContent = __webpack_exports__.SidebarContent;
+exports.SidebarFooter = __webpack_exports__.SidebarFooter;
+exports.SidebarGroup = __webpack_exports__.SidebarGroup;
+exports.SidebarGroupAction = __webpack_exports__.SidebarGroupAction;
+exports.SidebarGroupContent = __webpack_exports__.SidebarGroupContent;
+exports.SidebarGroupLabel = __webpack_exports__.SidebarGroupLabel;
+exports.SidebarHeader = __webpack_exports__.SidebarHeader;
+exports.SidebarInput = __webpack_exports__.SidebarInput;
+exports.SidebarInset = __webpack_exports__.SidebarInset;
+exports.SidebarMenu = __webpack_exports__.SidebarMenu;
+exports.SidebarMenuAction = __webpack_exports__.SidebarMenuAction;
+exports.SidebarMenuBadge = __webpack_exports__.SidebarMenuBadge;
+exports.SidebarMenuButton = __webpack_exports__.SidebarMenuButton;
+exports.SidebarMenuItem = __webpack_exports__.SidebarMenuItem;
+exports.SidebarMenuSkeleton = __webpack_exports__.SidebarMenuSkeleton;
+exports.SidebarMenuSub = __webpack_exports__.SidebarMenuSub;
+exports.SidebarMenuSubButton = __webpack_exports__.SidebarMenuSubButton;
+exports.SidebarMenuSubItem = __webpack_exports__.SidebarMenuSubItem;
+exports.SidebarProvider = __webpack_exports__.SidebarProvider;
+exports.SidebarRail = __webpack_exports__.SidebarRail;
+exports.SidebarSeparator = __webpack_exports__.SidebarSeparator;
+exports.SidebarTrigger = __webpack_exports__.SidebarTrigger;
+exports.sidebarMenuButtonVariants = __webpack_exports__.sidebarMenuButtonVariants;
+exports.useSidebar = __webpack_exports__.useSidebar;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Sidebar",
+    "SidebarContent",
+    "SidebarFooter",
+    "SidebarGroup",
+    "SidebarGroupAction",
+    "SidebarGroupContent",
+    "SidebarGroupLabel",
+    "SidebarHeader",
+    "SidebarInput",
+    "SidebarInset",
+    "SidebarMenu",
+    "SidebarMenuAction",
+    "SidebarMenuBadge",
+    "SidebarMenuButton",
+    "SidebarMenuItem",
+    "SidebarMenuSkeleton",
+    "SidebarMenuSub",
+    "SidebarMenuSubButton",
+    "SidebarMenuSubItem",
+    "SidebarProvider",
+    "SidebarRail",
+    "SidebarSeparator",
+    "SidebarTrigger",
+    "sidebarMenuButtonVariants",
+    "useSidebar"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});