import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const sidebarVariants = cva( "flex h-full flex-col gap-4", { variants: { variant: { glass: "rounded-2xl border-6 border-white/30 bg-white/30 backdrop-blur-md shadow-lg ring-1 ring-black/20 p-4", outline: "rounded-xl border-1 border-border bg-background p-4", muted: "bg-muted text-muted-foreground rounded-xl p-4", }, }, defaultVariants: { variant: "glass", }, } ) interface SidebarRootProps extends React.HTMLAttributes, VariantProps { inner?: string } const SidebarRoot = React.forwardRef( ({ className, variant, inner, ...props }, ref) => (

) ) SidebarRoot.displayName = "SidebarRoot" const SidebarSection = React.forwardRef>( ({ className, ...props }, ref) => (

) ) SidebarSection.displayName = "SidebarSection" const SidebarItem = React.forwardRef>( ({ className, ...props }, ref) => (

) ) SidebarItem.displayName = "SidebarItem" const SidebarGroup = React.forwardRef>( ({ className, ...props }, ref) => (

) ) SidebarGroup.displayName = "SidebarGroup" export { SidebarRoot, SidebarSection, SidebarItem, SidebarGroup, sidebarVariants, }