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