@arolariu/components 0.0.34 → 0.0.36

package/dist/cjs/components/ui/sidebar.cjs

@@ -1,2 +1,513 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("react"),I=require("../../hooks/use-mobile.cjs"),j=require("./tooltip.cjs"),i=require("../../lib/utils.cjs"),m=require("./sheet.cjs"),z=require("./input.cjs"),M=require("./skeleton.cjs"),O=require("./button.cjs"),T=require("./separator.cjs"),h=require("../../node_modules/@radix-ui/react-slot/dist/index.cjs"),D=require("../../node_modules/class-variance-authority/dist/index.cjs"),B=require("../../node_modules/lucide-react/dist/esm/icons/panel-left.cjs");function E(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const c=E(C),q="sidebar_state",A=60*60*24*7,R="16rem",G="18rem",H="3rem",K="b",N=c.createContext(null);function x(){const e=c.useContext(N);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function L({defaultOpen:e=!0,open:a,onOpenChange:r,className:n,style:s,children:o,...p}){const l=I.useIsMobile(),[f,u]=c.useState(!1),[v,k]=c.useState(e),g=a??v,S=c.useCallback(d=>{const b=typeof d=="function"?d(g):d;r?r(b):k(b),document.cookie=`${q}=${b}; path=/; max-age=${A}`},[r,g]),w=c.useCallback(()=>l?u(d=>!d):S(d=>!d),[l,S,u]);c.useEffect(()=>{const d=b=>{b.key===K&&(b.metaKey||b.ctrlKey)&&(b.preventDefault(),w())};return window.addEventListener("keydown",d),()=>window.removeEventListener("keydown",d)},[w]);const y=g?"expanded":"collapsed",_=c.useMemo(()=>({state:y,open:g,setOpen:S,isMobile:l,openMobile:f,setOpenMobile:u,toggleSidebar:w}),[y,g,S,l,f,u,w]);return t.jsx(N.Provider,{value:_,children:t.jsx(j.TooltipProvider,{delayDuration:0,children:t.jsx("div",{"data-slot":"sidebar-wrapper",style:{"--sidebar-width":R,"--sidebar-width-icon":H,...s},className:i.cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",n),...p,children:o})})})}function P({side:e="left",variant:a="sidebar",collapsible:r="offcanvas",className:n,children:s,...o}){const{isMobile:p,state:l,openMobile:f,setOpenMobile:u}=x();return r==="none"?t.jsx("div",{"data-slot":"sidebar",className:i.cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",n),...o,children:s}):p?t.jsx(m.Sheet,{open:f,onOpenChange:u,...o,children:t.jsxs(m.SheetContent,{"data-sidebar":"sidebar","data-slot":"sidebar","data-mobile":"true",className:"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",style:{"--sidebar-width":G},side:e,children:[t.jsxs(m.SheetHeader,{className:"sr-only",children:[t.jsx(m.SheetTitle,{children:"Sidebar"}),t.jsx(m.SheetDescription,{children:"Displays the mobile sidebar."})]}),t.jsx("div",{className:"flex h-full w-full flex-col",children:s})]})}):t.jsxs("div",{className:"group peer text-sidebar-foreground hidden md:block","data-state":l,"data-collapsible":l==="collapsed"?r:"","data-variant":a,"data-side":e,"data-slot":"sidebar",children:[t.jsx("div",{className:i.cn("relative h-svh w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"||a==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),t.jsx("div",{className:i.cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",a==="floating"||a==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",n),...o,children:t.jsx("div",{"data-sidebar":"sidebar",className:"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",children:s})})]})}function V({className:e,onClick:a,...r}){const{toggleSidebar:n}=x();return t.jsxs(O.Button,{"data-sidebar":"trigger","data-slot":"sidebar-trigger",variant:"ghost",size:"icon",className:i.cn("h-7 w-7",e),onClick:s=>{a?.(s),n()},...r,children:[t.jsx(B.default,{}),t.jsx("span",{className:"sr-only",children:"Toggle Sidebar"})]})}function W({className:e,...a}){const{toggleSidebar:r}=x();return t.jsx("button",{"data-sidebar":"rail","data-slot":"sidebar-rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:r,title:"Toggle Sidebar",className:i.cn("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear 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] sm:flex","in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",e),...a})}function F({className:e,...a}){return t.jsx("main",{"data-slot":"sidebar-inset",className:i.cn("bg-white relative flex min-h-svh w-full flex-1 flex-col dark:bg-neutral-950","peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))] 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),...a})}function U({className:e,...a}){return t.jsx(z.Input,{"data-slot":"sidebar-input","data-sidebar":"input",className:i.cn("bg-white h-8 w-full shadow-none dark:bg-neutral-950",e),...a})}function X({className:e,...a}){return t.jsx("div",{"data-slot":"sidebar-header","data-sidebar":"header",className:i.cn("flex flex-col gap-2 p-2",e),...a})}function Y({className:e,...a}){return t.jsx("div",{"data-slot":"sidebar-footer","data-sidebar":"footer",className:i.cn("flex flex-col gap-2 p-2",e),...a})}function $({className:e,...a}){return t.jsx(T.Separator,{"data-slot":"sidebar-separator","data-sidebar":"separator",className:i.cn("bg-sidebar-border mx-2 w-auto",e),...a})}function J({className:e,...a}){return t.jsx("div",{"data-slot":"sidebar-content","data-sidebar":"content",className:i.cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",e),...a})}function Q({className:e,...a}){return t.jsx("div",{"data-slot":"sidebar-group","data-sidebar":"group",className:i.cn("relative flex w-full min-w-0 flex-col p-2",e),...a})}function Z({className:e,asChild:a=!1,...r}){const n=a?h.Slot:"div";return t.jsx(n,{"data-slot":"sidebar-group-label","data-sidebar":"group-label",className:i.cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",e),...r})}function ee({className:e,asChild:a=!1,...r}){const n=a?h.Slot:"button";return t.jsx(n,{"data-slot":"sidebar-group-action","data-sidebar":"group-action",className:i.cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 md:after:hidden","group-data-[collapsible=icon]:hidden",e),...r})}function ae({className:e,...a}){return t.jsx("div",{"data-slot":"sidebar-group-content","data-sidebar":"group-content",className:i.cn("w-full text-sm",e),...a})}function te({className:e,...a}){return t.jsx("ul",{"data-slot":"sidebar-menu","data-sidebar":"menu",className:i.cn("flex w-full min-w-0 flex-col gap-1",e),...a})}function re({className:e,...a}){return t.jsx("li",{"data-slot":"sidebar-menu-item","data-sidebar":"menu-item",className:i.cn("group/menu-item relative",e),...a})}const ie=D.cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium 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! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",{variants:{variant:{default:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"bg-white shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))] dark:bg-neutral-950"},size:{default:"h-8 text-sm",sm:"h-7 text-xs",lg:"h-12 text-sm group-data-[collapsible=icon]:p-0!"}},defaultVariants:{variant:"default",size:"default"}});function ne({asChild:e=!1,isActive:a=!1,variant:r="default",size:n="default",tooltip:s,className:o,...p}){const l=e?h.Slot:"button",{isMobile:f,state:u}=x(),v=t.jsx(l,{"data-slot":"sidebar-menu-button","data-sidebar":"menu-button","data-size":n,"data-active":a,className:i.cn(ie({variant:r,size:n}),o),...p});return s?(typeof s=="string"&&(s={children:s}),t.jsxs(j.Tooltip,{children:[t.jsx(j.TooltipTrigger,{asChild:!0,children:v}),t.jsx(j.TooltipContent,{side:"right",align:"center",hidden:u!=="collapsed"||f,...s})]})):v}function se({className:e,asChild:a=!1,showOnHover:r=!1,...n}){const s=a?h.Slot:"button";return t.jsx(s,{"data-slot":"sidebar-menu-action","data-sidebar":"menu-action",className:i.cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 md:after:hidden","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",r&&"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",e),...n})}function de({className:e,...a}){return t.jsx("div",{"data-slot":"sidebar-menu-badge","data-sidebar":"menu-badge",className:i.cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none","peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",e),...a})}function oe({className:e,showIcon:a=!1,...r}){const n=c.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return t.jsxs("div",{"data-slot":"sidebar-menu-skeleton","data-sidebar":"menu-skeleton",className:i.cn("flex h-8 items-center gap-2 rounded-md px-2",e),...r,children:[a&&t.jsx(M.Skeleton,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),t.jsx(M.Skeleton,{className:"h-4 max-w-(--skeleton-width) flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":n}})]})}function le({className:e,...a}){return t.jsx("ul",{"data-slot":"sidebar-menu-sub","data-sidebar":"menu-sub",className:i.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),...a})}function ce({className:e,...a}){return t.jsx("li",{"data-slot":"sidebar-menu-sub-item","data-sidebar":"menu-sub-item",className:i.cn("group/menu-sub-item relative",e),...a})}function ue({asChild:e=!1,size:a="md",isActive:r=!1,className:n,...s}){const o=e?h.Slot:"a";return t.jsx(o,{"data-slot":"sidebar-menu-sub-button","data-sidebar":"menu-sub-button","data-size":a,"data-active":r,className:i.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 flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 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","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",a==="sm"&&"text-xs",a==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",n),...s})}exports.Sidebar=P;exports.SidebarContent=J;exports.SidebarFooter=Y;exports.SidebarGroup=Q;exports.SidebarGroupAction=ee;exports.SidebarGroupContent=ae;exports.SidebarGroupLabel=Z;exports.SidebarHeader=X;exports.SidebarInput=U;exports.SidebarInset=F;exports.SidebarMenu=te;exports.SidebarMenuAction=se;exports.SidebarMenuBadge=de;exports.SidebarMenuButton=ne;exports.SidebarMenuItem=re;exports.SidebarMenuSkeleton=oe;exports.SidebarMenuSub=le;exports.SidebarMenuSubButton=ue;exports.SidebarMenuSubItem=ce;exports.SidebarProvider=L;exports.SidebarRail=W;exports.SidebarSeparator=$;exports.SidebarTrigger=V;exports.useSidebar=x;
-//# sourceMappingURL=sidebar.cjs.map
+"use client";
+"use strict";
+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 ('undefined' != 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,
+    SidebarMenuButton: ()=>SidebarMenuButton,
+    SidebarGroupAction: ()=>SidebarGroupAction,
+    SidebarMenuSub: ()=>SidebarMenuSub,
+    SidebarContent: ()=>SidebarContent,
+    SidebarMenuSubItem: ()=>SidebarMenuSubItem,
+    SidebarTrigger: ()=>SidebarTrigger,
+    SidebarMenuAction: ()=>SidebarMenuAction,
+    SidebarHeader: ()=>SidebarHeader,
+    SidebarGroupLabel: ()=>SidebarGroupLabel,
+    SidebarMenuItem: ()=>SidebarMenuItem,
+    SidebarRail: ()=>SidebarRail,
+    SidebarMenuSubButton: ()=>SidebarMenuSubButton,
+    useSidebar: ()=>useSidebar,
+    SidebarInput: ()=>SidebarInput,
+    SidebarSeparator: ()=>SidebarSeparator,
+    SidebarProvider: ()=>SidebarProvider,
+    SidebarGroupContent: ()=>SidebarGroupContent,
+    SidebarMenuSkeleton: ()=>SidebarMenuSkeleton,
+    SidebarGroup: ()=>SidebarGroup,
+    Sidebar: ()=>Sidebar,
+    SidebarMenuBadge: ()=>SidebarMenuBadge,
+    SidebarMenu: ()=>SidebarMenu,
+    SidebarInset: ()=>SidebarInset
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const use_mobile_cjs_namespaceObject = require("../../hooks/use-mobile.cjs");
+const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
+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 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__*/ external_react_namespaceObject.createContext(null);
+function useSidebar() {
+    const context = external_react_namespaceObject.useContext(SidebarContext);
+    if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
+    return context;
+}
+function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
+    const isMobile = (0, use_mobile_cjs_namespaceObject.useIsMobile)();
+    const [openMobile, setOpenMobile] = external_react_namespaceObject.useState(false);
+    const [_open, _setOpen] = external_react_namespaceObject.useState(defaultOpen);
+    const open = openProp ?? _open;
+    const setOpen = external_react_namespaceObject.useCallback((value)=>{
+        const openState = "function" == typeof value ? value(open) : value;
+        if (setOpenProp) setOpenProp(openState);
+        else _setOpen(openState);
+        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    }, [
+        setOpenProp,
+        open
+    ]);
+    const toggleSidebar = external_react_namespaceObject.useCallback(()=>isMobile ? setOpenMobile((open)=>!open) : setOpen((open)=>!open), [
+        isMobile,
+        setOpen,
+        setOpenMobile
+    ]);
+    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";
+    const contextValue = external_react_namespaceObject.useMemo(()=>({
+            state,
+            open,
+            setOpen,
+            isMobile,
+            openMobile,
+            setOpenMobile,
+            toggleSidebar
+        }), [
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SidebarContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipProvider, {
+            delayDuration: 0,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                "data-slot": "sidebar-wrapper",
+                style: {
+                    "--sidebar-width": SIDEBAR_WIDTH,
+                    "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+                    ...style
+                },
+                className: (0, utils_cjs_namespaceObject.cn)("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className),
+                ...props,
+                children: children
+            })
+        })
+    });
+}
+function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
+    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+    if ("none" === collapsible) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "sidebar",
+        className: (0, utils_cjs_namespaceObject.cn)("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className),
+        ...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, {
+            "data-sidebar": "sidebar",
+            "data-slot": "sidebar",
+            "data-mobile": "true",
+            className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+            style: {
+                "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+            },
+            side: side,
+            children: [
+                /*#__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: "group peer text-sidebar-foreground hidden md:block",
+        "data-state": state,
+        "data-collapsible": "collapsed" === state ? collapsible : "",
+        "data-variant": variant,
+        "data-side": side,
+        "data-slot": "sidebar",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                "data-slot": "sidebar-gap",
+                className: (0, utils_cjs_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)")
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                "data-slot": "sidebar-container",
+                className: (0, utils_cjs_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),
+                ...props,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    "data-sidebar": "sidebar",
+                    "data-slot": "sidebar-inner",
+                    className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
+                    children: children
+                })
+            })
+        ]
+    });
+}
+function SidebarTrigger({ className, onClick, ...props }) {
+    const { toggleSidebar } = useSidebar();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+        "data-sidebar": "trigger",
+        "data-slot": "sidebar-trigger",
+        variant: "ghost",
+        size: "icon",
+        className: (0, utils_cjs_namespaceObject.cn)("size-7", className),
+        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"
+            })
+        ]
+    });
+}
+function SidebarRail({ className, ...props }) {
+    const { toggleSidebar } = useSidebar();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        "data-sidebar": "rail",
+        "data-slot": "sidebar-rail",
+        "aria-label": "Toggle Sidebar",
+        tabIndex: -1,
+        onClick: toggleSidebar,
+        title: "Toggle Sidebar",
+        className: (0, utils_cjs_namespaceObject.cn)("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear 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] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
+        ...props
+    });
+}
+function SidebarInset({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
+        "data-slot": "sidebar-inset",
+        className: (0, utils_cjs_namespaceObject.cn)("bg-white relative flex w-full flex-1 flex-col dark:bg-neutral-950", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className),
+        ...props
+    });
+}
+function SidebarInput({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
+        "data-slot": "sidebar-input",
+        "data-sidebar": "input",
+        className: (0, utils_cjs_namespaceObject.cn)("bg-white h-8 w-full shadow-none dark:bg-neutral-950", className),
+        ...props
+    });
+}
+function SidebarHeader({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "sidebar-header",
+        "data-sidebar": "header",
+        className: (0, utils_cjs_namespaceObject.cn)("flex flex-col gap-2 p-2", className),
+        ...props
+    });
+}
+function SidebarFooter({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "sidebar-footer",
+        "data-sidebar": "footer",
+        className: (0, utils_cjs_namespaceObject.cn)("flex flex-col gap-2 p-2", className),
+        ...props
+    });
+}
+function SidebarSeparator({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator, {
+        "data-slot": "sidebar-separator",
+        "data-sidebar": "separator",
+        className: (0, utils_cjs_namespaceObject.cn)("bg-sidebar-border mx-2 w-auto", className),
+        ...props
+    });
+}
+function SidebarContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "sidebar-content",
+        "data-sidebar": "content",
+        className: (0, utils_cjs_namespaceObject.cn)("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
+        ...props
+    });
+}
+function SidebarGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "sidebar-group",
+        "data-sidebar": "group",
+        className: (0, utils_cjs_namespaceObject.cn)("relative flex w-full min-w-0 flex-col p-2", className),
+        ...props
+    });
+}
+function SidebarGroupLabel({ className, asChild = false, ...props }) {
+    const Comp = asChild ? react_slot_namespaceObject.Slot : "div";
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        "data-slot": "sidebar-group-label",
+        "data-sidebar": "group-label",
+        className: (0, utils_cjs_namespaceObject.cn)("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
+        ...props
+    });
+}
+function SidebarGroupAction({ className, asChild = false, ...props }) {
+    const Comp = asChild ? react_slot_namespaceObject.Slot : "button";
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        "data-slot": "sidebar-group-action",
+        "data-sidebar": "group-action",
+        className: (0, utils_cjs_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 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", className),
+        ...props
+    });
+}
+function SidebarGroupContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "sidebar-group-content",
+        "data-sidebar": "group-content",
+        className: (0, utils_cjs_namespaceObject.cn)("w-full text-sm", className),
+        ...props
+    });
+}
+function SidebarMenu({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
+        "data-slot": "sidebar-menu",
+        "data-sidebar": "menu",
+        className: (0, utils_cjs_namespaceObject.cn)("flex w-full min-w-0 flex-col gap-1", className),
+        ...props
+    });
+}
+function SidebarMenuItem({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+        "data-slot": "sidebar-menu-item",
+        "data-sidebar": "menu-item",
+        className: (0, utils_cjs_namespaceObject.cn)("group/menu-item relative", className),
+        ...props
+    });
+}
+const sidebarMenuButtonVariants = (0, external_class_variance_authority_namespaceObject.cva)("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium 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! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+            outline: "bg-white shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))] dark:bg-neutral-950"
+        },
+        size: {
+            default: "h-8 text-sm",
+            sm: "h-7 text-xs",
+            lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+function SidebarMenuButton({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }) {
+    const Comp = asChild ? react_slot_namespaceObject.Slot : "button";
+    const { isMobile, state } = useSidebar();
+    const button = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        "data-slot": "sidebar-menu-button",
+        "data-sidebar": "menu-button",
+        "data-size": size,
+        "data-active": isActive,
+        className: (0, utils_cjs_namespaceObject.cn)(sidebarMenuButtonVariants({
+            variant,
+            size
+        }), className),
+        ...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, {
+                side: "right",
+                align: "center",
+                hidden: "collapsed" !== state || isMobile,
+                ...tooltip
+            })
+        ]
+    });
+}
+function SidebarMenuAction({ className, asChild = false, showOnHover = false, ...props }) {
+    const Comp = asChild ? react_slot_namespaceObject.Slot : "button";
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        "data-slot": "sidebar-menu-action",
+        "data-sidebar": "menu-action",
+        className: (0, utils_cjs_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 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", 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),
+        ...props
+    });
+}
+function SidebarMenuBadge({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "sidebar-menu-badge",
+        "data-sidebar": "menu-badge",
+        className: (0, utils_cjs_namespaceObject.cn)("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
+        ...props
+    });
+}
+function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
+    const width = external_react_namespaceObject.useMemo(()=>`${Math.floor(40 * Math.random()) + 50}%`, []);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        "data-slot": "sidebar-menu-skeleton",
+        "data-sidebar": "menu-skeleton",
+        className: (0, utils_cjs_namespaceObject.cn)("flex h-8 items-center gap-2 rounded-md px-2", className),
+        ...props,
+        children: [
+            showIcon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_skeleton_cjs_namespaceObject.Skeleton, {
+                className: "size-4 rounded-md",
+                "data-sidebar": "menu-skeleton-icon"
+            }),
+            /*#__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", {
+        "data-slot": "sidebar-menu-sub",
+        "data-sidebar": "menu-sub",
+        className: (0, utils_cjs_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),
+        ...props
+    });
+}
+function SidebarMenuSubItem({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+        "data-slot": "sidebar-menu-sub-item",
+        "data-sidebar": "menu-sub-item",
+        className: (0, utils_cjs_namespaceObject.cn)("group/menu-sub-item relative", className),
+        ...props
+    });
+}
+function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false, className, ...props }) {
+    const Comp = asChild ? react_slot_namespaceObject.Slot : "a";
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
+        "data-slot": "sidebar-menu-sub-button",
+        "data-sidebar": "menu-sub-button",
+        "data-size": size,
+        "data-active": isActive,
+        className: (0, utils_cjs_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 flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 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", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", "sm" === size && "text-xs", "md" === size && "text-sm", "group-data-[collapsible=icon]:hidden", className),
+        ...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.useSidebar = __webpack_exports__.useSidebar;
+for(var __webpack_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",
+    "useSidebar"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=sidebar.cjs.map