import type { SidebarProps } from "./Sidebar.types";
/**
 * Componente raíz del Sidebar con arquitectura headless
 *
 * @description
 * Componente principal que provee el contexto compartido a todos los
 * componentes primitivos del sidebar (SidebarNav, SidebarToggle, etc.).
 *
 * Este componente NO renderiza ningún elemento visual por sí mismo,
 * solo provee el Provider de contexto. Los estilos y estructura visual
 * se definen componiendo los primitivos hijos.
 *
 * Soporta dos modos:
 * - **Uncontrolled**: Usa `defaultOpen` para estado interno
 * - **Controlled**: Usa `open` + `onOpenChange` para control externo
 *
 * También soporta render props para acceder al estado del sidebar:
 *
 * @example
 * ```tsx
 * // Uso básico (children estáticos)
 * <Sidebar defaultOpen={true} collapseMode="collapse">
 *   <SidebarNav>
 *     <SidebarToggle />
 *     <SidebarContent>
 *       <SidebarItem href="/" icon={<HomeIcon />} />
 *     </SidebarContent>
 *   </SidebarNav>
 * </Sidebar>
 * ```
 *
 * @example
 * ```tsx
 * // Con render props (acceso al estado)
 * <Sidebar>
 *   {({ open, collapsed }) => (
 *     <>
 *       <SidebarNav className={cn(!open && 'hidden')}>
 *         <SidebarContent>
 *           <SidebarItem label={open ? "Home" : undefined} />
 *         </SidebarContent>
 *       </SidebarNav>
 *       <div>Sidebar is {open ? 'open' : 'closed'}</div>
 *     </>
 *   )}
 * </Sidebar>
 * ```
 *
 * @example
 * ```tsx
 * // Modo controlled
 * function App() {
 *   const [open, setOpen] = useState(true)
 *
 *   return (
 *     <Sidebar open={open} onOpenChange={setOpen}>
 *       <SidebarNav>...</SidebarNav>
 *     </Sidebar>
 *   )
 * }
 * ```
 *
 * @example
 * ```tsx
 * // Con configuración custom
 * <Sidebar
 *   collapseMode="hide"
 *   dimensions={{ expandedWidth: "20rem" }}
 *   animations={{ widthTransitionDuration: 500 }}
 * >
 *   <SidebarNav>...</SidebarNav>
 * </Sidebar>
 * ```
 *
 * @note
 * Los colores se obtienen automáticamente de los tokens CSS de shadcn definidos
 * en globals.css (--sidebar, --sidebar-accent, --sidebar-primary, etc.)
 */
export declare function Sidebar({ children, className, style, defaultOpen, open, onOpenChange, collapseMode, hideBehaviour, hideOpensBehavior, layoutBehaviour, dimensions, animations, toggleId, debug, enableFluidIndicator, enableTooltip, liquidGlass, as }: SidebarProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Sidebar.d.ts.map