({ className, ...props }: React.ComponentProps<"button">)
| 263 | } |
| 264 | |
| 265 | function SidebarRail({ className, ...props }: React.ComponentProps<"button">) { |
| 266 | const { toggleSidebar } = useSidebar(); |
| 267 | |
| 268 | return ( |
| 269 | // oxlint-disable-next-line react/forbid-elements |
| 270 | <button |
| 271 | data-sidebar="rail" |
| 272 | data-slot="sidebar-rail" |
| 273 | aria-label="Toggle Sidebar" |
| 274 | tabIndex={-1} |
| 275 | onClick={toggleSidebar} |
| 276 | title="Toggle Sidebar" |
| 277 | className={cn( |
| 278 | "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] hover:after:bg-sidebar-border sm:flex", |
| 279 | "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", |
| 280 | "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", |
| 281 | "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar", |
| 282 | "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", |
| 283 | "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", |
| 284 | className, |
| 285 | )} |
| 286 | {...props} |
| 287 | /> |
| 288 | ); |
| 289 | } |
| 290 | |
| 291 | function SidebarInset({ className, ...props }: React.ComponentProps<"main">) { |
| 292 | return ( |
nothing calls this directly
no test coverage detected