({ className, ...props }: React.ComponentProps<"button">)
| 285 | } |
| 286 | |
| 287 | function SidebarRail({ className, ...props }: React.ComponentProps<"button">) { |
| 288 | const { toggleSidebar } = useSidebar(); |
| 289 | |
| 290 | return ( |
| 291 | <button |
| 292 | aria-label="Toggle Sidebar" |
| 293 | className={cn( |
| 294 | "-translate-x-1/2 group-data-[side=left]:-right-4 absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=right]:left-0 sm:flex", |
| 295 | "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", |
| 296 | "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", |
| 297 | "group-data-[collapsible=offcanvas]:translate-x-0 hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:after:left-full", |
| 298 | "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", |
| 299 | "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", |
| 300 | className |
| 301 | )} |
| 302 | data-sidebar="rail" |
| 303 | data-slot="sidebar-rail" |
| 304 | onClick={toggleSidebar} |
| 305 | tabIndex={-1} |
| 306 | title="Toggle Sidebar" |
| 307 | {...props} |
| 308 | /> |
| 309 | ); |
| 310 | } |
| 311 | |
| 312 | function SidebarInset({ className, ...props }: React.ComponentProps<"main">) { |
| 313 | return ( |
nothing calls this directly
no test coverage detected